<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Minification failed. Returning unminified contents.
(29779,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
 */
/*flipclock*/
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */

input:read-only:not([type="button"]):not([type="submit"]):not([type="radio"]) {
    pointer-events: none;
    opacity: 0.75;
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

    .flip-clock-wrapper a:hover {
        color: #fff;
    }

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    zoom: 1;
}

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

    .flip-clock-meridium a {
        color: #313333;
    }

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100px;
    margin: 0 auto;
}

    .flip-clock-wrapper:before,
    .flip-clock-wrapper:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .flip-clock-wrapper:after {
        clear: both;
    }

    /* Skeleton */
    .flip-clock-wrapper ul {
        position: relative;
        float: left;
        margin: 1px;
        width: 20px;
        height: 20px;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        border-radius: 6px;
        background: #000;
    }

        .flip-clock-wrapper ul li {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            line-height: 20px;
            text-decoration: none !important;
        }

            .flip-clock-wrapper ul li:first-child {
                z-index: 2;
            }

            .flip-clock-wrapper ul li a {
                display: block;
                height: 100%;
                -webkit-perspective: 200px;
                -moz-perspective: 200px;
                perspective: 200px;
                margin: 0 !important;
                overflow: visible !important;
                cursor: default !important;
            }

                .flip-clock-wrapper ul li a div {
                    z-index: 1;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    height: 50%;
                    font-size: 80px;
                    overflow: hidden;
                    outline: 1px solid transparent;
                }

                    .flip-clock-wrapper ul li a div .shadow {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: 2;
                    }

                    .flip-clock-wrapper ul li a div.up {
                        -webkit-transform-origin: 50% 100%;
                        -moz-transform-origin: 50% 100%;
                        -ms-transform-origin: 50% 100%;
                        -o-transform-origin: 50% 100%;
                        transform-origin: 50% 100%;
                        top: 0;
                    }

                        .flip-clock-wrapper ul li a div.up:after {
                            content: "";
                            position: absolute;
                            top: 44px;
                            left: 0;
                            z-index: 5;
                            width: 100%;
                            height: 3px;
                            background-color: #000;
                            background-color: rgba(0, 0, 0, 0.4);
                        }

                    .flip-clock-wrapper ul li a div.down {
                        -webkit-transform-origin: 50% 0;
                        -moz-transform-origin: 50% 0;
                        -ms-transform-origin: 50% 0;
                        -o-transform-origin: 50% 0;
                        transform-origin: 50% 0;
                        bottom: 0;
                        border-bottom-left-radius: 6px;
                        border-bottom-right-radius: 6px;
                    }

                    .flip-clock-wrapper ul li a div div.inn {
                        position: absolute;
                        left: 0;
                        z-index: 1;
                        width: 100%;
                        height: 200%;
                        color: #ccc;
                        text-shadow: 0 1px 2px #000;
                        text-align: center;
                        background-color: #333;
                        border-radius: 6px;
                        font-size: 14px;
                    }

                    .flip-clock-wrapper ul li a div.up div.inn {
                        top: 0;
                    }

                    .flip-clock-wrapper ul li a div.down div.inn {
                        bottom: 0;
                    }

        /* PLAY */
        .flip-clock-wrapper ul.play li.flip-clock-before {
            z-index: 3;
        }

    .flip-clock-wrapper .flip {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    }

    .flip-clock-wrapper ul.play li.flip-clock-active {
        -webkit-animation: asd 0.5s 0.5s linear both;
        -moz-animation: asd 0.5s 0.5s linear both;
        animation: asd 0.5s 0.5s linear both;
        z-index: 5;
    }

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 10px;
    height: 22px;
}

    .flip-clock-divider:first-child {
        width: 0;
    }

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 2px;
    height: 2px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 4px;
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none;
    display: none;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px;
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px;
}

.flip-clock-dot.top {
    top: 9px;
}

.flip-clock-dot.bottom {
    bottom: 7px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*flipclock end*/

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.nobr {
    -ms-word-break: none;
    word-break: none;
}

.clear, .clearfix {
    clear: both;
}

.hidden {
    display: none;
}

.aLeft {
    text-align: left;
}

.aCenter {
    text-align: center;
}

.aRight {
    text-align: right;
}

.input-small {
    width: 50px;
}

.input-mid {
    width: 100px;
}


/*header*/
.header-top-divider {
    height: 39px;
    /*background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/supplementler/header_container_bg.jpg) top left repeat-x;*/
}

.store-logos,
.header-links,
.header-cart {
    float: left;
}

.header-cart {
    position: relative;
    width: 340px;
    margin-top: 0px;
}

.store-logos a {
    width: 150px;
    text-align: center;
    -webkit-box-shadow: 4px 0px 7px -4px rgba(187, 187, 187, 0.5), -4px 0px 7px -4px rgba(187, 187, 187, 0.5);
    -ms-box-shadow: 4px 0px 7px -4px rgba(187, 187, 187, 0.5), -4px 0px 7px -4px rgba(187, 187, 187, 0.5);
    box-shadow: 4px 0px 7px -4px rgba(187, 187, 187, 0.5), -4px 0px 7px -4px rgba(187, 187, 187, 0.5);
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-8 */
    line-height: 40px;
    font-size: 13px;
    float: left;
}

    .store-logos a + a {
        margin-left: 15px;
    }

    .store-logos a.active {
        background: #fff;
    }

.header-links-wrapper {
    margin-top: -39px;
    position: relative;
    background-image: linear-gradient(to bottom, #ffffff, #f8f8f8);
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/supplementler/header_container_bg.jpg) top left repeat-x;
}


.header-links {
    width: 380px;
    position: relative;
}

    .header-links .btn {
        border: none;
        background: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        -ms-text-shadow: none;
        text-shadow: none;
        font-size: 11px;
        padding: 0;
        color: #0060bc;
    }

    .header-links a.customer-name {
        color: #b7b7b7;
    }


.links-wrapper a.phone {
    position: absolute;
    top: 5px;
    right: 20px;
    margin-right: 0;
    padding-right: 0;
    color: #0060bc;
    font-size: 14px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/phone_icon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 18px;
    font-family: HelveticaNeueLTPro-Roman, arial;
    font-weight: bold;
}

    .links-wrapper a.phone span {
        color: #9e9e9e;
    }

    .links-wrapper a.phone:after {
        content: "";
        background-color: #ffffff;
    }

.links-wrapper .btn-group.open .btn.dropdown-toggle {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background: none;
}

.header-links .btn span {
    display: block;
    padding-right: 10px;
    position: relative;
    font-family: HelveticaNeueLTPro-Md, arial;
}

    .header-links .btn span:after {
        content: "";
        border-top: 4px solid #000;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        position: absolute;
        top: 8px;
        right: 0;
    }


.links-wrapper .btn-group.open .btn.dropdown-toggle span {
    text-decoration: underline;
}

.links-wrapper {
    width: 280px;
    padding-left: 10px;
    float: left;
}

    .links-wrapper a {
        font-size: 11px;
        color: #0060bc;
        /* padding-left: 10px; */
        float: left;
        position: relative;
        padding-right: 5px;
        margin-right: 5px;
    }

        .links-wrapper a:hover {
            color: #0060bc;
            text-decoration: underline;
        }

    .links-wrapper &gt; a:after, .links-wrapper .btn-group:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        background-color: #ddd;
        height: 14px;
        margin-top: -7px;
    }

.customer-name-wrapper {
    padding-left: 10px;
}

.h-customer-name {
    color: #b7b7b7;
    font-size: 11px;
}

.links-wrapper .dropdown-menu li a {
    display: block;
    float: none;
    line-height: 10px;
}

.links-wrapper .dropdown-menu {
    margin-top: -1px;
    margin-left: -10px;
}

    .links-wrapper .dropdown-menu li {
        float: none;
    }

.links-wrapper .btn-group {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}


.links-wrapper .last-order {
    position: relative;
    float: left;
    padding-right: 6px;
    margin-right: 6px;
}

    .links-wrapper .last-order:after {
        background-color: #ddd;
        content: "";
        height: 14px;
        margin-top: -7px;
        position: absolute;
        right: 0;
        top: 10px;
        width: 1px;
    }

    .links-wrapper .last-order &gt; a {
        padding: 0;
        margin: 0;
        height: 32px;
    }


    .links-wrapper .last-order .last-order-content {
        display: none;
        background: red;
        margin-top: 30px;
    }

    .links-wrapper .last-order:hover .last-order-content {
        display: block;
        position: absolute;
        left: 0;
        z-index: 99999;
    }

.store-logo-supplementler .brand-name {
    color: #013c77;
}

    .store-logo-supplementler .brand-name span {
        color: #222222;
    }

.store-logo-vitaminler .brand-name {
    color: #8fbe1e;
}

    .store-logo-vitaminler .brand-name span {
        color: #375f28;
    }

.store-logos a {
    font-weight: bold;
    -ms-text-shadow: none;
    text-shadow: none;
}

.cart-inner {
    height: 39px;
}

.cart-inner-info {
    line-height: 15px;
    float: left;
    padding: 12px 15px 12px 15px;
    color: #fff;
    position: relative;
    width: 46%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 13px;
}

    .cart-inner-info:hover {
        color: #fff;
    }

    .cart-inner-info:after {
        /*content: "";
		position: absolute;
		top: 50%;
		right: -5px;
		margin-top: -5px;
		width: 10px;
		height: 10px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);*/
    }

    .cart-inner-info:before {
        content: "";
        width: 30px;
        height: 26px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -14px;
    }

.basketLink {
    float: left;
    width: 54%;
    text-align: center;
    height: 100%;
}

.cart-total-wrapper {
    float: left;
    text-align: left;
    padding-left: 13px;
    font-size: 11px;
    font-weight: bold;
    color: #444;
    margin-top: 8px;
    line-height: normal;
}

.btn-cart {
    color: #fff;
    font-size: 12px;
    float: right;
    padding: 3px 16px;
    margin-top: 7px;
    margin-right: 14px;
}

.cart-total-wrapper-message {
    color: #444;
    font-weight: bold;
    font-size: 12px;
    display: block;
    line-height: 42px;
    text-align: center;
}

.header-search {
    position: relative;
    z-index: 3;
}


/*menu*/
.top-menu-list {
    margin: 0;
    list-style: none;
    float: left;
    position: relative;
    width: 100%;
}

.main-link-wrapper {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 48px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-link {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
}


.sub-wrapper {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 3;
    top: 48px;
    width: 240px;
    text-align: left;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.header-menu-list {
    margin: 0;
    list-style: none;
}

.sub-wrapper.brand-category {
    width: 100%;
}

.sub-link {
    font-size: 12px;
    color: #fff;
    display: block;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/menuicon.png") no-repeat 11px 7px transparent;
    font-weight: bold;
    padding: 4px 0 4px 22px;
}

.submenu-column h4 {
    color: #fff;
    margin: 0;
    padding: 10px 0 10px 12px;
    border-bottom: 1px solid #fff;
}

.submenu-column {
    float: left;
    width: 18%;
    margin: 0 1%;
}


/*menu end*/
/*header end*/


/*flyout*/
.cart-summary {
    position: absolute;
    top: 39px;
    right: 0;
    width: 415px;
    background: #fff;
    z-index: 4;
    display: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.cart-content-box {
    text-align: center;
}


    .cart-content-box .flyOutRemoveItem {
        color: #d11514;
        border: 1px solid #d11514;
        border-radius: 7px;
        padding: 4px 7px;
    }

.emptycart {
    padding: 10px;
    text-align: center;
}

.basket {
    width: 620px;
}

    .basket .cart-common-info {
        width: 28%;
        float: left;
        padding: 0 7px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .basket #flyout-cart {
        float: left;
        width: 72%;
        background-color: #fff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        min-height: 258px;
    }

@-moz-document url-prefix() {
    .basket #flyout-cart {
        min-height: 280px;
    }
}

#flyout-cart .old-price {
    text-decoration: line-through;
    font-family: Open Sans;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #f73d04;
}
/*flyout end*/

.basket th + th + th {
    text-align: center;
}

.basket th {
    font-size: 11px;
}


.basket .cart-common-info p,
.basket .cart-common-info h3 {
    text-align: left;
}

.cart-common-info p {
    font-size: 11px;
    font-weight: bold;
}

.basket td a, .basket td {
    font-size: 11px;
    line-height: 14px;
}

.bx-wrapper .home-page-slider-wrapper img {
    width: 100%;
}

.home-page-slider-wrapper {
    margin: 0;
    max-height: 300px;
    overflow: hidden;
}

.home-index .bx-wrapper .bx-controls-direction a {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    z-index: 1;
}

    .home-index .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0;
    }

    .home-index .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0;
    }


/* order change */
.pending-edit-wrapper {
    width: 700px;
    margin: 0 0;
}

.pending-address-box {
    display: none;
}

    .pending-address-box .create-or-update {
        padding: 10px;
        border: none;
    }

.order .fancybox-close {
    top: -54px;
    right: 0;
    width: 30px;
    height: 30px;
    background: url("./Themes/Supplementler/Content/images/numodal-close.png") center center no-repeat;
}
/* order change end */
.address-edit-box {
    padding: 15px;
    border: 1px solid #cacaca;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0, .3);
    -ms-box-shadow: 0 0 3px 0 rgba(0,0,0, .3);
    box-shadow: 0 0 3px 0 rgba(0,0,0, .3);
    background-color: #f9f9f9;
}



.address-edit-buttons {
    text-align: right;
}

.pending-address-edit {
    color: #B3B3B3;
}

    .pending-address-edit:hover {
        color: #b3b3b3;
    }

.row {
    margin: 0 -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4,
.col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
    float: left;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
}

.col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4,
.col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
    padding: 0;
}

.col-lg-12 {
    width: 100%;
}

.col-lg-11 {
    width: 91.66666667%;
}

.col-lg-10 {
    width: 83.33333333%;
}

.col-lg-9 {
    width: 75%;
}

.col-lg-8 {
    width: 66.66666667%;
}

.col-lg-7 {
    width: 58.33333333%;
}

.col-lg-6 {
    width: 50%;
}

.col-lg-5 {
    width: 41.66666667%;
}

.col-lg-4 {
    width: 33.33333333%;
}

.col-lg-3 {
    width: 25%;
}

.col-lg-2 {
    width: 16.66666667%;
}

.col-lg-1 {
    width: 8.33333333%;
}

.col-lg-offset-12 {
    margin-left: 100%;
}

.col-lg-offset-11 {
    margin-left: 91.66666667%;
}

.col-lg-offset-10 {
    margin-left: 83.33333333%;
}

.col-lg-offset-9 {
    margin-left: 75%;
}

.col-lg-offset-8 {
    margin-left: 66.66666667%;
}

.col-lg-offset-7 {
    margin-left: 58.33333333%;
}

.col-lg-offset-6 {
    margin-left: 50%;
}

.col-lg-offset-5 {
    margin-left: 41.66666667%;
}

.col-lg-offset-4 {
    margin-left: 33.33333333%;
}

.col-lg-offset-3 {
    margin-left: 25%;
}

.col-lg-offset-2 {
    margin-left: 16.66666667%;
}

.col-lg-offset-1 {
    margin-left: 8.33333333%;
}

/*order change end*/


.home-index .bx-wrapper {
    min-height: 300px;
}


.home .bx-wrapper .bx-viewport {
    min-height: 300px;
}

a.content_menu_link.ico-admin {
    font-family: HelveticaNeueLTPro-Md,arial, arial;
    font-weight: bold;
    font-size: 11px;
    color: #0060C2;
}


.header-menu .container {
    background: #fff;
    border-bottom: 1px solid #E4E4E4;
}

.page-title.topic-title {
    padding-left: 20px;
}

.search-result.vitaminler,
.search-result.supplementler {
    float: left;
    width: 100%;
}

.nutritionLabel {
    font-size: 14px !important;
}

p.robots-nocontent.no-content-text-vit, p.robots-nocontent.no-content-text-sup {
    text-align: left;
    padding: 15px;
    font-size: 13px;
    font-style: italic;
    color: #858585;
    font-family: arial;
    line-height: 16px;
    box-sizing: border-box;
}

.slimScrollDiv {
    z-index: 1;
}

.invtabs-module li .product-price {
    margin: 0;
}

.inv-tab-menu .caret {
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 1;
    display: none;
}

.inv-tab-menu li.active .caret {
    display: block;
}
/*pending edit*/
.pending-product-name {
    display: block;
    width: 250px;
    color: #08c;
}

.edit-gift-table td,
.edit-gift-table th,
.edit-quantity-table th,
.edit-quantity-table td,
.bank-list-table td,
.bank-list-table th {
    padding: 10px;
}

.edit-gift-table th, .edit-quantity-table th, .bank-list-table th {
    font-size: 12px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd2.png) bottom left repeat-x;
    border-bottom: 1px solid #ddd;
}

.edit-gift-table, .edit-quantity-table, .bank-list-table {
    border: 1px solid #ddd;
}

.change-gift {
    width: 130px;
}

.pending-line, .method {
    margin: 20px 0;
}

.pending-line {
    margin: 20px auto;
    width: 700px;
}

.basket-gift-image {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
}


    .basket-gift-image img {
        width: 100%;
    }

.pending-line,
.cancel-order-description {
    display: block;
}

.cancel-order-description {
    width: 300px;
    margin-top: 15px;
    display: none;
}

    .cancel-order-description textarea {
        width: 100%;
        height: 100px;
        -moz-resize: none;
        -ms-resize: none;
        -o-resize: none;
        resize: none;
    }

.method {
    display: none;
}

.change-payment-oldprice span {
    font-weight: normal;
    text-decoration: line-through;
}

.change-payment-price span {
    font-weight: normal;
}

.pending-line h2 {
    font-size: 16px;
    font-weight: bold;
    color: #0362BE;
}

.update-order, #btnEditShippingAddress, #btnEditBillingAddress, #orderMethodChangeRequestCC, #orderMethodChangeRequestPP,
.useOtherMethod {
    padding: 13px 30px;
    border: 1px solid #033E7B;
    color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
}

.useOtherMethod {
    float: right;
    margin-top: 20px;
}

#btnEditShippingAddress, #btnEditBillingAddress {
    font-size: 14px;
    float: right;
}

#orderMethodChangeRequestPP, #orderMethodChangeRequestCC {
    float: right;
}

.update-order-wrapper {
    text-align: right;
    width: 700px;
    margin: 20px auto;
}

.cancel-address-edit {
    font-size: 14px;
    color: #adadad;
    text-decoration: underline;
    padding: 13px 30px;
    float: left;
}

.pending-edit-wrapper select {
    width: auto !important;
    background-position-x: 96% !important;
}

#orderCancelContainer {
    position: relative;
}

.pending-loading {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/loading.gif");
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: 100px;
}

/*pending edit end*/
/*category banner*/
.category-image img {
    width: 100%;
}
/*category banner end*/

.fb_iframe_widget_fluid span, .fb-comments iframe, .fb-comments &gt; span {
    width: 100% !important;
}

.customer-login .span12,
.customer-register .span12 {
    width: 940px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    float: none;
}

.order-pendingedit .inv_left_panel {
    float: left;
    width: 220px;
    margin-top: 15px;
}

.pending-container {
    float: left;
    margin-left: 15px;
    width: 700px;
    margin-bottom: 20px;
}

.pending-order-detail {
    padding: 5px 30px;
    color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
}


.checkout-completed .page-title {
    padding-top: 35px;
}

.cp-order-edit {
    display: block;
    width: 200px;
    padding: 13px 30px;
    border: 1px solid #033E7B;
    color: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

.cp-buttons {
    margin: 30px 0;
}

    .cp-buttons .btn + .btn {
        margin-left: 25px;
    }

.address-line .col-lg-12 {
    padding: 0 10px;
}

.merge-address-label {
    padding-left: 18px;
    position: relative;
}




select.change-quantity {
    width: 100px;
}

.order-cancel-wrapper .alert {
    margin: 0 auto;
    width: 650px;
    position: relative;
    float: left;
}


.md-oldprice, .md-price {
    text-decoration: underline;
    color: red;
    font-weight: bold;
    font-size: 18px;
}

.other-size-content table span.out-of-stock-text {
    color: #fff;
    background-color: #ccc;
    display: inline-block;
    padding: 5px 7px;
}

.load-more {
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 15px;
    padding-left: 16px;
    width: 100%;
}

#nextProductReviews {
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    font-weight: bold;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #5590fd;
    transition: all 200ms;
}

    #nextProductReviews,
    #nextProductReviews:hover,
    #nextProductReviews:active,
    #nextProductReviews:focus {
        text-decoration: none;
    }

        #nextProductReviews:hover {
            background-color: #2c6ce2;
        }

.button-wrapper {
    float: left;
    width: 100%;
}

#cancel-order-notification {
    float: left;
    margin-top: 20px;
}

.social-link-class {
    display: block;
    color: #a3b0c0;
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
}

.payment-message {
    font-weight: bold;
}



/*one click*/
.selected-card-name,
.saved-card-name {
    display: block;
}

.saved-list-wrapper {
    list-style: none;
    margin: 0;
    display: none;
    padding: 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    font-size: 16px;
    border-top: none;
}

.saved-card-list {
    max-height: 285px;
    overflow: auto;
    margin: 0;
}

.selected-card-space {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #DDD;
    cursor: pointer;
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
}

.payment-border .selected-card-space {
    margin-bottom: 0;
}

.card-information {
    text-align: center;
    border: 1px solid #b3b3b3;
    padding: 10px;
    margin-bottom: 20px;
}

.saved-card-list-wrapper {
    position: relative;
    float: left;
    width: 100%;
}

    .saved-card-list-wrapper p strong {
        font-size: 14px;
    }

    .saved-card-list-wrapper p {
        font-size: 12px;
        color: #666;
    }

.card-select {
    cursor: pointer;
    padding: 15px;
    color: #adadad;
    position: relative;
}

    .card-select:hover, .card-select.selected {
        color: #333;
    }

    .card-select + .card-select {
        border-top: 1px solid #ddd;
    }


.selected-card-arrow-down,
.selected-card-space .selected-card-tick {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 10px solid #000;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    content: "";
    background: none;
}

.selected-card-tick {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ok-green.png) center center no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    display: none;
}

.selected .selected-card-tick, .card-select:hover .selected-card-tick {
    display: block;
}










.select-other-card,
.pay-saved-card {
    display: block;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -1px;
    margin-bottom: 20px;
    cursor: pointer;
}

.select-other-card {
    color: #0057a4;
}

.pay-saved-card {
    display: none;
    background: #0057a4;
    color: #fff;
    border-color: #0057a4;
}

    .pay-saved-card:hover {
        color: #fff;
        text-decoration: none;
    }















#installmentstablecontainer {
    float: left;
    width: 100%;
}

.save-card-control {
    float: left;
    display: none;
}

.quickbuy-info-popup {
    width: 600px;
    padding: 15px;
    display: inline-block;
}

.quickbuy-settings {
    width: auto;
    float: left;
    margin: 0;
}

.go-shop {
    padding: 13px 20px;
    font-size: 18px;
    float: right;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 5px;
    color: #333;
}



.cardlist-row {
    font-size: 18px;
    float: left;
    width: 80%;
    padding: 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.cardlist-left {
    width: 60%;
    float: left;
}

.cardlist-right {
    width: 40%;
    float: left;
}

.view-card-history {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #034080;
    text-decoration: underline;
}

.delete-card,
.update-card {
    font-size: 12px;
    color: #adadad;
    display: block;
}

.update-card {
    text-decoration: underline;
}

.co-list-table td {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #ddd;
}

.co-list-table th {
    font-size: 16px;
    padding: 10px;
    border: 1px solid #ddd;
}

.oneclick-title .page-title {
    float: left;
    width: 100%;
}
/*one click end*/

/*login register*/
.btn-login-fb-button#fblogin2 {
    display: block;
    width: 412px;
    margin: 0 auto;
    margin-top: 30px;
}

#fb-login2 {
    width: 100%;
}

.login-description {
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    font-family: arial;
    color: #999;
}

.lr-title {
    color: #666;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    font-family: arial;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.lr-left {
    float: left;
    width: 40%;
    padding: 20px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lr-right {
    float: left;
    width: 60%;
    padding: 20px 40px;
    border-left: 1px solid #c2c2c2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 469px;
    box-sizing: border-box;
}

.lr-wrapper .form-control {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    border: 1px solid #c2c2c2;
    width: 100%;
    font-size: 14px;
    padding-left: 40px;
}

.form-horizontal .custom-checkbox {
    display: none;
}

.lr-wrapper {
    border-top: 1px solid #c2c2c2;
}

    .lr-wrapper .control-group {
        margin-bottom: 20px;
        position: relative;
    }

.remember-me {
    font-size: 14px;
    font-family: arial;
    color: #666;
    cursor: pointer;
}


.lr-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 100%;
    -ms-background-size: 24px;
    background-size: 36px;
    background-position: center center;
    background-repeat: no-repeat;
}

.lr-email {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/lr-icon-user.png");
}

.lr-password {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/lr-icon-password.png");
}

.form-group {
    position: relative;
}

input[type="submit"].loginbutton, input[type="button"].loginbutton {
    background-color: #55ab00;
    border: 1px solid #55ab00;
    color: #fff;
    font-size: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
    font-weight: bold;
    -ms-text-shadow: 0 0 3px rgba(0,0,0, .3);
    text-shadow: 0 0 3px rgba(0,0,0, .3);
}

.button-back {
    box-sizing: border-box;
    color: #464646;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    text-align: center;
    width: 100%;
}

    .button-back:hover {
        text-decoration: none;
        color: #464646;
    }

.login-links {
    color: #999;
    font-size: 14px;
    text-decoration: underline;
    float: left;
    width: 50%;
}

.forgot-password {
    text-align: right;
}

.gender-select .radio input[type="radio"] {
    margin-left: 0;
    margin-right: 4px;
}

.lr-label {
    font-weight: bold;
    font-size: 14px;
    color: #8C8C8C;
    font-family: arial;
}

.detail-thumb-slider .owl-wrapper-outer {
    padding: 8px 0;
}

.detail-thumb-slider .owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #cccccc;
    border: 1px solid #cccccc;
    margin: 0 2px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}


    .detail-thumb-slider .owl-page.active {
        background: #003770;
        border: 1px solid #003770;
    }

.detail-thumb-slider .owl-pagination {
    text-align: center;
    margin-top: 4px;
}

.lr-label span,
.form-description span {
    color: red;
}

.form-description,
.register-description {
    font-size: 14px;
    font-family: arial;
    color: #999;
}

.register-description {
    margin-bottom: 20px;
}

.lr-right .form-control {
    padding-left: 6px;
}

input[type="submit"].registernextstepbutton {
    background-color: #55ab00;
    border: 1px solid #55ab00;
    color: #fff;
    font-size: 20px;
    width: 266px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
    font-weight: bold;
    display: block;
    float: right;
    -ms-text-shadow: 0 0 3px rgba(0,0,0, .3);
    text-shadow: 0 0 3px rgba(0,0,0, .3);
}

input[type="text"].form-control.input-validation-error,
input[type="text"].form-control.input-validation-error:focus,
input[type="password"].form-control.input-validation-error,
input[type="password"].form-control.input-validation-error:focus {
    border-color: rgba(249, 130, 115, 0.6);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 130, 115, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 130, 115, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(249, 130, 115, 0.6);
}

.lr-wrapper .field-validation-error {
    display: block;
    background: none;
    color: red;
    font-size: 12px;
    position: absolute;
    bottom: -20px;
    left: 0;
    padding: 0;
}

em.form-description {
    text-decoration: underline;
    display: block;
    margin-bottom: 10px;
}

.open-register-form {
    display: block;
    margin: 0 auto;
    width: 340px;
    font-size: 20px;
    color: #fff;
    background: #55ab00;
    text-align: center;
    padding: 16px 0;
    font-weight: bold;
    -ms-text-shadow: 0 0 3px rgba(0,0,0, .3);
    text-shadow: 0 0 3px rgba(0,0,0, .3);
}

    .open-register-form:hover {
        text-decoration: none;
        color: #fff;
    }

.close-register-form {
    font-size: 16px;
    color: #FFFFFF;
    background: #034386;
    border: 1px solid #fff;
    padding: 15px 40px;
    margin-top: 0px;
    /* margin-left: -15px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-weight: bold;
}

    .close-register-form:hover {
        text-decoration: none;
        color: #fff;
    }

.lr-wrapper .register-rules .control-group {
    margin-bottom: 10px;
    margin-top: 20px;
}

    .lr-wrapper .register-rules .control-group + .control-group {
        margin-top: 0;
    }

.register-rules {
    margin-bottom: 20px;
}

.register-page .lr-right {
    width: 74%;
    margin-left: 13%;
    border-right: 1px solid #c2c2c2;
}


/*Added; 8.1.2019*/

/*Register - Login*/
.register-form-holder, .login-form-holder, .forgot-password-container {
    width: 100%;
    margin: 40px 0;
    font-family: "Open Sans", sans-serif !important;
}

.info-form-holder {
    width: 100%;
    font-family: "Open Sans", sans-serif !important;
}
/*.login-form-holder{ margin: 50px 0;}*/
.forgot-password-container {
    margin: 0 auto;
    width: 450px;
}

.info-form-holder .info-form-container .form-group {
    width: 450px;
}

.register-form-container .avaiable-account-orientation, .login-form-holder .avaiable-account-orientation {
    margin: 15px 0 35px 0;
    font-size: 14px;
    color: #464646;
}

.avaiable-account-orientation a {
    color: #435b91;
    font-weight: bold;
}

.register-form-container h1, .login-form-container-left h1, .login-form-container-right h1, .forgot-password-container h1, .info-form-holder h1 {
    font-size: 32px;
    color: #464646;
    font-weight: bold;
}

.login-htag-left {
    font-size: 28px !important;
    margin-bottom: 10px;
}
/*forms*/
.register-form-container label,
.login-form-holder label,
.forgot-password-container label,
.info-form-holder label, .tab_container label {
    margin: 17px 0 5px 0;
    font-size: 14px;
    color: #6d6e71;
}

.register-form-container input,
.login-form-holder input,
.forgot-password-container input,
.info-form-container input, .tab_container input {
    font-family: "Open Sans", sans-serif !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ffffff !important;
    border: 2px solid #dadce0 !important;
    font-size: 14px !important;
    font-weight: bold;
    letter-spacing: 0.1px;
    color: #464646 !important;
    padding: 15px 16px !important;
    float: none !important;
    margin: 0 !important;
    outline: 0 !important;
    transition: all 150ms;
    box-shadow: none;
    height: auto !important;
}

/*text area*/
.register-form-container textarea,
.login-form-holder textarea,
.forgot-password-container textarea,
.info-form-container textarea {
    font-family: "Open Sans", sans-serif !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ffffff !important;
    border: 2px solid #dadce0 !important;
    font-size: 14px !important; /*font-weight: bold;*/
    letter-spacing: 0.1px;
    color: #989898 !important;
    padding: 15px 16px !important;
    float: none !important;
    margin: 0 !important;
    outline: 0 !important;
    transition: all 150ms;
    box-shadow: none;
    height: auto !important;
}

.info-form-container textarea {
    box-sizing: border-box;
    width: 100%;
    resize: none;
    font-weight: bold;
    color: #464646 !important;
}
/**/
/*info page input*/
.info-form-container input, .tab_container input {
    box-sizing: border-box;
    width: 100%;
}

    .login-form-holder input:active,
    .login-form-holder input:focus,
    .forgot-password-container input:active,
    .forgot-password-container input:focus,
    .info-form-container input:active,
    .info-form-container input:focus,
    .tab_container input:active,
    .tab_container input:focus {
        border-color: #6f85b8 !important;
        box-shadow: none !important;
    }

/*text area*/
.info-form-container textarea:active,
.info-form-container textarea:focus {
    border-color: #6f85b8 !important;
    box-shadow: none !important;
}
/**/
.register-form-container .input-icon,
.login-form-holder .input-icon {
    position: relative;
}

    .register-form-container .input-icon i,
    .login-form-holder .input-icon i {
        position: absolute;
        right: 0;
        top: 27px;
        transform: translateY(-50%);
        width: 20px;
        height: 100%;
        padding: 0 15px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px;
    }

        .register-form-container .input-icon i.password,
        .login-form-holder .input-icon i.password {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/show-password.svg");
        }

    .register-form-container .input-icon.activated i.password,
    .login-form-holder .input-icon.activated i.password {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/hide-password.svg");
    }

/*customize bootstrap group*/
.register-form-container .customize-bootstrap-success-btn,
.login-form-holder .customize-bootstrap-success-btn,
.forgot-password-container .customize-bootstrap-success-btn,
.info-form-container .customize-bootstrap-success-btn {
    padding: 14px 30px;
    margin: 40px 0;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    border: 0;
    background-color: #5DA647;
}

.login-form-holder .customize-bootstrap-secondary-btn {
    padding: 14px 30px;
    margin: 62px 0 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    border: 0;
    background-color: #484848;
}

.login-form-holder .customize-bootstrap-success-btn {
    margin: 30px 0;
}

.forgot-password-container .customize-bootstrap-success-btn {
    margin: 15px 0;
}

.register-form-container .disabled {
    background-color: #68b452;
    cursor: default;
}

.register-form-container .active:hover,
.login-form-holder .active:hover,
.forgot-password-container .active:hover,
.info-form-container .active:hover {
    background-color: #3C3B3B;
    cursor: pointer;
}

.register-form-holder button,
.login-form-holder button,
.info-form-container button {
    font-family: "Open Sans", sans-serif !important;
}
/*form-seperator*/
.register-form-container .form-separator,
.login-form-holder .form-separator {
    position: relative;
    margin: 30px auto;
    height: 1px;
    background-color: #dadce0;
}

.register-form-container .form-seperator-border,
.login-form-holder .form-seperator-border {
    position: absolute;
    width: 100%;
    top: -11px;
}

    .register-form-container .form-seperator-border div,
    .login-form-holder .form-seperator-border div {
        margin: 0 auto;
        background-color: #fff;
        width: 35px;
        text-align: center;
        color: #a6a6a6;
    }
/*facebook login*/
.register-form-container .facebook-login-button,
.login-form-holder .facebook-login-button {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #435b91;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    padding: 13px 0;
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: left 22px center;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/facebook-logo.svg");
}

.register-form-container .facebook-login span,
.login-form-holder .facebook-login span {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin-top: 4px;
    color: #d9d9d9;
}

.register-form-container .facebook-login a,
.login-form-holder .facebook-login a {
    text-decoration: none;
    line-height: normal;
}
/*customize checkbox*/
.register-form-container .dikey-checkbox + label span a,
.register-form-container .dikey-checkbox + input + label span a,
.info-form-container .dikey-checkbox + label span a,
.info-form-container .dikey-checkbox + input + label span a,
.info-form-container .dikey-checkboxtext &gt; span a,
.register-form-container .dikey-afterbuttontext &gt; span a {
    font-weight: bold;
    color: #5570ac;
    text-decoration: underline;
}

.register-form-container .dikey-checkbox + label,
.register-form-container .dikey-checkbox + input + label,
.info-form-container .dikey-checkbox + label,
.info-form-container .dikey-checkbox + input + label,
.paymentcreditcard .dikey-checkbox + label,
.paymentcreditcard .dikey-checkbox + input + label {
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: 0.1px;
    color: #5a5a5a;
    display: inline-block;
    width: auto;
    position: relative;
    margin-bottom: 0 !important;
    padding-left: 28px;
}

.register-form-container .dikey-checkbox:not(:checked) + label::before,
.register-form-container .dikey-checkbox:not(:checked) + input + label::before,
.info-form-container .dikey-checkbox:not(:checked) + label::before,
.info-form-container .dikey-checkbox:not(:checked) + input + label::before,
.paymentcreditcard .dikey-checkbox:not(:checked) + label::before,
.paymentcreditcard .dikey-checkbox:not(:checked) + input + label::before {
    background-color: #dbdbdb;
}

.register-form-container .dikey-checkbox + label::before,
.register-form-container .dikey-checkbox + input + label::before,
.info-form-container .dikey-checkbox + label::before,
.info-form-container .dikey-checkbox + input + label::before,
.paymentcreditcard .dikey-checkbox + label::before,
.paymentcreditcard .dikey-checkbox + input + label::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 4px;
}

.register-form-container .dikey-checkbox:checked + label::before,
.register-form-container .dikey-checkbox:checked + input + label::before,
.info-form-container .dikey-checkbox:checked + label::before,
.info-form-container .dikey-checkbox:checked + input + label::before,
.paymentcreditcard .dikey-checkbox:checked + label::before,
.paymentcreditcard .dikey-checkbox:checked + input + label::before {
    background-color: #5570ac;
    background-repeat: no-repeat;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/dikey-cb-checked.svg");
    background-size: contain;
    background-position: center center;
}

.paymentcreditcard .dikey-checkbox:disabled + label::before {
    background-color: #a8a8a8 !important;
}

/*register password*/
.register-password .my-input-icon .field-validation-error {
    padding: 10px 0 10px 0;
    text-indent: 40px;
}

/*combo box*/
.info-form-container select, .tab_container select {
    height: auto;
    width: 80px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/bank-arrow-down.svg") 110px 21px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 10px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold;
    padding: 9px 16px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ffffff !important;
    border: 2px solid #dadce0 !important;
    font-size: 14px !important;
}

.info-form-container .select-container .monthdropdown {
    width: 97px;
}

.select-first-item {
    margin: 0 !important;
}

.info-form-container .datedropdown, .tab_container #ExpireMonth {
    margin: 0 !important;
}
/*Login*/
.login-form-container-left, .login-form-container-right {
    margin: 0 50px;
}

    .login-form-container-left .forgot-password {
        margin: 10px 0 0 0;
    }

        .login-form-container-left .forgot-password a {
            font-size: 14px;
            font-weight: bold;
            color: #ababab;
        }

    .login-form-container-right .login-advantage-explanation {
        padding: 15px 0;
    }

        .login-form-container-right .login-advantage-explanation h2, .login-form-container-right .login-advantage-explanation p {
            padding: 0 0 0 32px;
        }

        .login-form-container-right .login-advantage-explanation h2 {
            height: 30px;
            margin: 0;
            font-size: 16px;
            color: #5570ac;
        }

        .login-form-container-right .login-advantage-explanation .first-item {
            background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/reward.svg")no-repeat;
        }

        .login-form-container-right .login-advantage-explanation .last-item {
            background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/megaphone.svg")no-repeat;
        }

        .login-form-container-right .login-advantage-explanation p {
            font-size: 14px;
            color: #464646;
            line-height: 20px;
        }

.forgot-password-container .info-text-container, .payment-alert-info-holder .payment-alert-info, .info-form-holder .info-text-container {
    background-color: #f1f5fe;
    color: #464646;
    border-radius: 5px;
    margin-top: 5px;
}

.info-form-holder .info-text-container {
    margin: 30px 0 0 0;
}

.payment-alert-info-holder .payment-alert-info {
    margin-top: 43px;
    width: 367px;
}

.forgot-password-container .info-text-container p, .info-form-holder .info-text-container p {
    padding: 15px 15px 15px 40px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22pbryzpb9ha%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.167%206.667a.834.834%200%201%201%201.667%200%20.834.834%200%200%201-1.667%200zm0%202.5a.834.834%200%200%201%201.666%200v4.167a.834.834%200%200%201-1.666%200V9.167zm.833%207.5A6.674%206.674%200%200%201%203.333%2010%206.674%206.674%200%200%201%2010%203.334%206.674%206.674%200%200%201%2016.667%2010%206.674%206.674%200%200%201%2010%2016.667m0-15a8.333%208.333%200%201%200%200%2016.667%208.333%208.333%200%201%200%200-16.667%22%20fill%3D%22%23fff%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23pbryzpb9ha%29%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%200h20v20H0z%22/%3E%3C/g%3E%3C/svg%3E') 14px 30px no-repeat;
    line-height: normal;
}

.payment-alert-info-holder .payment-alert-info p {
    padding: 15px;
    color: #0058f8;
    font-size: 13px;
    line-height: 1.29;
    /*background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/info-box-icon.svg') 14px 20px no-repeat;*/
}

.forgot-password-container .go-back-button {
    width: 100px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    color: #464646;
    cursor: pointer;
}

    .forgot-password-container .go-back-button i {
        width: 15px;
        height: 15px;
        display: block;
        float: left;
        margin-top: 6px;
        background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/back_arrow.svg') no-repeat;
    }
/*login popup*/
.fancybox-inner .login-form-holder {
}

    .fancybox-inner .login-form-holder .login-htag-left, .fancybox-inner .login-form-holder .login-form-container-right h1 {
        font-size: 22px !important;
    }

    .fancybox-inner .login-form-holder .login-form-container-left, .fancybox-inner .login-form-holder .login-form-container-right {
        margin: 0 40px;
    }

    .fancybox-inner .login-form-holder .avaiable-account-orientation, .fancybox-inner .login-form-holder .login-advantage-explanation {
        font-size: 12px;
    }
/*Form validation*/
.info-form-container .field-validation-error {
    display: block;
    padding: 10px 10px 10px 40px;
    font-size: 13px;
    background-color: #df4848 !important;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/warning_white.svg') 13px 13px no-repeat;
}

.login-form-holder .field-validation-error,
.register-form-container .field-validation-error {
    display: block;
    padding-top: 6px;
    font-size: 12px;
    background-color: transparent !important;
    color: #f04438;
    border: none !important;
    position: unset !important;
}


/*.login-form-holder .field-validation-error span,
    .register-form-container .field-validation-error span,
    .forgot-password-container .field-validation-error span,*/
.login-form-holder input[type="text"].form-control.input-validation-error,
.login-form-holder input[type="text"].form-control.input-validation-error:focus,
.login-form-holder input[type="email"].form-control.input-validation-error,
.login-form-holder input[type="email"].form-control.input-validation-error:focus,
.login-form-holder input[type="password"].form-control.input-validation-error,
.login-form-holder input[type="password"].form-control.input-validation-error:focus,
.register-form-container input[type="text"].form-control.input-validation-error,
.register-form-container input[type="text"].form-control.input-validation-error:focus,
.register-form-container input[type="password"].form-control.input-validation-error, .info-form-container .container
.register-form-container input[type="password"].form-control.input-validation-error:focus,
.forgot-password-container input[type="text"].form-control.input-validation-error,
.forgot-password-container input[type="text"].form-control.input-validation-error:focus,
.forgot-password-container input[type="password"].form-control.input-validation-error,
.forgot-password-container input[type="password"].form-control.input-validation-error:focus,
.info-form-container input[type="text"].form-control.input-validation-error,
.info-form-container input[type="text"].form-control.input-validation-error:focus {
    border: 2px solid #df4848 !important;
    box-shadow: none !important;
}

.forgot-password-container .input-validation-error {
    border: 2px solid #df4848 !important;
    box-shadow: none !important
}

.info-form-container .input-validation-error {
    border: 2px solid #df4848 !important;
    box-shadow: none !important
}

.info-form-container .field-validation-error {
    position: static !important;
    margin-top: 5px;
}

.register-cancel-area button {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    color: #464646;
    font-weight: bold;
}

#registerCancelButton {
    color: #464646;
}

    #registerCancelButton:hover {
        color: #2495ff
    }

.info-form-container .field-validation-error {
    padding: 0;
}

.form-group.not-valid input {
    border-color: #df4848 !important;
}

.info-form-container input#SendSms, .info-form-container input#ColdCalling, .info-form-container input#SendEMail, .info-form-container input#KVKKPermission {
    display: none;
}
/*captcha overide*/
.g-recaptcha {
    position: relative;
    margin-top: 5px;
    width: 100%;
    background: #f9f9f9;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
}

    .g-recaptcha &gt; * {
        float: left;
        left: 0;
        margin: -2px -2px -4px;
    }

    .g-recaptcha::after {
        display: block;
        content: "";
        position: absolute;
        right: 0;
        left: 299px;
        top: 0;
        bottom: 0;
        background-color: #f9f9f9;
        clear: both;
    }
/*radio container*/
.info-form-border-holder {
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.radio-button-area-seperator {
    float: left;
    height: 30px;
    width: 1px;
    border-right: 1px solid red;
}

.radio-button-text {
    margin-left: 26px;
    line-height: 17px;
    font-weight: bold;
    color: #464646;
}

.radio-button-container-item-left {
    float: left;
    width: 49%;
    border-right: 1px solid #f0f0f0;
}

.radio-button-container-item-right {
    float: left;
    width: 50%;
}

    .radio-button-container-item-left div, .radio-button-container-item-right div {
        width: 80px;
        margin: 0 auto;
    }

.info-form-container .container {
    display: block;
    float: left;
    position: relative;
    padding-left: 35px;
    margin: 5px 0;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50%;
}

    .info-form-container .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.info-form-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #dbdbdb;
    border-radius: 50%;
}

.info-form-container .container:hover input ~ .checkmark {
    background-color: #ccc;
}

.info-form-container .container input:checked ~ .checkmark {
    background-color: #5570ac;
}

.info-form-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.info-form-container .container input:checked ~ .checkmark:after {
    display: block;
}

.info-form-container .container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
}

.hire-purchase-select-radio .container {
    display: block;
    float: left;
    position: relative;
    padding-left: 35px; /*margin:5px 0;*/
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; /*width: 50%;*/
}

    .hire-purchase-select-radio .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.hire-purchase-select-radio .checkmark {
    position: absolute;
    top: 10px;
    left: 16px;
    height: 17px;
    width: 17px;
    background-color: #dbdbdb;
    border-radius: 50%;
}

.hire-purchase-select-radio .container:hover input ~ .checkmark {
    background-color: #ccc;
}

.hire-purchase-select-radio .container input:checked ~ .checkmark {
    background-color: #5570ac;
}

.hire-purchase-select-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.hire-purchase-select-radio .container input:checked ~ .checkmark:after {
    display: block;
}

.hire-purchase-select-radio .container .checkmark:after {
    top: 5px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
}
/**/
#payment_tab2C .tooltip-main {
    margin: 19px 7px 0;
}

#payment_tab2C #informationPopup3ds, #payment_tab2C #informationSavingCard2 {
    float: left;
    margin: 19px 7px 0;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/question-icon-dark.svg) no-repeat;
    width: 18px;
    height: 18px;
    cursor: text;
}

#payment_tab2C #informationSavingCard2 {
    margin: 0;
    position: relative;
    top: -16px;
    left: 163px;
}

#payment_tab2C .SaveOcpCreditCardLabel {
    float: left;
}

#payment_tab2C .UserHasRequested3D {
    float: left;
}
/*login -register customize*/
.border-right {
    border-right: 1px solid #dadce0;
}
/*combo box customize*/
select.combo-box-customize {
    margin: 0;
    width: 100%;
    background-position: 420px 21px;
}

select.combo-box-customize-pay {
    margin: 0;
    width: 350px;
    background-position: 320px 21px;
}
/*login register end*/
/*Order tabs*/
#order_tabs {
    width: auto;
    font-family: "Open Sans", sans-serif !important;
}

    #order_tabs #payment_tabs {
        width: 745px;
        display: flex;
        flex-direction: row;
    }

    #order_tabs #payment_tab1 {
        display: block;
    }

    #order_tabs #payment_tab1C {
        margin-bottom: 70px;
    }

    #order_tabs ul {
        margin: 0;
        padding: 0;
        background-color: #f0f0f0;
        border-bottom: 2px solid #5590fd;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.12);
    }

    #order_tabs li {
        width: 50%;
        height: 50px;
        float: left;
        list-style-type: none;
        cursor: pointer;
    }

        #order_tabs li div {
            height: 50px;
            border: none;
            display: block;
            background-color: transparent;
        }

        #order_tabs li .inactive {
            height: 52px;
            background-color: #f0f0f0;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            display: block;
            border-bottom: 2px solid #f0f0f0;
        }

            #order_tabs li .inactive span {
                color: #000;
            }

        #order_tabs li #payment_tab1 {
            border-right: 1px solid #e2e2e2;
        }

        #order_tabs li span {
            text-align: center;
            float: left;
            width: 100%;
            margin-top: 15px;
        }

        #order_tabs li div span {
            font-size: 14px;
            font-weight: bold;
            color: #5590fd;
        }
/**/
.installment-table {
    width: 100%;
    width: 576px;
    font-family: "Open Sans", sans-serif !important;
}

.hire-purchase-select-caps-text {
    font-size: 16px;
    font-weight: bold;
    color: #464646;
    margin-top: 30px;
}

.hire-purchase-select-info-text {
    margin-bottom: 20px;
    font-size: 14px;
    color: #464646;
}

#installment-table-content-div {
    float: left;
    width: 100%;
    font-weight: bold;
    color: #464646;
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.installment-table {
    width: 100%;
    float: left;
    border-top: 1px solid #e6e6e6;
}

    .installment-table-th, .installment-table label {
        width: 100%;
        float: left;
        margin: 0;
        font-weight: bold;
        color: #464646;
    }

    .installment-table.active {
        background-color: #fff;
    }

#installment-table-content-div .first-col {
    width: 15%;
    float: left;
    display: block;
    height: 38px;
}

#installment-table-content-div .installment-table-column-first, #installment-table-content-div .installment-table-column-last {
    float: left;
    height: 38px; /*text-align: center;*/
    line-height: 34px;
}

#installment-table-content-div .installment-table-column-first {
    width: 40%;
    border-right: 1px solid #e6e6e6;
}

#installment-table-content-div .installment-table-column-last {
    width: 41%;
    text-indent: 30px;
}
/*fancybox alert message*/
.dikey-popup {
    font-family: "Open Sans", sans-serif !important;
    padding: 10px;
}

    .dikey-popup label {
        font-size: 18px;
        color: #464646;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .dikey-popup div {
        font-size: 14px;
        color: #464646;
    }

    .dikey-popup #info-panel {
        display: none;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        background: #ffffff;
        padding: 8px;
        z-index: 11111;
        left: 50%;
        width: 500px;
        margin-left: -250px;
        top: 110px;
        box-sizing: border-box;
        color: #404040;
        box-shadow: 0 0 1px #000;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 0 7px 2px #0000001f;
        border-radius: 2px;
        border: 1px solid #fd830ca8;
    }

        .dikey-popup #info-panel .form-warning {
            font-size: 50px;
            font-weight: 800;
            color: #fd830c;
            display: inline-block;
            margin-bottom: 19px;
            border: 2px solid #fd830c;
            padding: 29px 32px;
            border-radius: 50%;
        }

    .dikey-popup .info-wrapper {
        padding: 50px;
        border: 1px solid #ffffff;
        background: #fff;
        font-family: 'Nunito Sans';
        font-weight: 500;
    }

    .dikey-popup #info-panel a {
        margin-top: 20px;
        display: inline-block;
        padding: 7px 56px;
        border-radius: 2px;
        background: #fd830c;
        color: #ffffff;
        border: 1px solid #fd830c;
        font-weight: 800;
    }

        .dikey-popup #info-panel a:hover {
            background: #ec7909;
            text-decoration: none;
        }

    .dikey-popup #info-panel.on {
        display: flex;
    }

    .dikey-popup .close-btn {
        width: 100%;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        background-color: #484848;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        padding: 14px 0px;
    }

        .dikey-popup .close-btn:hover {
            text-decoration: none;
        }

    .dikey-popup #orderUpdateWindow .change-order-prop h2 {
        margin-bottom: 15px;
    }

/* flash card styles */
.flash-card {
    z-index: 9999;
}

    .flash-card, .flash-card * {
        box-sizing: border-box;
    }

        .flash-card, .flash-card .flash-card-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .flash-card .flash-card-overlay {
                background-color: #000000;
                z-index: -1;
                opacity: .26
            }

            .flash-card .flash-card-content {
                border-radius: 8px;
                background-color: rgba(255, 255, 255, 0.94);
                position: relative;
                text-align: center;
                top: 50%;
                transform: translateY(-50%);
                max-width: 250px;
                margin-left: auto;
                margin-right: auto;
                padding: 33px 44px;
                opacity: .94;
                font-family: 'Open Sans', sans-serif;
                font-size: 16px;
                line-height: 1.5;
                letter-spacing: 0.1px;
                color: #464646;
            }

                .flash-card .flash-card-content &gt; img {
                    display: inline-block;
                }

                .flash-card .flash-card-content .flash-card-text {
                    margin-top: 10px;
                    word-break: break-word;
                }

                    .flash-card .flash-card-content .flash-card-text &gt; strong {
                        display: block;
                    }
/**/
.cancel-membership-popup .cancel-membership-wrapper, .sms-confirmation-popup .sms-confirmation-wrapper {
    display: block !important;
    padding: 14px 15px;
    color: #464646;
    font-size: 13px;
    line-height: normal;
}

.dikey-form, .dikey-form * {
    box-sizing: border-box;
}

.cancel-membership-popup .cancel-membership-wrapper .cm-title, .sms-confirmation-popup .sms-confirmation-wrapper .sc-title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}


#sameAdressCheckboxContainer {
    display: flex;
    align-items: center;
    margin-top: 10px;
}


    #sameAdressCheckboxContainer &gt; label {
        margin-bottom: 0;
        margin-left: 4px;
        margin-top: 0.5px;
    }

.dikey-group .dikey-checkbox {
    pointer-events: all !important;
}

.dikey-form .dikey-group {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 25px;
}


    .dikey-form .dikey-group label {
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0.1px;
        color: #6d6e71;
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 8px;
    }

.dikey-form .dikey-input-tick, .dikey-popup .dikey-input-tick {
    position: relative;
}

.dikey-form .dikey-control:not(.datedropdown):not(.monthdropdown):not(.yeardropdown) {
    width: 100% !important;
    display: block;
}

.dikey-form .dikey-control:active, .dikey-form .dikey-control:focus {
    border-color: #6f85b8 !important;
    box-shadow: none;
}

.dikey-form .dikey-control {
    height: 50px;
    border-radius: 5px;
    background-color: #ffffff !important;
    border: 2px solid #dadce0 !important;
    font-size: 14px !important;
    font-weight: bold;
    letter-spacing: 0.1px;
    color: #464646 !important;
    padding: 15px 16px !important;
    float: none !important;
    margin: 0 !important;
    outline: 0 !important;
    transition: all 150ms;
    box-shadow: none;
}

.dikey-form .dikey-input-tick span.counter, .dikey-popup .dikey-input-tick span.counter {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    letter-spacing: 0.1px;
    color: #464646;
    display: inline-block;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sms-confirmation-tick.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

    .dikey-form .dikey-input-tick span.counter::before, .dikey-popup .dikey-input-tick span.counter::before {
        content: "";
        position: absolute;
        left: -12px;
        top: -6px;
        bottom: -6px;
        width: 1px;
        background-color: #e9e9e9;
    }

.dikey-form .dikey-input-tick input, .dikey-popup .dikey-input-tick input {
    padding-right: 90px !important;
}

.dikey-form .btn {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.2px;
    padding: 14px 30px;
    margin: 0;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    text-shadow: none;
    text-align: center;
    cursor: pointer;
}

.dikey-form .btn-blue {
    background-color: #245087;
}

.dikey-form .btn-block {
    width: 100%;
    display: block;
}

.dikey-form .btn.busy {
    opacity: 0.75;
    cursor: not-allowed;
}

.dikey-form .btn.hidden {
    height: 0;
    padding: 0;
    visibility: hidden;
}

.dikey-form .error-message {
    display: block;
    font-size: 13px;
    color: red;
    margin-top: 10px;
}

.customize-bootstrap-primary-btn {
    background-color: #245087 !important;
}



/*rating bar*/
.grad-rate-color {
    height: 20px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-off-new-2.png");
    background-repeat: repeat-x;
    position: relative;
    width: 100px;
    margin: 0 auto;
}

.absolute-grad {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.rate-general {
    background-position: top left;
    background-repeat: repeat-x;
}

.rate-danger {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-red-2.png");
}

.rate-warning {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-yellow-2.png");
}

.rate-success {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-on-new-2.png");
}

.rate-success-2 {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-on-new-2.png");
}


/*rating bar end*/


/*hesabım adres sayfası*/
.static-page .addressCreateForm {
    width: 450px;
}

.address-grid .flex {
    display: flex;
    align-items: center;
}

.customer-addresses .address-grid .subscriptionOrderBadge {
    margin-bottom: 0px;
}

.address-grid .flex svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.password-recovery-page .lr-left {
    float: none;
    margin: 0 auto;
}

.deletebutton {
    cursor: pointer;
}

.banner-scroll {
    padding-right: 15px;
}

.closeFitFinder {
    position: absolute;
    top: 0px;
    right: -34px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/plugins/fitfinder/images/fit-close.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
}

.f-loading-progress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0,0,0, .5);
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/loading.gif");
    background-position: center center;
    display: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.cart-footer {
    float: left;
    width: 100%;
    padding: 0 0 0 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .cart-footer * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.coupon-code-wrapper {
    width: 100%;
}

.coupon-code-wrapper-info {
    margin-top: 30px;
}

.coupon-code-info {
    background-color: #0a934a;
    color: #fff;
    display: block;
    background-repeat: no-repeat;
    padding: 10px;
    margin-bottom: 0;
    font-size: 14px;
}

.coupon-code-check {
    background-color: #0a934a;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/turkcell-uncheck.png");
    background-position: 14px 12px;
    color: #fff;
    display: block;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 43px;
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
}

    .coupon-code-check:not(.no-check).active {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/turkcell-check.png");
    }

.coupon-code-wrapper {
    margin-bottom: 20px;
}

    .coupon-code-wrapper .coupon-box {
        padding: 14px;
        border: 1px solid #ccc;
        display: none;
        border-top: none;
    }

        .coupon-code-wrapper .coupon-box .removediscountbutton {
            background: #fff url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/cart-remove-icon.png") no-repeat scroll center center;
            border: medium none;
            box-shadow: none;
            box-sizing: border-box;
            display: inline-block;
            font-size: 18px;
            height: 35px;
            overflow: hidden;
            text-indent: -99999px;
            width: 35px;
            margin-top: -2px;
        }

    .coupon-code-wrapper p {
        color: #888;
        line-height: 14px;
    }

    .coupon-code-wrapper input[type="text"] {
        width: 100%;
        color: #636363;
        border: 1px solid #ccc;
        height: 33px;
    }

.ciw-right .cart-collaterals .coupon-box input[type="submit"].applycouponcodebutton {
    margin-left: 10px;
    padding: 10px 5px;
}

.ciw-right .coupon-code-wrapper,
.coupon-code-wrapper .coupon-box {
    margin-bottom: 15px;
}

.ciw-right .coupon-code-check {
    border-radius: 4px;
}

    .ciw-right .coupon-code-check.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.ciw-right .coupon-box {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: solid 1px rgba(51, 51, 51, 0.1);
}

.ciw-left .shopping-btn-container {
    margin-bottom: 40px;
}

.ciw-right .coupon-code-wrapper-info {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .ciw-right .coupon-code-wrapper-info label {
        border-radius: 4px;
    }


input[type="submit"].applycouponcodebutton {
    -ms-border-radius: 0;
    border-radius: 0;
    background: #0a934a;
    border: 1px solid #0a934a;
    color: #fff0f5;
    width: 100%;
    text-align: center;
    padding: 6px 0 5px;
}


.coupon-code-wrapper .row {
    margin-bottom: 10px;
}


.coupon-code-wrapper .module-content {
    padding-bottom: 0;
}

    .coupon-code-wrapper .module-content p {
        margin-bottom: 0;
    }

.custom-tooltip {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    line-height: 12px;
    background: #FFFFFF;
    padding: 5px;
    border-radius: 4px;
    color: #0A934A;
    border: 1px solid #adadad;
    text-align: center;
}


#btnSendOtp {
    border: 1px solid #5495ED;
    color: #fff;
    background: #5495ED;
    height: 30px;
    width: 100%;
}

input[disabled] {
    cursor: not-allowed !important;
}

#VerificationOtp {
    width: 100%;
}

.cart-product-row .ui-widget-content {
    position: relative;
    overflow: visible;
    width: 50px;
    margin: 0 auto;
    height: 32px;
    border-radius: 0;
}

.ui-spinner .ui-icon {
    margin-top: 0;
    left: 0;
    z-index: 222;
}

.to .qty-input, input[type="text"].qty-input {
    border-radius: 0;
    box-shadow: none;
    border: none;
    height: 32px;
}

.ui-spinner .ui-icon {
    margin-top: 0;
}

.ui-spinner a.ui-spinner-button.ui-spinner-up {
    border-bottom: 1px solid #ddd;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
    z-index: 1;
    width: 16px;
    height: 16px;
    border-left: 1px solid #DDDDDD;
    cursor: pointer;
}


.paymentform {
    position: relative;
    display: flex;
    flex-direction: column;
}

.flip-clock-wrapper {
    margin-bottom: 15px;
}

.payMethodC3 .validation-summary-errors {
    margin-bottom: 0px;
    margin-top: 15px;
}

.mobile-express-alert {
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

    .mobile-express-alert p {
        display: none;
        margin: 0;
    }


.otp-modal-content {
    width: 400px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    position: relative;
}

input.otp-modal-button {
    width: 220px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #1E7513;
    background: #1C862A;
    border-radius: 4px;
    color: #fff;
    padding: 10px 0;
    margin-top: 10px;
    display: none;
    margin-left: auto;
    margin-right: auto;
}

#faq .ui-widget-content {
    width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.update-card-row {
    float: left;
    width: 80%;
    display: none;
}

    .update-card-row select {
        width: 100%;
    }

    .update-card-row label {
        font-weight: bold;
    }

    .update-card-row .alert {
        font-size: 12px;
        margin-bottom: 10px;
    }

.header-menu {
    visibility: visible;
}


.paymentContainer #nextstep {
    display: block;
}

.btnSaveCreditCard {
    display: none;
}


.otp-send-wrapper {
    width: 600px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
}

    .otp-send-wrapper p {
        font-weight: normal;
        font-size: 14px;
        color: #0F3665;
    }

    .otp-send-wrapper .alert p {
        margin: 0;
        color: #c09853;
        font-size: 12px;
        font-weight: bold;
    }

.col-lg-2 {
    width: 16.66666667%;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.otp-send-wrapper .col-lg-2 {
    line-height: 38px;
    text-align: right;
    font-weight: bold;
    color: #0F3665;
}

.otp-send-wrapper .col-lg-6 {
    text-align: left;
}

.otp-send-wrapper .row {
    margin-bottom: 10px;
}

.otp-send-wrapper .form-control {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
}

.mexp-contract {
    margin-bottom: 10px;
}


#btnSaveCreditCard, #sendOtp {
    display: none;
}

.message-header p {
    margin: 0;
    background: #E2E2E2;
    font-size: 12px;
    color: #7C7C7C;
    padding: 5px 15px;
}

.message-container {
    padding: 15px;
    font-size: 14px;
    color: #4D4D4D;
    min-width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 0;
}

.checkoutError {
    width: 560px;
}

    .checkoutError .message-container {
        float: none;
        padding: 15px;
    }

    .checkoutError ul {
        list-style: none;
        font-size: 14px;
        color: #333;
        margin: 0;
    }

    .checkoutError .message-header p {
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/checkout-error-icon.png") 10px center no-repeat #990000;
        font-size: 14px;
        color: #fff;
        padding: 10px 15px;
        padding-left: 46px;
    }

.message-container p {
    line-height: 22px;
    margin-bottom: 0;
}

.message-container .button-wrapper {
    float: left;
    width: 100%;
    padding: 15px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.message-container input.btn.btn-info.btn-lg,
.checkoutError input.btn.btn-info.btn-lg {
    background: #0054AA;
    border-color: #0054AA;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    padding: 5px 30px;
}

.checkoutError input.btn.btn-info.btn-lg {
    font-size: 16px;
    padding: 7px 30px;
}

.checkoutError .button-wrapper {
    text-align: center;
    padding-bottom: 25px;
    padding-top: 15px;
}

.fancybox-close {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/modail-close.png) center center no-repeat;
}

.login-fancybox .fancybox-close {
    width: 32px;
    height: 32px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none"%3E%3Cpath d="m17.88 16 5.733-5.72a1.338 1.338 0 1 0-1.893-1.893L16 14.12l-5.72-5.733a1.339 1.339 0 0 0-1.893 1.893L14.12 16l-5.733 5.72a1.334 1.334 0 0 0 0 1.893 1.334 1.334 0 0 0 1.893 0L16 17.88l5.72 5.733a1.334 1.334 0 0 0 1.893 0 1.335 1.335 0 0 0 0-1.893L17.88 16z" fill="%23000"/%3E%3C/svg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    top: 10px;
    right: 14px;
}


html.fancybox-margin {
    margin: 0 !important;
}

.installment-info {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 10px;
    text-align: justify;
    background: #B6F7B6;
    color: #1B8C1B;
}


.installment-procedure,
.procedure {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-radius: 0;
}


.shoppingcart-page .installment-procedure,
.shoppingcart-page .procedure {
    margin-bottom: 15px;
}

.installment-procedure p,
.procedure p {
    margin-bottom: 0;
}

.installment-procedure h3 {
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    padding-left: 30px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png") left center no-repeat;
    line-height: 17px;
}

.procedure-close {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/modail-close.png) center center no-repeat;
    position: absolute;
}

.card-blocked {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png") right top no-repeat;
    display: inline-block;
    line-height: 17px;
    padding-right: 30px;
}

.pay-card-blocked {
    position: relative;
}

    .pay-card-blocked:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 35px;
        height: 30px;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png") center center no-repeat #fff;
    }

.procedure span {
    display: inline-block;
    width: 23px;
    height: 17px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png") center center no-repeat #fff;
}

/* new ui elements-start */
.btn-focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline-color: #17528b;
}

.btn-nu {
    box-sizing: border-box;
    color: #fff;
    position: relative;
    font-family: "Open Sans", sans-serif !important;
    font-size: 13px;
    font-weight: 700;
    min-width: 146px;
    padding: 13px 10px;
    border-radius: 2px;
    background-image: none;
    background-color: #0080f9;
    text-shadow: none;
    box-shadow: none;
    border: none 0;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    width: 170px;
}

    .btn-nu .glyph {
        margin-left: 5px;
    }

    .btn-nu .ico-arrow {
        fill: #006dda;
    }

    .btn-nu.link {
        background: transparent;
        color: #006dda;
        padding-bottom: 4px;
    }

        .btn-nu.link.footer {
            padding-top: 2px;
            fill: #006dda;
        }

            .btn-nu.link.footer .ico-arrow {
                fill: inherit;
                transform: scale(-1);
                margin-left: 0px;
                margin-right: 4px;
                margin-top: 3px;
            }

        .btn-nu.link:active,
        .btn-nu.link:focus,
        .btn-nu.link:hover {
            background: transparent;
            color: #006dda;
            text-decoration: underline;
            box-shadow: none;
            -webkit-box-shadow: none;
        }

    .btn-nu.btn-primary.icon svg {
        fill: #fff;
    }

    .btn-nu.link.btn-return {
        background-color: transparent;
        text-align: center;
    }

    .btn-nu.active, .btn-nu:active, .btn-nu:hover, btn-nu:focus {
        color: #fff;
        background-color: inherit;
    }

    .btn-nu span {
        color: #fff;
    }

    .btn-nu.link span {
        color: inherit;
    }

/* btn-secondary */
.btn-secondary {
    background-color: #ed4500;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
        background-color: #ff4900;
        text-decoration: none;
        outline: none;
    }

.btn i {
    display: none;
}

.btn.icon i {
    display: inline-block;
    background: url('/Themes/Supplementler/Content/img/arrow-right.svg') no-repeat top left;
    width: 17px;
    height: 12px;
    margin-left: 12px;
    margin-right: 0;
    vertical-align: middle;
    filter: grayscale(1) brightness(5);
}

    .btn.icon i.back-arrow {
        display: inline-block;
        transform: scale(-1);
        margin-left: 0;
        margin-right: 3px;
        margin-top: -3px;
        filter: none;
    }

    .btn.icon i.front-arrow {
        transform: scale(1);
        margin-left: 7px;
        margin-right: 0;
    }

.btn-link {
    background: transparent !important;
    padding: 0 4px;
}

    .btn-link span {
        color: #333;
    }

    .btn-link:hover {
        color: #2495ff;
        text-decoration: underline;
    }

    .btn-link:focus {
        /*background-color: inherit;*/
    }

.btn-text {
    cursor: pointer;
    background: none;
    display: inline-block;
    color: #00438a;
    padding: 0;
    text-align: left;
    vertical-align: sub;
    width: auto;
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
}

    .btn-text:active,
    .btn-text:focus,
    .btn-text:hover {
        background: transparent;
        color: #ef0000;
        text-decoration: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .btn-text .name {
        padding-left: 10px;
    }

.filter-blue {
    /*filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);*/
    filter: invert(0.65) sepia(1) saturate(5) hue-rotate(190deg);
}

.order-detail-button-holder {
    width: 440px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .order-detail-button-holder a {
        width: 200px;
        font-size: 13px;
    }

        .order-detail-button-holder a + a {
            margin-left: 15px;
        }

/* new ui elements-end */
@media (min-width:1200px) {

    .product-info-content &gt; div + div {
        margin-left: 25px !important;
    }

    .product-info-content span, .product-info-content strong {
        font-size: 11px !important;
    }

        .product-info-content strong.stock-status {
            color: #62994D;
            font-size: 14px !important;
        }

    .not-installment strong {
        font-size: 14px !important;
    }
}

.header-features {
    background: #fff;
    display: flex;
    justify-content: center;
    font-weight: bold;
}

    .header-features a {
        font-family: "Open Sans";
        margin: 10px 0;
        font-size: 11px;
        line-height: 1.27;
        text-align: left;
        font-weight: bold;
        color: #1c773d;
        padding: 0 15px;
    }


        .header-features a + a:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: -6px;
            top: 50%;
            margin-top: -5px;
            -ms-border-radius: 50%;
            border-radius: 50%;
            background: #adadad;
        }

        .header-features a:hover {
            text-decoration: none;
        }

        .header-features a strong {
            display: inline-block;
            -ms-border-radius: 50%;
            border-radius: 50%;
            font-weight: bold;
            width: 16px;
            background-color: #adadad;
            color: #fff;
        }

.payment-checkbox {
    position: relative;
    margin-top: 12px;
    cursor: pointer;
}

.SaveOcpCreditCardLabel {
    cursor: pointer;
}

.payment-checkbox input {
    float: left;
    margin-top: 3px;
    margin-right: 3px;
}

.payment-checkbox.readonly span {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0px;
}


.otp-send-wrapper h1 {
    font-size: 18px;
    font-weight: bold;
    color: #003a75;
    margin-bottom: 10px;
}

.oneclick-card {
    background: #003a75;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    padding: 15px 45px;
}


.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 90px;
    right: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(148, 148, 148, 0.8) url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    -ms-transition: opacity .3s 0s, visibility 0s .3s;
    -o-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        -ms-transition: opacity .3s 0s, visibility 0s 0s;
        -o-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        -ms-opacity: 1;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        -ms-opacity: 1;
        opacity: 1;
    }

.no-touch .cd-top:hover {
    background-color: #e86256;
    -ms-opacity: 1;
    opacity: 1;
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
    display: none;
    z-index: 3;
}

#TxtSearchBox {
    width: 80%;
    height: 48px;
    border: 1px solid #8C8C8C;
    font-family: arial;
    color: #333;
    font-size: 16px;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

#search-btn {
    width: 20%;
    float: left;
    background: #ed4500;
    border-bottom: 2px solid #cc3300;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 15px 5px 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}

.header-search {
    margin-top: 11px;
}

.header-info-menu {
    float: right;
    width: 100%;
    margin-top: 23px;
}

    .header-info-menu a {
        font-size: 12px;
        color: #333;
        line-height: 27px;
        float: left;
        font-weight: bold;
        margin-left: 8px;
    }

        .header-info-menu a:first-child {
            margin-left: 0;
        }

        .header-info-menu a:hover {
            color: #333;
            text-decoration: underline;
        }

#headerLinksTop .header-elements-container.container {
    padding: 12px 0 16px 0 !important;
}


.header-logo img {
    height: 63px;
    margin-left: 10px;
}

@media (max-width:1199px) {
    .multi-top-search .search-right .search-product a.product-title,
    .multi-top-search .search-left .search-menu ul &gt; li &gt; a {
        font-size: 14px !important;
    }

    .multi-top-search .search-right .search-result.supplementler h3.title,
    .multi-top-search .search-left .search-menu span.title,
    .multi-top-search .search-right .search-result.vitaminler h3.title,
    .title-supplementler,
    .title-vitaminler {
        font-size: 15px !important;
    }

    #headerLinksTop .header-elements-container.container {
        padding: 12px 0 11px 0 !important;
    }

    .multi-top-search {
        width: 115% !important;
    }

    .in_container {
        width: 990px;
        margin: 0 auto;
        /*background: red;*/
    }

    .mobile-redirect {
        width: 990px !important;
    }

    .header-info-menu a {
        width: 100%;
        text-align: right;
        line-height: 21px;
    }

    .header-info-menu {
        margin-top: 0 !important;
    }

    .kombinelink {
        margin: 0 !important;
    }

    .fittestlink {
        margin: 0 !important;
    }

    .header-cart {
        position: relative;
        width: 300px;
        margin-top: 0;
    }

    .header-search {
        margin-top: 10px !important;
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
    .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4,
    .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
        float: left;
        padding: 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 1px;
    }

    .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4,
    .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
        padding: 0;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
}

.search-product {
    border: 1px solid #fff;
    border-width: 1px 0;
}

    .search-product.selected {
        border: 1px solid #DDDDDD;
        border-width: 1px 0;
        background: #f0f0f0;
    }

input[type="text"].search-product-input {
    border: none;
    background: none;
    height: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    opacity: 0;
}

.multi-top-search .search-right .search-product a.product-title {
    margin-top: -5px !important;
}


.multi-top-search .search-right .search-product {
    padding: 5px 20px !important;
}

/*new checkout*/

.cart-product-wrapper {
    margin: 0 20px;
}

.cart-product-row {
    background: transparent;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

    .cart-product-row th {
        border: 1px solid #b3b3b3;
        text-align: center;
        padding: 9px 0;
        color: #666666;
        font-weight: bold;
        font-size: 14px;
    }

    .cart-product-row + .cart-product-row th {
        border: 1px solid transparent;
        border-bottom: 1px solid #b3b3b3;
        -ms-opacity: 0;
        opacity: 0;
    }


    .cart-product-row td {
        text-align: center;
        border: 1px solid #b3b3b3;
        padding: 9px 0;
    }


    .cart-product-row.special-row {
        position: relative;
        z-index: 3;
        margin-top: -40px !important;
    }

.cart-product-quantity .ui-spinner .ui-icon {
    top: 0;
}

.cart-product-row.child-special {
    margin-top: -39px !important;
    background: transparent;
}


    .cart-product-row.child-special th {
        -ms-opacity: 0;
        opacity: 0;
        border-color: transparent;
    }

tr.child-special,
tr.special-row {
    background: #f3f3f3;
}

.cart-product-row .image-title {
    width: 100px;
}

    .cart-product-row .image-title img {
        width: 90px;
    }

.cart-product-row .product-name-title {
    width: 380px;
}

.cart-product-row .cart-line-supplementler,
.cart-product-row .cart-line-vitaminler {
    margin: 0 auto;
}

.cart-product-row th.product-brand,
.cart-product-store {
    width: 90px;
}

.cart-product-row th.cart-product-remove,
.cart-product-row td.cart-product-remove {
    width: 50px;
}

/* newOrders start */
#orderUpdateWindowResult .order-detail-return {
    margin-top: 15px;
    padding: 10px 20px;
    text-shadow: none;
}

.orders-wrapper {
    letter-spacing: -0.2px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
}

    .orders-wrapper .a-right.vote {
        text-align: right;
    }

    .orders-wrapper .grand-total {
        font-weight: 500;
    }

    .orders-wrapper .f13 {
        font-size: 13px;
    }

    .orders-wrapper .order-status {
        font-size: 13px;
        font-weight: 500;
    }

        .orders-wrapper .order-status b {
            color: #0080f9;
        }

        .orders-wrapper .order-status a {
            font-weight: 700;
        }

    .orders-wrapper.details .order-status {
        font-size: 15px;
    }

    .orders-wrapper.details .cargo-status {
        font-size: 14px;
    }

    .orders-wrapper b {
        font-weight: 700 !important;
    }

    .orders-wrapper .light-gray {
        color: #616161;
    }


    .orders-wrapper .imgHolder {
        width: 70px;
        height: 70px;
        display: inline-block;
        overflow: hidden;
        box-sizing: content-box;
        border: 1px #ebebeb solid;
        margin-top: -7px;
    }

.nu-style .orders-wrapper .imgHolder img {
    width: 50px;
    height: 50px;
    margin: 10px;
}

.orders-wrapper .imgHolder img {
    width: 50px;
    height: 50px;
    margin: 10px;
}

.orders-wrapper li {
    list-style: none;
}

    .orders-wrapper li .text-node {
        float: right;
        height: 70px;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        margin-right: 45px;
        width: 70px;
    }

        .orders-wrapper li .text-node p {
            margin: 0;
            margin-top: -16px;
            line-height: 13px;
            color: #333333;
            font-weight: 600;
        }

            .orders-wrapper li .text-node p + p {
                font-size: 17px;
                color: #f73d04;
                font-weight: 900;
                margin-top: 8px;
            }

.orders-wrapper .last .btn-primary {
    margin-top: -14px;
}

.orders-wrapper.details .order-details-box {
    overflow: hidden;
    color: #000;
    height: 100%;
    font-size: 14px;
}

    .orders-wrapper.details .order-details-box .nu-label-field {
        font-size: 15px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .orders-wrapper.details .order-details-box.shipment {
        display: flex;
        flex-direction: column;
    }

        .orders-wrapper.details .order-details-box.shipment p {
            margin-bottom: 8px;
            font-size: 15px;
        }

            .orders-wrapper.details .order-details-box.shipment p b {
                display: inline-block;
                margin-bottom: 8px;
            }

    .orders-wrapper.details .order-details-box .name-field {
        color: #000;
        font-size: 15px;
        display: inline-block;
        margin-bottom: 15px;
    }

.orders-wrapper.details .product-list em {
    font-style: normal;
}

.orders-wrapper.details .imgHolder {
    margin-top: 0px;
}

.orders-wrapper .product-images ul {
    margin: 0;
    width: auto;
    float: left;
}

.orders-wrapper .product-list .vote a {
    color: #ed4500;
    font-weight: 700;
    font-size: 13px;
    margin-top: 0;
    display: inline-block;
    background: url(/Themes/Supplementler/Content/images/star3.svg) no-repeat 0px 0px #cccccc00;
    background-size: 10.3%;
    text-indent: 25px;
    display: inline-block;
    height: 16px;
    line-height: 17px;
}

.orders-wrapper .product-list em a {
    color: #006dda;
    font-size: 15px;
}

.orders-wrapper .product-list .table-condensed th,
.orders-wrapper .product-list .table-condensed td {
    padding: 0;
}

.orders-wrapper .product-list .table-condensed th {
    padding: 8px 5px;
}

.orders-wrapper .product-list .table-condensed tr th:first-of-type,
.orders-wrapper .product-list .table-condensed tr td:first-of-type {
    padding-left: 30px;
}

.orders-wrapper .product-list .table-condensed tr th {
    background: rgba(218, 224, 233, 0.8);
}

.orders-wrapper .product-list .table-condensed td {
    padding: 15px 5px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
}

.orders-wrapper .product-list .table-condensed img {
    width: 50px;
    height: 50px;
}

.nu-style .orders-wrapper .product-list .table-condensed img {
    width: 50px;
    height: 50px;
}

.orders-wrapper .product-list .table-condensed .poll,
.orders-wrapper .product-list .table-condensed .inline-header {
    font-weight: 400;
}

    .orders-wrapper .product-list .table-condensed .inline-header span {
        font-weight: 500;
    }

.orders-wrapper .product-list .table-condensed .poll {
    color: #ed4500;
    text-decoration: none;
}

.orders-wrapper.details .bg-gray {
    background: #f0f0f0;
}

.orders-wrapper.details .cart-product-store {
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 24px;
}

    .orders-wrapper.details .cart-product-store:first-of-type {
        margin-top: 0;
    }

.orders-wrapper .cart-product-store {
    width: 100%;
    padding: 30px 30px 17px 30px;
    border-radius: 4px;
    border: solid 1px #e4e4e4;
    display: flex;
    box-sizing: border-box;
    margin: 30px 0;
    box-shadow: 0 4px 10px 0 rgba(196, 196, 196, 0.44);
}


    .orders-wrapper .cart-product-store.full-width {
        /*	width: 100%;*/
    }

    .orders-wrapper .cart-product-store.text-props.no-shade {
        box-shadow: none;
        padding: 0;
        width: 100%;
        border: none;
        /*background: #ebebeb;*/
        align-content: center;
        justify-content: space-between;
    }

    .orders-wrapper .cart-product-store table {
        margin-bottom: 0;
    }

        .orders-wrapper .cart-product-store table th {
            font-weight: 500;
            font-size: 13px;
            color: inherit;
        }

        .orders-wrapper .cart-product-store table tbody {
            font-weight: 500;
            font-size: 13px;
            color: inherit;
        }

        .orders-wrapper .cart-product-store table .free-cargo {
            color: #28a745;
        }

.orders-wrapper .total-info table tbody {
    font-weight: 400;
}

    .orders-wrapper .total-info table tbody .cart_total_right {
        font-weight: 500;
        font-size: 14px;
    }

.orders-wrapper .cart-product-store.product-list {
    display: block;
}

.orders-wrapper .cart-product-store &gt; div:first-of-type {
    width: 11%;
}

.orders-wrapper .cart-product-store .date {
    color: #616161;
    margin-top: 7px;
}

.orders-wrapper.details .product-images ul {
    margin: 0;
    width: initial;
}

.orders-wrapper.details .cart-product-store .date {
    font-size: 14px;
    margin-top: 14px;
}

.orders-wrapper.details .cart-product-store.detail-band &gt; div {
    width: initial;
}

.orders-wrapper.details .cart-product-store .text-node {
    height: auto;
}

.orders-wrapper.details .payment-information-text {
    padding-top: 0;
    font-size: 13px;
}

.orders-wrapper .cart-product-store &gt; div {
    flex-grow: 1;
}

    .orders-wrapper .cart-product-store &gt; div.center {
        width: 180px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        flex-grow: 2;
    }

    .orders-wrapper .cart-product-store &gt; div.last {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: flex-end;
        width: 16%;
        height: 104px;
    }

    .orders-wrapper .cart-product-store &gt; div.footer-box {
        height: 217px;
        flex-grow: 0;
        margin: 0 15px;
        border-radius: 4px;
        box-sizing: border-box;
        width: 33.3333%;
    }

        .orders-wrapper .cart-product-store &gt; div.footer-box:first-of-type {
            margin-left: 0;
            width: 33.3333%;
        }

        .orders-wrapper .cart-product-store &gt; div.footer-box:last-of-type {
            margin-right: 0;
        }

.orders-wrapper .cart-product-store p {
    margin: 0;
}

    .orders-wrapper .cart-product-store p span ~ a {
        color: #0080f9;
    }

    .orders-wrapper .cart-product-store p.cargo-status {
        margin-bottom: -3px;
    }

.orders-wrapper .cart-product-store label {
    font: inherit;
    margin-bottom: 27px;
}

    .orders-wrapper .cart-product-store label span {
        font-size: 13px;
        line-height: 17px;
        margin-left: 4px;
    }

.details .product-images {
    width: initial;
    margin-top: 0;
}

.product-images {
    /*font-family: "Open Sans";*/
    font-size: 12px;
    font-weight: 600;
    font-size: 0;
    /*margin-top: 20px;*/
    float: left;
}

    .product-images ul {
        margin: 0;
    }

    .product-images li {
        vertical-align: middle;
        display: inline-block;
        width: auto;
        height: 70px;
        margin: 0 4px;
        border: solid 1px #fdfdfd;
    }

        .product-images li .cue {
            border: 0px none;
            /*height: 70px;*/
            margin-top: -7px;
        }

    .product-images .cue {
        font-size: 12px;
        /*font-family: "Open Sans";*/
        font-weight: 600;
        width: auto;
    }

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

    .product-images .cue &gt; div {
        display: inline-block;
        vertical-align: middle;
    }

    .product-images .cue .count-rect {
        width: 33px;
        height: 72px;
        padding: 0 6px;
        background: #e4e4e4;
        border: 0 none;
        box-sizing: border-box;
    }

        .product-images .cue .count-rect span {
            font-size: 13px;
            margin-top: 26px;
            display: inline-block;
            width: 100%;
            text-align: center;
        }

.orders-wrapper .totals-node .text-node {
    border: 0px none;
    height: 70px;
    margin-top: -17px;
}

    .orders-wrapper .totals-node .text-node p {
        margin: 0;
        margin-top: -2px;
        line-height: 13px;
        color: #333333;
    }

        .orders-wrapper .totals-node .text-node p:last-of-type {
            font-size: 17px;
            font-weight: 800;
            letter-spacing: -0.04em;
            margin-top: 10px;
            color: #ff0000;
        }

.orders-wrapper .totals-node.flex .text-node {
    margin-left: 22px;
}

.orders-wrapper.details .totals-node .text-node p {
    font-size: 12px;
}

.orders-wrapper.details .totals-node .text-node .oldprice {
    font-size: 17px;
}

.orders-wrapper.details .total-info {
    width: 346px;
    float: right;
}

    .orders-wrapper.details .total-info tr:first-of-type td {
        border-top: 0 none;
    }
/* newOrders end */

/*order action bar start*/

.action-bar {
    float: right;
    max-width: 438px;
    width: auto;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
}

    .action-bar ul {
        padding: 0;
        margin: 0;
    }

        .action-bar ul li {
            display: inline-block;
            list-style: none;
            padding: 0;
            margin: 0;
            margin-left: 10px;
        }

/*order action bar end*/
@media (max-width: 1199px) {
    .orders-wrapper .text-props &gt; div:first-of-type {
        width: 12.5%;
    }

    .last .btn {
        width: 138px;
        font-size: 12px;
        letter-spacing: 0px;
        /*padding: 0px 3px;*/
    }
}
/*order page and details end*/
.cart-product-row .removefromcart-link {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/cart-remove-icon.png) center center no-repeat #fff;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    font-size: 18px;
    text-indent: -99999px;
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}

.cart-product-row th.product-name-title,
.cart-product-row td.product-name-title {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}


.cart-product-row th.card-product-order-type,
.cart-product-row td.card-product-order-type {
    min-width: 160px;
}

.cart-product-row td.product-name-title a {
    font-weight: bold;
    display: block;
    font-size: 14px;
    color: #0362bf;
}

    .cart-product-row td.product-name-title a:hover {
        text-decoration: none;
        color: #0362bf;
    }

.cart-product-row td.product-name-title span {
    font-size: 14px;
    color: #666666;
    display: inline-block;
}


.cart-product-row td.product-name-title .custom-attribute-select {
    margin-top: 5px;
}

    .cart-product-row td.product-name-title .custom-attribute-select span {
        margin-right: 5px;
    }

.cart-product-row.child-special td {
    background: #F3F3F3;
}

.cart-product-row + .cart-product-row {
    margin-top: -30px;
}

.cart-procedure {
    padding: 0 35px;
    font-size: 12px;
    margin-bottom: 13px;
    color: #666;
    font-family: arial;
}

.cart-page-product-description {
    float: left;
    padding: 5px 15px;
    width: 100%;
    font-size: 12px;
    color: #666;
    border: 1px solid #b3b3b3;
    margin-bottom: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cart-procedure span, .not-installment-product-description {
    width: 23px;
    height: 17px;
    display: inline-block;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png) center center no-repeat;
    margin-right: 7px;
}

.recurring-options-description {
    width: 23px;
    height: 17px;
    display: inline-block;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/recurring-icon.png) center center no-repeat;
    margin-right: 7px;
    margin-left: 7px;
}

.recurring-product {
    margin-top: 2px;
}

    .recurring-product span, .recurring-product span.recurring-small {
        display: block;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/recurring-icon.png) left top no-repeat;
        padding-left: 30px;
        font-size: 10px !important;
        line-height: 19px;
        color: #0c86ae !important;
    }

        .recurring-product span.recurring-small {
            line-height: 11px;
        }

.checkout-progress {
    padding: 20px 35px;
    text-align: center;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .checkout-progress a {
        float: left;
        width: 33.333%;
        border-bottom: 2px solid #0066cc;
        font-size: 26px;
        color: #999999;
        padding-bottom: 12px;
        position: relative;
    }

        .checkout-progress a:hover {
            color: #999999;
            text-decoration: none;
        }

        .checkout-progress a.selected:before {
            content: "";
            position: absolute;
            bottom: -11px;
            left: 50%;
            margin-left: -9px;
            width: 18px;
            height: 11px;
            background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkout-arrow.png") center center no-repeat;
        }

        .checkout-progress a.selected {
            color: #0066cc;
            font-weight: bold;
        }

        .checkout-progress a.visited {
            font-weight: normal;
            color: #0066cc;
        }



input.checkout-next-step,
.checkout-next-step {
    background: #f73d04;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #f73d04;
    display: block;
    width: 100%;
    text-align: center;
    padding: 17px 0;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.prev-step-button {
    display: inline-block;
    color: #646464;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prev-step-icon.png) left center no-repeat #fff;
    font-size: 16px;
    border: none;
    padding: 18px 0;
    padding-left: 24px;
}

    .prev-step-button:hover {
        text-decoration: none;
        color: #646464;
    }

.checkout-buttons-container {
    padding: 0 20px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checkout-order-totals {
    border-collapse: initial;
    border: 1px solid #b3b3b3;
}

    .checkout-order-totals .removediscountbutton {
        background: #fff url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/cart-remove-icon.png") no-repeat scroll center center;
        border: medium none;
        box-shadow: none;
        box-sizing: border-box;
        display: inline-block;
        font-size: 18px;
        height: 36px;
        overflow: hidden;
        text-indent: -99999px;
        width: 36px;
    }

    .checkout-order-totals th,
    .checkout-order-totals td {
        padding: 13px 15px;
        border: 1px solid #b3b3b3;
        text-align: left;
        font-size: 16px;
    }

    .checkout-order-totals th {
        font-weight: normal;
    }

    .checkout-order-totals td {
        font-weight: bold;
    }

.order-total-wrapper {
    margin: 20px 35px 30px;
}

.checkoutPreOrderInfo {
    padding: 15px;
    border: 2px dashed #b3b3b3;
    margin-top: 20px;
    position: relative;
}

    .checkoutPreOrderInfo:before {
        content: "";
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/preorder-icon-2.png") center center no-repeat;
        position: absolute;
        top: 14px;
        left: 16px;
        width: 23px;
        height: 23px;
        -ms-background-size: cover;
        background-size: cover;
    }

    .checkoutPreOrderInfo p {
        font-size: 14px;
        color: #000;
        margin: 0;
        text-indent: 28px;
    }

.order-summary-top {
    margin-bottom: 20px;
}

    .order-summary-top input.checkout-next-step {
        padding: 13px 0;
    }

.gift-wrapper {
    padding: 15px;
    border: 1px solid #b3b3b3;
}

    .gift-wrapper h2 {
        color: #036acb;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

    .gift-wrapper p {
        color: #666;
        font-size: 10px;
        line-height: 12px;
    }

.offer-item {
    padding-right: 10px;
}

    .offer-item span {
        font-size: 11px;
        color: #666;
        line-height: 12px;
        display: block;
    }

    .offer-item td {
        width: 50%;
        vertical-align: middle;
    }

.specialOfferButtons {
    text-align: center;
}

.addOfferToCart {
    color: #0057a4;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
    padding: 0px 10px;
    display: inline-block;
    position: relative;
    padding-left: 32px;
    line-height: 26px;
    margin-top: 10px;
}

    .addOfferToCart.selected:before {
        border: 1px solid #0057a4;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
    }

    .addOfferToCart:before {
        content: "";
        position: absolute;
        width: 24px;
        height: 24px;
        border: 1px solid #e7e7e7;
        top: 50%;
        margin-top: -13px;
        left: 0;
    }

.cart-gift-wrapper {
    position: relative;
}

.owl-buttons div {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    text-indent: -99999px;
}

.owl-prev {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/gift-arrow-left.png") center center no-repeat;
    left: -36px;
}

.owl-next {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/gift-arrow-right.png") center center no-repeat;
    right: -15px;
}

.cart-product-row td.product-name-title .installment-not-allowed span {
    display: block;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png") left center no-repeat;
    font-size: 9px;
    color: #c80e13;
    padding-left: 28px;
}

.cart-product-row td.product-name-title .special-product-campaign p,
.summary-special-product {
    font-size: 10px;
    color: #66cc00;
    margin-bottom: 0;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/gift-icon.png") left center no-repeat;
    padding-left: 28px;
}

.cart-product-row td.product-name-title .special-product-campaign p,
.summary-subscription-product {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    margin-bottom: 0;
    background: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"&gt;&lt;path fill-rule="evenodd" clip-rule="evenodd" d="M1.667 10c0 4.14 3.31 7.5 7.393 7.5 4.081 0 7.392-3.359 7.392-7.5 0-.116-.002-.232-.008-.346h1.89l-3-3.045-3.002 3.045h2.421c.007.114.01.23.01.346 0 3.195-2.553 5.787-5.703 5.787-3.15 0-5.704-2.592-5.704-5.787S5.91 4.213 9.06 4.213c1.601 0 3.05.67 4.085 1.75l1.194-1.212A7.318 7.318 0 0 0 9.06 2.5c-4.082 0-7.392 3.358-7.392 7.5zm7.551 2.516h.953V9.07L7.407 7.496l-.477.815 2.29 1.303v2.902z" fill="%23026ACB"/&gt;&lt;/svg&gt;') center right no-repeat;
    width: 122px;
}

    .cart-product-row td.product-name-title .special-product-campaign p a.change-special-product {
        display: inline-block;
        font-size: 10px;
        color: #666;
        border: 1px solid #666;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 10px;
        margin-top: 5px;
    }


.cart-gift-popup-list {
    width: 940px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

    .cart-gift-popup-list .offered-items .item {
        float: left;
        width: 25%;
        padding: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cart-gift-popup-list .offer-item td {
        vertical-align: middle;
        padding: 10px 0;
    }

.offer-item td span {
    display: block;
    padding-right: 10px;
}

.cart-gift-popup-list .offered-items {
    margin: 0 -25px;
}



.cart-gift-popup-list h2 {
    margin: 0;
    color: #0066cc;
    font-weight: bold;
    font-size: 22px;
    padding-top: 5px;
}

.cart-gift-popup-list p {
    margin: 0;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}

.cart-gift-popup-list .addOfferToCart,
.cart-gift-popup-list .change-product-gift {
    width: 100%;
    background: #00a454;
    color: #fff0f5;
    margin: 0;
    border: none;
    padding: 2px 0;
    font-size: 12px;
}

.cart-gift-popup-list .offer-item {
    padding-right: 0;
}

.cart-gift-popup-list table {
    border: 1px solid #efefef;
    width: 100%;
}

/*checkout address page*/
.checkout-address-page,
.checkout-pay-page,
.completed-page {
    padding: 30px 35px;
}

.completed-page {
    padding-top: 45px;
}

.checkout-address-page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: arial;
}

.selected-shipping-method {
    position: relative;
    padding-right: 38px;
}

    .selected-shipping-method:before {
        content: "";
        position: absolute;
        width: 38px;
        height: 38px;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/dropdown-arrow.png") center center no-repeat;
        top: 0;
        right: 0;
    }

.select-shipping {
    width: 100%;
    border: 1px solid #b3b3b3;
    position: relative;
    background-color: #fff;
    margin-bottom: 35px;
    cursor: pointer;
}

.shipping-method-list {
    position: absolute;
    top: 40px;
    left: -1px;
    width: 171px;
    display: none;
    background-color: #fff;
    z-index: 3;
}

.shipping-name {
    line-height: 18px;
    display: block;
    padding: 11px;
    padding-right: 0;
    font-size: 12px;
    color: #666;
}

.select-shipping .shipping-method {
    line-height: 18px;
    border: 1px solid #aaa;
    padding: 10px;
}

    .select-shipping .shipping-method + .shipping-method {
        border-top: none;
    }

.address-title {
    font-weight: bold;
    font-size: 16px;
    color: #036acb;
    margin: 0;
}

    .address-title.cargo-title {
        font-weight: normal;
    }


.address-label {
    font-size: 14px;
    color: #666;
}

    .address-label em {
        font-size: 10px;
        font-style: normal;
        display: none;
    }


.address-item, .selected-address-item {
    border: 1px solid #b3b3b3;
    padding: 10px;
    cursor: pointer;
}

.address-item {
    border-width: 1px 0;
}

    .address-item + .address-item {
        border-bottom: none;
    }

    .address-item h2, .selected-address-item h2 {
        display: flex;
        align-items: center;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        color: #666;
    }

        .address-item h2 svg, .selected-address-item h2 svg {
            width: 14px;
            height: 14px;
            margin-right: 10px;
        }

    .address-item p, .selected-address-item p {
        margin: 0;
        color: #666;
    }

    .address-item.selected {
        background: #F7F7F7 url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ok-green.png) 96% center no-repeat !important;
    }

.address-wrapper {
    position: relative;
}

.address-list {
    position: relative;
    top: -1px;
    width: 100%;
    display: none;
    max-height: 175px;
    overflow: auto;
    border: 1px solid #b3b3b3;
    border-width: 0 1px 1px 1px;
}

.hiddenAroma {
    display: inline-block;
    height: 59px;
    position: relative;
    top: -10px;
    width: 15px;
}

.address-select {
    float: left;
    width: 50%;
}

.useSameAdresscontainer {
    width: 100%;
    padding-right: 0px !important;
}

.address-select.shipping-address-wrapper {
    padding-right: 10px;
}

.address-select.billing-address-wrapper {
    padding-left: 10px;
}

.selected-address-item {
    min-height: 175px;
    padding-right: 60px;
}

    .selected-address-item.has-bg {
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/address-arrow.jpg") right center no-repeat #fff;
    }

.address-page-buttons {
    margin: 20px 0;
}

.gift-note-wrapper {
    margin-bottom: 20px;
}

    .gift-note-wrapper span {
        display: block;
        font-size: 16px;
        color: #036acb;
        line-height: 36px;
        margin-top: 20px;
    }

    .gift-note-wrapper textarea {
        width: 100%;
        height: 126px;
        border: 1px solid #b3b3b3;
        -moz-resize: none;
        -ms-resize: none;
        -o-resize: none;
        resize: none;
        margin: 0;
    }

.yk-kargo {
    display: none;
}

    .yk-kargo img, .aras-kargo img {
        height: 42px;
    }

.add-new-address {
    float: right;
    color: #fff;
    background-color: #033E7B;
    font-size: 12px;
    border-radius: 5px;
    padding: 11px 20px;
}

    .add-new-address:hover {
        color: #fff;
        background-color: #033E7B;
        text-decoration: none;
    }

    .add-new-address i {
        float: left;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/address-plus.png") center center no-repeat;
        width: 12px;
        height: 12px;
        margin-top: 3px;
        margin-right: 8px;
    }

.address-edit-button {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #0057a4;
    font-weight: bold;
    -ms-background-size: 18px;
    background-size: 18px;
    margin-top: -3px;
    text-decoration: underline;
}

    .address-edit-button:hover {
        color: #0057a4;
        text-decoration: none;
    }
/*checkout address page end*/
/*order summary small*/
.order-summary-small {
    margin-bottom: 20px;
}

    .order-summary-small tr {
        border: 1px solid #b3b3b3;
    }

    .order-summary-small td {
        padding: 10px;
        position: relative;
    }

.summary-attr, .summary-name {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.summary-special-product {
    margin-top: 0;
    display: inline-block;
}

.summary-quantity {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 40px;
    background-color: #1a4b86;
    box-sizing: border-box;
}

.summary-image {
    width: 90px;
    height: 90px;
    flex-grow: 0;
}

.summary-circle-x2 {
    width: 16px;
    height: 16px;
    flex-grow: 0;
    font-family: Open Sans;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.summary-name-x2 {
    width: 183px;
    height: 36px;
    flex-grow: 0;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.19px;
    text-align: left;
    color: #000;
}

/*order summary small end*/
/*checkout pay*/
.bank-list {
    margin-bottom: 18px;
}

    .bank-list select {
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.1px;
        color: #003770;
        border-radius: 5px;
        border-radius: 4px;
        border: solid 1px rgba(0, 55, 112, 0.2);
        background-color: rgba(0, 55, 112, 0.04);
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        padding: 15px 0;
        padding-left: 26px;
        padding-right: 60px;
        font-size: 16px;
        height: auto;
        width: 350px;
        margin-top: 5px;
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right 24px center;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/bank-arrow-down.svg");
    }

        .bank-list select.selected,
        .bank-list select option {
            color: #484848;
        }

            .bank-list select option:checked {
                font-weight: bold;
            }

.completed-page-content-v2 .left-side .bank-list-container .info-box:not(.no-icon) {
    background-image: none;
    padding: 25px;
    text-align: left;
}

.completed-page-content-v2 .left-side .bank-list-container .info-box h4 {
    text-align: left;
    margin-top: 0px;
}

.bank-detail {
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #cdd8e2 !important;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    letter-spacing: normal;
    color: #484848;
    margin-bottom: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

    .bank-detail .company-bank-account {
        margin-top: 10px;
    }

        .bank-detail .company-bank-account &gt; * {
            display: block;
            line-height: normal;
        }

    .bank-detail .bank-information .company-bank-account span {
        font-weight: normal;
    }

.bank-account table tbody tr td:first-child {
    font-weight: normal;
}

.bank-account tabletbody tr td {
    font-size: 14px !important;
}

.bank-detail .bank-image {
    display: none;
    max-width: 100%;
    max-height: 28px;
}

    .bank-detail .bank-image.show {
        display: block !important;
    }

.bank-detail .bank-information {
    padding: 13px 15px;
}

.bank-account.show {
    display: block;
}

.bank-account table td:first-child {
    padding-right: 0;
}

.bank-account table td {
    padding: 10px 17px;
    background: #ffffff;
}

.bank-account table td {
    border-top: 1px solid #e4e4e4;
}

    .bank-account table td small {
        font-weight: normal;
        display: block;
        width: 100%;
    }

    .bank-account table td:not(:last-child) {
        border-right: none !important;
    }

.info-box {
    border-radius: 5px;
    background-color: #f4faff;
    border: 1px solid #ecf6ff;
    padding: 8px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.bank-account table td:not(:last-child) {
    border-right: none !important;
}

.info-box {
    border-radius: 5px;
    background-color: #f4faff;
    border: 1px solid #ecf6ff;
    padding: 8px 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

    .info-box:not(.no-icon) {
        background-repeat: no-repeat;
        background-position: top 21px left 15px;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/info-box-icon.svg");
        padding-left: 40px;
    }

    .info-box:not(.no-icon) {
        background-repeat: no-repeat;
        background-position: top 21px left 15px;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/info-box-icon.svg");
        padding-left: 40px;
    }

    .info-box h4 {
        margin: 10px 0;
        font-size: 14px;
        font-weight: bold;
    }

.checkout-pay-page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checkout-pay-page {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}

.delivery-type {
    margin-bottom: 0;
    border: 1px solid #b3b3b3;
    padding: 5px;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    cursor: pointer;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/supplementler/tab_box_bg.png) left top repeat-x;
}

.payment-type-option {
    position: relative;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #484848;
    cursor: pointer;
    transition: all 150ms;
    margin: 0;
    color: #ffffff;
    border-radius: 4px;
    padding: 30px 30px;
    border-bottom: solid 1px rgba(51, 51, 51, 0.11);
}

.payment-tab-box {
    border: solid 1px rgba(51, 51, 51, 0.11);
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    margin-bottom: 16px;
    width: 100%;
}

    .payment-tab-box.disabled {
        filter: grayscale(100%);
        opacity: 0.5;
        pointer-events: none;
    }


.payment-type-option .payment-type-icon {
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 7px;
    transition: all 150ms;
    width: 28px;
    height: 25px;
    margin: 0 15px 0 0;
    padding: 14px 11px 14px 12px;
    background-color: #333333;
    border-radius: 50px;
    background-size: 29px;
    background-position: center;
    color: #ffffff;
}

.payment-type-option.selected {
    cursor: pointer;
}

    .payment-type-option.selected .payment-method-content &gt; strong,
    .payment-type-option:hover .payment-method-content &gt; strong {
        color: #0061c5;
    }

    .payment-type-option.selected .payment-type-icon,
    .payment-type-option:hover .payment-type-icon {
        background-color: #0061c5;
    }

    .payment-type-option.selected img {
        transform: rotate(45deg);
    }
/*.payment-type-option[data-name="Kredi Kartı"] .payment-type-icon,
	.payment-type-option[data-name="Kredi Kartı"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-credit-card.svg");
	}*/
.payment-type-option[data-name="Kredi Kartı"] .payment-type-icon,
.payment-type-option[data-name="Kredi Kartı"]:hover .payment-type-icon,
.payment-type-option[data-name="Kredi Kartı"].selected .payment-type-icon {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-credit-card-active.svg");
}

/*	.payment-type-option[data-name="Alışveriş Kredisi"] .payment-type-icon,
	.payment-type-option[data-name="Alışveriş Kredisi"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("/Themes/Supplementler/Content/images/pay-with-bank-credit.svg");
	}*/
.payment-type-option[data-name="Alışveriş Kredisi"] .payment-type-icon,
.payment-type-option[data-name="Alışveriş Kredisi"]:hover .payment-type-icon,
.payment-type-option[data-name="Alışveriş Kredisi"].selected .payment-type-icon {
    background-image: url("/Themes/Supplementler/Content/images/pay-with-bank-credit-active.svg");
}

/*.payment-type-option[data-name="Havale"] .payment-type-icon,
	.payment-type-option[data-name="Havale"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-money-transfer.svg");
	}*/
.payment-type-option[data-name="Havale"] .payment-type-icon,
.payment-type-option[data-name="Havale"]:hover .payment-type-icon,
.payment-type-option[data-name="Havale"].selected .payment-type-icon {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-money-transfer-active.svg");
}

/*.payment-type-option[data-name="Kapıda Kredi Kartı"] .payment-type-icon,
	.payment-type-option[data-name="Kapıda Kredi Kartı"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-credit-on-delivery.svg");
	}*/
.payment-type-option[data-name="Kapıda Kredi Kartı"] .payment-type-icon,
.payment-type-option[data-name="Kapıda Kredi Kartı"]:hover .payment-type-icon,
.payment-type-option[data-name="Kapıda Kredi Kartı"].selected .payment-type-icon {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-credit-on-delivery-active.svg");
}

/*	.payment-type-option[data-name="Kapıda Nakit"] .payment-type-icon,
	.payment-type-option[data-name="Kapıda Nakit"].hover-not-allowed:not(.selected):hover .payment-type-icon {
		background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-cash-on-delivery.svg");
	}*/

.payment-type-option[data-name="Kapıda Nakit"] .payment-type-icon,
.payment-type-option[data-name="Kapıda Nakit"]:hover .payment-type-icon,
.payment-type-option[data-name="Kapıda Nakit"].selected .payment-type-icon {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/pay-cash-on-delivery-active.svg");
}

.hover-not-allowed.add-sticker {
    overflow: hidden;
}

    .hover-not-allowed.add-sticker::after {
        content: "YAKINDA";
        position: absolute;
        left: -20px;
        top: 10px;
        transform: rotate(-45deg);
        background-color: #000;
        color: #fff;
        font-size: 10px;
        padding: 3px 18px;
    }

.delivery-type:before {
    content: "";
    width: 26px;
    height: 26px;
    border: 1px solid #b3b3b3;
    float: left;
    margin-right: 5px;
    background: #fff;
}

.payment-type-option.selected:before,
.delivery-type.selected:before {
    border: 1px solid #0057a4;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
}

.payment-type-option input[type="radio"] {
    display: none;
}

.payment-type-option img {
    width: 18px;
    position: absolute;
    right: 28px;
    top: 38%;
}


.paymentMethodContainer .page-title {
    font-weight: bold;
    font-size: 16px;
    color: #036acb;
    margin: 0;
    border: none;
}

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

.align-right {
    text-align: right;
}

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

.selected-installment-wrapper,
.installment-item {
    float: left;
    width: 100%;
    border: 1px solid #b3b3b3;
    cursor: pointer;
}

.installment-list {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.installment-item + .installment-item {
    border-top: none;
}

.installment-item.selected {
    background: #CAF9CE;
}

.installment-item input {
    display: none;
}

.selected-installment,
.payment_taksit_title {
    border-right: 1px solid #b3b3b3;
    color: #333;
    font-weight: bold;
}

.selected-installment-wrapper .col-lg-4,
.installment-item {
    line-height: 30px;
}


.selected-installment {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/address-arrow.jpg") right -5px no-repeat;
}

.accpet-terms-wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .accpet-terms-wrapper div {
        color: #666;
        font-size: 12px;
        margin: 0;
        line-height: 26px;
        padding: 0;
        cursor: pointer;
    }

        .accpet-terms-wrapper div + div {
            margin-top: 15px;
        }

        .accpet-terms-wrapper div i {
            content: "";
            float: left;
            width: 16px;
            height: 16px;
            margin: 4px 10px 24px 0;
            border-radius: 3px;
            border: solid 1px rgba(34, 34, 34, 0.3);
            background-color: #ffffff;
        }

        .accpet-terms-wrapper div.selected i {
            border: 1px solid #0057a4;
            background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
        }

        .accpet-terms-wrapper div input {
            float: left;
            margin-top: 3px;
            margin-right: 3px;
            display: none;
        }

    .accpet-terms-wrapper span {
        color: #0057a4;
        text-decoration: underline;
        line-height: 18px;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #0061c5;
    }

/*card animation*/
.payment-border {
    float: left;
    width: 100%;
}

.card-front {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/credit-card-image.png") left top no-repeat;
    width: 288px;
    height: 180px;
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}

.card-back {
    display: none;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/credit-card-image-back.png") left top no-repeat;
    width: 288px;
    height: 180px;
    position: relative;
    margin-bottom: 20px;
    z-index: 1;
}

.card-number {
    float: left;
    width: 25%;
    line-height: 30px;
    font-size: 18px;
    color: #fff0f5;
    position: relative;
    height: 30px;
}


.card-number-block {
    float: left;
    width: 25%;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/white-point.png") center center no-repeat;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

    .card-number-block.no-bg {
        background: none;
    }

.credit-card-number {
    position: absolute;
    top: 80px;
    right: 0;
    width: 100%;
    height: 30px;
    padding: 0 10px;
}

.card-my-month,
.card-my-year {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/duble-white-point.png") center center no-repeat;
    line-height: 10px;
    display: inline-block;
    height: 9px;
    width: 20px;
}

    .card-my-month.no-bg,
    .card-my-year.no-bg {
        background: none;
    }


.credit-card-skt {
    position: absolute;
    top: 115px;
    left: 110px;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    width: 100px;
}

.valid-thru {
    float: left;
    padding-right: 5px;
    padding-top: 10px;
}

.card-month-year,
.card-my-wrapper {
    float: left;
    width: 55px;
    text-align: center;
}

.card-my-wrapper {
    padding-top: 10px;
}

.credit-card-name {
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 22px;
}

.card-mask-cvv {
    color: #fff;
    position: absolute;
    top: 90px;
    right: 0;
    width: 100px;
}

.delivery-wrapper {
    float: left;
    width: 100%;
    position: relative;
}



    .delivery-wrapper .payment-type-option:before {
        display: none;
    }

    .delivery-wrapper .payment-type-option {
        margin-top: -1px;
        text-align: center;
    }

        .delivery-wrapper .payment-type-option:hover,
        .delivery-wrapper .payment-type-option.selected {
            background: #036acb;
            color: #fff;
        }

.delivery-items {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 2;
}

.checkout-data {
    padding: 30px;
}

/*card animation end*/
/*checkout pay end*/

/*cart empty*/
.cart-empty {
    padding: 0 35px;
    margin-top: 60px;
}

    .cart-empty .order-summary-small .summary-name {
        color: #666;
        font-size: 16px;
        font-weight: bold;
    }

    .cart-empty .order-summary-small {
        margin-bottom: 0;
    }

    .cart-empty .empty-image {
        width: 90px;
    }

.empty-price {
    color: #ff6600;
    font-size: 18px;
}

.empty-old-price {
    color: #666;
    font-size: 14px;
    text-decoration: line-through;
}

.cart-empty .outStock {
    top: -1px;
    left: -7px;
}

    .cart-empty .outStock:hover {
        border: none;
    }

.cart-product-link {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #999;
}

.cart-empty .owl-buttons div {
    margin-top: -36px;
    top: 0;
}

.cart-empty .owl-prev {
    left: 100%;
    margin-left: -72px;
}

.cart-empty .owl-next {
    right: 0;
}

.cart-empty-title {
    margin: 0;
    text-align: center;
    font-size: 50px;
    color: #666;
    font-weight: normal;
}

.cart-empty-text p {
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
}


.cart-best-sellers-slider .order-summary-small tr {
    border: none;
}

.cart-best-sellers-slider .item {
    border: 1px solid #b3b3b3;
}

.cart-best-sellers-slider .order-summary-small tr + tr {
    border-top: 1px solid #b3b3b3;
}


.go-back-link,
.start-checkout {
    width: 184px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 7px 0;
    margin-top: 20px;
}

    .go-back-link:hover,
    .start-checkout:hover {
        text-decoration: none;
        color: #fff;
    }

    .go-back-link:before {
        position: absolute;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/go-back-arrow.png") center center no-repeat;
        width: 14px;
        height: 34px;
        left: -14px;
        top: 0;
    }

.go-back-link {
    background: #033E7B;
    margin-left: 14px;
    float: left;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.start-checkout {
    background: #f73d04;
    margin-right: 14px;
    float: right;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

    .start-checkout:before {
        position: absolute;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/start-checkout-arrow.png") center center no-repeat;
        width: 14px;
        height: 34px;
        right: -14px;
        top: 0;
    }

.cart-empty-text {
    padding: 75px 50px;
    border: 1px solid #b3b3b3;
}
/*cart empty end*/
/*new checkout end*/


/*general address form*/
.general-address-form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fancybox-inner .general-address-form {
    padding: 15px;
    border: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.fancybox-inner .address-add-wrapper .message-header {
    display: block;
}

.fancybox-inner .address-title,
.fancybox-inner .prev-step-button {
    display: none;
}

.fancybox-inner .create-or-update {
    border: none;
    padding: 0;
    width: 400px;
}

.fancybox-inner .address-page-buttons {
    margin: 0;
}

.create-or-update {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .create-or-update * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.general-address-form .control-label {
    font-size: 14px;
    color: #666;
    display: block;
    margin-bottom: 0;
    width: 100%;
}

.address-wrapper .form-group {
    position: relative;
}

.address-add-wrapper .error-message,
.address-edit-wrapper .error-message {
    position: relative;
    top: 0px;
    font-size: 14px;
    color: #a94442;
    right: 0;
    width: 100%;
    text-align: left;
    margin-top: 5px;
}

.address-add-wrapper .message-header {
    display: none;
}

.general-address-form .form-control {
    width: 100%;
    height: 40px;
    border: 1px solid #c9c9c9;
    margin: 0;
}

.general-address-form textarea.form-control {
    width: 100%;
    border: 1px solid #c9c9c9;
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
    margin: 0;
    height: 120px;
}

.address-type {
    color: #666;
    font-size: 14px;
    border: 1px solid #b3b3b3;
    padding: 11px;
    position: relative;
    float: left;
    width: 100%;
    line-height: 26px;
    background: #fff;
}

    .address-type:before {
        content: "";
        width: 24px;
        float: left;
        height: 24px;
        border: 1px solid #b3b3b3;
        margin-right: 7px;
    }

    .address-type.selected:before {
        border: 1px solid #0057a4;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
    }

/*general address form end*/

.cashon-delivery,
.money-transfer {
    padding: 20px;
    border: 1px solid #b3b3b3;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.cashon-delivery-table {
    border: 1px solid #b3b3b3;
}

    .cashon-delivery-table th {
        border-bottom: 1px solid #c2c2c2;
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
        color: #666;
    }

    .cashon-delivery-table td {
        padding: 10px;
        font-size: 12px;
    }

    .cashon-delivery-table tbody tr {
        cursor: pointer;
    }

        .cashon-delivery-table tbody tr:hover {
            background: #EEFFF7;
        }

    .cashon-delivery-table td p {
        margin: 0;
        color: #666;
    }

.cashon-delivery em {
    color: #00a454;
    font-size: 18px;
    font-style: normal;
}


/*completed page*/
.completed-page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color: #484848;
}

    .completed-page * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .completed-page .thank-you {
        font-size: 14px;
        line-height: 1.14;
        letter-spacing: 0.1px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .completed-page &gt; hr {
        margin: 0;
        margin-top: 70px;
        background-color: #cdd8e2;
        box-shadow: none;
        border: 0;
        height: 1px;
    }

    .completed-page .thank-you a {
        text-decoration: underline;
        font-weight: bold;
    }

    .completed-page .bank-detail .bank-image {
        margin-bottom: 10px;
        display: inline-block;
    }

    .completed-page .bank-detail .bank-image {
        margin-bottom: 10px;
        display: inline-block;
    }

.quick-info-wrapper {
    margin: 20px auto;
    max-width: 915px;
}

    .quick-info-wrapper .info-box {
        margin-top: 20px;
        text-align: left;
    }

    .quick-info-wrapper .bank-detail {
        text-align: left;
        margin-top: 20px;
    }

    .quick-info-wrapper .bank-detail,
    .quick-info-wrapper .bank-account {
        display: block;
    }

.order-deadline {
    font-size: 14px;
    line-height: normal;
    color: #ffffff;
    border-radius: 4px;
    background-color: #026acb;
    padding: 12px 20px;
    text-align: left;
    margin-top: 6px;
    background-repeat: no-repeat;
    background-position: top 15px left 20px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/info-box-icon-white.svg");
    padding-left: 45px;
    position: relative;
}

.deadline-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #026acb;
    position: absolute;
    top: -7px;
    right: 268px;
}

.order-gift-note {
    text-align: left;
    font-size: 14px;
    margin-top: 50px;
}

ul.order-quick-info {
    border-radius: 4px;
    background-color: #f6f6f6;
    list-style-type: none;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.93;
    display: block;
    width: 100%;
    margin: 0;
}

    ul.order-quick-info &gt; li {
        display: inline-block;
        text-align: center;
        width: 177px;
        max-width: 177px;
        word-break: break-all;
        padding: 0 15px;
        vertical-align: top;
    }

        ul.order-quick-info &gt; li &gt; * {
            display: block;
        }

        ul.order-quick-info &gt; li.order-number {
            color: #026acb;
        }

            ul.order-quick-info &gt; li.order-number &gt; span {
                font-weight: bold;
            }

            ul.order-quick-info &gt; li.order-number &gt; strong {
                font-size: 24px;
            }

        ul.order-quick-info &gt; li.earned-points &gt; a,
        ul.order-quick-info &gt; li.earned-points &gt; strong {
            text-decoration: underline;
            font-size: 16px;
            color: #484848;
            font-weight: bold;
        }

        ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"] {
            display: inline-block;
            height: 13px;
            width: 13px;
            transition: all 150ms;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/completed-question.svg");
        }

            ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"]:hover {
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/completed-question-active.svg");
            }

            ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"] + .popover {
                border: 1px solid #04407f;
                padding: 0;
                font-size: 12px;
                line-height: 1.67;
                color: #323232;
                min-width: 330px;
                text-align: left;
            }

                ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"] + .popover .arrow:after {
                    border-top-color: #04407f;
                }

                ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"] + .popover .popover-title {
                    display: none;
                }

                ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"] + .popover .popover-content {
                    padding: 12px 15px;
                }

                    ul.order-quick-info &gt; li.earned-points a[data-toggle="popover"] + .popover .popover-content label {
                        font-size: 14px;
                        font-weight: bold;
                        color: #04407f;
                    }

        ul.order-quick-info &gt; li &gt; strong {
            font-size: 16px;
            margin-top: 8px;
        }

        ul.order-quick-info &gt; li:not(:last-child) {
            border-right: 1px solid #e6dada;
        }

.order-items {
    margin-top: 44px;
    margin-bottom: 44px;
    border: 1px solid #cdd8e2;
    border-radius: 5px;
}

.inline-product-image {
    display: inline-block;
    max-width: 45px;
    max-height: 45px;
    vertical-align: middle;
    margin-right: 5px;
}

.order-items table &gt; tbody &gt; tr {
    border-top: 1px solid #cdd8e2;
}

.order-information {
    margin-top: 50px;
    text-align: left;
    font-size: 14px;
}

    .order-information h2,
    .order-gift-note h2 {
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0;
        margin-bottom: 13px;
    }

    .order-information .completed-address &gt; div {
        border-radius: 5px;
        background-color: #ffffff;
        border: 1px solid #cdd8e2;
        padding: 18px 20px;
        padding-bottom: 50px;
        min-height: 213px;
        position: relative;
    }

        .order-information .completed-address &gt; div &gt; .ccd {
            position: absolute;
            bottom: 18px;
            left: 20px;
            right: 20px;
        }

    .order-information .checkout-order-totals {
        border: 1px solid #cdd8e2;
        border-radius: 5px;
    }

        .order-information .checkout-order-totals th,
        .order-information .checkout-order-totals td {
            border: 0;
            font-size: 14px;
            padding: 16px 24px;
        }

        .order-information .checkout-order-totals td {
            text-align: right;
        }

        .order-information .checkout-order-totals tr:not(:last-child) th,
        .order-information .checkout-order-totals tr:not(:last-child) td {
            border-bottom: 1px solid #cdd8e2;
        }

        .order-information .checkout-order-totals tr:last-child th,
        .order-information .checkout-order-totals tr:last-child td {
            font-size: 18px;
            font-weight: bold;
        }

.completed-address .address-name {
    font-weight: bold;
    margin-bottom: 12px;
}

.welcome-space {
    text-align: center;
}

    .welcome-space &gt; img {
        display: inline-block;
    }

    .welcome-space h1 {
        font-size: 28px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.2px;
        color: #12a92d;
    }

        .welcome-space h1.odul-band {
            position: relative;
            font-weight: normal;
            font-size: 14px;
        }

            .welcome-space h1.odul-band i {
                width: 60px;
                height: 30px;
                content: " ";
                display: inline-block;
                position: relative;
                top: 8px;
                right: 8px;
            }

            .welcome-space h1.odul-band a {
                font-weight: bold;
            }


.cp-order-id {
    display: block;
    font-size: 16px;
    color: #0066cc;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 30px;
}

    .cp-order-id span {
        font-weight: normal;
    }

.completed-table th,
.completed-table td {
    padding: 16px 22px;
    font-weight: normal;
    font-size: 14px;
}

.completed-table td {
    font-weight: bold;
}

.order-edit-text {
    padding: 20px;
    border: 1px solid #b3b3b3;
    margin-bottom: 35px;
}

    .order-edit-text .checkout-next-step {
        margin-bottom: 20px;
        background: #033E7B;
        border-color: #033E7B;
    }

        .order-edit-text .checkout-next-step:hover {
            margin-bottom: 20px;
            background: #033E7B;
            text-decoration: none;
            color: #fff;
        }
/*completed page end*/


.security-description {
    margin: 60px 0 150px;
}

/*stylish input*/

.credit-card-wrapper .control-group,
.create-or-update .control-group {
    position: relative;
    margin-bottom: 20px;
}

.credit-card-wrapper .animated-label,
.create-or-update .animated-label {
    position: absolute;
    top: 2px;
    left: 10px;
    margin: 0;
    font-size: 10px;
    color: #B3B3B3;
    letter-spacing: 1px;
    display: none;
}

.credit-card-wrapper select.form-control,
.create-or-update select.form-control {
    width: 100%;
    height: 50px;
    color: #666666;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #b3b3b3;
}

.credit-card-wrapper input.form-control,
.create-or-update input.form-control {
    width: 100%;
    height: 50px;
    color: #666666;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #b3b3b3;
    padding: 20px 10px 10px 10px;
}

.create-or-update textarea.form-control {
    padding-top: 20px;
    border: 1px solid #b3b3b3;
}

/*stylish input*/

.order-details-pad {
    padding: 0 15px;
}

.order-details-page {
    /*padding: 0 15px;*/
    float: left;
    width: 100%;
}

.order-details-page-container {
    margin-bottom: 90px;
}

    .order-details-page-container .col-lg-12 {
    }

.order-details-page .sub-title {
    font-size: 15px;
    color: #255087;
    margin: 9px 0 30px 0px;
}

.search-product {
    border: 1px solid #fff;
    border-width: 1px 0;
}

    .search-product.selected {
        border: 1px solid #DDDDDD;
        border-width: 1px 0;
        background: #f0f0f0;
    }

input[type="text"].search-product-input {
    border: none;
    background: none;
    height: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    opacity: 0;
}

.multi-top-search .search-right .search-product a.product-title {
    margin-top: -5px !important;
}

.multi-top-search .search-right .search-product {
    padding: 5px 20px !important;
}

#career-tabs, #career-tabs * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #career-tabs,
    #career-tabs .ui-widget-content {
        width: 100%;
        height: auto;
    }

#career-tabs {
    padding: 0;
    border: 1px solid #F0F0F0;
}

    #career-tabs .ui-tabs-nav {
        padding: 0;
        border: 0;
        background: #fff;
        border-bottom: 1px solid #F0F0F0;
    }

        #career-tabs .ui-tabs-nav li.ui-tabs-active,
        #career-tabs .ui-tabs-nav li {
            padding: 0;
            margin: 0;
            background: #fff;
            border: none;
        }


            #career-tabs .ui-tabs-nav li a {
                color: #adadad;
            }

            #career-tabs .ui-tabs-nav li.ui-tabs-active a {
                color: #333;
            }

.field-validation-error {
    display: block;
}

    .field-validation-error.operator-code, .field-validation-error.phone-number {
        display: none;
    }

.main-link-wrapper.new-category &gt; a {
    position: relative;
}

    .main-link-wrapper.new-category &gt; a:after {
        content: "";
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-category-badge.png) center center no-repeat;
        width: 58px;
        height: 35px;
        position: absolute;
        right: -7px;
        top: -35px;
        z-index: 3;
    }


.facebook_like_box {
    width: 276px;
    height: auto;
}


/*loyality*/

.lp-register {
    color: #333;
    cursor: text;
}

    .lp-register:hover {
        color: #333;
        text-decoration: none;
    }

    .lp-register.notLoggedIn {
        color: #333;
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer;
    }

        .lp-register.notLoggedIn:hover {
            color: blue;
            text-decoration: underline;
        }

.loyality-content *,
.loyal-info * {
    font-family: 'Open Sans', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loyal-section-1 {
    position: relative;
}

.no-orders-note {
    font-size: 17px;
    text-align: center;
    padding: 19px 4px;
    color: #ff4a04;
    font-weight: 700;
}

.loyal-section-fitmoda {
    position: relative;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/bg_fitmoda.png");
    height: 300px;
    width: 1200px;
}

.fitmoda-odul-programi {
    margin: auto;
    width: 331px;
    height: 35px;
    font-family: NunitoSans;
    font-size: 26px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #000000;
}

.loyal-text-rectangle {
    width: 255px;
    height: 2px;
    background-color: #000000;
    margin-top: -3px;
    margin-left: 239px;
}

.loyal-text {
    position: absolute;
    top: 33%;
    left: 50%;
    text-align: center;
    margin-left: -220px;
}

.loyal-text-fitmoda {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -167px;
    margin-top: -51px;
}

    .loyal-text-fitmoda p {
        margin-left: -11px;
        width: 517px;
        height: 44px;
        font-family: NunitoSans;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
    }

.loyal-text p {
    font-size: 16px;
    font-family: jaf-facitweb;
    margin: 0;
}

    .loyal-text p.loyal-button-desc {
        font-size: 12px;
    }

    .loyal-text p a {
        color: #66cc00;
    }

.loyal-text h2, .loyal-text h1 {
    font-size: 44px;
    font-family: jaf-facitweb;
    font-weight: bold;
    color: #000;
    margin: 0;
    line-height: 36px;
    padding: 0;
}

.loyality-content h3 {
    font-size: 20px;
    font-family: jaf-facitweb;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 6px 0;
}

.how-get-point {
    margin: 25px auto -45px auto;
    position: relative;
    width: 264px;
    height: 25px;
    font-family: NunitoSans;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-align: center;
}

.loyal-steps {
    text-align: center;
    padding: 56px 40px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/loyal-point-bg.png) 50% 20% no-repeat;
    -ms-background-size: cover;
    background-size: cover;
}

    .loyal-steps.vitaminler {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/loyal-point-bg-vit.jpg) 50% 55% no-repeat;
    }

.loyal-steps-fitmoda {
    text-align: center;
    padding: 56px 40px;
    /*background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/loyal-point-bg.png) 50% 20% no-repeat;*/
    -ms-background-size: cover;
    background-size: cover;
}

.loyal-step {
    padding: 15px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    min-height: 285px;
    width: 245px;
    display: inline-block;
    background: #fff;
}

.loyal-step-fitmoda {
    margin-top: -65px;
    width: 370px;
    height: 329px;
    border-radius: 4px;
    border: solid 1px #fff4d9;
    background-color: #ffffff;
}

.loyal-step-rectangle {
    width: 1199px;
    height: 297px;
}

.loyal-step-fitmoda-4 {
    float: left;
    margin-bottom: -26px;
    padding-top: 25px;
    /* margin-left: -10px; */
    width: 370px;
    height: 329px;
    border-radius: 4px;
    border: solid 1px #fff4d9;
    background-color: #ffffff;
    margin-right: 46px;
    margin-left: -20px;
}


.loyal-step-point-text {
    font-weight: 600 !important;
    margin: auto;
    width: 254px;
    height: 36px;
    font-family: NunitoSans;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.loyal-step-point-h {
    font-weight: 900;
    margin: 30px auto 10px auto;
    width: auto;
    height: 19px;
    font-family: NunitoSans;
    font-size: 14px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.loyal-step-fitmoda &gt; img {
    margin-top: 30px;
    height: 179px !important;
    width: 159px !important;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.loyal-step img {
    margin-top: 15px;
    margin-bottom: 9px;
}


.loyal-level {
    width: 20%;
    text-align: center;
}

.loyal-level-fitmoda {
    width: 20%;
    text-align: center;
}

.loyal-level-left {
    margin-left: 20px;
    margin-right: 5px;
    float: left;
    background: white;
    width: 20%;
    text-align: center;
    width: 212px;
    height: 264px;
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    background-color: #ffffff;
}

.loyal-level-img {
    margin-top: 30px;
    width: 125px;
    height: 80px;
    margin-bottom: 14px;
}

.loyal-level-name {
    width: 42px;
    height: 20px;
    font-family: NunitoSans;
    font-size: 15px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000 !important;
    display: block;
    width: 90%;
    font-weight: bold;
    font-family: jaf-facitweb;
    font-size: 16px;
    margin: 0 auto;
    color: #fff;
    padding: 9px 0;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.level-values strong,
.level-values span {
    display: block;
    font-family: jaf-facitweb;
    color: #000;
}

.level-values-fitmoda,
.level-values-fitmoda {
    margin: auto;
    display: block;
    font-family: NunitoSans;
    color: #000;
    width: 182px;
    height: 33px;
    background-color: rgba(216, 216, 216, 0.3);
}

.level-values-point {
    margin: auto;
    padding-top: 8px;
    display: block;
    font-family: NunitoSans;
    color: #000;
    width: 182px;
    height: 33px;
    background-color: rgba(216, 216, 216, 0.3);
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-weight: 600;
}

.level-values p b {
    font-size: 20px;
    margin-right: 2px;
}

.level-values p:before {
    height: 1px;
    position: absolute;
    width: 50px;
    background: #000000;
    left: 50%;
    top: 0;
    margin-left: -25px;
    display: block;
    content: " ";
}

.level-values p {
    font-size: 16px;
    color: #f6400b;
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
}

    .level-values p b {
        font-size: 20px;
        margin-right: 2px;
    }

    .level-values p:before {
        height: 1px;
        position: absolute;
        width: 50px;
        background: #000000;
        left: 50%;
        top: 0;
        margin-left: -25px;
        display: block;
        content: " ";
    }

.level-values-fitmoda p {
    font-size: 14px;
    color: #f6400b;
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
}

    .level-values-fitmoda p b {
        font-size: 20px;
        margin-right: 2px;
    }

    .level-values-fitmoda p:before {
        position: absolute;
        width: 50px;
        background: #000000;
        left: 50%;
        top: 0;
        margin-left: -25px;
        display: block;
        content: " ";
    }

.loyal-levels-fitmoda {
    width: 1199px;
    height: 382px;
    background-color: #f6f6f6;
}

.loyal-levels-fitmoda-h3 {
    margin: 30px auto 30px auto;
    width: 139px;
    height: 25px;
    font-family: NunitoSans;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    background-color: #f6f6f6;
}

.loyal-levels {
    padding: 52px;
}

.level-values {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.level-values-fitmoda {
    padding: 10px 0;
    /*border-bottom: 1px solid #ccc;*/
}

.level-values strong {
    font-size: 20px;
}

.level-values-fitmoda strong {
    font-size: 14px;
    font-weight: 900;
}

.level-values span {
    font-size: 16px;
}

.loyal-level-description {
    text-align: center;
    padding-bottom: 52px;
}

.loyal-level-fitmoda-description {
    text-align: center;
    padding-bottom: 52px;
    margin-bottom: 50px;
}

.loyal-level-description h4 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    font-family: jaf-facitweb;
    margin: 0;
    margin-bottom: 20px;
}

    .loyal-level-description h4 span {
        display: block;
        font-size: 20px;
        padding-top: 8px;
        font-weight: normal;
    }

.loyal-level-description p {
    font-size: 20px;
    color: #000;
    margin: 0;
    padding: 10px 0;
}

    .loyal-level-description p strong {
        font-size: 24px;
    }

.level-text {
    display: block;
    width: 90%;
    font-weight: bold;
    font-family: jaf-facitweb;
    font-size: 16px;
    margin: 0 auto;
    color: #fff;
    padding: 9px 0;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.level-text-fitmoda {
    display: block;
    width: 90%;
    font-weight: bold;
    font-family: jaf-facitweb;
    font-size: 16px;
    margin: 0 auto;
    color: #fff;
    padding: 9px 0;
    -ms-border-radius: 6px;
    background-color: #FFF !important;
    border-radius: 6px;
    width: 42px;
    height: 20px;
    font-family: NunitoSans;
    font-size: 15px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-top: 6px;
    margin-bottom: 10px;
}

.level-text-p {
    margin-top: 15px;
    height: 14px;
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #000 !important;
}

.level-discount-img {
    margin-top: 62px;
    margin-left: 324px;
    height: 204px;
    width: 222px;
    object-fit: contain;
    float: left;
}

.level-discount-header {
    width: 194px;
    height: 25px;
    font-family: NunitoSans;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin-left: 27px;
    margin-top: 99px;
    float: left;
}

.level-discount-text {
    font-weight: bold !important;
    margin-left: -200px;
    margin-top: 126px;
    float: left;
    width: 219px;
    height: 18px;
    font-family: NunitoSans;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.level-discount-text-in {
    margin-top: 165px;
    margin-left: -212px;
    float: left;
    width: 288px;
    height: 20px;
    font-family: NunitoSans;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

    .level-discount-text-in strong {
        font-weight: 900;
    }

.level-discount-text-in-rectangle50 {
    width: 40px;
    height: 2px;
    background-color: #000;
    margin-top: 0px;
    margin-left: 85px;
}

.level-discount-text-in-rectangle100 {
    margin-top: -2px !important;
    width: 79px;
    height: 2px;
    background-color: #000;
    margin-top: 0px;
    margin-left: 209px;
}

.level-desc-rectangle {
    margin-top: 60px;
    margin-left: 18px;
    float: left;
    width: 1160px;
    height: 1px;
    background-color: #d8d8d8;
}

.custom-line-1 {
    margin-top: 170px;
    margin-left: 18px;
    width: 1160px;
    height: 1px;
    background-color: #d8d8d8;
}

.loyal-odul-prog {
    width: 237px;
    height: 25px;
    font-family: NunitoSans;
    font-size: 18px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 50px;
}

.loyal-faq {
    padding: 32px 50px;
}

.loyal-faq-row {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 17px;
    border-radius: 8px;
}

    .loyal-faq-row + .loyal-faq-row {
        margin-top: 20px;
    }

    .loyal-faq-row h4 {
        font-size: 20px;
        color: #333;
        font-weight: bold;
        margin: 0;
        line-height: 26px;
        cursor: pointer;
        letter-spacing: -0.3px;
        position: relative;
        padding-right: 30px;
    }

        .loyal-faq-row h4:after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-down.svg");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            height: 15px;
            width: 24px;
            opacity: .25;
            transition: all 200ms;
        }

    .loyal-faq-row:hover h4:after {
        opacity: 1;
    }

    .loyal-faq-row.active h4 {
        color: #f63f0d;
    }

        .loyal-faq-row.active h4:after {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-up.svg");
        }

    .loyal-faq-row p {
        font-size: 16px;
        margin: 0;
        margin-bottom: 5px;
        color: #333;
        font-weight: normal;
        margin-top: 15px;
        line-height: 1.31;
        letter-spacing: -0.3px;
    }

    .loyal-faq-row + .loyal-faq-row p {
        display: none;
    }

.loyal-faqfitmoda {
    padding-left: 180px;
    padding-right: 180px;
}

.loyal-faqfitmoda-row {
    margin-top: 23px;
    padding: 17px;
    border-radius: 8px;
}

    .loyal-faqfitmoda-row + .loyal-faqfitmoda-row {
        margin-top: 0px;
    }

    .loyal-faqfitmoda-row h4 {
        display: list-item;
        list-style-position: inside;
        font-weight: bold !important;
        margin: 0;
        line-height: 26px;
        cursor: pointer;
        letter-spacing: -0.3px;
        position: relative;
        padding-right: 30px;
        font-size: 14px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
    }

.loyal-faq-row.active h4:after {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-up.svg");
}

.loyal-faqfitmoda-row h4:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/Vector_fitmoda.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    height: 15px;
    width: 24px;
    opacity: .25;
    transition: all 200ms;
}

.loyal-faqfitmoda-row:hover h4:after {
    opacity: 1;
}

.loyal-faqfitmoda-row.active h4 {
    color: #fd830c;
}

    .loyal-faqfitmoda-row.active h4:after {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/rectangle_fitmoda.png");
    }

.loyal-faqfitmoda-row.active .loyal-faqfitmoda-req {
    visibility: hidden;
    margin-top: -15px;
}

.loyal-faqfitmoda-row p {
    /*margin-bottom: -25px !important;*/
    height: 78px;
    font-weight: 600 !important;
    /*padding-left: 30px;*/
    background-color: #F8F8F8;
    font-size: 13px;
    margin: 0;
    margin-bottom: -5px;
    color: #333;
    font-weight: normal;
    margin-top: 15px;
    line-height: 1.31;
    letter-spacing: -0.3px;
    padding: inherit;
    padding-left: 30px;
    margin-top: 25px;
}

.loyal-faqfitmoda-row + .loyal-faqfitmoda-row p {
    display: none;
}

.loyal-faqfitmoda-req {
    margin-top: 25px;
    /*float: left;*/
    width: 802px;
    height: 1px;
    background-color: #d8d8d8;
}


.acc-loyal-step {
    text-align: center;
}

    .acc-loyal-step .loyal-level {
        width: 100%;
    }

.acc-loyal-text em {
    display: block;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
}

    .acc-loyal-text em span {
        display: block;
        font-size: 24px;
        line-height: 34px;
        color: #0060bc;
    }

.acc-loyal-text .loyal-text {
    position: static;
    margin: 0;
    top: 0;
    left: 0;
    margin-top: 40px;
}

.loyal-text h2 span, .loyal-text h1 span {
    font-size: 24px;
}

.loyal-button {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position: relative;
    background: #66cc00;
    padding: 11px 71px;
    margin-top: 30px;
}

    .loyal-button:after {
        top: 0;
        content: "";
        position: absolute;
        width: 21px;
        height: 42px;
        left: -21px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/loyal-button-left.png) center center no-repeat;
    }

    .loyal-button:before {
        top: 0;
        content: "";
        position: absolute;
        width: 23px;
        height: 42px;
        right: -23px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/loyal-button-right.png) center center no-repeat;
    }

    .loyal-button:hover {
        color: #fff;
        text-decoration: none;
    }

.acc-loyal-text .loyal-button {
    font-size: 20px;
    padding: 11px;
    margin-top: 20px;
}

.acc-loyal-step .level-values {
    border: none;
}

.acc-loyal-step .level-discount-value {
    display: none;
}

.acc-loyal-step table {
    width: 90%;
    margin: 0 auto;
}

    .acc-loyal-step table strong {
        display: block;
        line-height: 18px;
    }

    .acc-loyal-step table td {
        border: 1px solid #e7e7e7;
        font-size: 16px;
        width: 50%;
        padding: 5px;
    }

.acc-loyal-step .level-values strong, .acc-loyal-step.next-loyal-level table strong {
    color: #0060bc;
}


.loyal-tab-content td {
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    color: #999;
}

.loyal-tab-content th {
    color: #333;
    background: #efefef;
}

.loyal-tab-content td,
.loyal-tab-content th {
    padding: 5px;
    width: 25%;
}

.loyal-tab-button {
    display: block;
    color: #333;
    background: #efefef;
    padding: 8px 12px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.custom-tab-button {
    display: block;
    color: #333;
    background: #efefef;
    padding: 8px 12px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

    .loyal-tab-button.active, .loyal-tab-button:hover,
    .custom-tab-button.active, .custom-tab-button:hover {
        color: #fff;
        background: #333;
        text-decoration: none;
    }

.custom-tab {
    display: table-cell;
}

.custom-tabs {
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.active-tab {
    display: none;
    display: none !important;
}

.field-validation-error.operator-code, .field-validation-error.phone-number {
    display: none;
}


.recurring-options {
    float: left;
    width: 100%;
    margin-top: 9px;
}

.checkoutCartTable .recurring-options {
    float: none;
    width: 80%;
    font-size: 12px;
    margin-top: 0;
}


.checkout-order-totals-top strong {
    font-size: 18px;
}

.checkout-order-totals-top span {
    font-size: 13px;
}

.checkout-order-totals-top span, .checkout-order-totals-top strong {
    display: block;
    color: #333;
}

.checkout-order-totals-top td + td {
    border-left: 1px solid #b3b3b3;
    padding-left: 30px;
}

.checkout-order-totals-top td {
    padding: 4px 0;
}


.detail-recurring-description {
    font-size: 9px;
    text-align: center;
    margin: 5px 0;
}

.recurring-list select {
    width: 100px;
}

.recurring-settings select {
    width: 100%;
    height: 42px;
}

.recurring-settings {
    margin-bottom: 15px;
}

.message-container select {
    width: 100%;
    margin-top: 15px;
}

.recurring-card-info .message-container select,
.recurring-card-info .message-container input.form-control {
    margin-top: 0;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.recurring-card-info * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.message-container.create-or-update {
    padding: 15px;
}

@media (max-width: 1199px) {
    .recurring-settings .page-title {
        font-size: 16px;
    }

    .recurring-settings label,
    .recurring-settings .btn {
        font-size: 10px;
    }
}

.table th, .table td {
    vertical-align: middle;
}

.active-tab.active {
    display: block;
    display: block !important;
}

.loyal-tab-content {
    margin-bottom: 150px;
}

.custom-tab-content {
    margin-bottom: 150px;
}

.reward-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    margin-left: -10px;
    margin-right: -10px;
}

.loyalty-group-name {
    color: #000000;
    display: block;
    font-family: jaf-facitweb;
    font-weight: bold;
    font-size: 24px;
}

.loyalty-point {
    font-size: 21px;
    font-weight: bold;
    margin-top: 12px;
}

.loyalty-discount {
    color: #f6400b;
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

.loyalty-next-level {
    margin-top: 50px;
    text-align: center;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
}

    .loyalty-next-level &gt; span {
        display: block;
        width: 100%;
        line-height: 33px;
    }

.loyalty-actions {
    margin-top: 20px;
    text-align: center;
}

    .loyalty-actions &gt; .btn {
        font-size: 20px;
        font-weight: bold;
        border-radius: 6px;
        box-shadow: none;
        border-width: 1px;
        border-style: solid;
        padding: 14px 25px;
        text-shadow: none;
        display: inline-block;
    }

        .loyalty-actions &gt; .btn + .btn {
            margin-left: 10px;
        }

.level-discount-value {
    display: none;
}


/*loyality end*/

.owl-carousel.offered-items {
    height: auto;
    overflow: visible;
}

.recurring-button-wrapper {
    margin-bottom: 20px;
}

.recurring-card-list {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    margin-bottom: 15px;
}

.rec-card-type {
    display: block;
    font-weight: bold;
}

.rec-card-item {
    position: relative;
}

    .rec-card-item.selected {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ok-green.png) 97% center no-repeat;
    }

.rec-card-delete {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -13px;
}

.rec-selected-card,
.rec-card-item,
.rec-selected-address,
.rec-address-item {
    padding: 10px;
    border: 1px solid #eee;
}

    .rec-card-item + .rec-card-item,
    .rec-address-item + .rec-address-item {
        border-top: none;
    }

.rec-selected-card {
    margin-bottom: -1px;
    position: relative;
}

    .rec-selected-card i {
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/address-arrow.jpg") right center no-repeat;
        width: 36px;
        height: 36px;
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -18px;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
        -ms-transition: all ease .5s;
        -o-transition: all ease .5s;
        transition: all ease .5s;
    }

    .rec-selected-card.open i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.rec-card-list-wrapper,
.rec-address-list {
    display: none;
    overflow: auto;
    background: #fdfdfd;
}

.add-new-card {
    border: 1px solid #eee;
}

    .add-new-card .tab-svg {
        position: relative;
        top: 2px;
        fill: #0061c5;
    }

    .add-new-card:hover .tab-svg,
    .add-new-card .active-svg {
        position: relative;
        top: 2px;
        fill: white;
    }

    .add-new-card:hover, .active-tab {
        color: #fff !important;
        background-color: #0061c5;
    }

    .add-new-card .create-or-update {
        padding: 10px;
        position: relative;
    }

.rec-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #ffffff;
    background: rgba(255,255,255, .8);
}

.rec-add-newcard {
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border: 1px solid #eee;
    border-top: none;
}

.add-new-card h4 {
    margin: 0;
    padding: 10px 10px 8px 10px;
    border-bottom: 1px solid #eee;
    margin-top: -11px;
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: 10px;
    background: #d9d9d9;
}

.rec-add-new-credit-card {
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #013366;
    color: #fff;
    border-color: #013366;
    font-weight: bold;
    padding: 7px 10px;
}

.close-form {
    background: #dadada;
    color: #7d7c7c;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #dadada;
    display: block;
    width: 100%;
    text-align: center;
    padding: 17px 0;
}

    .close-form:hover {
        text-decoration: none;
        color: #7d7c7c;
    }

.recurring-card-list h4,
.rec-address-wrapper h4 {
    margin: 0;
    padding: 10px 0 8px 10px;
    border: 1px solid #eee;
    border-bottom: none;
}

#recInstallmentTable {
    margin-bottom: 10px;
}

input[disabled]#btnSaveNewCreditCard {
    background: #eee;
    border: 1px solid #eee;
    color: #adadad;
}

.ramazan-product {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ramazan-kampanya-kucuk.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 83px;
    height: 83px;
    z-index: 2;
}

.vitaminler-devam {
    text-align: center;
    margin-top: 10px;
}


.map {
    height: 277px;
    width: 100%;
}

.store-row {
    padding: 20px 15px;
}

    .store-row + .store-row {
        border-top: 15px solid #ccc;
    }

    .store-row h3,
    .store-row h2 {
        font-size: 22px;
        text-align: center;
        margin: 0;
        color: #333;
        padding: 5px 0;
        line-height: normal;
        padding-bottom: 15px;
    }

    .store-row h4 {
        font-size: 18px;
        margin: 0;
        padding: 10px 0;
        margin-top: 10px;
    }

.store-contact span {
    display: block;
    font-size: 14px;
}

    .store-contact span + span {
        margin-top: 5px;
    }

.working-hours {
    font-size: 14px;
    line-height: 24px;
}


.stores-list h1 {
    font-size: 30px;
    margin: 0;
    text-align: center;
    padding: 50px 0 0;
    line-height: normal;
}

.stores-list-desc {
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    padding: 20px;
    margin-bottom: 0;
    padding-top: 10px;
    letter-spacing: .5px;
}

.dyn-landing * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.land-pbox {
    float: left;
    width: 16.6666666666667%;
}

    .land-pbox .product-name {
        height: 55px;
    }

    .land-pbox .product {
        width: 100%;
    }

.lp-head {
    margin: 0;
}

.lp-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.lp-detail-item {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    display: flex;
    gap: 6px;
}

.lp-description {
    margin: 0 0 32px 0;
}

.lp-banner .lp-detail-item .lp-d-icon img {
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
}

.lp-d-description {
    font-weight: 500;
}

.lp-d-date {
    font-weight: 700;
}

.lp-banner {
    position: relative;
    overflow: hidden;
}

.lp-banner-content {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -51px;
}

.lp-alt-head {
    font-size: 36px;
    margin: 0;
}

.lp-banner-content p {
    font-size: 16px;
    color: #666;
}

.lp-sub-head {
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #efefef;
    padding-left: 30px;
    font-size: 26px;
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}


    .lp-sub-head.topBrdr {
        border-top: 1px solid #efefef;
        margin-top: -1px;
    }

    .lp-sub-head a.campaigns {
        float: right;
        font-size: 16px;
        position: absolute;
        right: 20px;
        top: 30px;
        text-decoration: underline;
    }


.lp-description {
    color: #666;
    padding: 0px;
    letter-spacing: normal;
}

.l-flex-end {
    display: flex;
    justify-content: end;
}

.lp-description h4 {
    font-size: 20px;
    margin: 0;
    padding: 15px 0;
}

.lp-description p {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.lp-description ol {
    font-size: 16px;
    list-style-type: square;
}

.lp-tags {
    color: #666;
}

    .lp-tags h5 {
        margin: 0;
        font-size: 20px;
        padding: 15px 0;
    }

    .lp-tags a {
        display: inline-block;
        font-size: 16px;
        color: #666;
        text-decoration: underline;
        margin-right: 25px;
    }

.lp-tag-content {
    border: 1px solid #efefef;
    border-width: 1px 0;
    padding: 15px 30px 30px;
}

    .lp-tag-content + .lp-tag-content {
        margin-top: 30px;
    }

@media (max-width: 1199px) {
    .map {
        height: 225px;
        width: 100%;
    }

    .land-pbox {
        width: 20%;
    }

    .category-products .land-pbox {
        width: 24.5% !important;
    }
}

/*knowledge*/
.knowledge-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.knowledge-container {
    padding: 0 0 10px;
}

input.knowledge-search-category {
    width: 100%;
    height: 35px;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
    border-color: #2d3690;
}

.knowledge-search {
    padding-bottom: 10px;
    padding-left: 10px;
}

.knowledge-customscroll {
    max-height: 200px;
    overflow: auto;
}

.knowledge-items .slimScrollDiv {
    border: none;
}

.knowledge-items .slimScrollBar {
    cursor: pointer;
    background: #c3c3c3 !important;
}

.knowledge-categories-filter {
    padding: 0 0 0 10px;
}

    .knowledge-categories-filter h4,
    .knowledge-search h4 {
        margin: 0;
        font-size: 16px;
        font-family: "HelveticaNeueLTPro-Bd";
        font-weight: normal;
        padding-bottom: 10px;
        color: #003366;
    }

.know-category-box + .know-category-box {
    margin-top: 10px;
}

.know-category-box span {
    margin: 0;
    font-size: 14px;
    font-family: "HelveticaNeueLTPro-Bd";
    font-weight: normal;
    padding-bottom: 5px;
    color: #003366;
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    display: block;
    line-height: 20px;
}

.know-category-box a {
    display: block;
    font-size: 12px;
    color: #333;
    padding: 5px 10px;
    background-repeat: no-repeat;
    background-position: left 6px;
    -ms-background-size: 16px;
    background-size: 16px;
    line-height: 16px;
}

    .know-category-box a + a {
        border-top: 1px solid #ebebeb;
    }

    .know-category-box a:hover,
    .know-category-box a.checked {
        color: #333;
        text-decoration: underline;
    }

.knowledge-items {
    padding: 5px 0;
    border: 1px solid #ebebeb;
    border-top: none;
}

.knowledge-slider .owl-prev,
.knowledge-slider .owl-next,
.knw-content-slider .owl-prev,
.knw-content-slider .owl-next,
.kb-product-slider .owl-prev,
.kb-product-slider .owl-next {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 49px;
    text-indent: -999px;
    overflow: hidden;
    margin-top: -14px;
}

.knowledge-slider .owl-prev {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knw-prev.png");
    left: 35px;
}

.knowledge-slider .owl-next {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knw-next.png");
    right: 35px;
}

.knw-content-slider .owl-next,
.kb-product-slider .owl-next {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knw-next-blue.png");
    right: 35px;
}

.knw-content-slider .owl-prev,
.knw-content-slider .owl-next,
.kb-product-slider .owl-next,
.kb-product-slider .owl-prev {
    top: -4px;
    margin-top: -36px;
    -ms-background-size: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    width: 26px;
    height: 40px;
    right: 10px;
    background-position: center;
}

.knw-content-slider .owl-prev,
.kb-product-slider .owl-prev {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knw-prev-blue.png");
    right: 30px;
}

.knw-content-slider .owl-prev {
    right: 40px;
}

.knw-slider-wrapper .item img {
    position: relative;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.knw-slider-wrapper .item:hover img {
    position: relative;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.knw-slider-wrapper .item:hover .knw-box-content:before {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: rgba(3, 66, 131, 0.8);
    border-color: #034384;
}

.knw-content-slider .read-more {
    color: #dadada;
    font-weight: bold;
    text-decoration: underline;
}

.knw-box-content p {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 2;
    height: 100px;
    margin-bottom: -100px;
    color: #fff;
}

.knw-slider-wrapper .item:hover p {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 10px;
}

.knw-slider-wrapper .item:hover .knw-box {
    border: 2px solid #034384;
}

.knw-box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
}

    .knw-box-content:before {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        background: rgba(255, 255, 255, 0.91);
        top: 5px;
        left: -50%;
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        transform: rotate(-2deg);
        z-index: 1;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        border: 2px solid #ebebeb;
    }

.owl-item.loading {
    min-height: 330px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/loading.gif") center center no-repeat;
}

h2.knw-head,
.knw-detail-head {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: "HelveticaNeueLTPro-Bd";
    font-weight: normal;
    color: #034384;
    font-weight: 500;
}

.knw-detail-head {
    font-size: 22px;
    line-height: 28px;
}

.knw-content-text h3 {
    font-size: 17px;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #034384;
}

    .knw-content-text h3 span {
        color: #666666 !important;
    }

.knw-content-text h4 {
    font-size: 16px;
    margin: 0;
    color: #666666;
}

.knowledge-banner,
.knowledge-content-row {
    padding-right: 10px;
}

.knowledge-content-row {
    margin-bottom: 50px;
}

.knowledge-banner {
    padding-bottom: 10px;
    position: relative;
    max-height: 405px;
    overflow: hidden;
}

.knw-social-buttons {
    text-align: right;
    position: relative;
}

.knw-social-head {
    position: absolute;
    top: 4px;
    left: 208px;
    font-size: 15px;
    color: #919191;
}

.knowledge-content-row h3,
.kb-products h3 {
    margin-top: 10px;
    line-height: 24px;
    font-size: 22px;
    font-family: "HelveticaNeueLTPro-Md";
    color: #003366;
    font-weight: bold;
}

.knowledge-content-row h4 {
    margin: 15px 0 5px;
    position: relative;
    z-index: 2;
}

    .knowledge-content-row h4 a {
        line-height: 20px;
        font-size: 16px;
        font-family: "HelveticaNeueLTPro-Bd";
        font-weight: normal;
        color: #034384;
        display: block;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.knw-content-slider .owl-item:hover h4 a {
    color: #fff;
    text-decoration: underline;
}

.knw-box {
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    border: 2px solid #ebebeb;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.knowledge-content {
    margin-bottom: 35px;
}

.knw-slider-wrapper {
    margin: 0 -10px;
}

/*Author start*/
.article-container {
    width: 100%;
    display: block;
}

    .article-container .article-info {
        margin: 20px 0 !important;
    }

.article-item {
    margin: 20px 0;
}

.article-item-card-left {
    float: left;
    width: 20%;
}

    .article-item-card-left img {
        width: 90px;
        height: auto;
        object-fit: cover;
    }

.article-item-card-right {
    float: left;
    width: 80%;
}

.card-head {
    font-size: 20px;
    font-weight: bold;
    color: #003366;
}

.card-content {
    font-size: 16px;
    color: #5d5d5d;
}

.article-item-card-right ul {
    margin: 10px 0 0 0;
    padding: 0;
    float: left;
}

.article-item-card-right li {
    float: left;
    margin-right: 5px;
    list-style-type: none;
    text-indent: -9999px;
    border-radius: 50%;
}

    .article-item-card-right li a {
        width: 33px;
        height: 33px;
        display: block;
    }

    .article-item-card-right li:hover {
        opacity: 0.8;
    }

.article-item-card-right .author-twitter {
    width: 33px;
    height: 33px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -63px -11px;
}

.article-item-card-right .author-facebook {
    width: 33px;
    height: 33px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -3px -11px;
}

.article-item-card-right .author-instagram {
    width: 33px;
    height: 33px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/author_social.png")no-repeat -130px -11px;
}
/*Author end*/
.read-more {
    display: block;
    text-align: right;
    padding-top: 6px;
    margin-top: 5px;
}

.knw-detail-tags {
    margin: 30px 0;
}

    .knw-detail-tags strong {
        display: inline-block;
        margin-right: 5px;
        font-size: 14px;
    }

    .knw-detail-tags a {
        display: inline-block;
        background-color: #ebebeb;
        padding: 2px 6px;
        font-size: 12px;
        border-radius: 2px;
        color: #666666;
        text-decoration: none;
    }

        .knw-detail-tags a:hover {
            color: #666666;
        }

.number-of-views {
    position: relative;
    font-size: 12px;
    color: #929292;
}

    .number-of-views span {
        position: absolute;
        right: 20px;
        top: 0;
        font-size: 14px;
        color: #333;
        padding: 5px 7px 5px 8px;
        border: 1px solid #aeaeae;
        background: #fff;
    }

.knw-content-text {
    padding-right: 10px;
    padding-top: 10px;
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
}

input.knowledge-search-button {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-search.png") center center no-repeat #fff;
    width: 33px;
    height: 33px;
    -ms-background-size: 16px;
    background-size: 16px;
    position: absolute;
    top: 1px;
    right: 1px;
    overflow: hidden;
    text-indent: -99px;
    padding: 0;
    border: none;
}

.knowledgeBaseSearchForm {
    position: relative;
}


/*recurring wizard*/
.recurring-wizard-content *, #recurringWizardContent * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: arial;
}

#recurringWizardContent .address-edit-button {
    margin-top: 5px;
}

.wizard-steps {
    border: 5px solid #ddd;
    padding: 5px 0;
    border-width: 5px 0;
}

.wizard-step-item {
    border: 2px solid #dddddd;
    color: #333;
    font-size: 12px;
    position: relative;
    padding-left: 50px;
    font-weight: bold;
    float: left;
    width: 23%;
    margin: 0 1%;
}

    .wizard-step-item.visited {
        color: #009900;
    }

        .wizard-step-item.visited strong {
            background: #009900;
        }

    .wizard-step-item a {
        color: #333;
    }

    .wizard-step-item:hover a {
        color: #333;
    }

    .wizard-step-item strong {
        color: #fff;
        position: absolute;
        width: 44px;
        height: 44px;
        left: -2px;
        top: -2px;
        background: #666;
        line-height: 40px;
        text-align: center;
        display: block;
        font-size: 16px;
    }

    .wizard-step-item.active strong:before {
        content: "";
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #3764d2;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -8px;
    }

    .wizard-step-item.active span {
        color: #3764d2;
    }

    .wizard-step-item.active strong {
        background: #3764d2;
    }

    .wizard-step-item span {
        display: block;
        padding: 10px 0;
    }

.wizard-title {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    padding: 20px 0;
}

#recurringWizardContent {
    padding: 0 20px;
    margin-bottom: 40px;
}

    #recurringWizardContent .ui-widget-content {
        position: relative;
        overflow: visible;
        width: 50px;
        margin: 0 auto;
        height: 34px;
        border-radius: 0;
    }

    #recurringWizardContent .ui-spinner .ui-icon {
        top: 0;
    }

    #recurringWizardContent .address-validate-button {
        display: none;
    }


.wp-icon {
    position: absolute;
    top: 0;
    right: 0;
    background: #003366 url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/wp-icon.png) center center no-repeat;
    height: 100%;
    width: 70px;
    cursor: pointer;
}

input#datepicker {
    width: 100%;
    height: 42px;
    border: 2px solid #dbdbdb;
}

.wp-description {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
}

#recurringWizardContent h3 {
    font-size: 12px;
    color: #333;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.wizard-datepicker {
    position: relative;
}

select.wizard-cycle {
    width: 100%;
    height: 44px;
    font-weight: bold;
    border: 2px solid #dbdbdb;
}

.wizard-prder-period {
    margin-top: 30px;
}

.wizard-period-description {
    margin-top: 50px;
}

.credit-card-recurring-popup {
    display: none;
}

.wizard-next,
input.wizard-next {
    background: #fc3900;
    border: 1px solid #fc3900;
    color: #fff;
    width: 100%;
    font-size: 20px;
    padding: 10px 0;
    font-weight: bold;
    margin-top: 30px;
    border-radius: 4px;
}

#orderSummaryWizard {
    padding-right: 20px;
}

.wizard-datepicker .ui-datepicker-trigger {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 25px;
    background: #003366;
    cursor: pointer;
}

.recurring-errors {
    background: #cc0001;
    color: #f1c5c5;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    padding: 10px 30px;
    margin-top: 12px;
    display: none;
}

    .recurring-errors strong {
        color: #fff;
    }

.payment-error-mark {
    border-bottom: 10px solid #cc0001;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    position: absolute;
    top: 107%;
    left: 50%;
    margin-left: -7px;
    display: none;
}

.rec-page-header {
    position: relative;
}

    .rec-page-header .add-new-address {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -21px;
    }

.rec-prodcut-image {
    display: block;
    border: 2px solid #dbdbdb;
    width: 96px;
}

.rec-supplementler,
.rec-vitaminler {
    border: 2px solid #dbdbdb;
    width: 92px;
    height: 45px;
    display: block;
    -ms-background-size: 60px;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto;
}

.rec-supplementler {
    background-image: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/logo-supplementler.png");
}

.rec-vitaminler {
    background-image: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/logo-vitaminler.png");
}

input.rec-product-delete {
    border: 1px solid #dbdbdb;
    height: 45px;
    width: 37px;
    background: none;
    font-size: 10px;
    color: #cc0000;
    font-weight: bold;
}

.rec-old-price {
    text-decoration: line-through;
}

.rec-price {
    font-size: 16px;
    font-weight: bold;
    color: #f14200;
    display: inline-block;
    padding-left: 10px;
}

.rec-product-name {
    font-weight: bold;
    font-size: 14px;
}

.rec-order-summary {
    border: 4px solid #dbdbdb;
    margin-right: 20px;
    padding: 20px;
}

.rec-summary-title {
    color: #333;
    font-size: 12px;
    display: block;
    line-height: 13px;
}

.rec-summary-info {
    font-size: 16px;
    display: block;
}

.rec-summary-row + .rec-summary-row {
    padding-top: 20px;
}

.rec-product-list td {
    padding-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.rec-product-list tr + tr td {
    padding-top: 20px;
}

#recurringInstallmentContainer {
    font-size: 14px;
}

    #recurringInstallmentContainer .installment-table {
        margin-top: 15px;
    }

.rec-card-container .add-new-card {
    margin: 0;
}

.popup-add-new-card {
    padding: 15px;
}

.recurring-settings .add-new-card {
    display: none;
    margin: 0;
}
/*recurring wizard end*/

.kb-products {
    padding-right: 20px;
}

    .kb-products .product {
        width: 100%;
    }

.knowledge-banner .owl-pagination {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 100%;
    text-align: center;
}

.knowledge-banner .owl-page {
    width: 20px;
    height: 2px;
    display: inline-block;
    background: #bfbfbf;
    margin: 2px;
}

    .knowledge-banner .owl-page.active {
        background: #034488;
        height: 4px;
    }

/*knowledge end*/

.footer-app img {
    height: 28px;
}

.footer-app a {
    float: left;
    margin: 20px 10px 10px 0;
}


.order-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.1);
    z-index: 4;
    display: none;
}

.ordermessage-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -80px;
    background: #fff;
    padding: 30px;
    font-weight: bold;
    color: #6f6464;
}

.fb_iframe_widget span {
    display: block !important;
}

.fb_iframe_widget {
    display: block !important;
    position: static !important;
}

.brand-banner {
    position: relative;
}

.brand-head {
    position: absolute;
    top: 50%;
    left: 44px;
    font-size: 30px;
    color: #fff;
    margin: 0;
    margin-top: -50px;
    line-height: 50px;
}

    .brand-head span {
        display: block;
        font-size: 44px;
        color: #0066cc;
    }

.brand-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.brand-space {
    padding: 0 42px;
}

.featured-title {
    font-size: 22px;
    color: #ce4e1a;
    text-align: center;
    margin: 0;
    padding-top: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d4d4d4;
}


.featured-brand-list li {
    float: left;
    width: 25%;
    padding-left: 18px;
    position: relative;
}

.brands-link {
    color: #333;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    display: inline-block;
    margin: 5px 0;
}

    .brands-link.featured-brand {
        font-weight: bold;
        color: #106cce;
    }

    .brands-link:hover {
        color: #333;
        text-decoration: underline;
    }

.featured-brand-list li:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #333;
    -ms-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -6px;
}

.featured-brands {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 15px;
}


/*.brands-gear {
     background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/brand-gear.png");
     width: 30px;
     height: 30px;
     position: absolute;
     right: -37px;
     bottom: -4px;
 }*/

.brand-search {
    position: relative;
    z-index: 6;
}

.b-title {
    margin: 0;
    font-size: 14px;
    color: #003366;
    padding: 34px 0 22px 0;
}


.search-brand-header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-brand-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 3;
    padding-bottom: 15px;
    display: none;
    padding-top: 15px;
    box-shadow: 0 0 10px 0 rgba(0,0,0, .4);
}

    .search-brand-header.sticky {
        display: block;
    }

input.searchInBrand {
    width: 100%;
    height: 35px;
    color: #999999;
    font-size: 14px;
    border: 1px solid #0066cc;
    padding-left: 10px;
}

.brand-button {
    position: absolute;
    top: 0;
    right: 0;
    background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/brand-search-icon.png") center center no-repeat #0066cc;
    color: #fff;
    font-size: 22px;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 47px;
    height: 100%;
}

    .brand-button:hover {
        text-decoration: none;
        color: #e6e6e6;
    }

.alphabetic-sort {
    border: 1px solid #ececec;
    text-align: center;
}

    .alphabetic-sort a {
        font-size: 16px;
        padding: 10px 0;
        color: #0066cc;
        font-weight: bold;
        line-height: 13px;
        float: left;
        width: 33px;
    }

        .alphabetic-sort a.selected,
        .alphabetic-sort a.selected:hover {
            background: #0066cc;
            color: #fff;
        }

        .alphabetic-sort a:hover {
            background: #adadad;
            text-decoration: none;
            color: #fff;
        }

.all-brands-list {
    list-style: none;
    margin: 0;
}

    .all-brands-list.selected {
        background: #efefef;
    }

.all-brands-title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: normal;
}

    .all-brands-title strong {
        font-size: 30px;
        color: #333;
    }

.active .all-brands-title strong {
    color: #06c;
}

.all-brands-title span {
    font-size: 18px;
    color: #ccc;
    position: relative;
    left: 20px;
}

.all-brands-wrapper {
    padding: 10px 0 45px 0;
    position: relative;
}


.brand-row + .brand-row {
    margin-top: 30px;
}

.brand-row {
    padding: 20px 0;
}

    .brand-row.active {
        background: #efefef;
    }

.brand-overlay {
    display: none;
    background: rgba(0,0,0,.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.brand-search-result {
    position: absolute;
    width: 350px;
    top: 35px;
    left: 1px;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.67);
    -ms-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.67);
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.67);
    display: none;
}

.brand-result-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brand-links.selected {
    background: #cae1f9;
    padding-left: 15px;
}

.brand-landings a {
    font-size: 20px;
    font-weight: normal;
    color: #333;
    padding-top: 8px;
    display: block;
    padding-bottom: 5px;
}

.brand-landings h4 {
    margin: 0;
    margin-bottom: 50px;
}


.brand-landings a:hover {
    text-decoration: underline;
    color: #333;
}

.brand-landings p {
    font-size: 16px;
    letter-spacing: .5px;
    color: #333;
}

.brand-landings {
    padding-bottom: 50px;
}

.brand-category-info {
    margin: 50px 0;
}

.brand-landing-head {
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
}

.category-info-content {
    padding: 45px;
    border: 1px solid #959595;
    border-width: 1px 0;
}

    .category-info-content + .category-info-content {
        padding: 45px;
        border-top: none;
        border-bottom: 1px solid #959595;
    }

    .category-info-content h3 {
        margin: 0;
        line-height: normal;
        font-size: 16px;
        margin-bottom: 10px;
    }

.brands-header {
    padding: 25px;
    height: 95px;
    display: flex;
    align-items: center;
}

.vitamin-brands {
    margin: 0 -42px;
    position: relative;
    margin-top: 30px;
}

    .vitamin-brands img {
        width: 100px;
        position: absolute;
        right: 25px;
    }

    .vitamin-brands h3 {
        font-size: 30px;
        color: white;
    }

    .vitamin-brands ul {
        list-style: none;
        background: #fff;
        -ms-border-radius: 5px;
        border-radius: 5px;
        height: 101px;
        margin-right: 25px;
    }

        .vitamin-brands ul li {
            float: left;
            width: 14.285%;
        }

            .vitamin-brands ul li a {
                color: #333;
                font-size: 12px;
                font-weight: bold;
                display: block;
                padding-left: 17px;
                position: relative;
            }

                .vitamin-brands ul li a:hover {
                    color: #333;
                    text-decoration: underline;
                }

                .vitamin-brands ul li a:before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    margin-top: -4px;
                    left: 0;
                    width: 8px;
                    height: 8px;
                    -ms-border-radius: 50%;
                    border-radius: 50%;
                    background: #336600;
                }


.brand-filter {
    border: 1px solid #d9d9d9;
    margin-top: 33px;
}

    .brand-filter h2 {
        border-bottom: 1px solid #d9d9d9;
        font-size: 18px;
        color: #003366;
        margin: 0;
        padding: 8px 15px;
    }

    .brand-filter a {
        display: block;
        font-size: 16px;
        color: #46698e;
        line-height: 27px;
        padding: 6px 0 6px 15px;
        margin-right: 10px;
    }

        .brand-filter a.selected,
        .brand-filter a:hover {
            color: #0066cc;
            text-decoration: none;
        }


    .brand-filter .accesories {
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/brand-accesories.png") right center no-repeat;
    }

    .brand-filter .healthy-food {
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/brand-healthy.png") right center no-repeat;
    }

    .brand-filter .food-for-athletes {
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/brand-food.png") right center no-repeat;
    }

.brand-container {
    position: relative;
    z-index: 1;
}



@media(max-width: 1199px) {
    .alphabetic-sort a {
        width: 27px;
    }

    .vitamin-brands h3 {
        top: 123px;
    }


    .recurring-options-main {
        padding-left: 10px !important;
        width: 93% !important;
        margin-left: 8px !important;
    }

        .recurring-options-main .item .set-detail-cycle select#recurringOption {
            margin-right: 0 !important;
        }
}

.damaged-recurring {
    background: #9c0000;
    color: #f7f1f1;
    margin: 0;
    padding: 10px 15px;
    position: relative;
}

    .damaged-recurring:before {
        content: "";
        position: absolute;
        top: -8px;
        left: 50%;
        width: 16px;
        height: 16px;
        margin-left: -8px;
        background: #9c0000;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .damaged-recurring a {
        float: right;
        margin-right: 9px;
        color: #f7f1f1;
    }

        .damaged-recurring a:hover {
            text-decoration: underline;
            color: #f7f1f1;
        }


.order-details-page .damaged-recurring:before {
    top: 32px;
}

.order-details-page .damaged-recurring {
    margin: 0 -15px;
}

    .order-details-page .damaged-recurring a {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -23px;
        margin-right: 0;
        margin-top: -10px;
    }

.recurring-order-completed a {
    font-size: 12px;
    color: #0033ff;
    text-decoration: underline;
    margin: 10px 0;
    display: block;
}

    .recurring-order-completed a:hover {
        color: #0033ff;
    }

.rec-page-desc {
    font-size: 10px;
    color: #333;
    margin-top: -20px;
}

.rec-completed-title {
    text-decoration: underline;
    color: #333;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.completed-selected-card .rec-card-detail {
    font-size: 16px;
}

.completed-selected-card p {
    font-size: 10px;
}

.rec-address-info .rec-address-info {
    font-size: 12px;
}

.rec-address-info p {
    font-size: 10px;
}

/*new money transfer*/
.moneytransfer-description {
    border: 1px solid #267934;
    padding: 15px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 39px;
}

    .moneytransfer-description p {
        margin: 0;
        font-size: 18px;
        color: #00a454;
    }

        .moneytransfer-description p strong {
            font-size: 16px;
            font-weight: bold;
            color: #666;
            float: right;
        }

            .moneytransfer-description p strong em {
                font-style: normal;
                text-decoration: line-through;
                font-weight: normal;
                font-size: 14px;
            }

            .moneytransfer-description p strong span {
                color: #00a454;
                font-weight: bold;
                font-size: 22px;
            }

.bank-list-head {
    border: 1px solid #e4e4e4;
    position: relative;
}

.bank-list-wrapper {
    position: absolute;
    border: 1px solid #e4e4e4;
    width: 75.3%;
    background: #fff;
    top: 72px;
    left: -1px;
    display: none;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    z-index: 1;
}

.selected-transfer-bank,
.bank-logo {
    float: left;
}

.selected-transfer-bank {
    width: 75%;
    line-height: 72px;
    font-size: 18px;
    color: #0066cc;
    position: relative;
    padding-left: 50px;
}

    .selected-transfer-bank:hover {
        color: #0066cc;
    }

    .selected-transfer-bank:before {
        content: "";
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/moneytransfer-arrowdown.png");
        position: absolute;
        top: 50%;
        left: 25px;
        margin-top: -5px;
        width: 14px;
        height: 9px;
    }

    .selected-transfer-bank.opened:before {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }


.bank-logo {
    width: 25%;
    height: 72px;
    border-left: 1px solid #e4e4e4;
}


.bank-list-item {
    cursor: pointer;
    font-size: 16px;
    color: #666;
    padding: 16px 0;
    padding-left: 50px;
}

    .bank-list-item + .bank-list-item {
        border-top: 1px solid #e4e4e4;
    }

.company-bank-info {
    border: 1px solid #e4e4e4;
    border-width: 0 1px;
    padding: 16px 25px;
}

    .company-bank-info p {
        margin: 0;
        font-size: 18px;
        color: #333;
    }

.bank-list-info {
    position: relative;
    height: 78px;
}


.payment-sms-information {
    border: 1px solid #e4e4e4;
    padding: 0 25px;
    font-size: 16px;
    color: #333;
    position: relative;
    line-height: 54px;
    cursor: pointer;
    display: none;
    margin: 0;
}

    .payment-sms-information:before {
        float: left;
        content: "";
        width: 26px;
        border: 1px solid #b3b3b3;
        height: 26px;
        margin-top: 14px;
        margin-right: 7px;
    }

    .payment-sms-information.checked:before {
        border: 1px solid #0057a4;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png") center center no-repeat #0057a4;
    }

    .payment-sms-information span {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/sms-icon.png") center center no-repeat;
        width: 21px;
        height: 31px;
        right: 20px;
    }

#smsInformation {
    display: none;
}

.moneytransfer-steps {
    padding: 15px 30px;
    border: 1px solid #e4e4e4;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-top: 90px;
}

#payment-kk-preorder {
    display: none;
}

.mt-step {
    float: left;
    width: 83px;
    position: relative;
    height: 82px;
}

.mt-step-1 {
    background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/mt-step-1.png") center center no-repeat;
}

.mt-step-2 {
    background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/mt-step-2.png") center center no-repeat;
    margin: 0 164px;
}

    .mt-step-2:before,
    .mt-step-2:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -2px;
        width: 147px;
        height: 4px;
        background: #e1e1e1;
        border-radius: 3px;
    }

    .mt-step-2:after {
        right: -155px;
    }

    .mt-step-2:before {
        left: -155px;
    }

.mt-step-3 {
    background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/mt-step-3.png") center center no-repeat;
}

#card-delivery .mt-step-3 {
    background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/card-delivery.png") center center no-repeat;
    border: 1px solid #e5e5e5;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#cash-delivery .mt-step-3 {
    background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/cash-delivery.png") center center no-repeat;
    border: 1px solid #e5e5e5;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.moneytransfer-steps h3 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0;
    line-height: normal;
    padding-bottom: 12px;
}

.mt-step-description {
    padding-top: 20px;
    padding-bottom: 15px;
}

.step-desc {
    float: left;
    width: 33.3333%;
    position: relative;
    padding-left: 47px;
}

    .step-desc em {
        font-size: 20px;
        line-height: 38px;
        height: 38px;
        width: 38px;
        border: 1px solid #e4e4e4;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        font-style: normal;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    .step-desc strong {
        font-size: 16px;
        display: block;
        color: #0066cc;
        margin-top: 4px;
    }


    .step-desc span {
        font-size: 16px;
        display: block;
        color: #0066cc;
        margin-top: -4px;
        font-weight: bold;
    }

.other-step .step-desc strong {
    margin-top: 10px;
}

.bank-list-item.garanti-bankasi {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/garanti-bankasi.png") 89% center no-repeat;
}

.bank-list-item.is-bankasi {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/is-bankasi.png") 89% center no-repeat;
}

.bank-list-item.akbank {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/akbank.png") 89% center no-repeat;
}

.bank-list-item.deniz-bank {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/deniz-bank.png") 89% center no-repeat;
}

.bank-list-item.finansbank {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/finansbank.png") 89% center no-repeat;
}

.bank-list-item.ptt {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ptt.png") 89% center no-repeat;
}

.bank-list-item.yapi-kredi-bankasi {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/yapi-kredi-bankasi.png") 89% center no-repeat;
}

.bank-list-item.ziraat-bankasi {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ziraat-bankasi.png") 89% center no-repeat;
}

.bank-list-item.halk-bankasi {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/halk-bankasi.png") 89% center no-repeat;
}

/*new money transfer end*/


@media (max-width:1199px) {
    .product-images li.flex-image {
        display: none;
    }

    .multi-top-search .search-right .search-product a.product-title,
    .multi-top-search .search-left .search-menu ul &gt; li &gt; a {
        font-size: 14px !important;
    }

    .orders-wrapper .cart-product-store &gt; div {
        /*width: 15%;*/
    }

        .orders-wrapper .cart-product-store &gt; div.center {
        }

        .orders-wrapper .cart-product-store &gt; div.last {
            /*width: 6%;*/
            width: 0.1%;
        }

            .orders-wrapper .cart-product-store &gt; div.last .btn-primary {
                width: 160px;
            }

    .orders-wrapper li .text-node {
        margin-right: 38px;
    }

    .cart-product-row {
        width: 921px !important;
    }

    .payment-type-option:before, .delivery-type:before {
        width: 20px;
        height: 20px;
    }

    .payment-type-option,
    .delivery-type {
        font-size: 11px !important;
        line-height: 22px;
    }

    .multi-top-search .search-right .search-result.supplementler h3.title,
    .multi-top-search .search-left .search-menu span.title,
    .multi-top-search .search-right .search-result.vitaminler h3.title,
    .title-supplementler,
    .title-vitaminler {
        font-size: 15px !important;
    }

    input.form-control,
    select.form-control {
        font-size: 13px;
    }

    /*.in_container {
		width: 990px;
		margin: 0 auto;*/
    /*background: #ccc;*/
    /*}*/

    /*.mobile-redirect {
		width: 990px !important;
	}*/

    .cart-product-row .product-name-title {
        width: 360px !important;
    }

    .moneytransfer-description p {
        font-size: 16px;
    }

    .payment-sms-information {
        font-size: 14px;
        padding: 0 17px;
    }

        .payment-sms-information span {
            right: 10px;
        }

    .mt-step-2 {
        background: url("https://cdn.supplementler.com/themes/Supplementler/Content/images/mt-step-2.png") center center no-repeat;
        margin: 0 104px;
    }

        .mt-step-2:before, .mt-step-2:after {
            width: 95px;
        }

        .mt-step-2:before {
            left: -100px;
        }

        .mt-step-2:after {
            right: -100px;
        }

    .step-desc strong {
        font-size: 12px;
    }

    .step-desc span {
        font-size: 10px;
    }
}

.cart-close {
    float: left;
    padding: 0;
    color: #adadad;
    margin-right: 20px;
    margin-left: -15px;
}


.security-description img {
    margin: 10px 0 20px;
}

.security-description p {
    color: #252525;
}

    .security-description p a {
        color: #0066cc;
        text-decoration: underline;
        font-weight: bold;
    }

.no-product-message p {
    font-size: 18px;
    background: #fcf8e3;
    padding: 49px 0 48px;
    color: #c09853;
    text-align: center;
    border: 1px solid #c09853;
    line-height: 28px;
    margin: 0;
}

.confirm-button-no {
    display: inline-block;
    color: #615d5d;
    background: #f5f5f5;
    padding: 3px 15px;
    border: 1px solid #615d5d;
    border-radius: 3px;
    margin-left: 10px;
}


.recurring-container {
    margin: 25px 0 17px;
    min-height: 50px;
}


.recurring-options-main {
    position: relative;
    background: #f1f1f1;
    padding: 15px 10px 10px 60px;
    border-radius: 4px;
}


    .recurring-options-main .item {
        float: left;
        position: relative;
        padding-left: 20px;
        margin-right: 10px;
    }

        .recurring-options-main .item:last-child {
            margin-left: 0;
        }


        .recurring-options-main .item label {
            display: inline-block;
            float: left;
        }


        .recurring-options-main .item .info-main {
            position: relative;
        }


            .recurring-options-main .item .info-main i {
                width: 16px;
                height: 16px;
                display: inline-block;
                content: " ";
                background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/rec-info-icon.png") no-repeat;
                margin: -2px 0 0 5px;
                float: left;
                cursor: pointer;
            }

            .recurring-options-main .item .info-main .detail {
                width: 220px;
                border-radius: 4px;
                background-color: #ffffff;
                border: solid 1px #02498d;
                padding: 5px;
                display: none;
                position: absolute;
                text-align: center;
                right: -111px;
                top: 25px;
                z-index: 99;
            }

                .recurring-options-main .item .info-main .detail strong {
                    color: #02498d;
                    font-size: 11px;
                }

                .recurring-options-main .item .info-main .detail p {
                    line-height: normal;
                    font-size: 10px;
                    color: #02498d;
                    margin: 0;
                    padding: 0;
                }

                .recurring-options-main .item .info-main .detail:after {
                    border-bottom: 8px solid #02498d;
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                    content: "";
                    left: 45%;
                    position: absolute;
                    top: -8px;
                }

            .recurring-options-main .item .info-main:hover .detail {
                display: block;
            }

        .recurring-options-main .item .set-detail-cycle {
            display: none;
            font-size: 10px;
            margin-left: 10px;
            margin-top: -6px;
        }

            .recurring-options-main .item .set-detail-cycle select#recurringOption {
                width: 180px;
                margin-right: 16px;
                float: left;
                font-size: 12px;
                color: #858585;
            }


        .recurring-options-main .item .radio {
            background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/rec-radio.png") no-repeat;
            cursor: pointer;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 2px;
        }

            .recurring-options-main .item .radio.checked {
                background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/rec-radio-checked.png") no-repeat;
            }











.reccuring-option-check-main {
    padding-left: 25px;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
}

    .reccuring-option-check-main i {
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/rec-radio.png") left center no-repeat;
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 50%;
        left: 0;
        margin-top: -10px;
    }

        .reccuring-option-check-main i.checked {
            background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/rec-radio-checked.png") left center no-repeat;
        }

.rec-detail-description {
    font-size: 10px;
    line-height: 12px;
}

    .rec-detail-description &gt; span {
        font-size: 10px;
    }

    .rec-detail-description a {
        font-weight: bold;
    }

    .rec-detail-description strong {
        display: block;
    }



.pva-outofstock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pva-outofstock-wrapper,
.pva-thnx-wrapper,
.pva-notlogin-wrapper,
.pva-terminated-wrapper {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
    z-index: 2;
}

#pva-outofstock-content,
.pva-thnx-content,
.pva-notlogin-content,
.pva-terminated-content {
    padding: 24px;
    background: #fff;
    border: 1px solid #e8e8e8;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    border-radius: 10px;
}

.pva-os-name,
.terminated-product-name {
    font-weight: bold;
}

.pva-thnx-content,
.pva-notlogin-content,
.pva-terminated-content {
    padding: 15px 40px;
    position: relative;
}

    .pva-thnx-content p,
    .pva-notlogin-content p,
    .pva-terminated-content p {
        font-size: 12px;
        margin: 10px 0;
        line-height: 16px;
    }

    .pva-thnx-content h4,
    .pva-notlogin-content h4,
    .pva-terminated-content h4 {
        font-size: 16px;
        margin: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #ededed;
        margin-bottom: 5px;
    }

.pva-redirect-login {
    background: #003a75;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0;
}

.pva-outofstock-wrapper #pva-outofstock-content {
    text-align: left;
    position: relative;
}

.pva-os-head {
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 16.6px;
    color: #333;
    line-height: normal;
    margin: 0;
    padding-left: 35px;
    position: relative;
    font-weight: normal;
    max-width: 500px;
    text-align: left;
}

    .pva-os-head i {
        background: url("/Themes/Supplementler/Content/images/alertV1.png") center center no-repeat;
        position: absolute;
        width: 26px;
        height: 26px;
        top: 50%;
        margin-top: -13px;
        left: 0;
        -ms-background-size: 20px;
        background-size: 20px;
    }


.pva-os-desc {
    font-size: 12px;
    color: #333;
    margin: 10px 0;
    text-align: left;
    line-height: 12px;
    padding: 0px 3px;
}

.pva-order-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    padding: 20px 0px;
}

.pva-os-itemrow {
    text-align: center;
    margin-bottom: 34px;
}

.pva-os-items {
    order: 2;
    width: auto;
    display: flex;
}

.pva-os-itemrow.flex-container {
    display: flex;
    width: 480px;
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    padding-right: 0px;
    list-style: none;
}

.same-product-design {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 104px;
    margin: 8px 0px 10px 0px;
    height: 104px;
    flex: 0 0 25%;
    flex-wrap: wrap;
}

    .same-product-design:first-child {
        margin-left: 120px;
    }

.pva-os-itemrow a {
    color: #3f3f3f;
    padding: 6px 0px;
    position: relative;
    max-width: 104px;
    height: 105px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

    .pva-os-itemrow a.aro-nu {
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-align: center;
        width: 120px;
    }

.pva-store-3 .pva-os-itemrow a.selected {
    border: 2px solid #FD830C;
}

    .pva-store-3 .pva-os-itemrow a.selected::before {
        top: -5px;
        right: 5px;
        left: auto;
    }

.pva-os-itemrow a.aro-nu:first-child {
    margin-left: 0px;
}

.pva-os-itemrow a.aro-nu:before {
    bottom: 0;
    left: 120px;
    border: none;
}

.pva-os-itemrow a.aro-nu strong {
}

.pva-os-itemrow a.aro-nu span {
    position: relative;
}

.pva-store-3 .pva-os-itemrow a.aro-nu span {
    border: 1px solid #A2A2A2;
    border-radius: 4px;
    padding: 8px;
    width: 43px;
    height: 29px;
}

.pva-notlogin-content .pva-button {
    border: 2px solid #ebebeb;
    background: #ebebeb;
    font-size: 10px;
    color: #333;
    padding: 1px 0;
    font-weight: bold;
    padding: 3px 0;
}

.pva-notlogin-content .pva-redirect-login {
    background: #003a75;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 0;
    border: 2px solid #003a75;
}

.pva-os-itemrow a.aro-nu span.variant-title {
    width: 228%;
    display: inline-block;
    text-align: center;
    font-size: 10px;
}

.pva-os-itemrow a.aro-nu span.multi {
    width: 100%;
    text-align: center;
    margin-top: 16px;
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
}

/*    display: inline-block;
    position: relative;
    left: 202px;*/
.pva-os-itemrow a.aro-nu span.action-label-update,
.pva-os-itemrow a.aro-nu span.action-label-quit,
.pva-os-itemrow a.aro-nu span.action-label-notify {
    border: 1px solid #113a75;
    width: 145px;
    position: absolute;
    text-align: center;
    font-size: 9px;
    margin-top: -20px;
    background: #003a75;
    color: #fff;
    left: 100%;
    padding: 7px;
    border-radius: 3px;
}

    .pva-os-itemrow a.aro-nu span.action-label-notify:hover {
        background: #0867c7;
    }

.pva-os-itemrow a.aro-nu.selected:before {
    background: none;
    border: 0 none;
}

.pva-os-itemrow a.aro-nu span.action-label-quit {
    display: none;
}

.pva-os-itemrow a.aro-nu.selected span.action-label-quit {
    display: inline-block;
    background-color: #e2e2e2;
    color: #FFF;
    display: inline-block;
    background-color: #1d78d6;
    box-sizing: border-box;
    border: 1px #003a75 solid;
    display: none;
}

    .pva-os-itemrow a.aro-nu.selected span.action-label-quit:hover {
        background-color: #2588ef;
        color: #f9f190;
    }

.pva-os-itemrow a.aro-nu span.action-label-notify {
    display: none;
}

.pva-os-itemrow a.aro-nu.selected span.action-label-notify {
    display: none;
}

.pva-os-itemrow a.aro-nu + a.aro-nu {
    margin-left: 0;
}

.pva-os-itemrow a.aro-nu strong,
.pva-os-itemrow a.aro-nu span {
    display: inline-block;
}

.pva-os-itemrow a:before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #ababab;
    content: "";
    margin-left: -7px;
}

.pva-os-itemrow a.custom-3.selected:before {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #ababab;
    content: "";
    margin-left: -7px;
}

.pva-os-itemrow a.selected {
    color: #3f3f3f;
    text-decoration: none;
    border: 2px solid #003366;
}

.pva-os-itemrow a.custom-2.selected {
    border: 2px solid #00A13A;
}

.pva-os-itemrow a strong {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.pva-os-itemrow a span {
    display: block;
    font-size: 8px;
    line-height: 11px;
}

.pva-os-itemrow a + a {
    margin-left: 4px;
}

.pva-os-itemrow a em {
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
    margin-top: -15px;
}

    .pva-os-itemrow a em.gear-product {
        /*padding-top: 10px;*/
    }

    .pva-os-itemrow a em.gear-product {
        /*padding-top: 10px;*/
    }


.pva-os-itemrow + .pva-os-itemrow {
    margin-top: 13px;
}

.pva-button {
    display: block;
    width: 100%;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
    -ms-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    background: #003a75;
    border: 2px solid #efefef;
    padding: 10px 0;
    font-weight: bold;
}

.vit-btn, .store-btn-2 {
    background-color: #468860 !important;
}

.vitaminler-detail .pvaColor.out-ofstock::before {
    content: url(/Themes/Supplementler/Content/images/notifiy1v.png);
}

.remove-cohice-button {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    width: 104px;
    height: 104px;
    background: #fff;
    margin-left: 8px;
}

    .remove-cohice-button i {
        display: inline-block;
        background: url(/Themes/Supplementler/Content/images/selectAll.png) center center no-repeat;
        width: 36px;
        height: 36px;
        position: relative;
        top: 5px;
        -ms-background-size: 36px;
        background-size: 36px;
        margin-bottom: 16px;
    }

.remove-cohice-button {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 0px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    width: 104px;
    height: 104px;
    background: #fff;
    margin-left: 8px;
}

.pva-button i {
    display: inline-block;
    background: url('/Themes/Supplementler/Content/images/notifyV1.png') center center no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 13px;
    position: relative;
    margin-top: -10px;
    top: 5px;
    -ms-background-size: 22px;
    background-size: 22px;
}

.pva-os-buttons {
    margin-top: 10px;
    order: 3;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.pva-button + .pva-button {
    margin-top: 2px;
}

.pva-os-notify,
.pva-os-notnotify {
    font-size: 20px;
    color: #fff;
    background: #003a75;
    border: 2px solid #efefef;
    padding: 7px 0;
    font-weight: bold;
}

.pva-os-notnotify {
    background: #ed4500;
    display: none;
    color: #fff;
}

.pva-os-notify:hover {
    background: #03488c;
}

.pva-os-notnotify:hover {
    background: #de4709;
}


.pva-os-notify i {
    display: inline-block;
    background: url(/Themes/Supplementler/Content/images/notifyV1.png) center center no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 15px;
    position: relative;
    margin-top: -10px;
    top: 5px;
    -ms-background-size: 22px;
    background-size: 22px;
}

.pva-os-not-notify {
    border: 2px solid #b7b7b7;
    background: #ebebeb;
    font-size: 10px;
    color: #333;
    padding: 1px 0;
    font-weight: bold;
}

.pva-close-button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #9a9a9a;
}

    .pva-close-button:hover {
        text-decoration: none;
        color: #000;
    }

    .pva-close-button:before {
        content: "X";
        font-size: 12px;
        width: 16px;
        height: 16px;
        display: block;
        text-align: center;
        line-height: 16px;
        font-weight: bold;
    }

.general-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.1);
    z-index: 4;
    display: none;
}

.ordermessage-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -80px;
    background: #fff;
    padding: 30px;
    font-weight: bold;
    color: #6f6464;
}

.remove-cohice-button.checked:before {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/aroma-tick.png) center center no-repeat;
    border-color: #00a454;
}

.remove-all-choice {
    margin-top: 8px;
    position: absolute;
}


.topic-cerezaydinlatmametni td {
    padding: 10px;
}

.topic-cerezaydinlatmametni table {
    margin-bottom: 30px;
}

.topic-cerezaydinlatmametni h3 {
    font-size: 2em;
}

.topic-cerezaydinlatmametni h3 {
    font-size: 1.17em;
}

.topic-cerezaydinlatmametni h2 {
    font-size: 1.5em;
    color: #000;
}
/*ExpectedDateTime*/
.expectedDateTime ul {
    list-style: none;
    margin: 15px 0;
}

    .expectedDateTime ul li {
        font-size: 12px;
    }

.expectedDateTime .expected-variant {
    font-size: 14px;
}
/*ExpectedDateTime end */


.required-text {
    font-size: 14px;
    color: #adadad;
    font-style: italic;
}

.general-address-form .control-group.has-error input.form-control:focus,
.general-address-form .control-group.has-error textarea.form-control:focus,
.general-address-form .control-group.has-error select.form-control:focus,
.control-group.has-error input.form-control:focus,
.control-group.has-error select.form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.general-address-form .control-group.has-error input.form-control,
.general-address-form .control-group.has-error textarea.form-control,
.general-address-form .control-group.has-error select.form-control,
.control-group.has-error input.form-control,
.control-group.has-error select.form-control {
    border-color: #843534;
}


/*Custom checkbox*/

.merge-address-label {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_no.png) left 3px no-repeat;
}

    .merge-address-label.checked {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 3px no-repeat;
    }

.order-cancel-wrapper .pending-line .merge-address-label:before {
    top: -8px;
    left: 6px;
    width: 1px !important;
    height: 1px !important;
    opacity: 0.001 !important;
}

.SendEMail,
.SendSms,
.ColdCalling
.cancelMembership,
.AcceptRegistrationRules {
    cursor: pointer;
}

.category-products .compare-buttons input[type=checkbox],
input[type=checkbox]#SaveOcpCreditCard,
input[type=checkbox]#UserHasRequested3D,
input[type=checkbox]#UserHasRequested3DSavedCardArea,
/*input[type=checkbox]#SendSms,*/
/*input[type=checkbox]#SendEMail,*/
/*input[type=checkbox]#AcceptRegistrationRules,*/
input[type=checkbox]#cancelMembership,
input[type=checkbox]#saveCard {
    display: none;
}

.my-info input {
    display: none;
}


.category-products .compare-buttons span {
    position: relative;
    padding-left: 19px;
    margin-left: 10px;
    display: block;
    font-size: 10px;
}

input[type=checkbox]#SaveOcpCreditCard + span,
input[type=checkbox]#UserHasRequested3D + span,
input[type=checkbox]#cancelMembership + span,
input[type=checkbox]#SendSms + input + span,
input[type=checkbox]#ColdCalling + input + span,
input[type=checkbox]#SendEMail + input + span,
input[type=checkbox]#AcceptRegistrationRules + input + span,
.icon-customcheckbox {
    width: 14px;
    height: 14px;
    border: 1px solid #e7e7e7;
    float: left;
    margin-top: 2px;
    margin-right: 4px;
}

    input[type=checkbox]#SaveOcpCreditCard:checked + span,
    input[type=checkbox]#UserHasRequested3D:checked + span,
    input[type=checkbox]#cancelMembership:checked + span,
    input[type=checkbox]#SendSms:checked + input + span,
    input[type=checkbox]#ColdCalling:checked + input + span,
    input[type=checkbox]#SendEMail:checked + input + span,
    input[type=checkbox]#AcceptRegistrationRules:checked + input + span,
    .icon-customcheckbox.checked {
        border: 1px solid #0057a4;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
        -ms-background-size: 16px;
        background-size: 16px;
    }


.category-products .compare-buttons span:before,
.merge-address-label:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #e7e7e7;
}

.category-products .compare-buttons input[type=checkbox]:checked + span:before,
.merge-address-label.checked:before {
    border: 1px solid #0057a4;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
    -ms-background-size: 14px;
    background-size: 14px;
}
/*Custom checkbox end*/
/*backinstock subscription grid*/
.deleteselectedbissbutton {
    color: #fff;
    background-color: #033e7b;
    font-size: 12px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 11px 20px;
    border: 1px solid #033e7b;
    border-color: #033e7b;
    -ms-text-shadow: none;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
    margin-top: 30px;
}

.backinstock-subscriptions-grid,
.backinstock-subscriptions-grid table {
    vertical-align: middle;
    margin-bottom: 0;
}

    .backinstock-subscriptions-grid table td {
        padding: 0;
    }

    .backinstock-subscriptions-grid td {
        vertical-align: middle;
    }

        .backinstock-subscriptions-grid td td {
            text-align: center;
        }

    .backinstock-subscriptions-grid a {
        vertical-align: middle;
        font-weight: bold;
        color: #034386;
    }

.biss-remove {
    display: inline-block;
    padding: 8px;
    padding-right: 29px;
    position: relative;
}

    .biss-remove:before {
        content: "x";
        position: absolute;
        top: 50%;
        right: 3px;
        width: 20px;
        height: 20px;
        font-size: 15px;
        line-height: 18px;
        border: 1px solid #e7e7e7;
        text-align: center;
        color: #ff0000;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display: block;
        background: #fff;
        margin-top: -11px;
    }
/*backinstock subscription grid end*/

.quantity-select, .gift-select select {
    color: #858585;
    font-size: 12px;
    font-family: arial;
    border: 1px solid #ccc;
    width: 152px;
}

.comparisonList {
    padding: 15px;
    padding-top: 0;
}

label.payment-checkbox.readonly {
    padding-left: 18px;
}

/*navigation brand*/

.nav-brand-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-brand-wrapper {
    background: #fff;
    padding: 22px;
    /*-ms-border-radius: 0 0 10px 10px;
     border-radius: 0 0 10px 10px;*/
    border-bottom: 5px solid #0d6981;
    border-top: none;
    position: relative;
}

.nav-brand-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
    text-align: center;
    background: rgba(255,255,255,.7);
}

.brand-alp-list {
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

    .brand-alp-list a {
        float: left;
        font-size: 20px;
        color: #03abcf;
        text-decoration: none;
        font-weight: bold;
        padding-left: 0;
        padding-right: 10px;
        border: 2px solid #fff;
        line-height: 32px;
    }

        .brand-alp-list a + a {
            padding-left: 10px;
            padding-right: 10px;
        }

    .brand-alp-list .nav-allbrand-link {
        float: right;
        font-size: 16px;
        border: 3px solid #03abcf;
        padding: 5px 10px;
        margin-top: 0;
        width: auto;
        line-height: normal;
    }

        .brand-alp-list .nav-allbrand-link:hover {
            font-size: 16px;
            border: 3px solid #03abcf;
            color: #03abcf;
        }

    .brand-alp-list a.active {
        color: #036dd3;
        border: 2px solid #036dd3;
    }


.nav-featured-brands-list {
    margin: 0;
    list-style: none;
}


    .nav-featured-brands-list a {
        font-size: 14px;
        color: #333;
        display: block;
        padding: 2px 0;
    }

    .nav-featured-brands-list li + li a {
        border-top: 1px solid #e6e6e6;
    }

    .nav-featured-brands-list li.active a {
        font-weight: bold;
        color: #0370d7;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/menu-arrow-right.png") right center no-repeat;
    }

    .nav-featured-brands-list .navm-allbrand a.nav-allbrand-link {
        color: #03abcf;
        font-weight: bold;
        text-decoration: underline;
    }

.nav-featured-title {
    font-size: 18px;
    line-height: normal;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
}

.nav-featured-products {
    min-height: 340px;
}

    .nav-featured-products .row,
    .nav-featured-products .col-lg-3 {
        margin: 0;
        padding: 0;
    }

        .nav-featured-products .col-lg-3 + .col-lg-3,
        .nav-featured-products .col-lg-4 + .col-lg-4,
        .nav-featured-products .col-lg-6 + .col-lg-6 {
            border-left: 1px solid #e6e6e6;
        }

    .nav-featured-products .product {
        width: 100%;
        border: none;
    }

        .nav-featured-products .product:hover {
            border-bottom: none;
        }

.nav-brand-products,
.nav-brand-subcategories {
    display: none;
}

.nav-brand-products {
    border: 1px solid #e6e6e6;
}

    .nav-brand-products.active,
    .nav-brand-subcategories.active {
        display: block;
    }

.nav-brand-subcategories .brands-link {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}

    .nav-brand-subcategories .brands-link:hover {
        text-decoration: none;
    }


    .nav-brand-subcategories .brands-link.title-border {
        min-width: 180px;
        border-bottom: 1px solid #979797;
        padding-bottom: 7px;
    }

.nav-brand-subcategories a {
    color: #333;
    cursor: pointer;
}

    .nav-brand-subcategories a:hover {
        color: #333;
        text-decoration: none;
    }

.nav-brand-subcategories h3 {
    color: #036ed3;
    margin: 0;
    font-size: 30px;
    line-height: 23px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 15px;
}

.nav-brand-subcategories {
    border: 1px solid #d7d7d7;
    padding: 30px;
    min-height: 340px;
}

    .nav-brand-subcategories .brand-row {
        padding: 10px 0;
    }

        .nav-brand-subcategories .brand-row + .brand-row {
            margin-top: 0;
        }

#navAllBrands {
    display: none;
}

.navm-allbrand .nav-allbrand-link {
    display: none;
}

@media (max-width: 1199px) {
    .brand-alp-list .nav-allbrand-link {
        display: none;
    }

    .navm-allbrand .nav-allbrand-link {
        display: block;
    }
}

/*navigation brand end*/
/*preorder*/
.preorder-item {
    -ms-opacity: 1 !important;
    opacity: 1 !important;
}

    .preorder-item:hover .preorder-tooltip,
    .preorder-item.selected .preorder-tooltip {
        display: block;
    }

.pvaColor.preorder-item .aroma-image {
    position: relative;
}

.pvaColor.preorder-item:hover .aroma-image,
.pvaColor.preorder-item.selected .aroma-image {
    position: relative;
    border-color: #fff;
}

    .pvaColor.preorder-item .aroma-image:after,
    .pvaColor.preorder-item.selected .aroma-image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/preorder-icon-2.png") center center no-repeat;
        top: 0;
        right: 0;
        -ms-background-size: cover;
        background-size: cover;
    }

    .pvaColor.preorder-item.selected .aroma-image:after {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/preorder-tick-2.png) center center no-repeat;
        -ms-background-size: cover;
        background-size: cover;
    }

.pvaColor.preorder-item .aroma-image:before {
    content: "Ön Sipariş";
    position: absolute;
    width: 44px;
    background: #1482e2;
    color: #fff;
    padding: 0 5px;
    border-radius: 11px;
    font-size: 10px;
    z-index: 2;
    left: -13px;
    top: -17px;
    line-height: 15px;
    letter-spacing: -1px;
}

.supp-mini-logo {
    display: block;
    height: 17px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/supp-mini-logo.png") center center no-repeat;
}

#addPreOrder,
.preorder-added-cart {
    display: none;
}

    .preorder-added-cart img,
    .preorder-product img {
        height: 24px;
    }

.preorder-product {
    margin-top: 5px;
    display: inline-block;
}

.order-summary-small .preorder-product {
    bottom: 10px;
    right: 5px;
    position: absolute;
}

.special-product-campaign {
    display: inline-block;
    margin-right: 15px;
}

    .special-product-campaign &gt; p {
        display: flex;
        flex-direction: column;
    }

.payment-preorder-info {
    border-width: 1px;
    border-color: #a9a9a9;
    border-style: dashed;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/preorder-payment-info.png) left center no-repeat;
    padding-left: 58px;
    background-position: 16px;
}

    .payment-preorder-info p {
        margin: 0;
        padding: 9px 0;
        font-size: 12px;
        color: #747579;
    }

.completed-preorder {
    border: 2px solid #0076ff;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #0076ff;
    font-size: 14px;
    padding: 10px 0;
}

    .completed-preorder a {
        text-decoration: underline;
        color: #0076ff;
    }

    .completed-preorder i {
        display: inline-block;
        width: 58px;
        height: 30px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/supp-mini-logo-mid.png) center center no-repeat;
        -ms-background-size: cover;
        background-size: cover;
        margin-bottom: -10px;
        margin-top: -7px;
        margin-right: 9px;
    }

.completed-table .preorder-product {
    margin: 0;
}

@media (max-width: 1199px) {
    .preorder-tooltip {
        top: -20px;
        right: -135px;
    }

    .payment-preorder-info {
        background-position: 6px 5px;
        -ms-background-size: 20px;
        background-size: 20px;
        padding-left: 32px;
    }

        .payment-preorder-info p {
            padding: 6px 0;
            font-size: 10px;
        }
}
/*preorder end*/
.controls.secureRequired {
    position: relative;
}

    .controls.secureRequired:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 999;
        cursor: pointer;
    }



/* CUSTOM DROPDOWN */

/*.custom-recurring-select .recurring-options {
     -webkit-appearance: none;
     -moz-appearance: none;
 }*/

/* CUSTOM DROPDOWN */
.recurring-order-topic {
    text-align: center;
}

    .recurring-order-topic h1 {
        font-size: 30px;
        color: #0f3969;
        margin-top: 50px;
    }

    .recurring-order-topic h2 {
        font-size: 30px;
        color: green;
        margin-top: 50px;
    }

    .recurring-order-topic p {
        font-size: 14px;
        color: #333;
        padding: 0 60px;
    }

    .recurring-order-topic img {
        width: 100%;
    }


.no-orders {
    clear: both;
}

    .no-orders h3 {
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
    }

.noScriptImageHolder {
    clear: both;
    text-align: center;
    margin-top: 5px;
}

/* google chrome image resize blur problem */
img {
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
}



/* LOYALTY PAGE FONT STYLE */

@font-face {
    font-display: swap;
    font-family: 'jaf-facitweb';
    src: url('https://cdn.supplementler.com/themes/mobile/supplementler/content/fonts/Facit-Regular.eot');
    src: local('☺'), url('https://cdn.supplementler.com/themes/mobile/supplementler/content/fonts/Facit-Regular.woff') format('woff'), url('https://cdn.supplementler.com/themes/mobile/supplementler/content/fonts/Facit-Regular.ttf') format('truetype'), url('https://cdn.supplementler.com/themes/mobile/supplementler/content/fonts/Facit-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Regular.svg') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 500;
    font-style: normal;
    src: url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-SemiBold.svg') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src: url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-Bold.svg') format('svg');
}

@font-face {
    font-family: 'Open Sans';
    font-weight: 800;
    font-style: normal;
    src: url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.woff') format('woff'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('/Themes/Supplementler/Content/fonts/OpenSans-ExtraBold.svg') format('svg');
}



.dyn-landing {
    clear: both;
}

.lp-content-area {
    display: flex;
    flex-direction: column;
}

.dyn-landing .lp-banner {
    display: flex;
    align-items: center;
    margin: 20px 16px 40px;
    padding: 24px 20px 14px 24px;
    border-radius: 8px;
    background-color: #f4f6f8;
}

.lp-banner img {
    max-width: 464px;
    max-height: 264px;
    margin: 0 24px 10px 0;
    border-radius: 6px;
    height: 100%;
    width: 100%;
}

.lp-description .more {
    position: relative;
}

.dyn-landing .lp-head {
    font-family: 'Open Sans';
    font-size: 24px;
    font-weight: bold;
    padding: 0px;
    line-height: 1;
    margin-bottom: 16px;
}

.dyn-landing .lp-description p {
    margin: 0;
}

.dyn-landing .lp-product-showcase.weekly.center {
    margin: 0 auto;
}

    .dyn-landing .lp-product-showcase.weekly.center .land-pbox {
    }




.agt-settings-main {
    clear: both;
    margin: 15px 0;
}

    .agt-settings-main .agt-line {
        clear: both;
        height: 50px;
    }

        .agt-settings-main .agt-line .item .selectArea {
            min-width: 171px;
        }

        .agt-settings-main .agt-line .item.radio-area {
            font-size: 15px;
        }

            .agt-settings-main .agt-line .item.radio-area label {
                font-size: 14px;
                cursor: pointer;
                color: #5a5a5a;
            }

        .agt-settings-main .agt-line#radioButtonAgtArea label {
            padding-left: 20px;
        }

        .agt-settings-main .agt-line .item.radio-area {
            position: relative;
            padding-left: 0;
        }

            .agt-settings-main .agt-line .item.radio-area input {
                position: absolute;
                left: 0;
                top: 4px;
            }

        .agt-settings-main .agt-line .item &gt; div {
            float: left;
            margin-right: 10px;
        }

            .agt-settings-main .agt-line .item &gt; div:last-child {
                margin-right: 0;
            }

    .agt-settings-main .select-shipping {
        margin-bottom: 0;
    }


.order-summar-bottom-area {
    clear: both;
    padding: 0 20px;
    margin: 30px 0;
}

    .order-summar-bottom-area .col-lg-8 {
        padding-left: 0;
    }

    .order-summar-bottom-area .col-lg-4 {
        padding-right: 0;
    }


    .order-summar-bottom-area .summary-gift-container {
        padding-left: 0;
    }

    .order-summar-bottom-area .cart-collaterals {
        margin-bottom: 0;
    }

        .order-summar-bottom-area .cart-collaterals .coupon-box {
            margin-bottom: 15px !important;
        }


            .order-summar-bottom-area .cart-collaterals .coupon-box input[type="submit"].applycouponcodebutton {
                margin-left: 20px;
                padding: 10px 5px;
            }

.address-form .clientErrorMessage {
    clear: both;
    padding: 5px;
    color: red;
    display: block;
}


.blog-container {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

    .blog-container .brand-logo {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
        padding: 20px 0;
        border-bottom: 1px solid #e8e8e8;
    }

        .blog-container .brand-logo img {
            width: 200px;
            height: auto;
        }

    .blog-container .item {
        width: 50%;
        float: left;
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .blog-container .item h2 {
            margin: 0;
            padding: 0;
            color: #013879;
            font-size: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-right: 20px;
        }

        .blog-container .item .info-line {
            clear: both;
            margin: 5px 0 10px 0;
        }

            .blog-container .item .info-line span {
                display: inline-block;
                font-size: 11px;
                color: #c3c3c3;
                padding-right: 10px;
                margin-right: 10px;
                border-right: 1px solid #d4d4d4;
            }

                .blog-container .item .info-line span:last-child {
                    border-right: none;
                    padding: 0;
                    margin: 0;
                }

        .blog-container .item .detail-area {
            clear: both;
        }

            .blog-container .item .detail-area .picture {
                width: 232px;
                height: 180px;
                display: block;
                float: left;
                margin-right: 15px;
            }

                .blog-container .item .detail-area .picture img {
                    border: 1px solid #ebebeb;
                    width: 232px;
                    height: auto;
                }

            .blog-container .item .detail-area .text {
                float: left;
                width: 46%;
            }

                .blog-container .item .detail-area .text p {
                    height: 120px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: normal;
                }

                .blog-container .item .detail-area .text .more {
                    background: #003a7a;
                    font-size: 12px;
                    color: #ffffff;
                    padding: 5px 10px;
                    margin-top: 5px;
                    display: inline-block;
                }


/* COMPARE PRODUCT REFACTOR */

.comparisonList .well {
    padding: 10px 15px !important;
}

.compare-products-table .table-condensed th, .table-condensed td {
    padding: 8px;
}

.comparisonList .page-title {
    border-bottom: 1px solid #DDD;
    margin-top: 0;
    font: bold 22px arial;
    color: #5495ed;
    padding: 13px 0;
}

.comparisonList .noBrder {
    border-top: 0;
}

.comparisonList .no-bg {
    background: transparent !important;
}

.lp-product-showcase.centered {
    display: flex;
}

    .lp-product-showcase.centered .land-pbox {
        flex: 1;
        display: flex;
        justify-content: center;
    }

.inv_content .page-title {
    padding-left: 10px;
    margin-top: 10px;
    padding: 5px;
}

/* Utilities */
ul.plain,
ol.plain {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.no-margin {
    margin: 0;
}

/* Mobile applications styles */
.mobile-apps-container {
    padding: 50px 35px;
}

    .mobile-apps-container h1 {
        font-size: 26px;
        font-weight: 500;
        color: #000000;
        text-align: center;
        margin: 0;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .mobile-apps-container h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        color: #000000;
        text-align: center;
        line-height: 25px;
    }

.app-images {
    margin-top: 40px !important;
    text-align: center;
}

    .app-images &gt; li,
    .app-buttons &gt; li {
        width: 49%;
    }

    .app-images &gt; li,
    .app-buttons &gt; li,
    .app-images img {
        display: inline-block;
    }

    .app-images img {
        max-width: 100%;
        width: 100%;
    }

.app-images,
.app-buttons {
    text-align: center;
}

    .app-buttons &gt; li:not(:first-child) {
        margin-top: 15px;
    }

    .app-buttons &gt; li div {
        font-size: 26px;
        color: #000000;
        margin-bottom: 25px;
    }

    .app-buttons &gt; li a {
        display: inline-block;
    }

@media (max-width: 320px) {
    .mobile-apps-container h1 {
        font-size: 23px;
        line-height: 35px;
    }

    .mobile-apps-container h3 {
        font-size: 17px;
    }
}

/* Payment Help Steps */
.payment-help-heading {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 45px;
}

.payment-help-steps {
    display: block;
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 60px;
    position: relative;
}

    .payment-help-steps &gt; li {
        display: inline-block;
        width: calc(33.33333333% - 40px);
        width: -webkit-calc(33.33333333% - 40px);
        position: relative;
        vertical-align: top;
    }

        .payment-help-steps &gt; li:not(:last-child) {
            margin-right: 30px;
        }

        .payment-help-steps &gt; li:not(:first-child) {
            margin-left: 26px;
        }

        .payment-help-steps &gt; li .circle {
            display: inline-block;
            width: 62px;
            height: 62px;
            color: #000000;
            font-size: 27px;
            font-weight: bold;
            border-radius: 50%;
            text-align: center;
            line-height: 60px;
            top: -31px;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            background-color: #ffffff;
        }

        .payment-help-steps &gt; li .text {
            font-size: 16px;
            font-weight: bold;
            color: #000000;
            padding: 30px 13px;
            padding-top: 45px;
            text-align: center;
            min-height: 211px;
        }

            .payment-help-steps &gt; li .text img {
                height: 64px;
                clear: both;
                display: block;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 8px;
            }

        .payment-help-steps &gt; li.two:before {
            left: -40px;
        }

        .payment-help-steps &gt; li.two:after {
            right: -40px;
        }

        .payment-help-steps &gt; li.two:before,
        .payment-help-steps &gt; li.two:after {
            content: '';
            position: absolute;
            top: calc(50% - 20px);
            top: -webkit-calc(50% - 20px);
            width: 24px;
            height: 28px;
            background-image: url('https://cdn.supplementler.com/themes/Supplementler/Content/images/payment-help-icons/arrow.svg');
            background-repeat: no-repeat;
            background-position: top center;
            background-size: 46px 42px;
        }

@media (max-width: 1199px) {
    .payment-help-steps &gt; li .text {
        font-size: 14px;
    }
}

/* Stores */
.lds-dual-ring {
    display: inline-block;
    width: 24px;
    height: 24px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 18px;
        height: 18px;
        margin: 1px;
        border-radius: 50%;
        border: 2px solid #333333;
        border-color: #333333 transparent #333333 transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.centralized {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.stores-container {
    max-width: 993px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .stores-container &gt; h1 {
        font-family: "Nunito Sans", sans-serif;
        font-size: 32px;
        font-weight: bold;
        color: #000;
        margin-top: 0;
        text-align: center;
    }

    .stores-container &gt; h2 {
        font-size: 20px;
        font-weight: bold;
        color: #6e6e6e;
        margin: 15px 0;
    }

    .stores-container &gt; .stores-desc {
        text-align: center;
        font-size: 14px;
        max-width: 570px;
    }

.stores {
    margin-top: 30px;
    margin-bottom: 10px;
}

    .stores .store {
        padding: 20px;
    }

.storeBg {
    background-color: #f0f0f0;
}

.store-form {
    padding: 20px;
    padding-top: 35px;
    margin-bottom: 12px;
    position: relative;
    display: flex;
    align-items: center;
}

    .store-form:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        height: 1px;
        background-color: #d9d9d9;
    }

.stores .store + .store {
    margin-top: 25px;
}

.store-form .form-control {
    border: 1px solid #000;
    background-color: transparent;
    padding: 12px 14px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: auto;
}

.store-map {
    margin-top: 20px;
    border-top: 1px dotted #cccccc;
    padding-top: 20px;
    height: 421px;
}

    .store-map &gt; div {
        height: 400px;
    }

.store-form .form-group .lds-dual-ring {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}

.store-form .form-group + .form-group {
    margin-top: 10px;
}

.btn-search-store {
    border: 0;
    box-shadow: none;
    text-shadow: none;
    color: #ffffff;
    font-size: 18px;
    padding: 12px 0;
    border-radius: 0;
    transition: all 200ms;
}

    .btn-search-store:hover {
        color: #ffffff;
    }

.btn-show-in-map {
    border-radius: 0;
    background: #f8f8f8;
    transition: all 200ms;
    color: #000;
}

.open-maps {
    margin-top: 12px;
    margin-bottom: 30px;
}

    .open-maps .btn:hover {
        background-color: #fd830c;
        color: #fff;
        text-shadow: #333 0 0 1px;
    }

.store-search .search-result {
    margin-top: 20px;
}

    .store-search .search-result .group + .group {
        margin-top: 12px;
    }

    .store-search .search-result .group .label {
        margin: 0;
        padding: 0;
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        background-color: transparent;
        text-shadow: none;
        display: block;
    }

.search-result .stockout-product {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    color: #6a6a6a;
    position: relative;
}

.stores-container .stores .store-name {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 25px;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.15);*/
}

.stores-container .stores .owl-wrapper {
    text-align: center;
}

.store-images .owl-next,
.store-images .owl-prev {
    background-repeat: no-repeat;
    background-size: 34px 60px;
    width: 34px;
    height: 60px;
}

.store-images .owl-prev {
    background-image: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-left.svg');
    left: 12px;
}

.store-images .owl-next {
    background-image: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-right.svg');
    right: 12px;
}

.store-images .owl-buttons {
    top: 49%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    position: absolute;
}

.store-images .owl-item.loading {
    min-height: 300px;
}

/* OwlCarousel paginator styles */
.pagination-active .owl-pagination {
    text-align: center;
    margin-top: 18px;
}

.pagination-active .owl-controls .owl-page {
    width: 14px;
    height: 14px;
    background: #ebebeb;
    display: inline-block;
    border-radius: 50%;
}

    .pagination-active .owl-controls .owl-page:not(:last-child) {
        margin-right: 4px;
    }

/* OwlCarousel navigation styles */
.nav-top-right .owl-buttons {
    position: absolute;
    top: -30px;
    right: 8px;
}

    .nav-top-right .owl-buttons .owl-prev,
    .nav-top-right .owl-buttons .owl-next {
        background-size: 10px;
        left: 0;
        right: 0;
        position: relative;
        top: 0;
        display: inline-block;
        margin-top: 0;
        background-color: #f8f8f8;
        border-radius: 2px;
        width: 33px;
        height: 33px;
        transition: all 200ms;
    }

        .nav-top-right .owl-buttons .owl-prev:hover,
        .nav-top-right .owl-buttons .owl-next:hover {
            background-color: #eeeeee;
        }

    .nav-top-right .owl-buttons .owl-prev {
        margin-right: 2px;
    }

.nav-top-right.knw-content-slider .owl-buttons {
    top: -38px;
    right: 12px;
}

/* bilgi bankasi custom styles */
.knw-box-content a,
.knw-box-content a:hover {
    text-decoration: none;
}

.knw-box-content a {
    display: block;
    width: 100%;
}

    .knw-box-content a h4 {
        display: block;
        width: 100%;
        line-height: 20px;
        font-size: 16px;
        font-family: "HelveticaNeueLTPro-Bd";
        font-weight: normal;
        color: #034384;
        display: block;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        min-height: 40px;
    }

.knw-slider-wrapper .item:hover a h4 {
    color: #ffffff;
}

.knowledge-content-row {
    margin-bottom: 0;
}

    .knowledge-content-row + .knowledge-content-row {
        margin-top: 60px;
    }

.knw-slider-wrapper .row .item {
    margin-bottom: 20px;
}

.knw-reco-wrapper {
    border-top: 1px dashed #ebebeb;
    border-bottom: 1px dashed #ebebeb;
    padding-bottom: 20px;
    padding-top: 10px;
}

    .knw-reco-wrapper .product,
    .kb-product-slider .product {
        border-top: none;
        border-bottom: none;
    }

    .knw-reco-wrapper .owl-buttons {
        top: -42px;
    }

.kb-products {
    margin-bottom: 20px;
}

    .kb-products .owl-buttons {
        top: -38px;
        right: 1px;
    }

.abWrapper.abcWrapper .path {
    padding-top: 7px;
    padding-bottom: 7px;
}

ol.path {
    font: normal 12px HelveticaNeueLTPro-Md;
}

    ol.path &gt; li {
        padding: 8px 0;
        display: inline-block;
    }

.product-details-page ol.path {
    height: 29px;
    margin: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.knowledge-container ol.path &gt; li {
    padding: 2px 0;
}

.detail-thumb-slider {
    padding: 0 25px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

    .detail-thumb-slider .thumb {
        border: 1px solid #ffffff;
        padding: 4px;
        border-radius: 4px;
    }

        .detail-thumb-slider .thumb.active {
            border: 1px solid #003770;
        }

        .detail-thumb-slider .thumb span {
            display: none;
        }

    .detail-thumb-slider .owl-next {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/thumb-right.svg");
        right: -7px;
    }

    .detail-thumb-slider .owl-prev {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/thumb-left.svg");
        left: -10px;
        transform: rotate(-180deg);
    }

    .detail-thumb-slider .owl-buttons &gt; div {
        background-repeat: no-repeat;
        background-size: 11px 19px;
        top: 45%;
    }

/* events */
.etkinlik-banner {
    margin-top: -10px;
    margin-bottom: 60px;
}

    .etkinlik-banner img {
        max-width: 100%;
        width: 100%;
    }

.etkinlikler-wrapper {
    max-width: 1020px;
    margin: 0 auto;
    margin-bottom: 120px;
}

.etkinlikler {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    width: 100%;
    display: block;
}

    .etkinlikler li {
        display: inline-block;
        border: 1px solid #ebebeb;
        border-radius: 4px;
        margin-right: 20px;
        margin-bottom: 20px;
        box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);
        overflow: hidden;
        cursor: pointer;
    }

@media (min-width: 1200px) {
    .etkinlikler li:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 1199px) {
    .etkinlikler li:nth-child(2n) {
        margin-right: 0;
    }
}

/* knowledge */
.knowledge-home .knowledge-search {
    padding: 0;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 50px;
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
}

.knowledge-search &gt; h1 {
    margin: 0;
    padding: 0;
    font-size: 36px;
    font-weight: bold;
    color: #003366;
    margin-bottom: 20px;
}

.knowledge-search &gt; .sub-head {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-size: 16px;
}

.knowledge-input {
    position: relative;
    margin-top: 39px;
    display: inline-block;
    max-width: 555px;
    width: 100%;
}

    .knowledge-input &gt; input {
        border-radius: 5px;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        border: 2px solid #e0e0e0;
        font-size: 22px;
        padding: 15px 24px;
        padding-left: 60px;
        padding-right: 120px;
        width: 100%;
        display: inline-block;
        height: auto;
        outline: 0 !important;
        line-height: normal;
    }

    .knowledge-input &gt; button {
        position: absolute;
        top: 6px;
        right: 6px;
        padding: 14px 30px;
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        box-shadow: none;
        text-shadow: none;
        background: none;
        border: none;
        background-color: #dc5226;
        border-radius: 4px;
    }

    .knowledge-input:before {
        content: "";
        position: absolute;
        left: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 22px;
        height: 22px;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knowledge-search.svg");
    }

.knowledge-reco {
    margin-top: 56px;
    padding: 0 50px;
    font-family: 'Open Sans', sans-serif;
}

    .knowledge-reco .reco-title {
        margin-bottom: 33px;
        font-size: 22px;
        font-weight: bold;
        color: #003366;
    }

    .knowledge-reco .reco-wrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .knowledge-reco .reco-wrapper ul &gt; li {
            border-radius: 4px;
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
            background-color: #ffffff;
            border: 1px solid rgba(192, 192, 192, 0.49);
            display: inline-block;
            vertical-align: top;
            width: calc(100% / 3 - 29px);
            width: -webkit-calc(100% / 3 - 29px);
            padding: 13px 19px;
            margin-right: 40px;
            margin-bottom: 32px;
            min-height: 159px;
        }

            .knowledge-reco .reco-wrapper ul &gt; li:nth-child(3n) {
                margin-right: 0;
            }

            .knowledge-reco .reco-wrapper ul &gt; li a {
                color: #464646;
            }

.reco-wrapper .article-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 15px;
    min-height: 96px;
    overflow: hidden;
}

.reco-wrapper .article-view,
.category-articles .article-view {
    font-size: 14px;
    color: #919191;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/article-view.svg");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}

.knowledge-categories {
    margin-top: 50px;
}

    .knowledge-categories &gt; ul {
        display: block;
        width: 100%;
        list-style-type: none;
        padding: 0 6px;
        margin: 0;
    }

        .knowledge-categories &gt; ul &gt; li {
            display: inline-block;
            margin-bottom: 60px;
            width: calc(100% / 3 - 3px);
            width: -webkit-calc(100% / 3 - 3px);
            padding-right: 44px;
            padding-left: 44px;
            position: relative;
            vertical-align: top;
        }

            .knowledge-categories &gt; ul &gt; li:not(:nth-child(3n)):not(:last-child):after {
                content: "";
                position: absolute;
                top: 72px;
                bottom: 0;
                right: 0;
                background-color: #ebebeb;
                width: 1px;
            }

            .knowledge-categories &gt; ul &gt; li .category-title {
                line-height: normal;
                padding: 0;
                font-size: 24px;
                font-weight: bold;
                color: #003366;
            }

            .knowledge-categories &gt; ul &gt; li .category-count {
                opacity: 0.74;
                font-size: 14px;
                color: #464646;
                margin-top: 5px;
            }

    .knowledge-categories ul.sub-categories {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 24px;
    }

        .knowledge-categories ul.sub-categories &gt; li {
            display: block;
        }

            .knowledge-categories ul.sub-categories &gt; li.all a {
                font-weight: bold;
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knowledge-arrow-right.svg");
                background-repeat: no-repeat;
                background-position: right center;
                background-size: 22px;
            }

            .knowledge-categories ul.sub-categories &gt; li a {
                font-size: 16px;
                color: #464646;
                padding: 19px 0;
                display: block;
                width: 100%;
                border-bottom: 1px solid #e1e1e1;
                line-height: 25px;
            }

            .knowledge-categories ul.sub-categories &gt; li:first-child a {
                padding-top: 0;
            }

.knowledge-fittest {
    position: relative;
    margin: 0 50px;
    margin-bottom: 50px;
    background-color: #0f2854;
    color: #ffffff;
    text-align: center;
    z-index: 1;
    padding: 26px 0;
    padding-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

    .knowledge-fittest:before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/fittest-bg@3x.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        opacity: .2;
        z-index: -1;
    }

    .knowledge-fittest &gt; h3 {
        font-size: 24px;
        font-weight: bold;
    }

    .knowledge-fittest &gt; a,
    .sidebar-fittest &gt; a {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        color: #ffffff;
        border-radius: 5px;
        background-color: #5590fd;
        padding: 13px 22px;
        display: inline-block;
        margin-top: 18px;
        transition: all 150ms;
        text-decoration: none;
    }

        .knowledge-fittest &gt; a:hover {
            text-decoration: none;
        }

    .knowledge-fittest &gt; img {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 22px;
    }

.knowledge-category {
    padding: 35px 50px;
}

    .knowledge-category .category-body &gt; h3 {
        margin: 0;
        font-size: 36px;
        font-weight: bold;
        color: #003366;
    }

    .knowledge-category .category-body &gt; .count {
        margin-top: 5px;
        opacity: 0.74;
        font-size: 16px;
        color: #464646;
    }

.category-articles {
    margin-top: 50px;
}

    .category-articles ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .category-articles ul &gt; li {
            border-radius: 5px;
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
            background-color: #ffffff;
            border: 1px solid rgba(192, 192, 192, 0.49);
            color: #464646;
        }

            .category-articles ul &gt; li &gt; a {
                padding: 29px 36px;
                display: block;
            }

            .category-articles ul &gt; li + li {
                margin-top: 32px;
            }

            .category-articles ul &gt; li .article-title {
                font-size: 22px;
                font-weight: bold;
                margin: 0;
                color: #464646;
            }

    .category-articles .article-view {
        margin-top: 10px;
    }

    .category-articles .article-content {
        margin-top: 19px;
        margin-bottom: 28px;
        font-size: 14px;
        line-height: 1.86;
        color: #464646;
    }

    .category-articles .article-read {
        font-size: 14px;
        font-weight: bold;
        padding: 13px 26px;
        border-radius: 5px;
        background-color: #dc5226;
        color: #ffffff;
        display: inline-block;
    }

.category-pagination {
    margin: 52px 0;
    text-align: center;
}

    .category-pagination &gt; * {
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
        background-color: #ffffff;
        border: 1px solid rgba(192, 192, 192, 0.49);
        padding: 9px 0;
        width: 38px;
        font-size: 16px;
        font-weight: bold;
        vertical-align: top;
        cursor: pointer;
    }

    .category-pagination &gt; .page {
        color: #919191;
        text-decoration: none;
        margin-bottom: 12px;
    }

        .category-pagination &gt; .page.active {
            color: #304f83;
            border-color: #304f83;
        }

    .category-pagination &gt; .page-prev.disabled,
    .category-pagination &gt; .page-next.disabled {
        pointer-events: none;
        opacity: .6;
    }

    .category-pagination &gt; * + * {
        margin-left: 7px;
    }

    .category-pagination &gt; * &gt; img {
        display: inline-block;
        max-height: 20px;
    }

.knowledge-category {
    font-family: 'Open Sans', sans-serif;
}

    .knowledge-category .no-result {
        font-weight: bold;
        font-size: 22px;
    }

    .knowledge-category .category-body {
        padding-right: 50px;
    }

    .knowledge-category .category-sidebar {
        border-left: 1px solid #e6e6e6;
        padding: 0;
        padding-left: 27px;
    }

    .knowledge-category input.knowledge-search-category {
        border-radius: 5px;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.25);
        padding: 10px 15px;
        font-size: 14px;
        font-weight: normal;
        color: #464646;
        height: auto;
        width: 100%;
        box-shadow: none;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knowledge-search.svg");
        background-repeat: no-repeat;
        background-position: left 15px center;
        padding-left: 50px
    }

    .knowledge-category .knowledge-search {
        padding: 0;
        margin-bottom: 55px;
    }

        .knowledge-category .knowledge-categories-filter h4,
        .knowledge-category .knowledge-search h4 {
            font-family: inherit;
            font-size: 18px;
            font-weight: bold;
            color: #464646;
            padding-bottom: 20px;
        }

    .knowledge-category .knowledge-categories-filter {
        padding: 0;
    }

    .knowledge-category ul.sidebar-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .knowledge-category ul.sidebar-list &gt; li {
            border-bottom: 1px solid #e1e1e1;
        }

            .knowledge-category ul.sidebar-list &gt; li &gt; a {
                display: block;
                color: #464646;
                padding: 18px 0;
                text-decoration: none;
                font-size: 15px;
                line-height: 1.5;
            }

            .knowledge-category ul.sidebar-list &gt; li.has-icon &gt; a {
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/knowledge-arrow-right.svg");
                background-repeat: no-repeat;
                background-position: right center;
                background-size: 18px;
                padding-right: 25px;
            }

    .knowledge-category .know-category-box {
        margin-top: 55px;
    }

.sidebar-fittest {
    position: relative;
    text-align: center;
    padding: 18px;
    color: #ffffff;
    z-index: 1;
    background-color: #0f2854;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
    border: 0;
    overflow: hidden;
    margin-top: 52px;
}

    .sidebar-fittest &gt; a {
        font-size: 16px;
    }

    .sidebar-fittest &gt; h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
    }

    .sidebar-fittest:before {
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/fittest-bg@3x.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        opacity: .2;
        z-index: -1;
    }

    .sidebar-fittest &gt; img {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 6px;
    }

.category-detail {
    padding-right: 50px;
}

    .category-detail .knw-detail-head {
        font-size: 30px;
        font-weight: 500;
        color: #003366;
        line-height: normal;
        margin-bottom: 24px;
    }

    .category-detail .number-of-views {
        font-size: 15px;
        color: #919191;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/article-view.svg");
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 30px;
        margin-top: 4px;
    }

    .category-detail .article-info {
        padding-bottom: 13px;
        border-bottom: 1px solid #eeeeee;
        margin: 0;
        border-top: 1px solid #eeeeee;
        padding-top: 12px;
    }

    .category-detail .knw-content-text {
        margin-top: 30px;
        border: 0;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.88;
        color: #5d5d5d;
    }

    .category-detail .knowledge-fittest {
        margin: 58px 0;
    }

    .category-detail .knowledge-reco {
        padding: 0;
    }

        .category-detail .knowledge-reco .reco-wrapper ul &gt; li {
            width: calc(100% / 2 - 42px);
            width: -webkit-calc(100% / 2 - 42px);
        }

            .category-detail .knowledge-reco .reco-wrapper ul &gt; li:nth-child(3n) {
                margin-right: 40px;
            }

            .category-detail .knowledge-reco .reco-wrapper ul &gt; li:nth-child(2n) {
                margin-right: 0;
            }

    .category-detail .at-share-tbx-element .at-share-btn {
        border-radius: 50% !important;
        overflow: hidden;
    }

    .category-detail .at-icon {
        padding: 4px;
    }

    .category-detail .at-share-tbx-element .at-share-btn {
        margin-bottom: 0 !important;
    }

    .category-detail .knw-content-text + .article-info {
        margin: 60px 0;
    }

/* fittest tab */
.fittest-tab {
    padding: 35px 10px;
    text-align: center;
    margin: 0;
    font-size: 16px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/fittest-tab-bg@3x.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    min-height: 248px;
}

    .fittest-tab .fittest-logo {
        text-align: center;
        margin-bottom: 23px;
    }

    .fittest-tab .fittest-content {
        font-size: 22px;
        font-weight: bold;
        line-height: 1.55;
        letter-spacing: 0.6px;
        color: #333333;
        max-width: 350px;
        margin: 0 auto;
    }

        .fittest-tab .fittest-content &gt; a {
            border-radius: 4px;
            background-color: #5590fd;
            box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.05);
            font-size: 18px;
            font-weight: bold;
            letter-spacing: normal;
            text-align: center;
            color: #ffffff;
            display: inline-block;
            margin-top: 46px;
            padding: 12px 24px;
            text-decoration: none;
        }

.header-info-links {
    text-align: right;
    padding-left: 0;
}

    .header-info-links &gt; .header-info-menu {
        display: inline-block;
        float: none;
        width: auto;
    }

/* custom topics special styles */
.topic-affiliate-network &gt; h2.page-title {
    display: none;
}

/* knowledge base post css */
.knw-content-text table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 20px;
    border: 0;
}

    .knw-content-text table &gt; thead &gt; tr &gt; th,
    .knw-content-text table &gt; thead &gt; tr &gt; td {
        font-weight: bold;
        background-color: #f9f9f9;
    }

    .knw-content-text table &gt; thead &gt; tr &gt; th,
    .knw-content-text table &gt; tbody &gt; tr &gt; th,
    .knw-content-text table &gt; tfoot &gt; tr &gt; th,
    .knw-content-text table &gt; thead &gt; tr &gt; td,
    .knw-content-text table &gt; tbody &gt; tr &gt; td,
    .knw-content-text table &gt; tfoot &gt; tr &gt; td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

        .knw-content-text table &gt; thead &gt; tr &gt; th:first-child,
        .knw-content-text table &gt; tbody &gt; tr &gt; th:first-child,
        .knw-content-text table &gt; tfoot &gt; tr &gt; th:first-child,
        .knw-content-text table &gt; thead &gt; tr &gt; td:first-child,
        .knw-content-text table &gt; tbody &gt; tr &gt; td:first-child,
        .knw-content-text table &gt; tfoot &gt; tr &gt; td:first-child {
            border-left: 0;
        }

        .knw-content-text table &gt; thead &gt; tr &gt; th:last-child,
        .knw-content-text table &gt; tbody &gt; tr &gt; th:last-child,
        .knw-content-text table &gt; tfoot &gt; tr &gt; th:last-child,
        .knw-content-text table &gt; thead &gt; tr &gt; td:last-child,
        .knw-content-text table &gt; tbody &gt; tr &gt; td:last-child,
        .knw-content-text table &gt; tfoot &gt; tr &gt; td:last-child {
            border-right: 0;
        }

    .knw-content-text table &gt; thead &gt; tr &gt; th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .knw-content-text table &gt; tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .knw-content-text table table {
        background-color: #fff;
    }

.knw-content-text a:not(.eecommerce-product-link) {
    color: #08c !important;
    font-weight: bold !important;
}

.knw-content-text p,
.knw-content-text &gt; div {
    margin: 0 0 10px;
}

    .knw-content-text p span *,
    .knw-content-text p span,
    .knw-content-text li span,
    .knw-content-text &gt; div span {
        font-size: 14px !important;
    }

.knw-content-text h2,
.knw-content-text h2 * {
    color: #666666 !important;
}

.knw-content-text h2 {
    padding-top: 10px !important;
}

.knw-content-text *:not(.eecommerce-product-link) {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
}

.knw-content-text h2:not([class]) * {
    color: #666666 !important;
    font-size: 20px !important;
}

.knw-content-text h3:not([class]) * {
    color: #666666 !important;
    font-size: 17px !important;
}

.knw-content-text h4:not([class]) * {
    color: #666666 !important;
    font-size: 16px !important;
}

.not-allowed-payment {
    opacity: .6;
}

/* checkout page shipping options styles */
.shipping-column {
    border-radius: 4px;
    border: solid 1px rgba(51, 51, 51, 0.15);
    background-color: #ffffff;
    overflow: hidden;
    transition: all 200ms;
    box-shadow: 0 2px 4px 0 rgba(227, 227, 227, 0.5);
    padding: 10px;
}

    .shipping-column .shipping-head .column-icon {
        position: absolute;
        right: 23px;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 15px;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/column-down.svg");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .shipping-column .shipping-head {
        padding: 20px;
        padding-left: 80px;
        color: #050505;
        font-size: 14px;
        cursor: pointer;
        position: relative;
        background-repeat: no-repeat;
        background-position: left 19px center;
    }

    .shipping-column.sameday-delivery .shipping-head {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/shipping-sdd-normal.svg");
    }

    .shipping-column.standard-cargo .shipping-head {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/shipping-std-normal.svg");
    }

    .shipping-column .shipping-head &gt; strong {
        font-size: 16px;
    }

    .shipping-column .agtWindow &gt; small {
        font-size: 14px;
        color: #666666;
        margin-bottom: 20px;
        display: block;
    }

    .shipping-column .shipping-head sup {
        border-radius: 2px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
        background-color: #5dce43;
        padding: 3px 5px;
        font-size: 10px;
        font-weight: bold;
        line-height: normal;
        color: #ffffff;
    }

    .shipping-column .delivery-header {
        font-size: 14px;
        color: #484848;
        margin-bottom: 15px;
    }

    .shipping-column .agtWindow {
        display: none;
        margin-bottom: 20px;
        /*padding-left: 84px;
    padding-bottom: 20px;*/
    }

    .shipping-column .agtWindow {
        display: none;
    }

    .shipping-column .standard-cargo-list,
    .shipping-column .sameday-delivery-list {
        list-style-type: none;
        margin: 0;
        display: inline-block;
    }

    .shipping-column.active .agtWindow,
    .shipping-column.active .agtWindow {
        display: block;
    }

    .shipping-column .standard-cargo-list &gt; li,
    .shipping-column .sameday-delivery-list &gt; li {
        position: relative;
        padding: 10px 10px 10px 28px;
        text-align: left;
        display: block;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .shipping-column .standard-cargo-list &gt; li {
        min-height: 58px;
        line-height: 58px;
    }

    .shipping-column .sameday-delivery-list &gt; li {
        min-height: 27px;
        line-height: 27px;
        color: #686868;
    }

    .shipping-column .standard-cargo-list &gt; li img {
        width: auto;
        max-width: none;
        /*		height: 35px !important;*/
    }

    .shipping-column .standard-cargo-list &gt; li .small-text {
        font-size: 13px;
        margin-top: 8px;
        display: block;
    }

.standard-cargo-list .shipping-cost {
    position: static !important;
}

.shipping-column .standard-cargo-list &gt; li:before,
.shipping-column .sameday-delivery-list &gt; li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    display: inline-block;
    background-color: #e3ebf2;
    border: solid 1px #e5e5e5;
    border-radius: 50%;
}

.shipping-column .shipping-cost {
    position: absolute;
    top: 20px;
    right: 18px;
    display: inline-block;
    opacity: 0.5;
    font-size: 14px;
    line-height: normal;
    color: #686868;
}

.shipping-column .standard-cargo-list &gt; li.selected:after,
.shipping-column .sameday-delivery-list &gt; li.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
}

/*.shipping-column .standard-cargo-list &gt; li.selected,
.shipping-column .standard-cargo-list &gt; li:hover,
.shipping-column .sameday-delivery-list &gt; li.selected,
.shipping-column .sameday-delivery-list &gt; li:hover {
	background-color: #f2f2f2;
}*/

.shipping-column .standard-cargo-list &gt; li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.shipping-column .standard-cargo-list &gt; li img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.shipping-column .standard-cargo-list &gt; li + li {
    border-top: solid 1px #d8e1ea;
}

.shipping-column.sameday-delivery .agtWindow {
    /*	padding-bottom: 30px;*/
}

.shipment-table {
    table-layout: fixed;
    width: 320px;
}

.text-right {
    width: 100px;
    text-align: right;
}

.name-column {
    width: 120px;
    text-align: center;
}

.image-column {
    width: 100px;
    text-align: left;
}


.order-summary-small-wrapper table.checkout-order-totals tr th {
    width: 240px;
}
/* product card hover design */
.product .product-button-static {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    letter-spacing: 0.2px;
    text-align: center;
    box-sizing: border-box;
    z-index: 0;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
}

    .product .product-button-static:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #255087;
        z-index: -1;
        border-radius: 2px;
    }

.product .product-button-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    letter-spacing: 0.2px;
    text-align: center;
    box-sizing: border-box;
    z-index: 0;
    cursor: pointer;
    opacity: 0;
    transition-duration: 150ms;
    transition-timing-function: initial;
    transition-delay: initial;
    transition-property: all;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

    .product .product-button-hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #255087;
        z-index: -1;
        border-radius: 2px;
    }

.product:hover .product-button-hover {
    opacity: 1;
}

.pop-also-content .product .product-button-hover {
    pointer-events: none;
    font-size: 11px;
    padding: 6px 0;
}

/* product card */
.product .product-inspect {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    letter-spacing: 0.2px;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box;
    z-index: 0;
    cursor: pointer;
    opacity: 0;
    transition-duration: 150ms;
    transition-timing-function: initial;
    transition-delay: initial;
    transition-property: all;
}

    .product .product-inspect:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(20, 58, 113);
        opacity: 0.9;
        z-index: -1;
    }

.product:hover .product-inspect {
    opacity: 1;
}

.pop-also-content .product .product-inspect {
    pointer-events: none;
    font-size: 11px;
    padding: 6px 0;
}

.product .no-discount {
    min-height: 20px;
}

    .product .no-discount .product-price {
        position: relative;
        display: inline-block;
        bottom: 0;
        text-align: center;
        left: 0;
        right: 0;
        margin-bottom: 0;
        width: 90%;
    }

.product .product-discount {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: rgb(247, 60, 7);
    color: rgb(255, 255, 255);
    display: inline-block;
    line-height: normal !important;
    vertical-align: top;
    font-size: 12px !important;
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 3px 7px;
    margin-right: 0;
}

    .product .product-discount.subscription-discount {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        background-color: #0058ac;
        color: rgb(255, 255, 255);
        display: inline-block;
        line-height: normal !important;
        vertical-align: top;
        font-size: 12px !important;
        position: absolute;
        top: 8px;
        left: 8px;
        margin-right: 0;
    }

    .product .product-discount.subscription-discount.vit {
        background-color: #33784D;
        border: 1px solid #33784D;
    }

    .product .product-discount.subscription-discount.fit {
        background-color: #FD830C;
        border: 1px solid #FD830C;
        bottom: unset;
    }

.subscription-discount strong span {
    font-weight: normal;
    font-size: 7px;
    background: transparent;
    color: white;
    text-align: left;
    padding: unset;
    line-height: 0.7;
    padding-left: 2px;
}

[data-variant-discount="True"] span {
    color: #f73c07;
    background-color: white;
    padding: 0px 7px;
    font-size: 9px;
    line-height: 9px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
}

[data-subscription-discount="True"] span {
    color: #0058ac;
    background-color: white;
    padding: 0px 2px;
    font-size: 9px;
    line-height: 9px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-subscription-discount="True"].vit span {
    color: #33784D;
}

[data-subscription-discount="True"].fit span {
    color: #FD830C;
}

[data-variant-discount="True"] {
    padding: unset !important;
    border: 1px solid #f73c07;
    width: 50px !important;
}

[data-subscription-discount="True"] {
    padding: unset !important;
    border: 1px solid #0058ac;
    width: 49px !important;
}

.product-image-wrapper .product-discount {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #e44d28;
    color: rgb(255, 255, 255);
    display: inline-block;
    line-height: normal !important;
    vertical-align: top;
    font-size: 12px !important;
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 3px 7px;
    margin-right: 0;
    z-index: 10;
    text-align: center;
}



.product .product-discount &gt; strong {
    display: block;
    font-size: 14px;
}

.knw-reco-wrapper .product-discount,
.knw-reco-wrapper .product-discount strong {
    font-family: Arial,"Helvetica Neue", Helvetica, sans-serif !important;
}

    .knw-reco-wrapper .product-discount strong {
        line-height: normal !important;
    }

/* sporcard campaign popup styles */
.custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    z-index: 3;
}

    .custom-popup &gt; .custom-popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
        background-color: #000000;
        opacity: .6;
    }

    .custom-popup &gt; .custom-popup-content {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        min-width: 500px;
    }

        .custom-popup &gt; .custom-popup-content a {
            display: block;
        }

        .custom-popup &gt; .custom-popup-content img {
            max-width: 100%;
        }

        .custom-popup &gt; .custom-popup-content .custom-popup-code {
            position: absolute;
            display: inline-block;
            top: 142px;
            left: 127px;
            width: 242px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            font-weight: bold;
            font-size: 22px;
            color: #333333;
        }

/* notification styles */
.notification {
    border-radius: 5px;
    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.31);
    background-color: #ffffff;
    max-width: 450px;
    position: fixed;
    top: 5%;
    right: -100%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.43;
    color: #323232;
    border: 1px solid #0556a7;
    cursor: pointer;
    display: inline-block;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: top 24px left 20px;
    box-sizing: border-box;
    transition: right 600ms;
}

    .notification.opened {
        right: 35px;
    }

    .notification .notification-title {
        font-weight: bold;
        color: #04407f !important;
        margin-bottom: 7px;
    }

    .notification.congrats {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/completed-congrats.svg");
    }

        a.notification.congrats,
        .notification.congrats a {
            padding-left: 65px
        }

    .notification .notification-title,
    .notification .notification-text {
        display: block;
    }

    a.notification,
    .notification a {
        text-decoration: none !important;
        padding: 24px 20px;
        padding-right: 25px;
        color: #323232 !important;
        display: block;
    }

    .notification .notification-close {
        position: absolute;
        height: 20px;
        width: 20px;
        right: 10px;
        top: 12px;
        opacity: .38;
        padding: 1px;
        z-index: 11;
    }

        .notification .notification-close:before {
            content: "";
            position: absolute;
            top: 10px;
            width: 15px;
            height: 2px;
            background-color: #000000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .notification .notification-close:after {
            content: "";
            position: absolute;
            top: 10px;
            width: 15px;
            height: 2px;
            background-color: #000000;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

/* vendor machine application form styles */
.vm-application {
    padding: 50px 65px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333333;
}

    .vm-application h1 {
        font-size: 28px;
        line-height: 1.68;
        margin: 0;
        margin-bottom: 20px;
    }

    .vm-application h4 {
        font-size: 18px;
        line-height: normal;
        margin: 0;
        margin-top: 35px;
    }

    .vm-application h1,
    .vm-application h4 {
        font-weight: bold;
        letter-spacing: 0.6px;
        color: #061435;
    }

    .vm-application p {
        line-height: 2.14;
        letter-spacing: 0.6px;
    }

    .vm-application ul {
        width: 100%;
        display: block;
        padding: 0;
        margin: 0;
        margin-top: 25px;
    }

        .vm-application ul &gt; li {
            display: inline-block;
            max-width: 200px;
            word-break: break-word;
            vertical-align: top;
            text-align: center;
            font-weight: bold;
            line-height: 1.5;
            letter-spacing: 0.6px;
            color: #3d66c6;
            padding: 0 18px;
            padding-top: 50px;
            background-repeat: no-repeat;
            background-position: center top;
        }

            .vm-application ul &gt; li:nth-child(1) {
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/vm-why1.svg");
            }

            .vm-application ul &gt; li:nth-child(2) {
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/vm-why2.svg");
            }

            .vm-application ul &gt; li:nth-child(3) {
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/vm-why3.svg");
            }

    .vm-application form {
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
        border: 1px solid #e9ecf3;
        padding: 28px 35px;
    }

        .vm-application form input {
            width: 100%;
            border-radius: 5px;
            border: 1px solid #dfdfdf;
            padding: 14px 12px;
            box-sizing: border-box;
            height: auto;
            box-shadow: none;
        }

        .vm-application form label {
            margin-bottom: 7px;
            letter-spacing: 0.1px;
            color: #5a5a5a;
            font-size: 14px;
            cursor: pointer;
        }

        .vm-application form .form-group + .form-group {
            margin-top: 29px;
        }

        .vm-application form button {
            border-radius: 5px;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
            background: #dc5226;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.1px;
            padding: 17px 0;
            border: 0;
            text-shadow: none;
            color: #ffffff;
        }

            .vm-application form button:hover,
            .vm-application form button:active,
            .vm-application form button:focus {
                background: #d0461a;
                color: #ffffff;
            }

@media (max-width: 1199px) {
    .vm-application ul &gt; li {
        max-width: 108px;
        font-size: 13px;
    }
}

/* same day delivery landing page styles */
.same-day-delivery {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

    .same-day-delivery,
    .same-day-delivery * {
        box-sizing: border-box;
    }

        .same-day-delivery .text-right {
            text-align: right;
        }

        .same-day-delivery .text-center {
            text-align: center;
        }

        .same-day-delivery .heading h1 {
            font-size: 28px;
            font-weight: normal;
            line-height: 1.68;
            letter-spacing: 0.6px;
            color: #061435;
        }

            .same-day-delivery .heading h1 strong {
                font-weight: bold;
                display: block;
            }

        .same-day-delivery .heading {
            padding: 37px 0;
            margin: 0;
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/sdd-bg.svg");
            background-position: right -110px center;
            background-size: contain;
            background-repeat: no-repeat;
        }

            .same-day-delivery .heading &gt; div {
                padding: 0;
            }

            .same-day-delivery .heading .sub {
                line-height: 2.14;
                letter-spacing: 0.6px;
                color: #333333;
                margin-top: 5px;
            }

            .same-day-delivery .heading ul {
                display: block;
                width: 100%;
                list-style-type: none;
                padding: 0;
                margin: 0;
                margin-top: 35px;
            }

                .same-day-delivery .heading ul &gt; li {
                    display: inline-block;
                    font-weight: bold;
                    line-height: 1.5;
                    letter-spacing: 0.6px;
                    background-repeat: no-repeat;
                    background-position: left center;
                    vertical-align: top;
                }

                    .same-day-delivery .heading ul &gt; li:nth-child(1) {
                        padding-left: 44px;
                        width: 30%;
                    }

                    .same-day-delivery .heading ul &gt; li:nth-child(2) {
                        padding-left: 60px;
                        width: 34%;
                    }

                    .same-day-delivery .heading ul &gt; li:nth-child(3) {
                        padding-left: 50px;
                        width: 32%;
                    }

        .same-day-delivery h2 {
            font-size: 22px;
            font-weight: bold;
            letter-spacing: 0.5px;
            line-height: 1.41;
            color: #061435;
        }

        .same-day-delivery .date-range {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .same-day-delivery .date-range h2 span {
                text-decoration: underline;
            }

            .same-day-delivery .date-range .info-box {
                max-width: 680px;
                margin: 24px auto;
                line-height: 1.29;
                letter-spacing: 0.6px;
                color: #061435;
                font-size: 14px;
                background-position: top 10px left 15px;
            }

        .same-day-delivery .range-table {
            max-width: 835px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 25px;
        }

            .same-day-delivery .range-table ul {
                list-style-type: none;
                margin: 0 auto;
                margin-bottom: 40px;
                display: block;
                max-width: 310px;
                border: 2px solid #e9eef9;
                border-radius: 4px;
                overflow: hidden;
                padding: 3px;
            }

                .same-day-delivery .range-table ul &gt; li {
                    vertical-align: top;
                    display: inline-block;
                    font-weight: bold;
                    line-height: normal;
                    letter-spacing: 0.4px;
                    color: #061435;
                    width: 49%;
                    padding: 8px 0;
                    border-radius: 4px;
                    cursor: pointer;
                }

                    .same-day-delivery .range-table ul &gt; li.active {
                        color: #ffffff;
                        background-color: #061435;
                    }

            .same-day-delivery .range-table .tab-pane {
                display: none;
            }

                .same-day-delivery .range-table .tab-pane.active {
                    display: block;
                }

                .same-day-delivery .range-table .tab-pane .rt-row {
                    display: flex;
                    flex-direction: row;
                }

                    .same-day-delivery .range-table .tab-pane .rt-row + .rt-row {
                        margin-top: 12px;
                    }

                    .same-day-delivery .range-table .tab-pane .rt-row .rt-header {
                        color: #ffffff;
                        line-height: 1.5;
                        text-align: center;
                        padding: 5px 0;
                    }

                    .same-day-delivery .range-table .tab-pane .rt-row &gt; span.first {
                        border-top-left-radius: 5px;
                        border-bottom-left-radius: 5px;
                    }

                    .same-day-delivery .range-table .tab-pane .rt-row &gt; span.last {
                        border-top-right-radius: 5px;
                        border-bottom-right-radius: 5px;
                    }

                    .same-day-delivery .range-table .tab-pane .rt-row &gt; span {
                        flex: 2;
                    }

                        .same-day-delivery .range-table .tab-pane .rt-row &gt; span &gt; strong.large {
                            display: block;
                            font-size: 20px;
                            line-height: normal;
                            letter-spacing: 0.5px;
                        }

                        .same-day-delivery .range-table .tab-pane .rt-row &gt; span:first-child {
                            width: 267px;
                            max-width: 267px;
                            min-width: 267px;
                            border-radius: 5px;
                            letter-spacing: 0.4px;
                            text-align: center;
                            color: #ffffff;
                            margin-right: 10px;
                            flex: 1;
                            padding: 11px;
                        }

                    .same-day-delivery .range-table .tab-pane .rt-row.column &gt; span &gt; strong {
                        display: block;
                        font-size: 16px;
                        letter-spacing: 0.6px;
                    }

                        .same-day-delivery .range-table .tab-pane .rt-row.column &gt; span &gt; strong.large {
                            font-size: 20px;
                        }

                    .same-day-delivery .range-table .tab-pane .rt-row:not(.column) &gt; span:first-child {
                        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/delivery-bike.svg");
                        background-repeat: no-repeat;
                        background-position: left 10px center;
                        background-size: 74px;
                        padding-left: 80px;
                    }

                    .same-day-delivery .range-table .tab-pane .rt-row:not(.column) &gt; span:not(:first-child) {
                        border: 2px solid #e9eef9;
                        border-left-width: 1px;
                        border-right-width: 1px;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/rt-unavailable.svg");
                    }

                        .same-day-delivery .range-table .tab-pane .rt-row:not(.column) &gt; span:not(:first-child).first {
                            border-left-width: 2px;
                        }

                        .same-day-delivery .range-table .tab-pane .rt-row:not(.column) &gt; span:not(:first-child).last {
                            border-right-width: 2px;
                        }

        .same-day-delivery .how-to {
            padding-top: 10px;
            padding-bottom: 50px;
        }

            .same-day-delivery .how-to ul {
                display: block;
                width: 100%;
                max-width: 1000px;
                margin: 0 auto;
                margin-top: 60px;
                padding: 0;
                list-style-type: none;
            }

                .same-day-delivery .how-to ul &gt; li {
                    display: inline-block;
                    width: 32%;
                    vertical-align: top;
                    padding-top: 156px;
                    background-repeat: no-repeat;
                    background-position: top center;
                    padding-left: 27px;
                    padding-right: 27px;
                }

                    .same-day-delivery .how-to ul &gt; li .how-title {
                        font-size: 16px;
                        font-weight: bold;
                        line-height: normal;
                        letter-spacing: 0.4px;
                        color: #061435;
                    }

                    .same-day-delivery .how-to ul &gt; li .how-desc {
                        margin-top: 10px;
                        letter-spacing: 0.4px;
                        color: #333333;
                    }

        .same-day-delivery .faq {
            padding-top: 10px;
            padding-bottom: 30px;
        }
/* same day delivery end*/

/* order state styles*/
.order-state-icon {
    background: url("/Themes/Supplementler/Content/img/pending.svg") no-repeat center center;
    width: 20px;
    height: 20px;
    height: 20px;
    vertical-align: top;
    display: inline-block;
    margin-top: 0px;
}

    .order-state-icon.icon-10 {
        background-image: url("/Themes/Supplementler/Content/img/pending.svg");
    }

    .order-state-icon.icon-20 {
        background-image: url("/Themes/Supplementler/Content/img/processing.svg");
    }

    .order-state-icon.icon-30 {
        background-image: url("/Themes/Supplementler/Content/img/complete.svg");
    }

    .order-state-icon.icon-40 {
        background-image: url("/Themes/Supplementler/Content/img/cancelled.svg");
    }

    .order-state-icon.icon-50 {
        background-image: url("/Themes/Supplementler/Content/img/packaging.svg");
    }

    .order-state-icon.icon-60 {
        background-image: url("/Themes/Supplementler/Content/img/returned.svg");
    }

    .order-state-icon.icon-70 {
        background-image: url("/Themes/Supplementler/Content/img/partialreturn.svg");
    }

    .order-state-icon.icon-80 {
        background-image: url("/Themes/Supplementler/Content/img/failed.svg");
    }

.color-10 { /*pending*/
    color: #013c77;
}

.color-20 { /*processing*/
    color: #28a745;
}

.color-30 { /*complete*/
    color: #1a1a1a;
}

.color-40,
.color-80 { /*cancelled*/
    color: #ef0000;
}

.color-50 { /*packaging*/
    color: #000;
}

.color-60,
.color-70 { /*returned*/
    color: #003367;
}

/* order state styles end*/

.product-detail-comparison-wrapper {
    display: none;
}

/* Favorites common classes*/
#FavoritesList {
    font-family: HelveticaNeueLTPro-Md,arial;
    font-size: 14px;
    font-weight: 600;
    border: 1px #dfdfdf solid;
    border-radius: 6px;
    margin-bottom: 20px;
}

    #FavoritesList table {
        margin: 0;
    }

.favorites-table tr {
    border: none 0;
    border-bottom: 1px solid #dfdfdf;
}

    .favorites-table tr th {
        padding: 13px 15px;
        padding-left: 10px;
    }


    .favorites-table tr:last-of-type {
        border-bottom: 0px none;
    }

.favorites-table td, .favorites-table th {
    border: 1px solid #dfdfdf;
    padding: 12px 15px;
    text-align: center;
    border: none 0;
    color: #023e7b;
    border-right: 1px solid #dfdfdf;
}

    .favorites-table th:first-of-type {
        width: 35px;
    }

    .favorites-table th:nth-child(2) {
        width: 85px;
    }

    .favorites-table td:last-of-type, .favorites-table th:last-of-type {
        border: none 0;
        width: 207px;
    }

    .favorites-table td:nth-child(3) {
        text-align: left;
        padding-left: 30px;
    }

.favorites-table input[type=checkbox] {
    position: relative;
    cursor: pointer;
}

    .favorites-table input[type=checkbox]:before {
        content: "";
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        background-color: #e9e9e9;
    }

    .favorites-table input[type=checkbox]:checked:before {
        content: "";
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        background-color: #1E80EF;
    }

    .favorites-table input[type=checkbox]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 2px;
        left: 6px;
    }

.progress-holder {
    position: relative;
}

.favorites-table .img-btn {
    outline: none;
    border: none 0;
    background: transparent;
    padding: 5px;
}

#favorites-loading-progress {
    display: inline-block;
    padding: 10px;
    padding-top: 0;
    font-family: 'Nunito Sans',sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #023e7b;
    position: absolute;
    top: -39px;
    left: 133px;
}

    #favorites-loading-progress img {
        padding-left: 5px;
    }

/* End Favorites common classes*/

@media (max-width: 1199px) {
    .same-day-delivery .heading h1 {
        font-size: 23px;
    }

    .same-day-delivery .heading ul &gt; li {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        .same-day-delivery .heading ul &gt; li:nth-child(1) {
            width: 29%;
        }

        .same-day-delivery .heading ul &gt; li:nth-child(2) {
            width: 35%;
        }
}

/* custom landing-pages special styles */
@media (max-width: 1199px) {
    .landing-canli-yayin h1 {
        padding-right: 26px;
    }
}

@media (min-width: 1200px) {
    .landing-canli-yayin .videoWrapper &gt; iframe {
        min-width: 640px;
        min-height: 480px;
    }
}

.comment-badge {
    float: right;
    margin-top: 5px;
    color: #24914d;
    font-size: 13px;
    font-weight: bold;
}

    .comment-badge img {
        filter: invert(46%) sepia(18%) saturate(1663%) hue-rotate(90deg) brightness(95%) contrast(87%);
    }

.comment-customername {
    float: left;
    color: #b5b5b5;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    margin-top: 5px;
    font-weight: 500;
}

.comment-badge .purchased {
    display: inline-block;
    margin-left: 6px;
    float: right;
    font-family: 'Nunito Sans', sans-serif;
}

.completed-address.checkout-complete-shipping-address &gt; div,
.completed-address.checkout-complete-billing-address &gt; div,
.order-gift-note &gt; div,
.address-item p,
.selected-address-item p,
.customer-address-line address,
.order-details-box tr td div {
    word-break: break-word;
}

.common-validation-error-wrapper {
    padding: 10px 10px 10px 40px !important;
}

.no-result-clear a {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 50px;
    color: #fff;
    padding: 10px 30px;
    margin-left: 20px;
}

    .no-result-clear a:hover {
        text-decoration: none;
        color: #ffffff;
    }

    .no-result-clear a.supp-color {
        background-color: #194b86;
    }

    .no-result-clear a.vit-color {
        background-color: #1c773d;
    }

.w-100 {
    width: 100%;
}

.mac-popup {
    width: 570px;
    padding: 30px;
    display: none;
}

    .mac-popup .head-text {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #000000;
        font-family: 'Forza-Bold';
        margin-bottom: 30px;
    }

    .mac-popup .form-group:not(:last-child) {
        margin-bottom: 30px;
    }

    .mac-popup .form-group label {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #6d6e71;
        font-family: 'Open Sans';
    }

        .mac-popup .form-group label + input.form-control {
            border-radius: 4px;
            border: solid 2px #dadce0;
            width: 100%;
            height: 50px;
            padding: 0;
            margin: 0;
        }

    .mac-popup .form-group a {
        border-radius: 4px;
        background-color: #0060d2;
        width: 100%;
        height: 54px;
        font-family: 'Open Sans';
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.mac-popup-success {
    width: 570px;
    padding: 30px;
    display: none;
}

    .mac-popup-success .success-image {
        margin: 30px 0;
    }

        .mac-popup-success .success-image img {
            margin: 0 auto;
            display: block;
        }

        .mac-popup-success .success-image + .text {
            margin-bottom: 30px;
            font-family: 'Open Sans';
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #000000;
            padding: 0 20px;
        }

    .mac-popup-success .form-group {
        width: 100%;
    }

        .mac-popup-success .form-group a {
            border-radius: 4px;
            background-color: #0060d2;
            width: 100%;
            height: 54px;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

.mac-popup-status {
    width: 570px;
    padding: 30px;
    display: none;
}

    .mac-popup-status .returned-message {
        margin-bottom: 30px;
        font-family: 'Open Sans';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        padding: 0 20px;
    }

        .mac-popup-status .returned-message + a {
            border-radius: 4px;
            background-color: #0060d2;
            width: 100%;
            height: 54px;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
        }

@font-face {
    font-family: 'Forza-Bold';
    src: url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.eot');
    src: url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.eot?#iefix') format('embedded-opentype'), url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.woff') format('woff'), url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.ttf') format('truetype'), url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Bold.svg#Forza-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Forza-Medium';
    src: url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Medium.eot');
    src: url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Medium.eot?#iefix') format('embedded-opentype'), url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Medium.woff') format('woff'), url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Medium.ttf') format('truetype'), url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Medium.svg#Forza-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Forza-Black';
    src: url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Black.eot');
    src: url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Black.eot?#iefix') format('embedded-opentype'), url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Black.woff') format('woff'), url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Black.ttf') format('truetype'), url('https://cdn.supplementler.com/themes/supplementler/content/fonts/subset-Forza-Black.svg#Forza-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Forza-Light';
    src: url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.eot');
    src: url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.eot?#iefix') format('embedded-opentype'), url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.woff') format('woff'), url('https://cdn.supplementler.com/Themes/Supplementler/Content/fonts/subset-Forza-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

.mac-banner {
    width: 100%;
    padding: 15px 30px;
    background-image: radial-gradient(circle at 50% 42%, #3a3a3a 0%, #0a0a0a 19%);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    display: none;
}

    .mac-banner:hover {
        text-decoration: none;
        cursor: pointer;
    }

    .mac-banner &gt; img:first-child {
        margin-right: 15px;
    }

        .mac-banner &gt; img:first-child + img {
            margin-right: 40px;
        }

    .mac-banner + h3 {
        margin: 30px 0 0 0;
    }

    .mac-banner .text-container {
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        font-family: 'Forza-Light';
    }

        .mac-banner .text-container span {
            font-size: 20px;
            font-weight: 900;
            display: block;
            font-family: 'Forza-Bold';
        }

    .mac-banner .button-container {
        margin-left: auto;
        padding: 18px 27px;
        border-radius: 4px;
        border: solid 2px #ffffff;
        font-family: 'Open Sans';
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }

        .mac-banner .button-container img {
            margin-left: 15px;
        }

.fancybox-inner .mac-popup-status,
.fancybox-inner .mac-popup-success,
.fancybox-inner .mac-popup {
    display: block;
}

.mac-popup .form-group a:hover,
.mac-popup-success .form-group a:hover,
.mac-popup-status .returned-message + a:hover {
    text-decoration: none;
}

.footerbase &gt; div {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    text-align: left;
    background-color: #e5eef8;
    font-family: 'Open Sans';
    color: #747474;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
}

    .footerbase &gt; div.vit-footer-bg {
        background-color: #f3e5cd;
    }

    .footerbase &gt; div img {
        margin-right: 20px;
    }

.etbis-container {
    width: 100px;
    display: block;
    min-width: 100px;
    margin-left: 15px;
}

@media (max-width: 1680px) {
    .footerbase &gt; div {
        padding-bottom: 45px;
    }
}

/* Form Error Classes BEGIN */

.general-form .form-group.has-error input.form-control,
.general-form .control-group.has-error input.form-control,
.general-form .form-group.has-error textarea.form-control,
.general-form .control-group.has-error textarea.form-control,
.general-form .form-group.has-error select.form-control,
.general-form .control-group.has-error select.form-control {
    border-color: #ff0300 !important;
}

.general-form .form-group.has-error .error-message,
.general-form .control-group.has-error .error-message {
    color: #a94442 !important;
}

/* Form Error Classes END */

/*AGT Slot BEGIN*/

.agt-slot-wrapper {
    float: none !important;
}

    .agt-slot-wrapper .row {
        display: flex;
    }

.slot-wrapper {
    padding: 20px 35px;
    padding-left: 0;
    background-color: #f2f2f2;
    border-radius: 10px;
    position: relative;
    height: 100%;
}

    .slot-wrapper:after {
        /*		content: "";
		width: 16px;
		height: 16px;
		border: 2px solid #666;
		position: absolute;
		border-radius: 50%;
		left: 35px;
		top: 20px;
*/
    }

    .slot-wrapper.active:after {
        border: 2px solid #0066cb;
    }

    .slot-wrapper.active:before {
        /*content: "";
		width: 12px;
		height: 12px;
		background-color: #0066cb;
		position: absolute;
		border-radius: 50%;
		left: 39px;
		top: 24px;*/
    }

    .slot-wrapper .delivery-header {
        color: #0f69c9;
        margin-left: 27px;
    }

    .slot-wrapper .sameday-delivery-list {
        margin-left: 27px !important;
    }

        .slot-wrapper .sameday-delivery-list li {
            border: none;
            padding: 0 0 0 24px;
            min-height: auto;
            margin-bottom: 12px;
        }

            .slot-wrapper .sameday-delivery-list li:last-child {
                margin-bottom: 0;
            }

            .slot-wrapper .sameday-delivery-list li:hover,
            .slot-wrapper .sameday-delivery-list li.selected {
                background-color: transparent;
            }

                .slot-wrapper .sameday-delivery-list li.selected:after {
                    left: 3px;
                }

            .slot-wrapper .sameday-delivery-list li label {
                margin-bottom: 0 !important;
                line-height: 1;
                color: #666666;
            }

            .slot-wrapper .sameday-delivery-list li:before {
                width: 13px;
                height: 13px;
                left: 0;
                background-color: transparent;
                border: solid 1px #666;
            }

            .slot-wrapper .sameday-delivery-list li.selected:before {
                border-color: #026acb;
            }

            .slot-wrapper .sameday-delivery-list li.disabled-slot:before {
                opacity: .5;
            }

            .slot-wrapper .sameday-delivery-list li.disabled-slot label {
                opacity: .5;
            }

.agtWindow .info-row span {
    margin-top: 29px;
    margin-bottom: 20px;
    font-size: 15px;
    display: block;
}

.shipping-column .shipping-head {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.shipping-column .sameday-delivery-list &gt; li &gt; label {
    font-size: 14px;
}

.shipping-column .shipping-head strong {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.33px;
}

.shipping-column .shipping-head div {
    margin-right: 17px;
}

.shipping-column .shipping-head sup {
    top: initial;
}

.nd-standard-shipping {
    width: 46%;
    float: left;
    display: flex !important;
    padding: 10px 10px 10px 47px !important;
    border: none !important;
    background-color: #f2f2f2;
    min-height: 93px !important;
    line-height: 93px !important;
    border-radius: 10px !important;
}

    .nd-standard-shipping .li-container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex: 1;
    }

        .nd-standard-shipping .li-container img {
            width: 39% !important;
            height: auto !important;
        }

        .nd-standard-shipping .li-container .shipping-cost {
            margin-right: 69px;
        }

    .nd-standard-shipping:last-child {
        float: right;
    }


    .nd-standard-shipping:before {
        width: 13px !important;
        height: 13px !important;
        left: 24px !important;
        background-color: transparent !important;
        border: solid 1px #666 !important;
    }

    .nd-standard-shipping:after {
        left: 27px !important;
    }

    .nd-standard-shipping.selected:before {
        border-color: #026acb !important;
    }

    .nd-standard-shipping.selected:after {
        background-color: #026acb;
    }
/*AGT Slot END*/
/* Form Error Classes END */

.payment-tab-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}


.payment-method {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.payment-method-content {
    text-align: left;
}

    .payment-method-content p {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }

    .payment-method-content strong {
        font-size: 15px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }


table.shopping-load-table {
    border-collapse: collapse;
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 10px;
}

    table.shopping-load-table tr:not(:last-child) {
        border-bottom: 1px solid #000;
    }

    table.shopping-load-table tr:first-child {
        font-weight: 700;
        background-color: #036acb42;
    }

    table.shopping-load-table tr td {
        padding: 10px;
    }

        table.shopping-load-table tr td:first-child {
            border-right: 1px solid #000;
            width: 60%;
        }

.shopping-loan-logo {
    margin-bottom: 10px;
}
/* orders rating */
.product-overview-wrapper {
    font-family: 'Open Sans' !important;
    font-weight: 600;
    color: #013c77;
    font-size: 15px;
    background: #FFF;
}

    .product-overview-wrapper &gt; div {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .product-overview-wrapper &gt; div img {
            border: none 0;
            border-bottom: 0;
        }

    .product-overview-wrapper #addproductreviewform .rating-type-name {
        font-weight: 500;
        font-size: 13px;
        color: #000000;
    }

    .product-overview-wrapper .write-review label {
        font-size: 14px;
        font-family: 'Open Sans',sans-serif !important;
    }

    .product-overview-wrapper .product-overview {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 0;
        height: 562px;
        background: #eaeaea;
    }

        .product-overview-wrapper .product-overview span:last-of-type {
            width: 84%;
            text-align: center;
            margin-top: 13px;
            color: #013c77;
            font-size: 15px;
        }

    .product-overview-wrapper .comment-form-wrapper {
        padding: 0 30px;
        padding-top: 17px;
        background: #fff;
    }

        .product-overview-wrapper .comment-form-wrapper .form-group.horizontal {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-end;
            align-items: center;
            margin: 16px 0 -8px 0;
        }

            .product-overview-wrapper .comment-form-wrapper .form-group.horizontal * {
                margin-top: 0px;
                margin-bottom: 0px;
                padding: 0;
            }

            .product-overview-wrapper .comment-form-wrapper .form-group.horizontal label {
                padding: 0 10px;
                font-size: 13px;
                font-weight: 600;
            }

                .product-overview-wrapper .comment-form-wrapper .form-group.horizontal label span {
                    font-weight: 400;
                }


        .product-overview-wrapper .comment-form-wrapper .form-group:first-of-type label {
            display: none;
        }

        .product-overview-wrapper .comment-form-wrapper #addproductreviewform .rate-type + .rate-type {
            border-top: none;
        }

        .product-overview-wrapper .comment-form-wrapper #addproductreviewform input,
        .product-overview-wrapper .comment-form-wrapper #addproductreviewform textarea {
            font-family: 'Open Sans' !important;
            border-radius: 3px;
            resize: none;
        }


.dikey-popup.nu-design .fancybox-skin {
    background-color: transparent;
}

.dikey-popup.nu-design .fancybox-outer {
    border-radius: 10px !important;
    background-color: transparent;
}

.dikey-popup.nu-design .fancybox-inner {
    overflow: hidden;
    border-radius: 10px !important;
}

.dikey-popup.nu-design .fancybox-close {
    opacity: 0.7;
    top: -30px;
    right: 8px;
    background: url('./Themes/Supplementler/content/images/numodal-close.png') no-repeat top left scroll;
}

    .dikey-popup.nu-design .fancybox-close:hover {
        opacity: 0.9;
    }

.dikey-popup.nu-pending .fancybox-inner {
    /*padding: 15px!important;*/
    overflow: hidden !important;
    overflow-y: auto !important;
    /*box-sizing: border-box;*/
}

.fancybox-overlay {
    background: #00162dcc;
}

.product-overview-wrapper .review-button {
    text-align: left;
}

.cb-hidden {
    opacity: 0.1;
}

.cb-hit-styled {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: relative;
    margin-left: -13px;
    box-shadow: 0px 0px 0px 1px #bdbdbd inset;
    margin-left: -13px;
    right: -14px;
    border-radius: 5px;
    pointer-events: none;
}

    .cb-hit-styled.checked {
        box-shadow: 0px 0px 0px 3px #006dda inset;
        box-sizing: border-box;
    }

.right-vote a {
    color: #ed4500;
}

/* orders rating end */
/** new bread crumb and periherals*/

.nu-style .catalog_path {
    /*float: left;
	width: 100%;
	margin: 0;
	padding: 11px 0 11px  0;
	background: #fff;
	font-family: 'Open Sans';
	border-bottom: 1px solid #e8e8e8;*/
}

    .nu-style .catalog_path li {
        float: left;
        padding: 0 5px;
        list-style-type: none;
        font-weight: bold;
    }

        .nu-style .catalog_path li:first-of-type {
            padding-left: 0;
        }

        .nu-style .catalog_path li a {
            color: #333;
            font-size: 11px;
            font-weight: 600;
        }

            .nu-style .catalog_path li a:hover {
                color: #FD830C;
            }

            .nu-style .catalog_path li a .crumb-active { /*opacity:0.6 !important;*/
                color: #40be6f;
                color: #0061c5;
                font-weight: bold;
            }

.catalog_path li:last-child a {
    font-weight: bold;
}

.order-details-page-container ul.catalog_path {
    margin: 5px 0 10px 0;
}

.order-details-page-container ul.catalog_path {
    margin: 5px 0 10px 0;
}

    .order-details-page-container ul.catalog_path li {
        display: inline-block;
    }
        /** new bread crumb and periherals*/


        .order-details-page-container ul.catalog_path li a {
            font-weight: 600;
            color: #333;
            font-family: "Open Sans", sans-serif !important;
        }

.store-1 .order-details-pad ul.catalog_path li a span.crumb-active {
    color: #0061c5;
    font-weight: 700;
}

.store-2 .order-details-pad ul.catalog_path li a span.crumb-active {
    color: #2d7c4c;
    font-weight: 700;
}

.order-details-page-container .top-ui-wrapper
h1.page-title {
    color: #000;
    font-size: 20px;
}


/** new bread crumb and periherals*/



/** order details nu-style start*/


.nu-style .inv_content .page-title {
    padding-left: 0px;
    margin-top: 10px;
}

.nu-style .inv_left_panel {
    width: 255px;
    border-bottom: 1px #e4e4e4 solid;
    border-right: 1px #e4e4e4 solid;
}

.nu-style .catalog_path {
    float: left;
    width: 100%;
    margin: 0;
    padding: 11px 0;
    background: #fff;
    height: auto;
    font-family: 'Open Sans';
    border-bottom: 1px solid #e8e8e8;
}

.nu-style .path a:last-child {
    font-weight: bold;
}

.nu-style .customer-loyaltyprogram .span9 {
    margin-left: 15px;
    /*margin: 0;*/
}

.nu-style .span9 .catalog_path {
    margin-left: 0;
    box-sizing: border-box;
    width: calc(100% - 20px);
    padding-left: 0 !important;
}

    .nu-style .span9 .catalog_path p {
        margin: 0;
        padding: 9px 0;
    }

.nu-style .catalog_path .chevron {
    width: 4px;
    height: 6px;
}

.nu-style .page-title {
    letter-spacing: -0.5px;
    margin: 30px 0;
    display: inline-block;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    width: 200px;
    border: none 0;
    color: #000;
}

.nu-style .action-bar {
    margin: 0;
}

.nu-style .header-features a {
    padding: 0 15px;
}

.nu-style .inv_left_panel ul.menufilter {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.nu-style .inv_left_panel .dmt {
    font-family: 'Open Sans', sans-serif;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    padding: 7px 0;
    margin-top: 15px;
}

.top-ui-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.limit {
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

/** order details nu-style end*/


/* New Checkout Pages BEGIN */

.checkout-progress-v2 {
    margin: 15px 20px 0 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

    .checkout-progress-v2 a {
        height: 61px;
        display: inline-flex;
        align-items: center;
        width: 100%;
        text-align: center;
        justify-content: center;
        border-radius: 4px;
        background-color: rgba(0, 55, 112, 0.08);
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #003770;
        transition: all .1s linear;
    }

        .checkout-progress-v2 a:not(:last-child) {
            margin-right: 15px;
        }

        .checkout-progress-v2 a.selected {
            background-color: #0061c5;
            color: #fff;
            position: relative;
        }

        /*	.checkout-progress-v2 a.selected::before {
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 10px;
				border-color: #0063c5 transparent transparent transparent;
				position: absolute;
				bottom: -10px;
			}*/

        .checkout-progress-v2 a div {
            width: 35px;
            height: 35px;
            border: solid 1px #003770;
            border-radius: 100%;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-right: 14px;
        }

        .checkout-progress-v2 a.selected div {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #0160c4;
        }

        .checkout-progress-v2 a:hover:not(:first-of-type) {
            background-color: #0061c5;
            color: #fff;
            position: relative;
            cursor: pointer;
            text-decoration: none;
        }

            /*	.checkout-progress-v2 a:hover:not(:first-of-type):before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #0063c5 transparent transparent transparent;
			position: absolute;
			bottom: -10px;
		}*/

            .checkout-progress-v2 a:hover:not(:first-of-type) &gt; div {
                background-color: #ffffff;
                border-color: #ffffff;
                color: #0160c4;
            }

        .checkout-progress-v2 a:hover {
            text-decoration: none;
        }

        .checkout-progress-v2 a.selected ~ a:hover {
            color: #003770;
            cursor: default;
        }

.cart-items-head {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: black;
}

    .cart-items-head .image-title {
        width: 88px;
        text-align: center;
    }

    .cart-items-head .product-name-title {
        width: 360px;
        padding-left: 45px;
    }

    .cart-items-head .cart-product-quantity {
        width: 122px;
        text-align: center;
        padding-left: 9px;
        margin-right: 20px;
    }

    .cart-items-head .cart-product-total {
        width: 100px;
        padding-left: 129px;
    }

.cart-divider {
    width: 810px;
    height: 2px;
    border-radius: 4px;
    background-color: rgba(51, 51, 51, 0.06);
}

.cart-items-container {
    margin: 0 15px;
    font-family: 'Open Sans', Arial;
}

.cart-items-row {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0;
}

    .cart-items-row .image-title {
        width: 88px;
        text-align: center;
        height: fit-content;
        padding: 5px;
        border-radius: 4px;
        border: solid 1px rgba(51, 51, 51, 0.1);
    }

    .cart-items-row .product-full-info {
        width: 360px;
        padding-left: 45px;
    }

        .cart-items-row .product-full-info .change-special-offer {
            border-radius: 2px;
            border: solid 1px rgba(51, 51, 51, 0.14);
            background-color: #f5f5f5;
            padding: 12px 15px;
            margin: 0;
            display: inline-block;
            font-size: 12px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333333;
            width: auto;
        }

            .cart-items-row .product-full-info .change-special-offer:hover {
                text-decoration: none;
            }

        .cart-items-row .product-full-info .p-name,
        .cart-items-row .product-full-info .p-name a {
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.2px;
        }

        .cart-items-row .product-full-info .p-name {
            margin-bottom: 10px;
        }

        .cart-items-row .product-full-info .product-store-name &gt; div {
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333333;
            margin-bottom: 10px;
        }

            .cart-items-row .product-full-info .product-store-name &gt; div span {
                font-weight: 600;
            }


        .cart-items-row .product-full-info .aroma-beden {
            margin-bottom: 10px;
        }

            .cart-items-row .product-full-info .aroma-beden .custom-attribute-select span {
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #333333;
                margin-right: 10px;
            }

            .cart-items-row .product-full-info .aroma-beden .custom-attribute-select .attribute-options {
                padding: 12px 15px;
                height: 41px;
                margin: 0;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-appearance: none;
                -moz-appearance: none;
                font-size: 12px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #333333;
                width: 184px;
                background-image: url('/Themes/Supplementler/Content/images/cart-icons/arrow-down.svg');
                background-repeat: no-repeat;
                background-position: center right 15px;
                border-radius: 2px;
                background-color: #f5f5f5;
                border: solid 1px rgba(51, 51, 51, 0.14);
            }

        .cart-items-row .product-full-info .remove-from-cart {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .cart-items-row .product-full-info .remove-from-cart .product-status &gt; div {
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #a40000;
            }

            .cart-items-row .product-full-info .remove-from-cart .removefromcart-link {
                font-size: 12px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #333333;
                padding: 1px 15px;
                border-radius: 2px;
                text-shadow: none;
                box-shadow: none;
                background: none;
                background-color: #f1f1f1;
                border: none;
            }

            .cart-items-row .product-full-info .remove-from-cart .product-status .installment-not-allowed span {
                display: block;
                background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-locked.png) left center no-repeat;
                padding-left: 28px;
            }

    .cart-items-row .product-quantity {
        width: 87px;
        padding-top: 58px;
        text-align: center;
        margin-right: 20px;
    }

        .cart-items-row .product-quantity .ui-spinner {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: auto;
            width: 87px;
            border-radius: 4px;
            background-color: #f5f5f5;
        }

            .cart-items-row .product-quantity .ui-spinner input {
                order: 2;
                height: 30px;
                border-radius: 3px;
            }

            .cart-items-row .product-quantity .ui-spinner a.ui-spinner-up {
                order: 1;
            }

            .cart-items-row .product-quantity .ui-spinner a.ui-spinner-up {
                order: 3;
            }

            .cart-items-row .product-quantity .ui-spinner input,
            .cart-items-row .product-quantity .ui-spinner a {
                display: inline-flex;
                position: relative;
            }

            .cart-items-row .product-quantity .ui-spinner a {
                width: 100%;
                height: 34px;
                border: none;
                align-self: center;
                justify-content: space-around;
                align-items: center;
            }

                .cart-items-row .product-quantity .ui-spinner a span {
                    position: relative;
                    top: initial;
                }


    .cart-items-row .product-subtotal {
        font-family: Open Sans;
        width: 100px;
        padding-top: 58px;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        margin-left: 25px;
        margin-right: 25px;
        text-align: center;
    }

        .cart-items-row .product-subtotal .old-price {
            font-weight: 500;
            display: block;
            color: #f73d04;
            text-decoration: line-through;
        }

        .cart-items-row .product-subtotal .productPrice {
            display: block;
        }

.cart-items-wrapper {
    display: flex;
    justify-content: space-around;
}

.cart-items-row .product-removeBtn {
    width: 50px;
    padding-top: 58px;
    text-align: center;
    margin-left: 15px;
}

    .cart-items-row .product-removeBtn .cart-product-remove {
        padding: 4px;
        width: 20px;
        height: 20px;
    }

        .cart-items-row .product-removeBtn .cart-product-remove .removefromcart-link {
            background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/trash-black.png) center center no-repeat #fff;
            background-size: contain;
            width: 20px;
            height: 20px;
            display: block;
        }

            .cart-items-row .product-removeBtn .cart-product-remove .removefromcart-link:hover {
                background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/trash-orange.png) center center no-repeat #fff;
                background-size: contain;
                width: 20px;
                height: 20px;
                display: block;
                cursor: pointer;
            }

.checkout-order-totals-v2 * {
    font-family: 'Open Sans', Arial;
}

.completed-page-content-v2 .right-side,
.ciw-right {
    width: 300px;
    margin-top: 30px;
    margin-bottom: 30px;
    align-self: flex-start;
    font-family: 'Open Sans', Arial;
    position: relative;
}

    .completed-page-content-v2 .right-side .order-sum,
    .ciw-right .order-sum {
        border-radius: 4px;
        border: solid 1px rgba(51, 51, 51, 0.1);
        padding: 41px 15px 30px;
        margin-bottom: 15px;
    }

        .completed-page-content-v2 .right-side .order-sum + input,
        .ciw-right .order-sum + input {
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.21px;
            color: #ffffff;
        }

    .completed-page-content-v2 .right-side:after,
    .ciw-right:after {
        content: "Sipariş Özeti";
        position: absolute;
        left: 7px;
        top: -11.5px;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #333333;
        background-color: #fff;
        padding: 0 8px;
    }

ul.checkout-order-totals-v2 {
    list-style: none;
    margin: 0;
}

    ul.checkout-order-totals-v2 .cart-discount {
        color: #f73d04 !important;
    }

    ul.checkout-order-totals-v2 li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        ul.checkout-order-totals-v2 li:last-child div:first-child {
            font-weight: 600;
        }

        ul.checkout-order-totals-v2 li:not(:last-child) {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid rgba(51, 51, 51, 0.1);
        }

        ul.checkout-order-totals-v2 li div:first-child {
            font-size: 13px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.19px;
            color: #333333;
            text-align:left;
        }

        ul.checkout-order-totals-v2 li div:last-child {
            font-size: 14px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.2px;
            text-align: right;
            color: #333333;
        }

        ul.checkout-order-totals-v2 li div.green-text {
            color: #28a745;
        }

.cart-gift-container {
    margin: 30px 15px 0;
    max-width: 810px;
}

    .cart-gift-container h6 {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #333333;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .cart-gift-container p {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        margin-bottom: 15px;
    }

    .cart-gift-container .cart-gift-wrapper .offered-items a {
        padding: 5px 20px;
        border-radius: 3px;
        border: solid 1px rgba(34, 34, 34, 0.11);
        width: calc(50% - 8px);
        margin-top: 16px;
        background-color: transparent;
    }

        .cart-gift-container .cart-gift-wrapper .offered-items a:first-child,
        .cart-gift-container .cart-gift-wrapper .offered-items a:nth-child(2) {
            margin-top: 0;
        }

        .cart-gift-container .cart-gift-wrapper .offered-items a:before {
            content: "";
            position: absolute;
            width: 19px;
            height: 19px;
            top: 50%;
            margin-top: -13px;
            right: 20px;
            left: initial;
            border-radius: 50%;
            border: solid 2px rgba(34, 34, 34, 0.2);
        }

        .cart-gift-container .cart-gift-wrapper .offered-items a.selected {
            border: solid 1px #0058f8 !important;
        }

            .cart-gift-container .cart-gift-wrapper .offered-items a.selected:before {
                border: solid 2px #0061c5 !important;
                background-color: #0061c5;
                background-size: 16px;
                background-position: 2px 2px;
            }

        .cart-gift-container .cart-gift-wrapper .offered-items a:nth-child(odd) {
            margin-right: 16px;
        }

        .cart-gift-container .cart-gift-wrapper .offered-items a label {
            margin: 0;
            display: flex;
            align-items: center;
            width: 90%;
        }

            .cart-gift-container .cart-gift-wrapper .offered-items a label:hover {
                cursor: pointer;
            }

            .cart-gift-container .cart-gift-wrapper .offered-items a label img {
                max-width: 65px;
                margin-right: 20px;
            }

            .cart-gift-container .cart-gift-wrapper .offered-items a label span {
                font-size: 12px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #013c77;
            }

        .cart-gift-container .cart-gift-wrapper .offered-items a:hover {
            text-decoration: none;
            cursor: pointer;
            border: solid 1px #0058f8 !important;
        }

.shopping-btn-container {
    margin: 30px 15px 0;
}


    .shopping-btn-container .prev-step-button,
    .address-page-buttons .prev-step-button {
        background-image: none;
        border-radius: 4px;
        border: solid 1px rgba(51, 51, 51, 0.8);
        padding: 20px 15px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #333333;
        min-width: 207px;
    }

        .shopping-btn-container .prev-step-button img {
            margin-right: 32px;
        }

        .address-page-buttons .prev-step-button img {
            margin-right: 60px;
        }


.popup-option-gift-select ul li {
    padding: 5px 20px;
    border-radius: 3px;
    border: solid 1px rgba(34, 34, 34, 0.11) !important;
    margin-bottom: 15px !important;
}

.ce-v2 {
    border: none;
}

    .ce-v2 .empty-wrapper {
        border: solid 1px rgba(51, 51, 51, 0.1);
        border-radius: 4px;
        margin-bottom: 25px;
    }

        .ce-v2 .empty-wrapper &gt; h1 {
            font-weight: bold;
            font-size: 16px;
            color: #036acb;
            margin: 0;
            margin-bottom: 20px;
            margin-top: -20px;
            background-color: #fff;
            padding: 0 10px;
            display: inline-block;
        }

    .ce-v2 .cart-empty-info .cart-empty-text {
        border: none;
        padding: 50px;
    }

        .ce-v2 .cart-empty-info .cart-empty-text p {
            font-size: 16px !important;
        }

        .ce-v2 .cart-empty-info .cart-empty-text .start-checkout {
            float: none;
            display: block;
            margin: auto;
            margin-top: 15px;
        }

.fb-popup-v2 {
    font-family: 'Open Sans', Arial;
}


    .fb-popup-v2 .fb-popup-v2-title {
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #333333;
        padding-bottom: 30px;
        border-bottom: solid 2px rgba(51, 51, 51, 0.11);
        margin-bottom: 30px;
        margin: 0 40px;
    }

    .fb-popup-v2 .login-htag-left {
        font-size: 14px !important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #333333;
        margin-bottom: 10px;
    }

    .fb-popup-v2 .form-group.mb-13 {
        margin-bottom: 30px;
        display: inline-block;
        width: 100%;
    }


    .fb-popup-v2 .form-group label {
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #333333;
        margin-bottom: 10px;
        margin-top: 0;
    }

        .fb-popup-v2 .form-group label + input,
        .fb-popup-v2 .form-group .input-icon input {
            height: 48px !important;
            font-size: 13px !important;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.19px;
            color: #003770 !important;
            border-radius: 4px;
            border: solid 1px rgba(0, 55, 112, 0.2) !important;
            background-color: rgba(0, 55, 112, 0.04) !important;
        }

    .fb-popup-v2 .forgot-password {
        display: flex;
        justify-content: end;
        float: unset;
        height: 16px;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        margin: 8px 0;
        letter-spacing: -0.17px;
        color: #333333;
        text-decoration: underline;
    }

        .fb-popup-v2 .forgot-password:hover {
            color: #0061c5;
        }

    .fb-popup-v2 #btnSubmitLogin {
        border-radius: 4px;
        background-color: #ed4500;
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.21px;
        color: #ffffff;
        padding: 14px 0;
        margin-top: 15px;
    }

    .fb-popup-v2 .login-form-container-right h1 {
        font-size: 14px !important;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #333333;
    }

    .fb-popup-v2 .advantage-exp-wrapper {
        padding: 15px;
        border-radius: 4px;
        background-color: rgba(51, 51, 51, 0.05);
        margin-top: 36px;
        margin-bottom: 10px;
    }

    .fb-popup-v2 .login-advantage-explanation .first-item,
    .fb-popup-v2 .login-advantage-explanation .last-item {
        background-image: none;
        position: relative;
        padding-top: 3px;
        padding-left: 47px;
        font-size: 13px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.17px;
        color: #333333;
    }

        .fb-popup-v2 .login-advantage-explanation .first-item + p,
        .fb-popup-v2 .login-advantage-explanation .last-item + p {
            padding-left: 47px;
            font-size: 11px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.15px;
            color: #333333;
        }

        .fb-popup-v2 .login-advantage-explanation .first-item.icon01 {
            position: relative;
        }

            .fb-popup-v2 .login-advantage-explanation .first-item.icon01::after {
                content: "";
                width: 33px;
                height: 33px;
                background-image: url("/Themes/Supplementler/Content/images/reward-white.svg");
                background-color: #333333;
                position: absolute;
                left: 0;
                top: 0;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 50%;
                background-size: 20px 20px;
            }

        .fb-popup-v2 .login-advantage-explanation .last-item.icon02 {
            position: relative;
        }

            .fb-popup-v2 .login-advantage-explanation .last-item.icon02::after {
                content: "";
                width: 33px;
                height: 33px;
                background-image: url("/Themes/Supplementler/Content/images/megaphone-white.svg");
                background-color: #333333;
                position: absolute;
                left: 0;
                top: 0;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 50%;
                background-size: 20px 20px;
            }


    .fb-popup-v2 .login-advantage-explanation:first-child {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .fb-popup-v2 .login-advantage-explanation:last-child {
        padding-top: 0;
        padding-bottom: 0;
    }

        .fb-popup-v2 .login-advantage-explanation:last-child p {
            margin-bottom: 0;
        }

    .fb-popup-v2 #register-now {
        margin: 10px 0;
        border-radius: 4px;
        border: solid 1px rgba(51, 51, 51, 0.6);
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.21px;
        color: #333333;
        padding: 14px 0;
        background-color: transparent;
    }

.fancybox-inner .loing-popup .login-form-holder {
    margin: 0px;
}

    .fancybox-inner .loing-popup .login-form-holder .row {
        margin: 0px;
    }

    .fancybox-inner .loing-popup .login-form-holder .col-md-6 {
        padding: 0px;
    }

    .fancybox-inner .loing-popup .login-form-holder .col-lg-12 {
        padding: 0px;
    }

    .fancybox-inner .loing-popup .login-form-holder .login-form-container-left {
        margin: 0 32px;
        margin-right: 24px;
    }

    .fancybox-inner .loing-popup .login-form-holder .login-form-container-right {
        margin: 0 32px;
        margin-left: 24px;
    }

    .fancybox-inner .loing-popup .login-form-holder .fb-popup-v2-title {
        display: block;
        height: 22px;
        font-size: 16px;
        margin-bottom: 24px;
    }

    .fancybox-inner .loing-popup .login-form-holder .login-htag-left {
        display: block;
        margin: 0;
        margin-bottom: 16px;
    }

    .fancybox-inner .loing-popup .login-form-holder label {
        margin: 0;
        margin-bottom: 5px;
    }

    .fancybox-inner .loing-popup .login-form-holder input {
        margin: 0;
        margin-bottom: 16px;
    }

    .fancybox-inner .loing-popup .login-form-holder .forgot-password {
        display: block;
        float: right;
        height: 16px;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        margin: 8px 0;
    }

    .fancybox-inner .loing-popup .login-form-holder .lr-label {
        margin: 0;
    }

    .fancybox-inner .loing-popup .login-form-holder .control-group {
        margin: 0;
        margin-bottom: 16px;
    }

    .fancybox-inner .loing-popup .login-form-holder .btn {
        margin: 0;
        height: 48px;
        font-size: 16px;
        font-weight: bold;
    }

    .fancybox-inner .loing-popup .login-form-holder #btnSubmitLogin {
        margin: 0;
        margin-bottom: 16px;
        height: 48px;
        font-size: 16px;
    }

    .fancybox-inner .loing-popup .login-form-holder .btnChangeLogin {
        margin: 0;
        height: 56px;
    }

    .fancybox-inner .loing-popup .login-form-holder .advantage-exp-wrapper {
        margin: 0;
        margin-bottom: 28px;
    }

        .fancybox-inner .loing-popup .login-form-holder .advantage-exp-wrapper h2 {
            height: 18px;
        }

        .fancybox-inner .loing-popup .login-form-holder .advantage-exp-wrapper p {
            font-size: 11px;
        }

    .fancybox-inner .loing-popup .login-form-holder #register-now {
        margin: 0;
        margin-bottom: 16px;
    }

    .fancybox-inner .loing-popup .login-form-holder #fblogin2 {
        height: 56px;
        margin: 0;
        padding: 0px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .fancybox-inner .loing-popup .login-form-holder #registerCheckOutButtonHide {
        margin: 0px;
        margin-top: 16px;
        cursor: pointer;
    }

.cart-best-sellers-slider-v2 {
    padding: 30px 0;
}

    .cart-best-sellers-slider-v2 .owl-wrapper-outer {
        height: auto !important;
    }

    .cart-best-sellers-slider-v2 .owl-item &gt; div {
        text-align: center;
        margin: 0 20px;
        border: 1px solid white;
        padding: 20px 0px;
    }

        .cart-best-sellers-slider-v2 .owl-item &gt; div:hover {
            border: 1px solid black;
            -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.1);
            box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.1);
        }

    .cart-best-sellers-slider-v2 .owl-buttons div {
        margin-top: -59px;
        background-color: #fff;
    }

    .cart-best-sellers-slider-v2 .owl-item &gt; div a:hover {
        text-decoration: none;
    }

    .cart-best-sellers-slider-v2 .owl-item &gt; div a .cart-best-seller-span {
        display: block;
        height: 41px;
        margin-bottom: 20px;
        margin-top: 20px;
        overflow: hidden;
        color: #666;
        font-size: 16px;
        font-weight: bold;
        float: none;
        margin-left: auto;
    }

.ciw-left .shopping-btn-container {
    margin-bottom: 40px;
}

.ciw-right #checkoutContinue {
    margin-bottom: 30px;
}

#FancyGiftSelect .variant-wrapper ul li {
    max-width: 50%;
    width: 42%;
    display: flex;
    align-items: center;
}

#FancyGiftSelect .variant-wrapper ul li:nth-child(odd) {
    margin-right: 15px;
}

.checkout-address-list.v2 * {
    font-family: 'Open Sans', Arial;
}

.checkout-address-list.v2 {
    margin-top: 30px;
}

    .checkout-address-list.v2 .head-row .address-title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

        .checkout-address-list.v2 .head-row .address-title &gt; span {
            width: 44px;
            height: 44px;
            display: flex;
            background-color: #333333;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
        }

        .checkout-address-list.v2 .head-row .address-title .head-row-text {
            width: calc(100% - 59px);
            font-family: 'Open Sans', Arial;
        }

            .checkout-address-list.v2 .head-row .address-title .head-row-text span {
                display: block;
                font-family: 'Open Sans', Arial;
            }

                .checkout-address-list.v2 .head-row .address-title .head-row-text span:first-child {
                    font-size: 15px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: -0.33px;
                    color: #333333;
                }

                .checkout-address-list.v2 .head-row .address-title .head-row-text span:last-child {
                    font-size: 12px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #333333;
                    margin-top: 5px;
                }

    .checkout-address-list.v2 .add-new-address {
        background-color: #28a745;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.57;
        letter-spacing: normal;
        color: #ffffff;
        padding: 10px 25px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-family: 'Open Sans', Arial;
    }

        .checkout-address-list.v2 .add-new-address img {
            margin-right: 15px;
        }

    .checkout-address-list.v2 .address-divider {
        width: 100%;
        height: 2px;
        border-radius: 4px;
        background-color: rgba(51, 51, 51, 0.11);
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .checkout-address-list.v2 label.address-label strong {
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #003770;
    }

    .checkout-address-list.v2 .address-wrapper {
        border-radius: 4px;
        border: solid 1px rgba(51, 51, 51, 0.16);
        overflow: hidden;
        padding-bottom: 15px;
    }

.useSameAdressEditButton {
    float: right !important;
    padding-right: 15px !important;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0058f8;
    margin-top: 10px;
    text-decoration: none;
}

.checkout-address-list.v2 .address-wrapper #AddressEditButtonShipping,
.checkout-address-list.v2 .address-wrapper #AddressEditButtonBilling {
    float: left;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0058f8;
    margin-top: 10px;
    text-decoration: none;
}

    .checkout-address-list.v2 .address-wrapper #AddressEditButtonShipping img {
        margin-right: 5px;
        vertical-align: sub;
    }

.checkout-address-list.v2 .address-wrapper .address-validate-button {
    display: none;
    float: left;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00b300;
    margin-top: 10px;
    text-decoration: none;
}

    .checkout-address-list.v2 .address-wrapper .address-validate-button.visible {
        display: inline-block;
    }

    .checkout-address-list.v2 .address-wrapper .address-validate-button img {
        width: 16px;
        height: 16px;
        margin-right: 5px;
        vertical-align: sub;
    }

.checkout-address-list.v2 .address-wrapper .selected-address-item {
    padding: 15px;
}

.checkout-address-list.v2 .address-wrapper .selected-address-item,
.checkout-address-list.v2 .address-wrapper .address-list-custom {
    border: none;
}

.checkout-address-list.v2 .address-wrapper .address-item {
    border: none;
    padding: 10px 15px;
}

    .checkout-address-list.v2 .address-wrapper .address-item.selected {
        border-top: none;
        padding-top: 0;
    }

    .checkout-address-list.v2 .address-wrapper .address-item h2 {
        border-top: solid 1px rgba(51, 51, 51, 0.16);
        padding-top: 15px !important;
    }

    .checkout-address-list.v2 .address-wrapper .address-item h2,
    .checkout-address-list.v2 .address-wrapper .selected-address-item h2 {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
        padding: 0;
        margin-bottom: 10px;
    }

        .checkout-address-list.v2 .address-wrapper .address-item h2 + span,
        .checkout-address-list.v2 .address-wrapper .selected-address-item h2 + span {
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333333;
            margin-bottom: 15px;
            display: block;
        }

    .checkout-address-list.v2 .address-wrapper .address-item p,
    .checkout-address-list.v2 .address-wrapper .selected-address-item p {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #333333;
    }

        .checkout-address-list.v2 .address-wrapper .address-item p strong,
        .checkout-address-list.v2 .address-wrapper .selected-address-item p strong {
            display: block;
            margin-top: 15px;
            font-size: 12px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #333333;
        }

    .checkout-address-list.v2 .address-wrapper .address-item svg,
    .checkout-address-list.v2 .address-wrapper .selected-address-item svg {
        width: 14px;
        height: 14px;
        margin-right: 10px;
    }

.checkout-address-list.v2 .cargo-status-holder {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #28a745;
    margin-bottom: 10px;
}

    .checkout-address-list.v2 .cargo-status-holder img {
        margin-right: 6px;
        vertical-align: text-top;
    }

.checkout-address-list.v2 .cargo-status-info {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #333333;
}

.checkout-address-list.v2 .nd-standard-shipping {
    border-radius: 2px !important;
    border: solid 1px #0061c5 !important;
    background-color: transparent;
    margin-bottom: 0;
    padding: 0px !important;
    min-height: 85px !important;
    margin-bottom: 15px;
}

    .checkout-address-list.v2 .nd-standard-shipping:before {
        content: none;
    }

    .checkout-address-list.v2 .nd-standard-shipping .li-container img {
        width: 145px !important;
        margin: auto;
    }

#aras-cargo.nd-standard-shipping .li-container img {
    width: 110px !important;
}

#mng-cargo.nd-standard-shipping .li-container img {
    width: 175px !important;
}

.checkout-address-list.v2 .shipping-column .standard-cargo-list &gt; li:not(.disabled):hover,
.checkout-address-list.v2 .shipping-column .standard-cargo-list &gt; li.selected {
    border-width: 2px !important;
}

    .checkout-address-list.v2 .shipping-column .standard-cargo-list &gt; li.selected:after {
        content: none !important;
    }

.checkout-address-list.v2 .nd-standard-shipping .li-container span {
    position: absolute;
    bottom: 9px;
    height: 20px !important;
    z-index: 9999;
    display: block;
}

.checkout-address-list.v2 .selected-cargo-name {
    height: 16px;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0061c5;
    margin-top: 10px;
    margin-bottom: 20px;
}

.checkout-address-list.v2 .shipping-column.active .shipping-head {
    margin-bottom: 30px;
}

.address-wrapper-v2 {
    display: flex;
    justify-content: space-around;
}

    .address-wrapper-v2 * {
        font-family: 'Open Sans';
    }

    .address-wrapper-v2 .left-side {
        width: 810px;
        max-width: 810px;
    }

    .address-wrapper-v2 .right-side {
        width: 310px;
        margin-top: 30px;
        align-self: flex-start;
    }



.checkout-address-page.cap-v2 {
    padding: 0;
}

.custom-order-summary {
    border-radius: 4px;
    border: solid 1px rgba(51, 51, 51, 0.1);
    padding: 41px 15px 30px;
    margin-bottom: 15px;
    position: relative;
}

    .custom-order-summary:after {
        content: "Sipariş Özeti";
        position: absolute;
        left: 7px;
        top: -10.5px;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        color: #333333;
        background-color: #fff;
        padding: 0 8px;
    }

    .custom-order-summary ul {
        list-style: none;
        margin: 0;
    }

        .custom-order-summary ul li {
            display: flex;
            flex-direction: row;
        }

            .custom-order-summary ul li img {
                max-width: 75px;
                margin-right: 10px;
            }

            .custom-order-summary ul li .summary-name {
                font-size: 13px;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.19px;
                color: #333333;
                margin-bottom: 10px;
            }

            .custom-order-summary ul li .summary-attr {
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.19px;
                color: #333333;
            }

            .custom-order-summary ul li:not(:last-child) {
                margin-bottom: 15px;
                padding-bottom: 15px;
                border-bottom: 1px solid rgba(51, 51, 51, 0.1);
            }

.checkout-pay-page #divOrderTotalsChanged,
.address-wrapper-v2 #divOrderTotalsChanged {
    border-radius: 4px;
    border: solid 1px rgba(51, 51, 51, 0.1);
    padding: 30px 15px;
    margin-bottom: 15px;
    position: relative;
}

.checkout-address-list.v2 .gift-note-wrapper span {
    margin-top: 0;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.19px;
    color: #333333;
    margin-bottom: 10px;
}

.checkout-address-list.v2 #giftnotetext {
    border-radius: 4px;
    border: solid 1px rgba(0, 55, 112, 0.2);
    background-color: rgba(0, 55, 112, 0.04);
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.19px;
    color: #003770;
    padding: 20px;
}

    .checkout-address-list.v2 #giftnotetext::placeholder {
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #003770;
    }

.checkout-address-list.v2 .address-page-buttons {
    margin-top: 40px;
}

.checkout-address-list.v2 .slot-wrapper {
    border: solid 1px rgba(51, 51, 51, 0.16);
    background-color: transparent;
}

.address-wrapper-v2 .right-btn {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.21px;
    color: #ffffff;
    margin: 30px 0px;
}


.new-address-form * {
    font-family: 'Open Sans', Arial;
}

.new-address-form .animated-label {
    position: relative;
    left: 0;
    margin-bottom: 10px;
    display: block !important;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    opacity: 1 !important;
    line-height: normal;
    letter-spacing: -0.19px;
    color: #333333;
}

    .new-address-form .animated-label + input,
    .new-address-form .animated-label + select,
    .new-address-form .animated-label + textarea {
        border-radius: 4px;
        border: solid 1px rgba(0, 55, 112, 0.2);
        background-color: rgba(0, 55, 112, 0.04);
        height: 56px;
        padding: 20px;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #003770 !important;
    }

    .new-address-form .animated-label + select {
        padding: 0 20px;
        background-image: url("/Themes/Supplementler/Content/images/cart-icons/address-dd-down.svg");
        background-repeat: no-repeat;
        background-position: right 22px center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .new-address-form .animated-label + textarea {
        height: 120px;
    }

.new-address-form #AddAddressButton,
.new-address-form #EditAddressButton {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.21px;
    color: #ffffff;
    padding: 18px 98px;
    text-shadow: none;
    background-color: #28a745;
}

.new-address-form .address-type {
    border: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

    .new-address-form .address-type:before {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

    .new-address-form .address-type.selected:before {
        background: none;
    }

    .new-address-form .address-type.selected:after {
        width: 12px;
        height: 12px;
        content: "";
        background-color: #0057a4;
        position: absolute;
        border-radius: 50%;
        left: 4.3px;
        top: 4.5px;
    }

.new-address-form .address-type-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .new-address-form .address-type-holder label {
        margin-right: 30px;
        margin-bottom: 0;
    }

    .new-address-form .address-type-holder div a {
        width: 92px;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.19px;
        color: #003770;
    }

    .new-address-form .address-type-holder div {
        display: flex;
        margin-top: 10px;
    }

.new-address-form h2 {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #333333;
    margin: 0;
    border-bottom: 2px solid rgba(51, 51, 51, 0.11);
    margin-bottom: 10px;
    margin-top: 10px;
}

.checkout-address-list.v2 .slot-wrapper .sameday-delivery-list li:not(.disabled-slot) label {
    font-weight: bold;
}

.checkout-address-list.v2 .shipping-column .shipping-head div {
    margin-right: 17px;
    margin-left: 10px;
}

/* New Checkout Pages END */
/*social prof css merge-conflict*/
.social-proof {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(to bottom, #fcfcfc, #f6f6f6);
    height: 110px;
    padding: 0 15px;
}

    .social-proof .sp-left {
        max-width: 45%;
        width: 45%;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.25px;
        color: #003770;
    }

    .social-proof .sp-rates {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        max-width: 55%;
        width: 55%;
    }

        .social-proof .sp-rates &gt; .rate {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            justify-content: flex-start;
            margin-left: 15px;
            margin-right: 15px;
        }

            .social-proof .sp-rates &gt; .rate img {
                margin-top: 3px;
            }

            .social-proof .sp-rates &gt; .rate .sp-rate-info {
                margin-left: 10px;
            }

                .social-proof .sp-rates &gt; .rate .sp-rate-info &gt; div:first-child {
                    font-size: 26px;
                    font-weight: bold;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #464646;
                }

                    .social-proof .sp-rates &gt; .rate .sp-rate-info &gt; div:first-child span {
                        font-size: 14px;
                        display: contents;
                    }

                .social-proof .sp-rates &gt; .rate .sp-rate-info &gt; div:last-child {
                    font-size: 12px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    color: #464646;
                }

.checkout-pay-page-v2 {
    display: flex;
    justify-content: space-around;
    padding: 30px 35px;
}

    .checkout-pay-page-v2 .left-side {
        width: 810px;
        max-width: 810px;
        position: relative;
        left: -15px;
    }

    .checkout-pay-page-v2 .right-side {
        width: 300px;
        margin-top: 30px;
        align-self: flex-start;
    }

.payment-tab-container-v2 {
    display: flex;
    justify-content: space-around;
    padding: 30px 0;
}

    .payment-tab-container-v2 .payment-tab-box-v2 {
        width: 100%;
    }

.payment-container-form {
    display: flex;
    justify-content: space-between;
    width: 745px;
}

    .payment-container-form .tab_container {
        width: 350px;
    }

    .payment-container-form #installmentstablecontainer {
        width: 294px;
        padding-right: 40px;
    }

.money-transfer-process {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 30px;
    margin-top: 5px;
}

    .money-transfer-process .process-first,
    .money-transfer-process .process-second,
    .money-transfer-process .process-third {
        width: 250px;
        background-color: rgba(51, 51, 51, 0.07);
        padding: 10px;
        display: flex;
    }

        .money-transfer-process .process-first img,
        .money-transfer-process .process-second img,
        .money-transfer-process .process-third img {
            width: 35px;
            padding: 6px;
        }

    .money-transfer-process .process-first {
        background-color: rgba(51, 51, 51, 0.07);
    }

    .money-transfer-process .process-second {
        background-color: rgba(51, 51, 51, 0.1);
    }

    .money-transfer-process .process-third {
        background-color: rgba(51, 51, 51, 0.13);
    }

    .money-transfer-process h6 {
        font-size: 14px;
        font-weight: bold;
        color: #013c77;
        padding: 0;
        margin: 0;
    }

    .money-transfer-process p {
        font-size: 12px;
        padding: 0;
        margin: 0;
        color: #222222;
    }

.bank-list-container .clearfix .address-title {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    color: #333333;
}

.bank-list-container .clearfix .process-title {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.2px;
    color: #333333;
}

#creditcardondelivery_container,
#cashondelivery_container {
    border-radius: 4px;
    border: solid 1px #f4faff;
    background-color: #f4faff;
    padding: 30px;
}

    #creditcardondelivery_container h2,
    #cashondelivery_container h2 {
        margin: 0;
        font-size: 14px;
        padding-left: 0;
        font-weight: 600;
        color: #333333;
    }

.add-new-card-container {
    margin: 20px 0;
}

.add-new-card {
    float: left;
    color: #0061c5;
    border: 1px solid #0061c5;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    padding: 11px 57px;
    width: 250px;
    margin-right: 11px;
    cursor: pointer;
}

    .add-new-card:hover,
    .active-tab {
        text-decoration: none;
        display: block;
    }


    .add-new-card img {
        float: left;
        width: 12px;
        height: 12px;
        margin-top: 3px;
        margin-right: 8px;
    }

.card-review {
    width: 280px;
    height: 120px;
    padding: 20px 25px;
    border-radius: 6px;
    border: solid 1px rgba(34, 34, 34, 0.09);
}

    .card-review .card-type img {
        width: 30px;
    }

    .card-review h2 {
        font-size: 18px;
        color: #333333;
        letter-spacing: 0.06rem;
        margin: 18px 0px;
    }

    .card-review .card-info .card-info-name {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .card-review .card-info .card-info-name p {
            font-size: 14px;
            margin: 0;
            font-weight: 100;
        }

        .card-review .card-info .card-info-name strong {
            font-size: 14px;
        }

.completed-info-boxes .alert {
    display: flex;
    flex-direction: row;
    padding: 5px;
}

    .completed-info-boxes .alert svg {
        margin: 7px 9px;
    }

    .completed-info-boxes .alert strong {
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        margin: 4px;
        letter-spacing: normal;
    }

    .completed-info-boxes .alert p {
        margin: 10px 0px 6px;
        font-size: 14px;
        color: #333333;
        line-height: 1.29;
    }

.completed-page-content-v2 {
    display: flex;
    justify-content: space-between;
}

    .completed-page-content-v2 .left-side {
        width: 780px;
        display: flex;
        flex-direction: column;
    }

        .completed-page-content-v2 .left-side h4 {
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: -0.2px;
            color: #333333;
            margin-top: 30px;
        }

        .completed-page-content-v2 .left-side .bank-detail .bank-account {
            display: flex;
        }

        .completed-page-content-v2 .left-side .bank-list-container {
            padding: 30px;
            border-radius: 6px;
            border: solid 1px rgba(51, 51, 51, 0.1);
            background-color: #ffffff;
        }

            .completed-page-content-v2 .left-side .bank-list-container .info-box:not(.no-icon) {
                background-image: none;
                padding: 25px;
                text-align: left;
            }

            .completed-page-content-v2 .left-side .bank-list-container .info-box h4 {
                text-align: left;
                margin-top: 0px;
            }

    .completed-page-content-v2 .left-side {
        width: 780px;
        display: flex;
        flex-direction: column;
    }

        .completed-page-content-v2 .left-side h4 {
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: -0.2px;
            color: #333333;
            margin-top: 30px;
        }

.completed-address-v2 h4 {
    font-size: 13px;
    letter-spacing: -0.19px;
    color: #333333;
    text-align: left;
}

.completed-address-v2 .address {
    padding: 15px;
    border-radius: 4px;
    border: solid 1px rgba(51, 51, 51, 0.1);
    background-color: #ffffff;
    margin: 15px 0;
    width: 100%;
    font-weight: 400;
    text-align: left;
    color: #333333;
}

    .completed-address-v2 .address .address-name {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .completed-address-v2 .address .address-phone,
    .completed-address-v2 .address .address-info {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .completed-address-v2 .address .address-country {
        font-size: 12px;
        font-weight: 600;
    }

.completed-cart-items-v2 .product-subtotal {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 129px;
}

    .completed-cart-items-v2 .product-subtotal span {
        font-weight: bold;
        font-size: 14px;
        width: 87px;
    }

    .completed-cart-items-v2 .product-subtotal mark {
        width: 118px;
        background-color: #f73d04;
        color: white;
        padding: 3px;
        border-radius: 6px;
    }

.alert-success {
    border-radius: 3px;
    border: solid 1px rgba(40, 167, 69, 0.2);
    background-color: rgba(40, 167, 69, 0.06);
    color: #28a745;
}

.alert-primary {
    border-radius: 3px;
    border: solid 1px rgba(0, 88, 248, 0.1);
    background-color: rgba(0, 88, 248, 0.06);
    color: #0058f8;
}

.alert-secondary {
    border-radius: 3px;
    border: solid 1px rgba(255, 193, 7, 0.1);
    background-color: rgba(255, 193, 7, 0.1);
}

.alert.alert-success strong {
    padding-top: 5px;
}

.completed-page-content-v2 .right-side a {
    text-decoration: none;
}

.completed-page-content-v2 .cash-on-delivery-container,
.completed-page-content-v2 .creditcard-on-delivery-container {
    border-radius: 4px;
    border: solid 1px #f4faff;
    background-color: #f4faff;
    padding: 30px;
}

.total-discount-list {
    color: red !important;
}

.completed-page-content-v2 .right-side {
    margin-top: 15px;
    width: 300px;
}

.completed-page-content-v2 .cart-items-container {
    margin: 0;
}

.completed-page-content-v2 .cart-divider {
    width: 780px;
}

.completed-page-content-v2 .cart-items-row .product-quantity {
    width: 122px;
    padding-top: 38px;
    padding-left: 9px;
}

.completed-page-content-v2 .cash-on-delivery-container,
.completed-page-content-v2 .creditcard-on-delivery-container {
    text-align: start
}

    .completed-page-content-v2 .cash-on-delivery-container .page-title,
    .completed-page-content-v2 .creditcard-on-delivery-container .page-title {
        font-size: 14px;
        padding-left: 0;
        font-weight: 600;
        border: none;
        color: inherit;
    }

.completed-page-content-v2 .bank-image.ptt {
    padding: 0;
    width: 45px;
}

.completed-page-content-v2 .company-bank-branch {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.completed-page-content-v2 .company-bank-branchname,
.completed-page-content-v2 .company-bank-account small {
    text-align: left;
}

.completed-page-content-v2 .bank-detail .bank-account .bank-account-info {
    align-items: flex-start;
}

.alisveris-kredisi-info {
    border-radius: 4px;
    padding: 8px;
    margin: 15px 0px;
    color: #003770;
    background-color: rgba(0, 55, 112, 0.08);
    font-weight: 500;
    border: solid 1px rgba(51, 51, 51, 0.1);
}

.payment_taksit_monthly {
    margin-left: 10px;
}

.gift-select-option-v2 {
    display: flex;
    padding: 5px 20px !important;
    border-radius: 3px;
    border: solid 1px rgba(34,34,34,.11);
    width: calc(50% - 8px);
    background-color: transparent;
    margin: 16px auto 4px 0 !important;
}


/*size chart */
.size-chart-table tr &gt; td:nth-of-type(1) {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
}

table.size-chart-table td:hover {
    color: #fff !important;
    box-shadow: 0 1px 6px 0 rgba(12,142, 253, 0.6);
    background-color: #026acb;
}

div#sizeChartDesktopModal .modal-title {
    width: 145px;
    height: 22px;
    object-fit: contain;
    font-size: 16px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin: 8px 0 0 0;
}

.modal-header::after {
    content: '';
    display: block;
    clear: both;
}

.size-chart-close {
    border-radius: 4px;
    border: solid 2px rgba(32, 32, 32, 0.3);
    float: right;
    background: #fff;
    width: 96px;
    height: 35px;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 30px;
    letter-spacing: normal;
    color: rgba(32, 32, 32, 0.6);
}

div#sizeChartDesktopModal {
    width: 970px;
    height: 563px;
    margin-left: -461px;
    display: none;
    border-radius: 10px !important;
    overflow: hidden;
}

#sizeChartDesktopModal .modal-body {
    padding: 0;
    max-height: none;
    background-color: #f6f6f6;
}

.size-chart-left-column { /* float: left; */
    width: 50%;
    padding: 30px 15px 30px 30px;
    box-sizing: border-box;
}

.size-chart-right-column { /* float: right; */
    width: 50%;
    background: #fff;
}

.size-chart-gender-tab {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.size-chart-gender-tab &gt; li {
    display: inline-block;
}

.size-chart-gender-button &gt; span {
    display: inline-block;
    object-fit: contain;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 5px;
}

.size-chart-sub-tab {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
    display: none;
}

.size-chart-gender-button.active &gt; span {
    color: #026acb;
    border-bottom: 2px solid #026acb !important;
    font-weight: 800;
}

.size-chart-table {
    table-layout: fixed;
    border-spacing: 4px !important;
    border-collapse: inherit;
    object-fit: contain;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.8);
    display: none;
    text-align: center;
    margin-left: -4px;
}

.foot-column {
    width: 147px !important;
}

.size-chart-table tr:nth-of-type(1) td {
    height: 38px;
    object-fit: contain;
    font-size: 12px;
    font-weight: 800 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.6) !important;
}

table.size-chart-table td {
    background: #fff;
    width: 99px;
    height: 46px;
}

.size-chart-sub-tab.tab-menu &gt; li {
    display: inline-block;
    margin-right: 8px;
}

.size-chart-sub-button {
    border: 1px solid #e3e3e3;
    height: 34px;
    border-radius: 2px;
    object-fit: contain;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #202020;
    padding: 0 33px;
    background: #e3e3e3;
}

    .size-chart-sub-button.active {
        background: none;
        border-color: #202020;
    }

.custom-scroll {
    overflow-y: auto;
    max-height: 362px;
    overflow-x: hidden;
    padding-right: 15px;
    margin-top: 15px;
}

    .custom-scroll::-webkit-scrollbar-track {
        border-radius: 2px;
        background-color: #d8d8d8;
    }

    .custom-scroll::-webkit-scrollbar {
        width: 4px;
        border-radius: 2px;
        background-color: #d8d8d8;
    }

    .custom-scroll::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #202020;
    }

table.size-chart-table.active {
    display: table;
}

.size-chart-image {
    display: none;
    margin-left: 26px;
    margin-top: 33px;
}

    .size-chart-image.active {
        display: block;
    }

.flex-image {
    width: 460px;
    height: 444px;
    object-fit: contain;
}

.size-chart-gender-button {
    padding: 0 43px 0 0;
    border: 0;
    background: none;
}

.size-chart-sub-tab.tab-menu.active {
    display: block;
}

.size-chart-gender-button:focus {
    outline: none;
}

.size-chart-sub-button:focus {
    outline: none;
}


button#sizeChartButton:focus {
    outline: none;
}

.mobile-size-chart-acordeon {
    list-style: none;
    margin: 0;
    padding: 0;
}

.size-chart-acordeon-button {
    display: none;
}

.size-chart-acordeon-content.hide-desktop {
    display: none;
}

.size-chart-table tr:nth-of-type(1) td:hover {
    color: #fff !important;
}

#sizeChartDesktopModal .modal-header {
    padding: 15px 30px;
}

.size-chart-acordeon-content {
    display: flex;
}

button#sizeChartButton {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cpath d='M15.165 9.385l2.718-1.67c.072-.045.117-.123.117-.208v-1.5c0-.025-.004-.05-.012-.075l-1.532-4.253c-.016-.039-.041-.073-.074-.1-.023-.027-.051-.047-.083-.06L13.32.264c-.027-.018-.056-.029-.088-.035L11.893.004c-.07-.013-.143.007-.197.053-.054.047-.086.114-.086.186 0 1.329-1.169 2.412-2.606 2.412-1.438 0-2.61-1.079-2.61-2.408.001-.072-.03-.14-.084-.187-.055-.048-.127-.068-.198-.056l-1.34.224c-.013.003-.025.007-.037.012h-.02L1.7 1.52c-.064.029-.113.083-.134.149-.01.012-.016.024-.022.037L.013 5.95c-.008.024-.013.05-.013.076v1.5c.001.085.045.163.117.207l2.72 1.67c.023.014.048.024.075.03v2.209H.269c-.135 0-.244.109-.244.244v4.291c0 .065.026.127.071.173.046.046.108.071.173.071h2.629v1.951c0 .065.025.127.071.172.046.047.108.072.173.072h.349v1.14c0 .064.025.126.071.172.046.045.108.071.173.071H14.23c.064 0 .126-.026.172-.071.046-.046.072-.108.072-.173v-1.129h.383c.065 0 .127-.025.173-.071.045-.046.071-.108.071-.173v-1.95h2.629c.065 0 .126-.026.172-.072.046-.046.072-.107.072-.172v-4.297c0-.065-.026-.127-.072-.173-.046-.045-.107-.071-.172-.071H15.1V9.414c.023-.007.044-.016.064-.03zm2.348-2.015L15.1 8.858v-1.12c.023-.002.044-.009.065-.018l2.358-1.3v.95h-.011zm-.057-1.476l-2.355 1.304V5.186l1.098-2.775 1.257 3.483zM5.921.53C6.07 1.998 7.398 3.147 9 3.147c1.6 0 2.929-1.149 3.08-2.614l.86.144c-.113 1.921-1.836 3.453-3.94 3.453-2.105 0-3.822-1.532-3.937-3.453l.86-.147zM1.804 2.423l1.093 2.763v2.038L.53 5.92l1.274-3.496zM.488 7.397v-.95l2.358 1.3c.02.009.043.015.065.018v1.12L.488 7.396zm13.52 12.115H4v-.885h10.007v.885zm.605-1.372H3.385v-1.707h11.228v1.707zm.683-5.075c.065 0 .127-.026.173-.072.045-.046.071-.108.071-.173v-.684h1.953v3.798H.513v-3.798h1.952v.684c0 .136.11.244.245.244.134 0 .244-.108.244-.244v-.684h1.084v1.28c0 .134.108.244.244.244.134 0 .244-.11.244-.244v-1.28H5.61v.684h-.001c0 .136.11.244.244.244.135 0 .244-.108.244-.244v-.684H7.18v1.28c0 .134.109.244.244.244.134 0 .244-.11.244-.244v-1.28h1.086v.684c0 .136.11.244.244.244s.244-.108.244-.244v-.684h1.084v1.28c0 .134.109.244.244.244s.244-.11.244-.244v-1.28H11.9v.684c0 .136.109.244.243.244.136 0 .244-.108.244-.244v-.684h1.084v1.28c0 .134.11.244.245.244.134 0 .244-.11.244-.244v-1.28h1.084v.684c0 .135.107.243.24.244l.013.001zm-.683-8.016c-.012.029-.018.06-.018.09v6.509H3.385v-6.51c.006-.029.006-.06 0-.089L2.113 1.88 4.59.833c.196 2.117 2.102 3.785 4.416 3.785 2.314 0 4.213-1.669 4.41-3.783l2.473 1.041-1.276 3.173z'/%3E%3C/svg%3E%0A");
    padding: 9px 0 9px 9px;
    text-decoration: none;
    border: 0;
    float: right;
    object-fit: contain;
    font-family: NunitoSans;
    font-size: 13px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: underline;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-color: white;
    text-indent: 20px;
    margin-right: 10px;
    position: relative !important;
    top: -5px !important;
}

    button#sizeChartButton:focus {
        outline: none;
    }

.size-chart-table {
    table-layout: fixed;
    border-spacing: 4px !important;
    border-collapse: inherit;
    object-fit: contain;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(0, 0, 0, 0.8);
    display: none;
    text-align: center;
    margin-left: -4px;
}

    .size-chart-table tr:nth-of-type(1) td {
        height: 38px;
        object-fit: contain;
        font-size: 12px;
        font-weight: 800 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: rgba(0, 0, 0, 0.6) !important;
    }

table.size-chart-table td {
    background: #fff;
    width: 99px;
    height: 46px;
}

.size-chart-sub-tab.tab-menu &gt; li {
    display: inline-block;
    margin-right: 8px;
}

.size-chart-sub-button {
    border: 1px solid #e3e3e3;
    height: 34px;
    border-radius: 2px;
    object-fit: contain;
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #202020;
    padding: 0 33px;
    background: #e3e3e3;
}

    .size-chart-sub-button.active {
        background: none;
        border-color: #202020;
    }
/*size chart */
/*gift select*/
.gift-select-option-v2 {
    padding: 5px 20px;
    border-radius: 3px !important;
    border: solid 1px rgba(34, 34, 34, 0.11) !important;
    width: 227px !important;
    margin-top: 16px;
    background-color: transparent;
    text-align-last: left;
    display: flex;
    align-items: center;
}

    /*.gift-select-option-v2:after {
	content: "";
    position: absolute;
    width: 19px;
    height: 19px;
    top: 50%;
    margin-top: -13px;
    right: 20px;
    left: initial;
    border-radius: 50%;
    border: solid 2px rgba(34, 34, 34, 0.2);
}*/

    .gift-select-option-v2 span {
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #013c77;
    }

    .gift-select-option-v2:hover {
        border: solid 3px #013c77 !important;
        padding: 3px 18px !important;
    }

.orders-content .account-page .page-title {
    width: 100%;
}

.gridemptycontent {
    display: inline-block
}

#FancyGiftSelect .variant-wrapper {
    max-height: auto !important;
}

    #FancyGiftSelect .variant-wrapper ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

/* Global */
.through {
    text-decoration: line-through;
}

.nowrap {
    white-space: nowrap;
}

.shipping-head .through, .checkout-order-totals-v2 .through, .loyal-faq .through {
    margin-right: 5px;
}

/*Live Maps*/

.google-map-row {
    width: 100%;
}

    .google-map-row .map-column {
        position: relative;
    }

        .google-map-row .map-column .google-map-search {
            position: absolute;
            top: 15px;
            left: 0;
            right: 0;
            z-index: 1;
            width: 95%;
            display: flex;
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
        }

    .google-map-row .form-column {
        padding: 15px;
    }

        .google-map-row .form-column input:focus,
        .google-map-row .map-column input:focus {
            outline: none;
        }

        .google-map-row .form-column input,
        .google-map-row .map-column input {
            width: 100% !important;
            font-size: 18px !important;
            padding: 15px 40px !important;
            border: 1px solid #efefef !important;
        }

            .google-map-row .form-column input:not(:last-child) {
                margin-bottom: 30px;
            }



.useLocationButton {
    width: 130px;
    height: 45px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/konum2.svg") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    background-color: #757575;
    border-radius: 6px;
}

.autocomplete-results {
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    display: none;
    background-color: white;
    width: 320px;
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
    border-top: 0;
    box-sizing: border-box;
    z-index: 1;
    width: 95%;
    top: 67px;
}

.autocomplete-results-edit {
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    display: none;
    background-color: white;
    width: 320px;
    padding: 0;
    list-style-type: none;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
    border-top: 0;
    box-sizing: border-box;
    z-index: 1;
    width: 95%;
    top: 67px;
}

.autocomplete-item {
    padding: 5px 5px 5px 35px;
    height: 26px;
    line-height: 26px;
    border-top: 1px solid #d9d9d9;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.autocomplete-icon {
    display: block;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 8px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}

    .autocomplete-icon.icon-localities {
        background-image: url(https://images.woosmap.com/icons/locality.svg);
    }

.autocomplete-item:hover .autocomplete-icon.icon-localities {
    background-image: url(https://images.woosmap.com/icons/locality-selected.svg);
}

.autocomplete-item:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.autocomplete-results::after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 18px;
    box-sizing: border-box;
    text-align: right;
    display: block;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px
}

.payment-type-on-grid {
    pointer-events: all !important;
}


.lr-wrapper clearfix fb-popup-v2 {
    top: 80px;
}

.login-form-holder .customize-bootstrap-success-btn {
    margin: 10px 0;
}

.alert, .validation-summary-errors {
    margin-bottom: 10px;
}

.lr-wrapper .control-group {
    margin-bottom: 10px;
}

.fb-popup-v2 .form-group.mb-13 {
    margin-bottom: 10px;
}

.fb-popup-v2 .fb-popup-v2-title {
    padding-bottom: 10px;
}

.register-form-container .facebook-login-button, .login-form-holder .facebook-login-button {
    margin-top: 20px;
}

.toast {
    position: fixed;
    top: 25px;
    right: 25px;
    width: 263px;
    height: 46px;
    background-color: #fff;
    padding: 16px 8px;
    justify-content: space-between;
    border-radius: 4px;
    transform: translateX(calc(100% + 25px));
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    box-shadow: 0 0 8px 0 rgba(20,19,19,0.35);
    z-index: 9999;
}

.toast-outer {
    position: absolute;
}

.toast-close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    flex-grow: 0;
    background-color: #dfe3ec;
    border-radius: 50px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
}

.popup-circle {
    width: 22px;
    height: 22px;
    flex-grow: 0;
    background-color: #00a13a;
    border-radius: 22px;
    display: flex;
}

.first-row-popup {
    height: 22px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin: 0 0 7.5px;
    padding: 0;
}

.second-row-popup {
    height: 20px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-left: 30px;
}

.popup-circle &gt; svg {
    padding: 3px;
}

.toast.active {
    transform: translateX(0);
}

.toast-text {
    height: 19px;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #333;
    margin: 0px;
}

.toast-cart-text {
    height: 16px;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.17px;
    text-align: left;
    color: #003366;
    text-decoration: none;
}


.toast i:last-child:hover {
    color: #333;
}

.special-offer-select &gt; select {
    font-size: 14px !important;
    color: #000000 !important;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: -0.2px !important;
    line-height: unset !important;
    vertical-align: middle !important;
}

.accordion-stores-title {
    font-size: 16px;
    border: 1px solid #ccc;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/sorting-dropdown.svg) no-repeat right 20px center;
    padding: 10px;
    cursor: pointer;
    user-select: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

.accordion-stores-content {
    display: none;
}

.search-results .product-list .more {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
}

    .search-results .product-list .more a {
        color: #353535;
        font-size: 15px;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #fff;
        border-radius: 5px 5px 0 0;
        padding: 10px 50px;
        font-weight: 600;
        background-image: -webkit-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
        border-bottom: 1px solid #eeeeee;
    }

.price-filter-range {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

    .price-filter-range input[type="text"] {
        width: 60px;
        border: 1px solid #ccc !important;
        outline: none !important;
        background: none;
        box-shadow: none;
        border-radius: 3px;
        font-size: 12px;
        text-align: center;
        position: relative;
        margin-right: 5px;
        width: 100%;
    }

    .price-filter-range .range-divider {
        width: 5px;
        height: 1px;
        background-color: #ccc;
        margin-right: 5px;
        width: 10%;
    }

    .price-filter-range .apply-btn {
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        margin-left: 10px;
        width: 75%;
        background-color: #255087;
    }

        .price-filter-range .apply-btn img {
            width: 20px;
            filter: invert(1);
        }

[class^=lp-] .land-pbox {
    width: 20%;
}

.fancybox-overlay {
    z-index: 16000002;
}

.fancybox-opened {
    z-index: 16000003;
}

.topic-aydinlatmametni static-page table, .topic-aydinlatmametni .static-page table tr,
.topic-aydinlatmametni fitmoda-static-page table, .topic-aydinlatmametni .fitmoda-static-page table tr,
.topic-kameraaydinlatmametni static-page table, .topic-kameraaydinlatmametni .static-page table tr,
.topic-kameraaydinlatmametni fitmoda-static-page table, .topic-kameraaydinlatmametni .fitmoda-static-page table tr {
    border: 1px solid;
}

.topic-aydinlatmametni .static-page table,
.topic-aydinlatmametni .fitmoda-static-page table,
.topic-kameraaydinlatmametni .static-page table,
.topic-kameraaydinlatmametni .fitmoda-static-page table {
    margin-bottom: 15px;
}

    .topic-aydinlatmametni .static-page table, .topic-aydinlatmametni .static-page table td,
    .topic-aydinlatmametni .fitmoda-static-page table, .topic-aydinlatmametni .fitmoda-static-page table td,
    .topic-kameraaydinlatmametni .static-page table, .topic-aydinlatmametni .static-page table td,
    .topic-kameraaydinlatmametni .fitmoda-static-page table, .topic-aydinlatmametni .fitmoda-static-page table td {
        border: 1px solid;
        vertical-align: top;
        padding: 5px;
    }

.checkout-order-totals-v2 li div .cargo-price-content {
    color: #f73d04;
}

.checkout-order-totals-v2 li div .cargo-free-title {
    color: #0a934a;
    font-weight: 500;
}

.topic-calisanadayiaydinlatmametni td {
    padding: 10px;
}

.topic-calisanadayiaydinlatmametni table {
    margin-bottom: 30px;
}

.topic-calisanadayiaydinlatmametni h3 {
    font-size: 2em;
}

.topic-calisanadayiaydinlatmametni h3 {
    font-size: 1.17em;
}

.topic-calisanadayiaydinlatmametni h2 {
    font-size: 1.5em;
    color: #000;
}

/* #region CartGift */
.cart-gift-mandatory-area {
    width: 800px;
    margin: 0 15px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: solid 1px #003770;
    margin-top: 28px;
}

    .cart-gift-mandatory-area .cart-gift-mandatory-label {
        display: flex;
        align-items: center;
        position: relative;
        padding: 15px 0;
        width: 100%;
        padding-left: 30px;
        margin-left: 16px;
        margin-bottom: 0;
        min-height: 25px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Open Sans;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #333;
    }

        .cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkbox {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkmark {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            height: 18px;
            width: 18px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

            .cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

        .cart-gift-mandatory-area .cart-gift-mandatory-label:hover input ~ .cart-gift-mandatory-checkmark {
            background-color: #ccc;
        }

        .cart-gift-mandatory-area .cart-gift-mandatory-label:hover input ~ .cart-gift-mandatory-checkmark {
            background-color: #ccc;
        }

        .cart-gift-mandatory-area .cart-gift-mandatory-label input:checked ~ .cart-gift-mandatory-checkmark:after {
            display: block;
        }

        .cart-gift-mandatory-area .cart-gift-mandatory-label input:checked ~ .cart-gift-mandatory-checkmark {
            background-color: #003770;
        }

        .cart-gift-mandatory-area .cart-gift-mandatory-label .cart-gift-mandatory-checkmark:after {
            left: 5px;
            top: 1px;
            transform: translate(-50%, -50%);
            width: 6px;
            height: 11px;
            border: solid white;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.cart-gift-area {
    width: 800px;
    border-radius: 8px;
    border: solid 1px #003770;
    overflow: hidden;
    transition: height 600ms;
    margin: 0 15px;
    margin-top: 20px;
}

.cart-gift-button {
    border-bottom: solid 1px #003770;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    padding: 14px 16px 15px 16px;
    cursor: pointer;
}

    .cart-gift-button.disabled {
        cursor: default;
    }

.cart-gift-icon {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: solid 1px #003770;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cart-gift-icon svg {
        width: 60.4px;
        height: 68.2px;
    }

.cart-gift-texts {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.cart-gift-text-header {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #003770;
}

.cart-gift-text-sub-text {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.cart-gift-text-product-title {
    color: #08c;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-shrink: 1;
    width: 355px;
}

.cart-gift-text-product-store {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

    .cart-gift-text-product-store span {
        font-weight: 600;
    }

.cart-gift-text-product-attribute {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.cart-gift-quantity {
    width: 80px;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.cart-gift-gift {
    font-family: 'Open Sans';
    width: 65px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ed4500;
}

.cart-gift-arrow {
    position: relative;
    width: 28px;
    height: 28px;
}

    .cart-gift-arrow svg {
        opacity: 0;
        transition: 1000ms;
        position: absolute;
    }

        .cart-gift-arrow svg.active {
            opacity: 1;
            fill: #000;
        }

        .cart-gift-arrow svg.rotated {
            transform: rotateX(180deg)
        }

.cart-gifts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 65px;
    width: 100%;
}

.cart-gifts-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    width: 100%;
}

.cart-gifts-info-text {
    padding-top: 32px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.cart-gifts-info-progress {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

    .cart-gifts-info-progress .progress-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        flex-shrink: 1;
        margin: 0px 117px;
    }

    .cart-gifts-info-progress .progress-line {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 40px);
        height: 10px;
        background-color: #c5cbd4;
    }

        .cart-gifts-info-progress .progress-line .progress-line-level {
            position: relative;
            height: 100%;
            border-radius: 70px;
            overflow: hidden;
            background-image: linear-gradient(to bottom, #0f59a6 0%, #22384f 100%);
        }

            .cart-gifts-info-progress .progress-line .progress-line-level::after {
                position: absolute;
                height: 100%;
                width: 100%;
                content: "";
                background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/progress.png");
                background-repeat: space;
                background-size: 20px 100%;
                transform: skew(-30deg);
            }

    .cart-gifts-info-progress .progress-level {
        width: 72px;
        height: 72px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

        .cart-gifts-info-progress .progress-level .svg-cover {
            padding: 12px;
            border: solid 1px #003770;
            background-color: #fff;
            border-radius: 50%;
        }

            .cart-gifts-info-progress .progress-level .svg-cover:nth-child(2) {
                padding: 15px;
            }

            .cart-gifts-info-progress .progress-level .svg-cover:nth-child(3) {
                padding: 14px;
            }

            .cart-gifts-info-progress .progress-level .svg-cover svg {
                overflow: visible;
            }

        .cart-gifts-info-progress .progress-level.inactive .svg-cover {
            border: solid 1px rgba(13, 42, 79, 0.5);
        }

            .cart-gifts-info-progress .progress-level.inactive .svg-cover svg {
                opacity: 0.5;
            }

        .cart-gifts-info-progress .progress-level .progress-level-text {
            position: absolute;
            top: calc(100% + 10px);
            font-family: Open Sans;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.21;
            letter-spacing: normal;
            text-align: center;
            color: #000;
            white-space: nowrap;
        }

        .cart-gifts-info-progress .progress-level.inactive .progress-level-text {
            opacity: 0.3;
        }

.cart-gifts-content {
    display: flex;
    width: calc(100% + 2px);
    flex-wrap: nowrap;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .cart-gifts-content .gift-block {
        position: relative;
        width: 100%;
        flex-shrink: 1;
        display: flex;
        flex-direction: column;
    }

        .cart-gifts-content .gift-block.active {
            content: "";
            border-top: solid 2px #4176c6;
            border-bottom: solid 2px #4176c6;
            z-index: 1;
        }

        .cart-gifts-content .gift-block.first.active {
            border-bottom-left-radius: 8px;
            border-left: solid 2px #4176c6;
        }

        .cart-gifts-content .gift-block.last.active {
            border-bottom-right-radius: 8px;
        }

        .cart-gifts-content .gift-block.active.active-last {
            border-right: solid 2px #4176c6;
        }

        .cart-gifts-content .gift-block.inactive {
            opacity: 0.6;
        }

        .cart-gifts-content .gift-block .gift-block-range {
            width: calc(100% - 2px);
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fcfcfc;
            font-family: Open Sans;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.06;
            letter-spacing: normal;
            text-align: left;
            color: #333;
            padding: 12.5px 0;
            z-index: 1;
            border: solid 1px #d4d4d4;
        }

        .cart-gifts-content .gift-block.active .gift-block-range {
            background-color: #eff8ff;
            width: 100%;
            border: none;
            box-shadow: inset 1px 0 0 0 #d4d4d4, inset -1px 0 0 0 #d4d4d4;
        }

        .cart-gifts-content .gift-block .gift-block-items {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

            .cart-gifts-content .gift-block .gift-block-items .gift-block-item {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;
                height: 121px;
                background-color: #fcfcfc;
                width: calc(100% - 2px);
                border: solid 0.8px #e6e6e6;
            }

        .cart-gifts-content .gift-block.active .gift-block-items .gift-block-item {
            background-color: #ffffff;
        }

            .cart-gifts-content .gift-block.active .gift-block-items .gift-block-item.active:hover::after {
                position: absolute;
                top: -1px;
                left: -1px;
                width: 100%;
                height: 100%;
                content: "";
                border: solid 1px #003770;
                z-index: 1;
            }

        .cart-gifts-content .gift-block.first,
        .cart-gifts-content .gift-block.first .gift-block-items .gift-block-item.last,
        .cart-gifts-content .gift-block.first .gift-block-items .gift-block-item.last:hover::after {
            border-bottom-left-radius: 5px;
        }

        .cart-gifts-content .gift-block.last,
        .cart-gifts-content .gift-block.last .gift-block-items .gift-block-item.last,
        .cart-gifts-content .gift-block.last .gift-block-items .gift-block-item.last:hover::after {
            border-bottom-right-radius: 5px;
        }

        .cart-gifts-content .gift-block.inactive .gift-block-items .gift-block-item.last {
            height: 123px;
        }

    .cart-gifts-content .gift-block-items .gift-block-item .gift-block-item-inner {
        padding: 0px 20px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .cart-gifts-content .gift-block.active .gift-block-items .gift-block-item .gift-block-item-inner {
        cursor: pointer;
    }

    .cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-radio {
        position: absolute;
        top: 13px;
        left: 13px;
    }

        .cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-radio input {
            width: 17.3px;
            height: 17.3px;
            cursor: pointer;
        }

    .cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-image {
        width: 65px;
        height: 65px;
    }

@media (max-width:775px) {
    .cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-image {
        display: none;
    }
}

.cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-image img {
    width: 100%;
    height: 100%;
}

.cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-content-title {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    width: 125px;
}

.cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-content-info {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
}

.cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-content-price {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color: rgba(51, 51, 51, 0.9);
    text-decoration: line-through;
}

.cart-gifts-content .gift-block .gift-block-items .gift-block-item .item-content-free {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    border-radius: 4px;
    border: solid 0.8px #73bf44;
    color: #73bf44;
}
/* #endregion */

#rmc-area {
    width: 990px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    #rmc-area {
        width: 1200px;
    }
}

#rmc-top-area {
    width: 990px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    #rmc-top-area {
        width: 1200px;
    }
}

[data-variant-discount-badge=True]::before {
    content: url("./Themes/Supplementler/Content/images/icon_fire.svg");
    position: absolute;
    top: -8px;
    right: 3px;
    z-index: 1;
}

[data-variant-discount-badge=True] {
    position: relative;
}

.quick-view-variant-discount {
    width: 73px;
    height: 38px;
    flex-grow: 0;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -0.2px;
    text-align: center;
    color: #00a13a;
}

[data-show-discount-badge-on-picture=False] {
    display: none !important;
}

[data-show-discount-badge-on-picture=True] {
    display: unset !important;
}

.kvkk-permission-title {
    color: #5a5a5a;
    font-size: 13px;
    line-height: 1.5;
}

    .kvkk-permission-title &gt; a {
        font-weight: bold;
        color: #5570ac;
        text-decoration: underline;
    }

.sp-rates .sp-info-main {
    display: inline-flex;
}

.sp-rates .info-main {
    position: relative;
}

    .sp-rates .info-main i {
        width: 25px;
        height: 25px;
        display: inline-block;
        content: " ";
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/info.svg") no-repeat;
        margin: -2px 0 0 5px;
        float: left;
        cursor: pointer;
    }

    .sp-rates .info-main .detail {
        width: 200px;
        border-radius: 4px;
        background-color: #ffffff;
        border: solid 1px #166d36;
        padding: 5px;
        display: none;
        position: absolute;
        text-align: center;
        right: -100px;
        top: 25px;
        z-index: 99;
    }

        .sp-rates.info-main .detail strong {
            color: #166d36;
            font-size: 11px;
        }

        .sp-rates .info-main .detail p {
            line-height: normal;
            font-size: 10px;
            color: #166d36;
            margin: 0;
            padding: 0;
        }

        .sp-rates .info-main .detail:after {
            border-bottom: 8px solid #166d36;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            content: "";
            left: 45%;
            position: absolute;
            top: -8px;
        }

    .sp-rates .info-main:hover .detail {
        display: block;
    }

/*Tümünü Temizle*/
.cart-item-remove-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.cart-item-count {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: rgba(34, 34, 34, 0.75);
}

.cart-item-remove-button {
    display: flex;
    margin-right: 25px;
    cursor: pointer;
}

.clear-all-text {
    flex-grow: 0;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #333;
    text-decoration: none;
}

.clear-all-icon {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/trash-black.png) center center no-repeat #fff;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 6px;
}


.cart-item-remove-button:hover .clear-all-icon {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/trash-orange.png) center center no-repeat #fff;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 6px;
}

.all-item-delete-message-container p {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #454545;
    padding: 32px 70px;
    font-family: "Open Sans", sans-serif;
}

.all-item-delete-message-container .button-wrapper {
    display: flex;
    margin-bottom: 24px;
    justify-content: center;
}

.all-item-delete-message-container .no-delete-button {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    border-radius: 6px;
    border: solid 1px #acacac !important;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    width: 192px;
    margin-right: 16px;
    text-decoration: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    background-color: initial !important;
}

.all-item-delete-message-container .all-item-delete-button {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 192px;
    text-decoration: none;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
}

.cardlist-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.cardlist-item {
    width: 242px;
    height: 130px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 29px;
    padding: 24px;
    border-radius: 13px;
    border: solid 2px #dfe3ec;
    position: relative;
    margin-right: 12px;
    margin-bottom: 12px;
    margin-top: 12px;
    cursor: pointer;
}

    .cardlist-item:hover {
        box-shadow: 0 1px 2px 0 rgb(223, 227, 236), 0 2px 6px 0 rgb(223, 227, 236);
    }

    .cardlist-item .cardlist-item-name {
        height: 18px;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #444;
        position: absolute;
        width: 50%;
        bottom: 24px;
        text-transform: uppercase;
    }


    .cardlist-item .cardlist-item-image {
        height: 18px;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #444;
        position: absolute;
        width: 88px;
        top: 24px;
    }

    .cardlist-item .cardlist-item-cardnumber {
        height: 18px;
        align-self: stretch;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 2px;
        text-align: left;
        color: #444;
        position: absolute;
        width: 100%;
        top: 50%;
    }

    .cardlist-item .cardlist-item-deleteIcon {
        height: 16px;
        width: 16px;
        align-self: stretch;
        text-align: left;
        color: #444;
        position: absolute;
        top: 14px;
        right: 14px;
        border: 1px solid #d5d5d5;
        border-radius: 50%;
        padding: 3px;
    }

        .cardlist-item .cardlist-item-deleteIcon:hover {
            box-shadow: 0 1px 2px 0 rgb(223, 227, 236), 0 2px 6px 0 rgb(223, 227, 236);
        }

    .cardlist-item .cardlist-item-paymentImage {
        width: 32px;
        height: 18px;
        align-self: stretch;
        text-align: left;
        color: #444;
        position: absolute;
        bottom: 24px;
        right: 24px;
    }

    .cardlist-item.new-card {
        align-items: center;
    }

    .cardlist-item .cardlist-add-new-card {
        position: absolute;
        top: 46%;
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #666;
    }

        .cardlist-item .cardlist-add-new-card img {
            padding-right: 12px;
        }

.cardlist-message {
    height: 19px;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #000;
}

.savedCardTitle {
    margin: 12px 0px !important;
}


/*Tümünü Temizle*/
.lp-description .more, .lp-description .more-close {
    display: flex;
}


img.close-lp-icon {
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
}


#modal-otp {
    padding: 20px 24px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    flex-wrap: nowrap;
    position: relative;
}

    #modal-otp .modal-close {
        position: absolute;
        right: 26px;
        top: 22px;
        cursor: pointer;
    }

    #modal-otp .modal-icon {
        width: 102px;
        height: 102px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #modal-otp .modal-content {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
        width: 100%;
    }

        #modal-otp .modal-content h3 {
            padding: 0px;
            margin: 0px;
            font-family: 'Open Sans';
            font-size: 24px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #333;
        }

        #modal-otp .modal-content p {
            font-family: 'Open Sans';
            font-size: 15px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.3px;
            text-align: left;
            color: #444;
            margin: 0;
        }

    #modal-otp .modal-field {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
    }

        #modal-otp .modal-field .info {
            height: 22px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px;
            padding-left: 0px;
        }

        #modal-otp .modal-field .inputs {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            #modal-otp .modal-field .inputs input {
                width: 91px;
                height: 50px;
                border-radius: 8px;
                border: solid 1px #d9d9d9;
                background-color: #f3f8ff;
                padding: 0px;
                text-align: center;
                font-family: 'Open Sans';
                font-size: 22px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.27;
                letter-spacing: normal;
                text-align: center;
                color: #333;
                border: solid 1px #d9d9d9;
                transition: border-color 400ms;
            }

                #modal-otp .modal-field .inputs input:focus {
                    width: 90px;
                    height: 49px;
                    border: solid 2px #0058ac;
                }

        #modal-otp .modal-field &gt; span {
            margin-top: 6px;
            display: block;
            min-height: 16px;
            display: none;
            font-family: "Open Sans";
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #f04438;
        }

    #modal-otp .modal-action {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

        #modal-otp .modal-action button[type="submit"] {
            height: 48px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            background-color: #0058ac;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #fff;
            border: none;
            transition: 200ms;
        }

        #modal-otp .modal-action button[type="button"] {
            height: 48px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 8px;
            border-radius: 4px;
            background-color: #a1a1a1;
            font-family: 'Open Sans';
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #fff;
            border: none;
            cursor: not-allowed;
            transition: 200ms;
        }

    #modal-otp.error .modal-field {
        margin-bottom: 0px;
    }

        #modal-otp.error .modal-field .inputs input {
            border: solid 2px #f04438;
        }

        #modal-otp.error .modal-field &gt; span {
            display: block;
        }

    #modal-otp.timeout .modal-field {
        margin-bottom: 0px;
    }

        #modal-otp.timeout .modal-field .inputs input {
            border: solid 2px #f04438;
        }

        #modal-otp.timeout .modal-field &gt; span {
            display: block;
        }

    #modal-otp.timeout .modal-action {
        width: 100%;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

        #modal-otp.timeout .modal-action button[type="submit"] {
            background-color: #a1a1a1;
            cursor: not-allowed;
            pointer-events: none;
        }

        #modal-otp.timeout .modal-action button[type="button"] {
            background-color: #0058ac;
            color: #fff;
            cursor: pointer;
        }

    #modal-otp.limit .info img {
        display: none;
    }

.subscriptionlist-wrapper {
    display: block;
    margin-top: 20px;
    padding: 0 20px 0 0;
}


.subscriptionlist-message {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #000;
}

.subscriptionlist-item {
    border-radius: 12px;
    position: relative;
    width: auto;
    height: 128px;
    flex-grow: 0;
    padding: 14px 32px 13px 27px;
    background-color: rgba(223, 227, 236, 0.25);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

    .subscriptionlist-item .badge {
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 2px 6px;
        background-color: #f1f1f1;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        text-align: center;
        color: #f04438;
        width: 80px;
        text-shadow: none;
    }

.subscriptionlist-item-img {
    position: relative;
    height: 127px;
    margin-right: 15px;
}

    .subscriptionlist-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.subscriptionlist-item-quantity {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background-color: #1a4b86;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
}


.subscriptionlist-item-content {
    flex: 1;
    padding: 0 10px;
}


    .subscriptionlist-item-content .title {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        text-align: left;
        color: #000;
    }

    .subscriptionlist-item-content .title {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        text-align: left;
        color: #000;
    }

    .subscriptionlist-item-content .aroma-info, .period-info, .price-info {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        text-align: left;
        color: #000;
    }

    .subscriptionlist-item-content .period-info {
        display: inline-flex;
        align-items: center;
    }

        .subscriptionlist-item-content .period-info span {
            display: inline-flex;
            align-items: center;
        }

        .subscriptionlist-item-content .period-info svg {
            margin-left: 5px;
            vertical-align: middle;
        }

.subscriptionlist-item-button .btn {
    color: #0058AC;
    background-color: white;
    background-image: none;
    border: 1px solid transparent;
    border-color: #0058AC;
    margin-top: 10px;
    padding: 8px 16px;
    width: auto;
    border-radius: 4px;
}

    .subscriptionlist-item-button .btn:hover {
        color: #fff;
        background-color: #003770;
        border-color: #003770;
    }

    .subscriptionlist-item-button .btn.disabled,
    .subscriptionlist-item-button .btn:disabled {
        color: #003770;
        background-color: transparent;
    }

    .subscriptionlist-item-button .btn:not(:disabled):not(.disabled).active,
    .subscriptionlist-item-button .btn:not(:disabled):not(.disabled):active,
    .show &gt; .subscriptionlist-item-button .btn.dropdown-toggle {
        color: #fff;
        background-color: #003770;
    }

        .subscriptionlist-item-button .btn:not(:disabled):not(.disabled).active:focus,
        .subscriptionlist-item-button .btn:not(:disabled):not(.disabled):active:focus,
        .show &gt; .subscriptionlist-item-button .btn.dropdown-toggle:focus {
            box-shadow: none;
        }


.subscription-buttons {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    font-family: 'Open Sans', sans-serif;
}

    .subscription-buttons .button {
        font-size: 13px;
        width: 145px;
        height: 40px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 0 16px;
        border-radius: 40px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

        .subscription-buttons .button.active {
            font-weight: 700;
            background-color: #003770;
            color: white;
        }

        .subscription-buttons .button:not(.active) {
            background-color: #dfe3ec;
            color: black;
        }

.page-title.subscribeTitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    text-align: left;
    color: #000;
}

#otp-mail-confirm {
    display: flex;
    position: relative;
    overflow: visible;
    width: fit-content;
}

    #otp-mail-confirm .otp-confirm-box {
        position: absolute;
        left: calc(100% + 40px);
        top: 42px;
    }

        #otp-mail-confirm .otp-confirm-box button {
            border: none;
            width: 227px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
            border-radius: 4px;
            background-color: #0058ac;
            font-family: Open Sans;
            font-size: 16px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 16px;
            letter-spacing: normal;
            text-align: left;
            color: #fff;
        }

        #otp-mail-confirm .otp-confirm-box .otp-confirm-info {
            position: relative;
            width: 262px;
            height: 47px;
            margin-top: 18px;
            flex-grow: 0;
            padding: 16px;
            border-radius: 4px;
            box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.25);
            background-color: #fff;
            font-family: Open Sans;
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #464646;
        }

            #otp-mail-confirm .otp-confirm-box .otp-confirm-info:before {
                content: "";
                position: absolute;
                overflow: visible;
                left: 50%;
                transform: translateX(-50%);
                top: -18px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0px 10px 18px 10px;
                border-color: transparent transparent #fff transparent;
                -webkit-filter: drop-shadow(0 -9px 7px 0 rgba(0, 0, 0, .25));
                filter: drop-shadow(0 -9px 7px rgba(0, 0, 0, .25));
            }


            #otp-mail-confirm .otp-confirm-box .otp-confirm-info span:first-child {
                font-size: 18px;
                color: #f73d04;
            }

            #otp-mail-confirm .otp-confirm-box .otp-confirm-info span:nth-child(2) {
                font-size: 16px;
                color: #f73d04;
            }

.otp-email-success,
.subscription-approval {
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ffffff;
    border: 2px solid #dadce0;
    border-radius: 20px;
    padding: 30px 20px;
    width: 200px;
    font-size: 14px;
}
.subscription-approval {
    width: 350px;
}
.subscriptionOrderBadge {
    width: 109px;
    height: 28px;
    padding-left: 30px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    border-radius: 3px;
    border: solid 1px #0061C5;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #0061C5;
    background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"&gt;&lt;g clip-path="url(%23rxhgjakqka)" fill-rule="evenodd" clip-rule="evenodd" fill="%230061C5"&gt;&lt;path d="m14.145 7.105-.044-.001c-.396 0-.669.32-.669.715 0 .39.152.706.747.714v.002c2.823.04 5.293 2.45 5.293 5.41 0 2.984-2.45 5.445-5.434 5.445-2.847 0-5.214-2.148-5.42-4.971h1.256l-1.939-3.225-1.939 3.224h1.19c.21 3.566 3.19 6.401 6.827 6.401 3.773 0 6.842-3.085 6.842-6.859 0-3.726-2.997-6.783-6.709-6.854v-.001z"/&gt;&lt;path d="M14.773 10.438a.622.622 0 0 0-.607-.625h-.13a.616.616 0 0 0-.6.625v3.597l-1.762 1.757a.677.677 0 0 0 0 .94.66.66 0 0 0 .94 0l1.944-1.946c.016-.016.027-.032.042-.046a.612.612 0 0 0 .173-.427v-3.875z"/&gt;&lt;/g&gt;&lt;defs&gt;&lt;clipPath id="rxhgjakqka"&gt;&lt;path fill="%23fff" transform="translate(5.834 7)" d="M0 0h15.167v14H0z"/&gt;&lt;/clipPath&gt;&lt;/defs&gt;&lt;/svg&gt;');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 10px;
}

.completed-cart-items-v2 .subscriptionOrderBadge {
    margin: 0px auto;
    width: 141px;
}

/*#region Subscription Detail */
.page-subscription-detail {
    display: table;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 120px;
}

.page-subscription-detail__title {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.5px;
    color: #333;
    margin-top: 10px;
    margin-bottom: 8px;
}

.page-subscription-detail__description {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.2px;
    color: #464646;
    margin-bottom: 40px;
}

.page-subscription-detail__order-cycle {
    margin-bottom: 24px;
}

.page-subscription-detail__order-cycle-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
}

.page-subscription-detail__order-cycle-wrapper {
    display: flex;
    width: calc(100% - 96px);
    align-items: center;
    padding: calc(44px + 24px) 48px;
}

.page-subscription-detail__order-cycle-step {
    position: relative;
    width: 24px;
    height: 40px;
    flex-shrink: 0;
}

.page-subscription-detail__order-cycle-step-text {
    position: absolute;
    left: 50%;
    top: -24px;
    transform: translate(-50%, 0);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.2px;
    text-align: left;
    color: #0058ac;
    white-space: nowrap;
}

    .page-subscription-detail__order-cycle-step-text.completed {
        font-weight: bold;
    }

.page-subscription-detail__order-cycle-step-image {
    width: 24px;
    height: 40px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2740%27 height%3D%2740%27 viewBox%3D%270 0 40 40%27 fill%3D%27none%27 xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cg clip-path%3D%27url(%2372arigas6a)%27%3E%3Cpath d%3D%27M27.555 39.187h-15.14c-2.117 0-4.055-2.097-4.055-4.983V11.238c0-2.886 1.938-4.983 4.056-4.983h15.14c2.117 0 4.056 2.097 4.056 4.983v22.966c0 2.886-1.939 4.983-4.056 4.983z%27 stroke%3D%27%23B1B1B1%27 stroke-width%3D%271.563%27/%3E%3Cpath d%3D%27M12.143 4.106a1 1 0 0 0 1 1h13.714a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H13.143a1 1 0 0 0-1 1v3.106z%27 fill%3D%27%23D6D7D8%27/%3E%3Cpath d%3D%27M7.578 31.686h24.815V13.617H7.578v18.069z%27 fill%3D%27%239DBBDA%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%2772arigas6a%27%3E%3Cpath fill%3D%27%23fff%27 d%3D%27M0 0h40v40H0z%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

    .page-subscription-detail__order-cycle-step-image.completed {
        background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23dr15vngv0a)'%3E%3Cpath d='M28.055 39.187h-15.14c-2.117 0-4.055-2.097-4.055-4.983V11.238c0-2.886 1.938-4.983 4.056-4.983h15.14c2.117 0 4.056 2.097 4.056 4.983v22.966c0 2.886-1.939 4.983-4.057 4.983z' stroke='%23003770' stroke-width='1.563'/%3E%3Cpath d='M12.643 4.106a1 1 0 0 0 1 1h13.714a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H13.643a1 1 0 0 0-1 1v3.106z' fill='%23D6D7D8'/%3E%3Cpath d='M8.078 31.686h24.815V13.617H8.078v18.069z' fill='%231E68B5'/%3E%3Cpath d='M24.853 19a.952.952 0 0 0-.654.292c-1.843 1.846-3.524 3.662-5.304 5.474l-2.183-1.742a.954.954 0 0 0-1.337.149.951.951 0 0 0 .148 1.337l2.854 2.282a.951.951 0 0 0 1.267-.071c2.05-2.053 3.889-4.073 5.899-6.086a.952.952 0 0 0-.69-1.635z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='dr15vngv0a'%3E%3Cpath fill='%23fff' transform='translate(.5)' d='M0 0h40v40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }

.page-subscription-detail__order-cycle-step-discount {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translate(-50%, 0);
    padding: 0 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: normal;
    text-align: center;
    color: #f73d04;
    border-radius: 6px;
    border: 1px solid #f73d04;
    white-space: nowrap;
}

    .page-subscription-detail__order-cycle-step-discount::before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent #f73d04 transparent;
    }

.page-subscription-detail__order-cycle-progress {
    position: relative;
    background-color: #EBEBEB;
    flex-grow: 1;
    height: 8px;
    margin-top: 5px;
}

    .page-subscription-detail__order-cycle-progress.completed {
        background-color: #0058ac;
    }

    .page-subscription-detail__order-cycle-progress.waiting:before {
        content: '';
        position: absolute;
        width: 50%;
        height: 8px;
        background-color: #0058ac;
        border-radius: 0 10px 10px 0;
    }


.page-subscription-detail__details {
    width: 100%;
    display: flex;
    flex-grow: 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 64px;
    padding: 0;
}

.page-subscription-detail__details-subscription {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-start;
    gap: 24px;
    padding: 0;
}

.page-subscription-detail__details-subscription-product {
}

.page-subscription-detail__details-subscription-product-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding: 0;
    margin-top: 0;
    margin-bottom: 16px;
}

.page-subscription-detail__details-subscription-product-body {
    position: relative;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.page-subscription-detail__details-subscription-product-quantity {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background-color: #1a4b86;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
}

.page-subscription-detail__details-subscription-product-image {
    width: 128px;
    height: 128px;
    flex-grow: 0;
}

.page-subscription-detail__details-subscription-product-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.2px;
}

.page-subscription-detail__details-subscription-product-info-name {
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
}

.page-subscription-detail__details-subscription-product-info-frequency {
    display: flex;
}

    .page-subscription-detail__details-subscription-product-info-frequency i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 20 20" fill="none"&gt;&lt;path fill-rule="evenodd" clip-rule="evenodd" d="M1.771 10.052c0 4.14 3.31 7.5 7.393 7.5 4.081 0 7.392-3.359 7.392-7.5 0-.116-.002-.232-.008-.346h1.89l-3-3.045-3.002 3.045h2.421c.007.114.01.23.01.346 0 3.196-2.553 5.787-5.703 5.787-3.15 0-5.704-2.591-5.704-5.787 0-3.195 2.554-5.786 5.704-5.786 1.601 0 3.05.67 4.085 1.75l1.194-1.212a7.318 7.318 0 0 0-5.28-2.252c-4.082 0-7.392 3.358-7.392 7.5zm7.551 2.516h.953V9.121L7.51 7.548l-.477.815 2.29 1.303v2.902z" fill="%23026ACB"/&gt;&lt;/svg&gt;');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 4px;
    }

.page-subscription-detail__details-subscription-product-info-variant {
}

.page-subscription-detail__details-subscription-product-info-price {
}

.page-subscription-detail__details-subscription-shipping-address {
}

.page-subscription-detail__details-subscription-shipping-address-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
}

.page-subscription-detail__details-subscription-shipping-address .app-dropdown .app-dropdown-button i {
    width: 24px;
    height: 25px;
    background-image: url('data:image/svg+xml;charset=UTF-8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"&gt;&lt;path d="M20.515 5.542a.68.68 0 0 0-.963 0l-8.166 8.144-2.947-3.2a.68.68 0 0 0-1.001.922l3.426 3.721a.68.68 0 0 0 .981.021l8.668-8.645a.68.68 0 0 0 .002-.963z" fill="%23464646"/&gt;&lt;path d="M20.35 11.423a.68.68 0 0 0-.68.681c0 4.23-3.44 7.67-7.67 7.67-4.229 0-7.67-3.44-7.67-7.67 0-4.229 3.441-7.67 7.67-7.67a.68.68 0 1 0 0-1.36c-4.98 0-9.03 4.05-9.03 9.03 0 4.98 4.05 9.031 9.03 9.031 4.98 0 9.031-4.051 9.031-9.03a.68.68 0 0 0-.68-.682z" fill="%23464646"/&gt;&lt;/svg&gt;');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 4px;
}

.page-subscription-detail__details-subscription-payment-method {
}

.page-subscription-detail__details-subscription-payment-method-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    padding: 0;
    margin-top: 0;
    margin-bottom: 8px;
}

.page-subscription-detail__details-subscription-payment-method .app-dropdown .app-dropdown-button i {
    width: 24px;
    height: 25px;
    background-image: url('data:image/svg+xml;charset=UTF-8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"&gt;&lt;mask id="kjaf7wvrwa" maskUnits="userSpaceOnUse" x=".532" y="3.7" width="22" height="16" fill="%23000"&gt;&lt;path fill="%23fff" d="M.532 3.7h22v16h-22z"/&gt;&lt;path d="M21.957 6.767A2.063 2.063 0 0 0 19.894 4.7H3.595a2.063 2.063 0 0 0-2.063 2.067V16.93c0 1.143.922 2.067 2.063 2.067h16.299a2.063 2.063 0 0 0 2.063-2.067V6.767zM3.58 5.459h16.29c.72 0 1.288.57 1.288 1.29v.65H2.29v-.65c0-.72.568-1.29 1.289-1.29zm17.578 2.7v2.108H2.29V8.158h18.867zm-1.289 10.037H3.578a1.28 1.28 0 0 1-1.288-1.29v-5.88h18.867v5.88a1.28 1.28 0 0 1-1.289 1.29z"/&gt;&lt;/mask&gt;&lt;path d="M21.957 6.767A2.063 2.063 0 0 0 19.894 4.7H3.595a2.063 2.063 0 0 0-2.063 2.067V16.93c0 1.143.922 2.067 2.063 2.067h16.299a2.063 2.063 0 0 0 2.063-2.067V6.767zM3.58 5.459h16.29c.72 0 1.288.57 1.288 1.29v.65H2.29v-.65c0-.72.568-1.29 1.289-1.29zm17.578 2.7v2.108H2.29V8.158h18.867zm-1.289 10.037H3.578a1.28 1.28 0 0 1-1.288-1.29v-5.88h18.867v5.88a1.28 1.28 0 0 1-1.289 1.29z" fill="%23464646"/&gt;&lt;mask id="uupvm5xr1b" maskUnits="userSpaceOnUse" x="3.033" y="11.507" width="8" height="6" fill="%23000"&gt;&lt;path fill="%23fff" d="M3.033 11.507h8v6h-8z"/&gt;&lt;path d="M8.329 12.507c-.404 0-.783.118-1.104.316-.32-.202-.699-.316-1.103-.316a2.093 2.093 0 0 0 0 4.184c.404 0 .783-.118 1.103-.316.32.202.7.316 1.104.316a2.093 2.093 0 0 0 0-4.184zm-1.104 2.834a1.321 1.321 0 0 1 0-1.484 1.322 1.322 0 0 1 0 1.484zM4.787 14.6a1.335 1.335 0 0 1 1.849-1.227c-.253.346-.4.767-.4 1.227 0 .46.147.881.4 1.227-.16.068-.333.106-.518.106-.733 0-1.331-.6-1.331-1.333zm3.542 1.333c-.185 0-.358-.038-.518-.106.253-.346.4-.767.4-1.227 0-.46-.147-.881-.4-1.227.16-.068.333-.106.518-.106.733 0 1.33.6 1.33 1.333 0 .734-.597 1.333-1.33 1.333z"/&gt;&lt;/mask&gt;&lt;path d="M8.329 12.507c-.404 0-.783.118-1.104.316-.32-.202-.699-.316-1.103-.316a2.093 2.093 0 0 0 0 4.184c.404 0 .783-.118 1.103-.316.32.202.7.316 1.104.316a2.093 2.093 0 0 0 0-4.184zm-1.104 2.834a1.321 1.321 0 0 1 0-1.484 1.322 1.322 0 0 1 0 1.484zM4.787 14.6a1.335 1.335 0 0 1 1.849-1.227c-.253.346-.4.767-.4 1.227 0 .46.147.881.4 1.227-.16.068-.333.106-.518.106-.733 0-1.331-.6-1.331-1.333zm3.542 1.333c-.185 0-.358-.038-.518-.106.253-.346.4-.767.4-1.227 0-.46-.147-.881-.4-1.227.16-.068.333-.106.518-.106.733 0 1.33.6 1.33 1.333 0 .734-.597 1.333-1.33 1.333z" fill="%23464646"/&gt;&lt;/svg&gt;');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 4px;
}

.page-subscription-detail__details-order-summary {
    position: relative;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
    padding: 24px;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.page-subscription-detail__details-order-summary-title {
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    top: -10px;
    left: 20px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    text-align: left;
    letter-spacing: -0.2px;
    background-color: #FFF;
    color: #333;
    padding: 0 4px;
    margin: 0;
}

.page-subscription-detail__details-order-summary-list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-subscription-detail__details-order-summary-list-item {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.19px;
    text-align: left;
    color: #333;
    padding: 16px 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

    .page-subscription-detail__details-order-summary-list-item a,
    .page-subscription-detail__details-order-summary-list-item a:hover {
        color: #333;
        text-decoration: underline;
    }

    .page-subscription-detail__details-order-summary-list-item span {
        color: #333;
    }

.page-subscription-detail__details-order-summary-list-item--order-complete {
    float: right;
    font-weight: bold;
}

.page-subscription-detail__details-order-summary-list-item--order-waiting {
    float: right;
    color: #c7c7c7;
}

.page-subscription-detail__details-subscription-new-button {
    display: flex;
    float: right;
    cursor: pointer;
}

    .page-subscription-detail__details-subscription-new-button i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"&gt;&lt;path d="M9.447 3.438h1.316c.117 0 .175.049.175.148v13.037c0 .098-.058.148-.175.148H9.447c-.117 0-.176-.05-.176-.148V3.586c0-.1.059-.148.176-.148z" fill="%23000"/&gt;&lt;path d="M3.594 9.271h13.024c.103 0 .155.058.155.175v1.316c0 .117-.052.176-.155.176H3.594c-.103 0-.155-.059-.155-.176V9.446c0-.117.052-.175.155-.175z" fill="%23000"/&gt;&lt;/svg&gt;');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 4px;
    }

.page-subscription-detail__details-subscription-save-button {
    height: 48px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    background-color: #0063c4;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

    .page-subscription-detail__details-subscription-save-button:hover {
        background-color: rgba(0, 99, 196, 0.9);
    }

.page-subscription-detail__details-subscription-cancel-button {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #444;
    margin-top: 40px;
}

    .page-subscription-detail__details-subscription-cancel-button:hover {
        color: #444;
        text-decoration: underline;
    }


.page-subscription-detail__cancel-popup-header {
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: normal;
    text-align: center;
    color: #333;
}

.page-subscription-detail__cancel-popup-body {
    display: flex;
    gap: 24px;
    flex-direction: inherit;
}

.page-subscription-detail__cancel-popup-body-content {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: rgba(21, 25, 32, 0.75);
}

.page-subscription-detail__cancel-popup-body-alert {
    display: none;
    border-radius: 4px;
    line-height: 20px;
    background-color: rgb(255, 77, 77);
    color: #FFFFFF;
    font-weight: 500;
    padding: 12px 16px;
    font-size: 14px;
}

    .page-subscription-detail__cancel-popup-body-alert.active {
        display: block;
    }

.page-subscription-detail__cancel-popup-body-why {
}

.page-subscription-detail__cancel-popup-body-why-title {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: rgba(21, 25, 32, 0.75);
    margin-bottom: 16px;
}

.page-subscription-detail__cancel-popup-body-why-options {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: normal;
    text-align: left;
    color: #464646;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

    .page-subscription-detail__cancel-popup-body-why-options li {
        display: flex;
        gap: 8px;
        cursor: pointer;
    }

    .page-subscription-detail__cancel-popup-body-why-options i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 14px;
        height: 14px;
        border: solid 1px rgba(34, 34, 34, 0.3);
        background-color: #fff;
        border-radius: 99px;
        cursor: pointer;
    }

    .page-subscription-detail__cancel-popup-body-why-options li:hover &gt; i {
        border: solid 1px rgba(34, 34, 34, 0.7);
    }

    .page-subscription-detail__cancel-popup-body-why-options li.selected &gt; i {
        border: solid 1px rgba(205, 205, 205, 0.3);
        background-color: #cdcdcd;
    }

        .page-subscription-detail__cancel-popup-body-why-options li.selected &gt; i:before {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            background-color: #0058ac;
            border-radius: 99px;
        }

.page-subscription-detail__cancel-popup-footer {
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}

.page-subscription-detail__cancel-popup-save-button {
    height: 48px;
    align-self: stretch;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    background-color: #FFFFFF;
    border: solid 1px #444;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

    .page-subscription-detail__cancel-popup-save-button:hover {
        border: 1px solid #000;
        color: #000;
    }

.page-subscription-detail__cancel-popup-close-button {
    height: 48px;
    align-self: stretch;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    background-color: #0063c4;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
}

    .page-subscription-detail__cancel-popup-close-button:hover {
        background-color: rgba(0, 99, 196, 0.9);
    }
/*#endregion*/


/* ---------------------------------------- GLOBALS --------------------------------------- */

/*#region Overlay */

#app-overlay {
    display: none;
    width: auto;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999990;
    background: rgba(0, 0, 0, 0.3);
}

    #app-overlay.active {
        display: block;
    }

/*#endregion */

/*#region Toast */

#app-toast {
    position: fixed;
    top: 25px;
    right: 25px;
    width: 270px;
    background-color: #fff;
    padding: 20px 12px 22px 8px;
    justify-content: space-between;
    border-radius: 4px;
    transform: translateX(calc(100% + 25px));
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    box-shadow: 0 0 8px 0 rgba(20, 19, 19, 0.35);
    z-index: 999999995;
}

    #app-toast.active {
        transform: translateX(0);
    }

    #app-toast .app-toast-inner .app-toast-row {
        display: flex;
        flex-direction: row;
        flex-grow: 0;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }

        #app-toast .app-toast-inner .app-toast-row .app-toast-icon {
            width: 22px;
            height: 22px;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-grow: 0;
            border-radius: 99px;
        }

            #app-toast .app-toast-inner .app-toast-row .app-toast-icon .app-toast-icon-img {
                width: 22px;
                height: 22px;
                background-size: 14px 14px;
                background-repeat: no-repeat;
                background-position: center;
            }

        #app-toast .app-toast-inner .app-toast-row .app-toast-message {
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.18px;
            text-align: left;
            color: #333;
        }

    #app-toast .app-toast-close {
        position: absolute;
        right: -10px;
        top: -10px;
        width: 20px;
        height: 20px;
        flex-grow: 0;
        background-color: #dfe3ec;
        border-radius: 50px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        display: flex;
        box-shadow: 0 4px 6px 0 rgba(52, 48, 48, 0.15);
    }

        #app-toast .app-toast-close .app-toast-icon-close {
            width: 10px;
            height: 10px;
            background-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" fill="none"&gt;&lt;path d="M5.891 5L8.565 7.674a.63.63 0 1 1-.891.891L5 5.891 2.326 8.565a.63.63 0 1 1-.891-.891L4.109 5 1.435 2.326a.63.63 0 1 1 .891-.891L5 4.109 7.674 1.435a.63.63 0 1 1 .891.891L5.891 5z" fill="%230f3665"/&gt;&lt;/svg&gt;');
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            cursor: pointer;
        }

    /* Status: Warning */
    #app-toast .app-toast-inner .app-toast-row .app-toast-icon.app-toast-status-warning {
        background-color: rgba(240, 68, 56, 0.2);
    }

        #app-toast .app-toast-inner .app-toast-row .app-toast-icon.app-toast-status-warning .app-toast-icon-img {
            background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2214%22 height=%2214%22 viewBox=%220 0 14 14%22 fill=%22none%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.415 5.25a.584.584 0 0 1 1.167 0v2.333a.584.584 0 0 1-1.167 0V5.25zm0 4.083a.584.584 0 1 1 1.167 0 .584.584 0 0 1-1.167 0zm5.754 1.373c-.133.236-.393.377-.695.377H2.523c-.302 0-.562-.14-.695-.377a.567.567 0 0 1 .01-.593l4.474-7.42c.273-.45 1.1-.45 1.372 0l4.476 7.42a.568.568 0 0 1 .01.593zm.99-1.196L8.683 2.09c-.349-.578-.979-.923-1.685-.923-.706 0-1.336.345-1.684.924L.838 9.51a1.734 1.734 0 0 0-.027 1.768c.338.6.994.971 1.712.971h8.95c.719 0 1.374-.371 1.713-.97a1.734 1.734 0 0 0-.027-1.77z%22 fill=%22%23231F20%22/%3E%3Cmask id=%224nhwpykoia%22 style=%22mask-type:luminance%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%221%22 width=%2214%22 height=%2212%22%3E%3Cpath fill-rule=%22evenodd%22 clip-rule=%22evenodd%22 d=%22M6.415 5.25a.584.584 0 0 1 1.167 0v2.333a.584.584 0 0 1-1.167 0V5.25zm0 4.083a.584.584 0 1 1 1.167 0 .584.584 0 0 1-1.167 0zm5.754 1.373c-.133.236-.393.377-.695.377H2.523c-.302 0-.562-.14-.695-.377a.567.567 0 0 1 .01-.593l4.474-7.42c.273-.45 1.1-.45 1.372 0l4.476 7.42a.568.568 0 0 1 .01.593zm.99-1.196L8.683 2.09c-.349-.578-.979-.923-1.685-.923-.706 0-1.336.345-1.684.924L.838 9.51a1.734 1.734 0 0 0-.027 1.768c.338.6.994.971 1.712.971h8.95c.719 0 1.374-.371 1.713-.97a1.734 1.734 0 0 0-.027-1.77z%22 fill=%22%23fff%22/%3E%3C/mask%3E%3Cg mask=%22url(%234nhwpykoia)%22%3E%3Cpath fill=%22%23ED3D31%22 d=%22M0 0h14v14H0z%22/%3E%3C/g%3E%3C/svg%3E');
        }

/*#endregion */

/*#region Dropdown */

.app-dropdown {
    position: relative;
}

    .app-dropdown .app-dropdown-button {
        display: flex;
        align-items: center;
        width: 100%;
        height: 48px;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 0 10px;
        color: #464646;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-select-down.svg) no-repeat calc(100% - 10px) center;
        box-sizing: border-box;
        font-family: 'Open Sans', sans-serif;
        cursor: pointer;
    }

        .app-dropdown .app-dropdown-button:hover {
            border-color: #999;
        }

    .app-dropdown.active .app-dropdown-button:hover {
        border: 1px solid #ccc;
    }

    .app-dropdown.active .app-dropdown-button {
        background-color: rgba(204, 204, 204, 0.25);
        border-radius: 4px 4px 0 0;
    }

    .app-dropdown .app-dropdown-button span {
        text-overflow: ellipsis;
        width: calc(100% - 50px);
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

    .app-dropdown .app-dropdown-list {
        max-height: 243px;
        height: max-content;
        overflow-y: auto;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: calc(100% - 2px);
        z-index: 1;
        background-color: #ffffff;
        border-radius: 0 0 4px 4px;
        margin: 0;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
    }

    .app-dropdown.active .app-dropdown-list {
        display: block;
        box-shadow: 0 4px 15px 0 rgba(63, 59, 59, 0.12);
    }

    .app-dropdown .app-dropdown-list li {
        border-top: 1px solid #ccc;
        padding: 14px 8px;
        display: flex;
        align-items: center;
        font-size: 14px;
        position: relative;
        background-color: #ffffff;
        font-family: 'Open Sans',sans-serif;
        cursor: pointer;
    }

        .app-dropdown .app-dropdown-list li:hover {
            background-color: #f1faff;
        }

        .app-dropdown .app-dropdown-list li.selected {
            background-color: #f1faff;
        }

            .app-dropdown .app-dropdown-list li.selected:before {
                content: "";
                position: absolute;
                top: 50%;
                right: 10px;
                transform: translateY(-50%);
                background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon-variant-check.svg") no-repeat;
                width: 20px;
                height: 20px;
            }

        .app-dropdown .app-dropdown-list li:first-child {
            border: none;
        }

        .app-dropdown .app-dropdown-list li.remove {
            display: none;
        }

        .app-dropdown .app-dropdown-list li img {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 10px;
        }

/*#endregion */

/*#region Popup */

.app-popup {
    display: none;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999991;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(52, 64, 84, 0.7);
}

    .app-popup.active {
        display: flex;
    }

.app-popup-container {
    width: calc(500px - 48px);
    height: auto;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-grow: 0;
    gap: 24px;
    box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.04), 0 20px 24px -4px rgba(16, 24, 40, 0.1);
    background-color: #FFFFFF;
}

/*#endregion */


.subscriptionOrderDetailBadge {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    margin-bottom: 10px;
}

    .subscriptionOrderDetailBadge .subscription-icon {
        width: 26px;
        height: 26px;
        background-image: url('data:image/svg+xml,&lt;svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"&gt;&lt;g clip-path="url(%23ymkaq95psa)" fill-rule="evenodd" clip-rule="evenodd" fill="%23006DDA"&gt;&lt;path d="m13.104 6.56-.038-.001c-.339 0-.573.275-.573.613 0 .334.13.605.64.612v.002c2.42.034 4.537 2.1 4.537 4.637 0 2.558-2.1 4.667-4.658 4.667-2.44 0-4.469-1.841-4.646-4.261h1.077l-1.662-2.764-1.662 2.763h1.02c.18 3.057 2.735 5.487 5.852 5.487 3.234 0 5.864-2.644 5.864-5.88.001-3.193-2.569-5.813-5.75-5.874V6.56z"/&gt;&lt;path d="M13.642 9.417a.533.533 0 0 0-.52-.536h-.112a.528.528 0 0 0-.514.536V12.5l-1.51 1.506a.58.58 0 0 0 0 .806.566.566 0 0 0 .805 0l1.667-1.668c.013-.014.023-.028.036-.04a.524.524 0 0 0 .148-.366V9.417z"/&gt;&lt;/g&gt;&lt;defs&gt;&lt;clipPath id="ymkaq95psa"&gt;&lt;path fill="%23006DDA" transform="translate(5.98 6.47)" d="M0 0h13v12H0z"/&gt;&lt;/clipPath&gt;&lt;/defs&gt;&lt;/svg&gt;');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
    }



.product-card-pop-up .app-dropdown .app-dropdown-button {
    width: 418px;
    height: 51px;
    flex-grow: 0;
    margin: 14px 0 0;
    padding: 13px 24px 14px;
    border-radius: 4px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ededed;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/down.png);
    background-repeat: no-repeat;
    background-position: right 24px center;
    background-color: #f3f3f3;
}

.product-card-pop-up .app-dropdown-button:hover {
    border: solid 1px #ededed;
}

.product-card-pop-up .app-dropdown-button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.product-card-pop-up .app-dropdown .app-dropdown-list {
    scrollbar-width: thin;
    scrollbar-color: #aaa #f0f0f0;
    overflow-y: auto;
    width: calc(100% - 16px);
    max-height: 200px;
}

    .product-card-pop-up .app-dropdown .app-dropdown-list li {
        max-width: none;
        flex-direction: row;
        padding: 8px;
    }

        .product-card-pop-up .app-dropdown .app-dropdown-list li .period-preferred {
            font-weight: bold;
            color: #003770;
            margin-left: 4px;
        }


.sub-variant-item[data-variant-discount-badge="True"]::before {
    content: none;
}

.variantDiscountBadge::after {
    content: attr(data-badge);
    height: 14px;
    width: 100px;
    flex-grow: 0;
    padding: 6px;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00a13a;
    border-radius: 4px;
    border: solid 1px #00a13a;
    position: absolute;
    right: 40px;
    top: 8px;
    z-index: 1;
    text-align: center;
}

.payment-alert-info-subscription .payment-alert-info p {
    padding: 0 15px 15px 15px;
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.payment-alert-info-subscription .payment-alert-info span {
    display: flex;
    padding: 15px 0 0px 15px;
    font-size: 14px;
    font-weight: 700;
    color: #0061C5;
    font-family: 'Open Sans';
    align-items: center;
}
.payment-alert-info-subscription .payment-alert-info {
    width: 367px;
    background-color: #f1f5fe;
    color: #464646;
    border-radius: 5px;
    margin-top: 6px;
    position: absolute;
    top: 80px;
    right: 10px;
}

.tab-container {
    display: flex;
    border-bottom: 2px solid #ddd;
    margin-bottom: 12px;
}

.tab-option {
    flex: 1;
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
    background-color: white;
    font-family: 'OpenSans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #777;
}

    .tab-option.active {
        color: #0058ac;
        border-bottom: 4px solid #0058ac;
    }

        .tab-option:hover,
        .tab-option:active,
        .tab-option.active:hover,
        .tab-option.active:active {
            background-color: white !important;
        }


.login-form-border, .register-form-border, .forgot-form-border {
    border-radius: 10px;
    background-color: #fff;
    padding: 48px 62px !important;
    box-shadow: 0 0 25px 0 rgba(180, 180, 180, 0.25);
}

    .login-form-border.no-shadow, .register-form-border.no-shadow {
        box-shadow: none;
    }

.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    stroke-width: 0;
    stroke: currentColor;
    /*fill: currentColor;*/
    vertical-align: top;
    margin-top: -1px;
}

.ico-arrow {
    margin-top: 5px;
    height: 13px;
    margin-left: 4px;
}

svg {
    fill: #FFF;
}

.cleanbutton {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.cfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.cfix {
    display: inline-block;
}

html[xmlns] .cfix {
    display: block;
}

* html .cfix {
    height: 1%;
}

.cleft {
    clear: left;
}

.cright {
    clear: right;
}

.cboth {
    clear: both;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.aleft {
    text-align: left;
}

.aright {
    text-align: right;
}

.acenter {
    text-align: center;
}

.ajustify {
    text-align: justify;
}

.vtop {
    vertical-align: top;
}

.vcenter {
    vertical-align: middle;
}

.vbottom {
    vertical-align: baseline;
}

.inv_left_panel {
    vertical-align: top;
}

.fit_finder {
    display: block;
    height: 148px;
    margin-bottom: 15px;
    position: relative;
    width: 198px;
    background: #fff;
    border: 1px solid #CCC;
    cursor: pointer;
}

.ft_fndr_1 span {
    display: block;
    font-family: Arial;
    font-weight: 700;
    font-size: 12px;
    color: #f73d04;
}

.ft_fndr_1 {
    font-family: Arial;
    font-weight: 400;
    font-size: 24px;
    color: #4f88c0;
    line-height: 17px;
    position: absolute;
    top: 25px;
    left: 10px;
}

.ft_fndr_2 p {
    font-family: verdana;
    font-weight: 400;
    font-size: 11px;
    color: #555;
    position: absolute;
    bottom: 0;
    left: 10px;
    line-height: 17px;
}

    .ft_fndr_2 p span {
        font-family: verdana;
        font-weight: 400;
        font-size: 12px;
        color: #ff6000;
    }

    .ft_fndr_2 p strong {
        font-family: verdana;
        font-weight: 700;
        font-size: 12px;
        color: #646464;
    }

.left_pane {
    float: left;
}

.kategori_sec {
    padding-top: 5px;
}

.detayli_arama {
    background: #f3f3f3;
    height: 173px;
}

    .detayli_arama label {
        float: none;
        font: normal 10px arial;
        color: #525252;
        padding: 0;
        margin-left: 10px;
    }

    .detayli_arama select {
        width: 180px;
        height: 22px;
        padding: 0;
        margin-left: 10px;
        margin-bottom: 5px;
        font-size: 11px;
    }

.detayli_arama_baslik {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/user_login.png) top left repeat-x;
    padding: 8px 0;
}

    .detayli_arama_baslik span {
        font: bold 12px arial;
        color: #fff;
    }

    .detayli_arama_baslik img {
        padding: 0 5px 0 10px;
    }

.detayli_arama_input {
    margin-left: 5px;
    padding-bottom: 10px;
}

    .detayli_arama_input a {
        font: bold 13px arial;
        color: #fff;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/search_buton_bg_2.png) top left repeat-x;
        display: block;
        float: right;
        width: 26px;
        margin-top: 6px;
        margin-right: 8px;
        padding: 3px 11px;
    }

        .detayli_arama_input a:hover {
            color: #fff;
        }

    .detayli_arama_input input {
        width: 120px;
        padding: 0 3px;
        margin-left: 6px;
        height: 20px;
        margin-bottom: 0;
        font-size: 11px;
        margin-top: 6px;
    }

.inv_content_panel {
    vertical-align: top;
}

.inv_right_panel {
    width: 180px;
    vertical-align: top;
    padding-left: 15px;
}

.in_header {
    position: relative;
    display: block;
}

.in_footer {
    position: relative;
    display: block;
}

.inv_login {
    padding: 10px;
    background: #f5f5f5;
}

    .inv_login table {
        background: #fff;
    }

.in_header .header-banner {
    position: absolute;
    left: 318px;
    top: 28px;
}

.in_header .custemer-service {
    left: 403px;
    position: absolute;
    top: 42px;
}

.in_header .user-menu a {
    text-decoration: none;
    color: #333;
    font-size: 11px;
}

    .in_header .user-menu a:hover {
        text-decoration: underline;
    }

.in_header .content-menu {
    position: absolute;
    right: -5px;
    top: 0;
    padding: 8px 0;
}

    .in_header .content-menu a img {
        margin: 0;
    }

    .in_header .content-menu a.content_menu_link {
        margin: 0 3px;
        font: bold 11px arial;
        color: #d7d7d7;
        padding-right: 2px;
    }

    .in_header .content-menu a:hover {
        text-decoration: none;
        color: #fff;
    }

.fittest a {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ffbg.jpg) repeat-x 0 3px transparent;
    padding-left: 5px;
}

    .fittest a:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ffbg2.jpg) repeat-x 0 3px transparent;
    }

    .fittest a span {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/fittest.png) no-repeat scroll left top transparent;
        display: inline-block;
        margin-top: -4px;
        padding-top: 4px;
        padding-left: 20px;
    }

    .fittest a:hover span {
        color: #fff;
    }

    .fittest a.selected span {
        color: #fff;
    }

.bodyforumtr span {
    color: #5495ed;
}

.bodyforumtr:hover span {
    color: #fff;
}

.left-menu {
    margin: 0;
    display: block;
    position: relative;
}

    .left-menu a {
        font-weight: 700;
        color: #666;
        text-decoration: none;
        display: block;
        padding: 10px;
        background: #eee;
        outline: 0;
    }

        .left-menu a.selected {
            background: #fff;
            color: #f73d04;
        }

.sub-block-2 img {
    position: absolute;
    top: 16px;
    left: 127px;
}

.sub-block-2 ul li {
    padding: 2px 0;
}

    .sub-block-2 ul li a {
        color: #333;
        font: normal 11px arial;
        padding: 5px 10px;
        display: block;
    }

ul li a:hover {
    text-decoration: none;
    color: #92b7e0;
}

.in_footer .container {
    width: 990px;
    background: #042f62 url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ftr.png) top left repeat-x;
}

.in_footer .in_wrapper {
    min-height: 330px;
    padding-bottom: 20px;
}

.filter.menufilter.category-menu li {
    padding: 0;
}

.in_footer a {
    text-decoration: none;
}

.in_footer .copyright {
    font: normal 11px Verdana,Geneva,sans-serif;
    padding: 15px 0 0;
}

    .in_footer .copyright a {
        text-decoration: underline;
        color: #e61213;
    }

        .in_footer .copyright a:hover {
            text-decoration: none;
        }

.footer_1 {
    margin: 0 auto;
    display: block;
    width: 100%;
}

    .footer_1 td {
        padding: 9px;
    }

.footer_links {
    width: 135px;
    float: left;
    padding: 15px 0;
    margin-left: 0;
}

    .footer_links.footer_categories {
        width: 96%;
    }

        .footer_links.footer_categories ul {
            float: left;
        }

            .footer_links.footer_categories ul li {
                float: left;
            }

    .footer_links ul li a {
        padding: 0;
        display: inline-block;
        font: normal 11px/20px arial !important;
    }

.footer_head {
    padding: 14px 0;
    font: bold 14px arial;
    color: #fff;
    padding-bottom: 6px;
    display: block;
    border-bottom: 1px solid #47678f;
    margin-right: 25px;
    margin-bottom: 10px;
}

.e-bulten {
    float: left;
    width: 200px;
}

.newsletter {
    padding-bottom: 25px;
}

    .newsletter input[type="submit"] {
        font: bold 12px arial;
        color: #fff;
        margin: 0;
        float: none;
        padding: 5px 7px;
        background: #f73d04;
    }

    .newsletter input[type="button"] {
        font: bold 12px arial;
        color: #fff;
        margin: 0;
        float: none;
        padding: 5px 7px;
        background: #f73d04;
    }

    .newsletter input[type=text] {
        border: 1px solid #417ec2;
        padding: 3px 5px;
        margin: 0;
        font: normal 11px arial;
        color: #333;
        border-right: 0;
        width: 135px;
    }

    .newsletter p {
        font: normal 11px arial;
        color: #d7d7d7;
        padding-top: 10px;
    }

.social_sharing_space li a {
    float: left;
    padding-right: 5px;
}

.footer_bottom {
    clear: both;
    padding: 5px 0;
    width: 960px;
    margin: 0 auto;
}

.facebook_like_box {
    border: 0;
    float: right;
    overflow: hidden;
    margin: 28px;
    margin-left: 0;
}

.fb-like-box {
    margin-left: -2px;
    margin-top: -2px;
}

.newsletter {
    padding-bottom: 0;
    overflow: hidden;
}

.in_footer {
    background: none repeat scroll 0 0 #123e73;
    margin: 0 auto;
    width: 990px;
}

.in_sign {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 10px;
}

.footerbase {
    text-align: center;
    font: normal 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #999;
    background: #ddd;
    margin: 0 auto;
    width: 990px;
    padding: 10px 0;
    float: none;
}

.footer_brands {
    width: 970px;
    height: 40px;
    overflow: hidden;
    padding: 10px;
    margin: 10px auto 0;
    position: relative;
    padding-bottom: 25px;
}

    .footer_brands ul li {
        float: left;
    }

.module-content {
    position: relative;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
}

.productgrouplist-module .module-content {
    padding-bottom: 0;
    padding-top: 0;
}

.categoryfilter-module .module-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0;
}

.categoriesmenu-module .module-content {
    border-top: 0;
    padding: 0;
}

.contentmenu-module .module-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 0;
}

.htmlcontent-module .module-content {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 20px;
}

.module-separator {
    line-height: 15px;
}

.dmt {
    position: relative;
    font: bold 16px arial;
    color: #003d7a;
    padding: 6px;
    display: block;
    text-align: left;
    letter-spacing: -1px;
}

.dmt2 {
    position: relative;
    font: bold 14px arial;
    color: #003d7a;
    padding: 7px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/dmt2_bg.png) bottom left repeat-x;
    display: block;
    text-align: center;
}

    .dmt2 span {
        font-size: 12px;
    }

.categoryfilter-module {
    display: block;
    width: 100%;
}

    .categoryfilter-module a {
        color: #333;
        text-decoration: none;
        display: block;
        font: bold 12px arial;
        padding: 5px 0 5px 30px;
    }

        .categoryfilter-module a:hover {
            text-decoration: none;
            color: #f73d04;
            background: #eee;
        }

        .categoryfilter-module a.filter-group-name {
            color: #fff;
            text-decoration: none;
            display: block;
            font: bold 13px arial;
            padding: 5px 0 5px 20px;
            background: #999;
        }

            .categoryfilter-module a.filter-group-name:hover {
                text-decoration: none;
                color: #fff;
                background: #777;
            }

.menu .menu-item {
    position: relative;
    color: #111;
}

    .menu .menu-item a {
        display: inline-block;
        padding: 5px 0;
        color: #111;
        text-decoration: none;
        padding-left: 25px;
    }

        .menu .menu-item a:hover {
            text-decoration: underline;
            color: #e61213;
        }

        .menu .menu-item a.selected {
            font-weight: 700;
        }

        .menu .menu-item a.sub1, .menu .menu-item a.sub2, .menu .menu-item a.sub3, .menu .menu-item a.sub4, .menu .menu-item a.sub5 {
            font-size: 12px;
            color: #333;
            padding-left: 25px;
        }

        .menu .menu-item a.sub1 {
            margin-left: 10px;
        }

        .menu .menu-item a.sub2 {
            margin-left: 20px;
        }

        .menu .menu-item a.sub3 {
            margin-left: 30px;
        }

        .menu .menu-item a.sub4 {
            margin-left: 40px;
        }

        .menu .menu-item a.sub5 {
            margin-left: 50px;
        }

.path p {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-width: 1px 0;
    font: normal 11px arial;
    margin-bottom: 15px;
}

.product-list {
    width: 100%;
    /* margin-top: 10px;*/
}

.product-wrapper {
    padding-bottom: 45px;
}

.product-list-item {
    vertical-align: top;
}

    .product-list-item td {
        vertical-align: top;
    }

.product {
    border: 1px solid #eee;
    border-left: 0;
    border-top: 0;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 5px 0;
    position: relative;
    z-index: 1;
    min-height: 340px;
    width: 188px;
}

    .product:hover {
        border-bottom-color: #13467e;
        z-index: 2;
    }

.star {
    display: inline;
    float: none;
}

.ratescore {
    display: inline;
    float: left;
    font: bold 11px/26px arial;
    color: #f73d04;
}

.product-names {
    min-height: 38px;
    clear: both;
    overflow: hidden;
}

.product-image {
    position: relative;
    display: block;
    margin: 10px auto;
    text-align: center;
    height: 160px;
}

.product-image-productcard {
    position: relative;
    display: block;
    margin: 10px auto;
    padding-top: 25px;
    text-align: center;
    height: 160px;
}

    .product-image-productcard img {
        max-height: 145px;
    }

.product-image img {
    max-height: 150px;
}

.product-image span {
    display: block;
    cursor: pointer;
    text-align: center;
}

.product-name {
    overflow: hidden;
    max-height: 38px;
    text-decoration: none;
    text-align: center;
    display: block;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    font-family: helvetica, arial !important;
    color: rgb(70, 70, 70);
    margin-top: 14px;
    margin-bottom: 10px;
    letter-spacing: -0.22px;
    line-height: 19px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    padding: 0 10px;
    min-height: 38px;
}

    .product-name:hover {
        color: rgb(17, 17, 17);
        text-decoration: none;
    }

.product-info {
    display: block;
    color: #777;
    font: normal 11px arial;
    padding-bottom: 5px;
    text-align: center;
}

.product-price-productbox {
    color: rgb(70, 70, 70);
    font-size: 22px;
    font-weight: bold;
    font-family: helvetica, arial;
    text-align: center;
    display: block;
    line-height: 36px;
    position: relative;
    display: inline-block;
    width: 90%;
    height: 100%;
    letter-spacing: -0.01px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: '..'; /*if you see two dot at the end of price that means price does not fit the area you shold minimize text :)*/
}

.product-price {
    color: rgb(70, 70, 70);
    font-size: 22px;
    font-weight: bold;
    font-family: helvetica, arial;
    text-align: center;
    display: block;
    line-height: 18px;
}

    .product-price span {
        text-decoration: line-through;
        color: #bdbdbd;
        display: block;
    }

.product-price-productbox span {
    text-decoration: line-through;
    color: #bdbdbd;
    display: block;
}

.product-price em {
    color: #f73d04;
    display: none;
}

.product-original-price {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    color: #6a6a6a;
    position: relative;
}

p.product-original-price:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #6a6a6a;
    left: 0;
    top: 6px;
}

.product-earn {
    display: block;
    font: normal 11px arial;
}

.product-rating {
    position: relative;
    z-index: 2;
}

.product-icon div {
    margin: 2px;
    display: inline;
}

a, a:focus {
    outline: none !important;
}

.buton.add-to-cart {
    width: 116px;
    height: 32px;
    overflow: hidden;
    text-indent: -1000px;
    position: absolute;
    top: 156px;
    left: 30px;
    z-index: 1;
}

.paging a {
    display: inline-block;
    border: 0;
    margin-left: 4px;
    font: bold 11px arial,Verdana,Geneva,sans-serif;
    color: #333;
    text-decoration: none;
}

    .paging a span {
        display: inline-block;
        padding: 5px 9px 7px;
        cursor: pointer;
    }

    .paging a.selected {
        font-weight: 700;
        border: 0;
        background: /*url(images/paging-select-bg.png)*/ no-repeat;
        color: #fff;
    }

    .paging a:hover {
        text-decoration: none;
        border-color: #aaa;
    }

    .paging a.selected:hover {
        text-decoration: none;
        border-color: #e61213;
    }

.paging .first span {
    background: /*url(/skins/shared/images/paging-first.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.paging .last span {
    background: /*url(/skins/shared/images/paging-last.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.paging .previous span {
    background: /*url(/skins/shared/images/paging-previous.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.paging .next span {
    background: /*url(/skins/shared/images/paging-next.gif)*/ center center no-repeat;
    padding: 3px 6px;
}

.row.inv_content_table {
    margin: 0;
}

.customer-recurringorders {
    margin: 0 0px !important;
}

.customer-preorders {
    margin: 0 0px !important;
}

    .customer-preorders .custom-fitmoda-menu {
        margin-left: 15px !important;
    }


.inv_content_table .span2 {
    margin-left: 0;
    width: 175px;
}

.categoriesmenu-module .menu {
    position: relative;
}

.login_space {
    width: 200px;
    float: right;
    position: relative;
    background: #113f72;
}

    .login_space .user_login_head {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/user_login.png) top left repeat-x;
        padding-top: 9px;
        padding-bottom: 5px;
    }

.user_login_head span {
    position: absolute;
    left: 15px;
    top: 10px;
}

.user_login_head strong {
    font: bold 12px Arial;
    color: #fff;
    vertical-align: middle;
    padding-left: 35px;
}

.user_login .user_name input {
    border: 1px solid #3f7bbe;
    width: 168px;
    padding: 2px 5px;
    margin: 15px 10px 10px;
    font-size: 11px;
    color: #999;
}

.user_login .user_password input {
    border: 1px solid #3f7bbe;
    width: 168px;
    padding: 2px 5px;
    margin: 0 10px 10px;
    font-size: 11px;
    color: #999;
}

.remember_me {
    padding-left: 13.6px;
    float: left;
    padding-bottom: 10px;
}

    .remember_me span {
        font: normal 10px arial;
        color: #fff;
    }

    .remember_me strong {
        display: block;
        font: normal 10px arial;
        color: #bbb;
        text-decoration: underline;
        line-height: 8px;
    }

    .remember_me a:hover strong {
        color: #fff;
        text-decoration: underline;
    }

    .remember_me input {
        margin: 0 6px 0 0;
        padding: 0;
    }

.sign_in a {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/buton_bg.png) top left repeat-x;
    padding: 4px 0;
}

.sign_in span {
    padding: 15px;
    font: bold 13px Arial;
    color: #0b69bb;
}

.sign_in a:hover span {
    color: #094b85;
}

.sign_in {
    padding-top: 5px;
    margin-right: 10px;
    float: right;
}

.quick_connect {
    width: 200px;
    float: right;
    position: relative;
    background: #062c56;
    padding-top: 15px;
    padding-bottom: 9px;
}

    .quick_connect .facebook_login a {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/buton_bg.png) top left repeat-x;
    }

.sing_up {
    float: left;
    padding-left: 10px;
}

.quick_connect .sing_up a {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/singup_bg.png) top left repeat-x;
    padding: 5px;
}

.quick_connect .sing_up span {
    font: bold 12px arial;
    color: #fff;
}

.quick_connect .facebook_login span {
    font: bold 12px arial;
    color: #0b69bb;
}

.quick_connect .facebook_login a {
    padding: 6px;
}

.quick_connect .facebook_login {
    float: right;
    padding-right: 5px;
}

    .quick_connect .facebook_login img {
        padding: 0 5px;
        vertical-align: middle;
        padding-bottom: 5px;
    }

.us_bottom {
    padding-top: 25px;
    padding-left: 10px;
    padding-bottom: 5px;
}

    .us_bottom span {
        font: normal 10px arial;
        color: #bbb;
    }

    .us_bottom a:hover span {
        color: #fff;
    }

.reklam {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/reklam_bg.png) top left no-repeat;
    width: 200px;
    height: 90px;
    float: right;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

.reklam_metni span {
    font: bold 9px arial;
    color: #062c56;
}

.reklam_metni strong {
    font: bold 45px arial;
    color: #062c56;
}

.reklam_metni em {
    display: block;
    font: bold 9px arial;
    color: #062c56;
}

.reklam_metni p {
    font: bold 9px arial;
    color: #062c56;
    line-height: 0;
}

.reklam_metni img {
    float: right;
    position: absolute;
    top: 9px;
    right: 0;
}

.reklam_metni {
    padding: 5px 0 0 10px;
}

.inv-tab-content {
    padding-top: 0;
    position: relative;
}

.inv-tab-container .productgrouplist-module {
    background: #fff;
    padding-top: 10px;
    margin-bottom: 0;
}

    .inv-tab-container .productgrouplist-module .next {
        right: -35px;
        top: 120px;
    }

    .inv-tab-container .productgrouplist-module .prev {
        left: -31px;
        top: 120px;
    }

    .inv-tab-container .productgrouplist-module .product {
        width: 100%;
        min-height: 340px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 340px !important;
    }

.invtabs-module {
    clear: both;
    position: relative;
}

.inv-tab-container {
    clear: both;
    position: relative;
}

.footer_brands .next {
    right: 5px;
    top: -3px;
}

.footer_brands .prev {
    left: 5px;
    top: -3px;
}

.invtabs-module ul.inv-tab-menu {
    margin: 0;
    border-radius: 6px 6px 0 0;
    float: left;
    list-style: none;
    width: 990px;
}

    .invtabs-module ul.inv-tab-menu li {
        width: 157px;
    }

.invtabs-module li {
    margin: 0;
    float: left;
    position: relative;
    padding: 0;
    width: 16.6666666666667%;
}

.jcarousel-skin-tango li {
    padding: 0;
}

.product-wrapper a.buton {
    padding: 0;
}

.inv-tab-menu li a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: block;
    outline: 0;
    padding: 14px 0;
    text-align: center;
    position: relative;
    text-decoration: none;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/menu_bg2.png) repeat scroll left bottom transparent;
}

.container {
    padding: 0 !important;
}

.inv-tab-menu li a em {
    color: #fd7201;
    display: inline;
    font: bold 10px arial;
    letter-spacing: 0;
    position: absolute;
    right: 12px;
    top: 3px;
}

.inv-tab-menu li.active a {
    color: #fd7201;
}

.invtabs-module li.active a:hover {
    text-decoration: none;
}

.inv-tab-content-small {
    padding-top: 0;
    position: relative;
}

.inv-tab-container-small {
    clear: both;
    position: relative;
    padding: 10px;
}

.invtabs-module-small {
    width: 100%;
    font: normal 11px arial;
    color: #777;
}

    .invtabs-module-small ul.inv-tab-menu-small {
        float: left;
        list-style: none outside none;
        margin: 0;
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #fff;
        background: #f5f5f5;
    }

    .invtabs-module-small li {
        display: inline;
        float: left;
        margin: 0;
        overflow: hidden;
        position: relative;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
        width: 84px;
        background: #f5f5f5;
    }

        .invtabs-module-small li.last {
            display: inline;
            float: left;
            margin: 0;
            overflow: hidden;
            position: relative;
            border-right: 0 solid #ddd;
            border-bottom: 1px solid #e5e5e5;
            text-align: center;
            width: 84px;
            background: #f5f5f5;
        }

        .invtabs-module-small li a {
            color: #006acd;
            outline: 0;
            position: relative;
            text-decoration: none;
        }

            .invtabs-module-small li a span {
                font: bold 10px arial;
                color: #03274e;
                padding: 5px;
            }

        .invtabs-module-small li.active {
            background: 0;
            background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/acttab2.png) repeat-x scroll left top transparent;
            border-bottom: 2px solid #5495ed;
        }

            .invtabs-module-small li.active a span {
                outline: 0;
                color: #03274e;
            }

            .invtabs-module-small li.active a:hover {
                text-decoration: none;
            }

.product-detail-left {
    width: 50%;
    float: left;
    position: relative;
}

.product-detail-right {
    width: 48%;
    float: right;
    margin-left: 2%;
    position: relative;
}

.pd-big-image {
    float: right;
    width: 80%;
    clear: both;
}

    .pd-big-image img {
        float: right;
        width: 100%;
        padding: 1px;
        border: 1px solid #ccc;
    }

.pd-small-images {
    float: left;
    width: 15%;
}

    .pd-small-images img {
        width: 100%;
        margin: 0 1px 5px;
        padding: 1px;
        border: 1px solid #ccc;
    }

.product-detail-bottom {
    margin-top: 15px;
}

.pd-info span {
    display: block;
    padding: 5px 0;
}

.pd-variant {
    border: 1px solid #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    margin: 10px 0;
}

.pd-variant-1 label {
    display: block;
    float: none;
}

.pd-variant-2 span {
    border: 1px solid #eee;
    padding: 4px 8px;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: top;
    display: block;
    float: left;
    background: #fff url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/input-bg.png) 0 0 repeat-x;
    border-radius: 4px;
}

    .pd-variant-2 span:hover {
        background: #fff url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/input-bg.png) 0 0 repeat-x;
        border-color: #d80000;
    }

.pd-variant-2 td {
    padding: 5px;
}

.normallist td {
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 5px;
}

.normallist2 td {
    vertical-align: middle;
    border: 1px solid #eee;
    padding: 5px;
    background: #fff;
}

.normallist th {
    vertical-align: middle;
    border: 1px solid #666;
    padding: 8px;
    background: #575b5d;
    color: #fff;
    font: bold 14px arial;
    text-align: center;
}

.normallist h4 {
    padding-left: 0;
    padding-bottom: 0;
}

.cart-total {
    width: 280px;
    float: right;
}

    .cart-total td {
        vertical-align: middle;
        border: 1px solid #ccc;
        padding: 5px;
        background: #efefef;
    }

.next {
    z-index: 5;
    position: absolute;
    top: 50px;
    right: 0;
    width: 34px;
    height: 68px;
    cursor: pointer;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-right.png) right center no-repeat;
    text-indent: -9999px;
}

    .next:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-right-hover.png) right center no-repeat;
    }

.prev {
    z-index: 5;
    position: absolute;
    top: 50px;
    left: 0;
    width: 34px;
    height: 68px;
    cursor: pointer;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-left.png) left center no-repeat;
    text-indent: -9999px;
}

    .prev:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-left-hover.png) left center no-repeat;
    }

.next.productslide {
    z-index: 5;
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    width: 34px;
    height: 60px;
    cursor: pointer;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-right2.png) right center no-repeat;
    text-indent: -9999px;
}

    .next.productslide:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-right2.png) right center no-repeat;
    }

.prev.productslide {
    z-index: 5;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 34px;
    height: 60px;
    cursor: pointer;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-left2.png) left center no-repeat;
    text-indent: -9999px;
}

    .prev.productslide:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slider-arrow-left2.png) left center no-repeat;
    }

.category-title {
    margin: 0;
    line-height: 100%;
    padding-bottom: 10px;
    color: #999;
}

.category-desc {
    color: #666;
    border-radius: 0 0 6px 6px;
}

.hidden {
    display: none;
}

.billingaddressTable {
    width: 66%;
    float: left;
}

.orderSummaryC2 {
    width: 26%;
    float: right;
}

.payMethodC3 {
    width: 65%;
    float: left;
}

a:hover {
    color: #92b7e0;
}

.topmenu-other-links {
    position: absolute;
    top: 8px;
    right: 300px;
    width: 205px;
}

.module-frame {
    margin-bottom: 10px;
}

.quick_connect {
    padding-top: 10px;
    margin-bottom: 10px;
}

.sing_up {
    float: none;
    display: block;
    padding: 0 10px;
    text-align: center;
    margin-top: 5px;
}

    .sing_up a {
        display: block;
    }

.quick_connect .facebook_login {
    float: none;
    padding: 0 10px;
}

    .quick_connect .facebook_login a {
        padding: 5px;
        display: block;
        text-align: center;
        height: 15px;
    }

.remember_me {
    padding-left: 11px;
    float: left;
    padding-bottom: 0;
    padding-top: 5px;
}

.sign_in a {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/buton_bg.png) top left repeat-x;
    padding: 5px 15px;
    text-align: center;
    font-weight: 700;
    font-family: Arial;
    line-height: 20px;
}

.label-head, .label-head4 {
    width: 100px;
    padding: 0;
    line-height: 30px;
    display: block;
    float: left;
}

.product-wrapper {
    padding-bottom: 0;
}

.reklam {
    margin-top: 0;
}

.login_space {
    padding-bottom: 10px;
}

.footer_bottom a {
    display: block;
}

.inv_left_panel .menufilter {
    border: 1px solid #e5e5e5;
    padding-top: 0;
    border-left: 0;
    border-top: 0;
    padding: 10px 0;
}

.slimScrollDiv {
    background: #fff;
}

.product-panel-center .slimScrollDiv {
    background: 0;
}

.slimScrollBar {
    cursor: pointer;
    background: #90b5e2 !important;
}

.inv_left_panel .menufilter a {
    padding: 8px 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.17;
    display: block;
    color: #323232;
}

.inv_left_panel .filter .item a.checkbox, .inv_left_panel .filter .item span.checkbox {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_no.png) left 5px no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    line-height: 140%;
    display: block;
    font-weight: bold;
    cursor: pointer;
}

.inv_left_panel .filter .item span.checkbox {
    margin-bottom: 5px;
}

.inv_left_panel .filter .item.active a.checkbox, .inv_left_panel .filter .item.active span.checkbox {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 5px no-repeat;
}

.inv_left_panel .filter .item a.checkbox:hover, .inv_left_panel .filter .item span.checkbox:hover {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 5px no-repeat;
}

a.group {
    display: block;
    padding: 8px 0 0 1px;
    color: #666;
    font: normal 11px arial;
    min-height: auto;
    cursor: pointer;
}

.menufilter, .menufilter li, ul.footer_links, .footer_links ul, .footer_links li, .itemgroup, .product-spec-filter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.inv_left_panel a.group {
    background: #fff url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd3.png) bottom left repeat-x;
    border: 1px solid #e6e6e6;
    border-width: 0 1px 1px;
    max-height: 200px;
    overflow-y: auto;
    padding: 9px 10px;
    font: bold 13px arial;
    color: #ff7200;
}

.product-spec-filter &gt; div {
    padding-bottom: 0 !important;
}

span.close {
    display: inline;
    font: bold 12px arial;
    margin-right: -14px;
    color: #fe7200;
    opacity: 1;
}

.inv_left_panel .menufilter a:hover {
    color: #304f7b;
}

.inv_left_panel .dmt {
    text-align: left;
    padding-left: 5px;
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
    float: left;
    width: 94%;
}

.pager {
    margin: 0;
    float: right;
}

    .pager a {
        font-size: 14px;
        text-decoration: none;
        color: #646262;
        padding: 3px 5px;
        text-align: center;
        border: 1px solid #ddd;
        background: #fff;
        margin: 0 2px;
    }

        .pager a:hover {
            background: #efefef;
            color: #646262;
        }

        .pager a:link {
            text-align: center;
        }

    .pager span {
        color: #073465;
        font-size: 14px;
        padding: 3px 5px;
        border: 1px solid #ddd;
        background: #efefef;
        font-weight: 700;
        margin: 0 2px;
    }

.pagercontainer {
    width: 100%;
}

.inv_content_table {
    margin-bottom: 5px;
    padding-top: 0;
}

.in_container {
    overflow: hidden;
}

.product-page-size {
    float: right;
}

.product-sorting {
    float: left;
}

.product-viewmode {
    float: right;
}

.path {
    border-bottom: 1px dotted #bbb;
    font: bold 12px verdana;
    height: 31px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .path p {
        padding: 7px 0;
        border: 0;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .path a {
        font: normal 11px;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 600;
        color: #333;
    }

        .path a:last-child {
            color: #0061c5;
        }

    .path span {
        padding: 0 5px;
    }

.topic-topicdetails .path {
    display: none;
}

.sub-category-link {
    display: block;
}

.sub-category-title {
    padding: 5px;
    text-align: center;
    font-size: 11px;
    margin: 0;
    line-height: 100%;
}

.sub-category-desc {
    padding: 5px;
}

h2 {
    font: bold 20px arial;
    color: #666;
    padding: 5px 0;
}

.menu_left {
    display: none;
}

.category-image {
    text-align: center;
    padding-bottom: 10px;
    max-height: 300px;
    overflow: hidden;
}

.sub-category-item {
    position: relative;
    width: 160px;
    overflow: hidden;
    margin-bottom: 5px;
    float: left;
    margin-right: 4px;
    border: 1px solid #DDD;
}

.last {
    margin-right: 0;
}

.sub-category-item img {
    height: 80px;
}

.catalog-details-wrapper {
    padding: 0;
    background: #fff;
    padding-bottom: 0;
}

.sub-category-grid {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-sorting-links {
    float: left;
}

.sortLink {
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #3a5378;
    font-weight: 700;
    font-family: arial;
    font-size: 11px;
}

    .sortLink:hover, .sortLink.active {
        color: #658cba;
    }

    .sortLink.s-sira, .sortLink.s-tarih {
        display: none;
    }

.arrow_left {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrows.png) 0 0 no-repeat;
    display: block;
}

.arrow_right {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrows.png) 0 0 no-repeat;
    display: block;
}

.arrow_up {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrows.png) right -72px no-repeat;
    display: block;
    padding-right: 15px;
    margin-right: 20px;
}

.arrow_down {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrows.png) right -110px no-repeat;
    display: block;
    padding-right: 15px;
    margin-right: 20px;
}

.arrow_forward {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrows.png) 0 top no-repeat;
    display: block;
}

.arrow_backward {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrows.png) 0 top no-repeat;
    display: block;
}

.item2 {
    float: left;
    width: 206px;
    height: 150px;
    position: relative;
}

    .item2 .product-image a img {
        width: 90px;
    }

.product-info {
    right: 10px;
}

.static-page {
    padding: 10px;
    background: #fff;
}

    .static-page &gt; .tab-main {
        position: relative;
    }

.topic-topicdetails .static-page {
    padding: 20px;
}

.page-title {
    /* border-bottom: 1px solid #DDD;*/
    margin-top: 0;
    font: bold 22px arial;
    color: #5495ed;
    padding: 0 0 10px;
}

.search-results .search-top {
    width: 100%;
    /*border-bottom: 1px solid #DDD;*/
}

    .search-results .search-top .page-title {
        margin-top: 0;
        font: bold 22px arial;
        color: #5495ed !important;
        padding: 0 0 0;
        border: 0;
        float: left;
        width: 72%;
        margin: 0;
    }

    .search-results .search-top .category-utils {
        margin: 19px 0 10px;
    }


#search-wrapper .product {
    border: 1px solid #eee;
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    min-height: 330px;
    width: 190px;
    margin: 3px !important;
}

#search-wrapper .product-list-wrapper {
    border: 1px solid #eee;
    padding-top: 2px;
    padding-left: 2px;
}

#noresultsfound {
    padding: 20px;
    background: #fff;
}

.product-price-filter {
    background: #fff;
}

.item-name {
    width: 90px;
}

.staticpages-module .module-content {
    background: #fff;
}

.other-site-banner {
    /*margin: 0 7px;*/
    padding: 15px 20px;
    color: #fff;
}

    .other-site-banner.vitaminler {
        background-color: #1c773d;
        margin-top: 5px;
        /*border: 2px solid #2BAE5C;*/
    }

    .other-site-banner.supplementler {
        background: #0f3665;
        border: 2px solid #1B4B87;
    }

    .other-site-banner.fitmoda {
        background-color: #eb8b2d;
        border: 2px solid #FFB266;
        margin-top: 5px;
    }

    .other-site-banner p {
        font-size: 18px;
        line-height: 10px;
        margin: 0;
    }

        .other-site-banner p a {
            color: #fff;
            text-decoration: underline;
        }

.search-no-result .top-search-button {
    margin-left: -5px;
}

    .search-no-result .top-search-button a {
        position: relative;
    }

.top-search-button {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

    .top-search-button a {
        color: #353535;
        font-size: 15px;
        float: left;
        padding: 10px 14px;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #eeeeee;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #fff;
        border-radius: 5px 5px 0 0;
        margin: 5px 4px 0 0;
        font-weight: 600;
    }

        .top-search-button a p {
            display: inline-block;
            margin: 0;
        }

        .top-search-button a:hover, .top-search-button p:hover, .top-search-button span:hover {
            text-decoration: none;
        }

        .top-search-button a.supplementler-button p {
            color: #013c77;
        }

        .top-search-button a.vitaminler-button p {
            color: #a6c757;
        }

        .top-search-button a.supplementler-button p span {
            color: #222222;
        }

        .top-search-button a.vitaminler-button p span {
            color: #48643e;
        }

        .top-search-button a.other {
            background-image: -moz-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
            background-image: -webkit-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
            background-image: -ms-linear-gradient( 90deg, rgb(235,235,235) 0%, rgb(255,255,255) 100%);
            border-bottom: 1px solid #eeeeee;
        }

    .top-search-button span.other-search {
        display: inline-block;
        margin: 13px 0 0 5px;
    }

#noresultsfound {
    padding: 20px;
    background: #fff;
}

.product-price-filter {
    background: #fff;
}

.item-name {
    width: 90px;
}

.staticpages-module .module-content {
    background: #fff;
}

ul.product-list {
    margin: 0;
    padding: 0;
}

.e-bulten {
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 210px;
}

.product-page-size select {
    width: 50px;
    padding: 0 0 0 3px;
    height: 100%;
    border: 1px solid #DDD;
    background: #DDD;
    margin: 0;
}

.category-utils {
    float: right;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 0;
    z-index: 1;
}

.to .qty-input, input[type="text"].qty-input {
    width: 30px;
    text-align: center;
    margin: 0;
    padding: 0;
    border-radius: 3px 0 0 3px;
    float: left;
}

.cart-product-price, .cart-product-subtotal, .cart-product-quantity {
    width: 80px;
}

.coupon-box, .giftcard-box {
    float: left;
}

.order-progress {
    margin: 10px 0;
    margin-left: 260px;
}

.steps {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .steps li a {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #DDD;
        display: block;
        padding: 10px 20px;
        background: #efefef;
        border-radius: 20px;
        width: 80px;
        text-align: center;
        box-shadow: 1px 1px 5px 1px #DDD;
        font-size: 15px;
        font-weight: 700;
    }

        .steps li a.selected, .steps li a:hover {
            background: #FFF;
            color: #555;
            font-weight: 700;
        }

th.picture {
    width: 100px;
    text-align: center;
}

.sharebuttons {
    right: 0;
    margin: 0 0 5px;
}

.s_button {
    float: left;
    width: 90px;
}

.product-details-page {
    padding: 0;
    float: left;
    background: #dfe3ec;
    width: 100%;
}

.product-comments-module .module-content {
    background: #fff;
    padding: 10px;
}

.product-short-desc {
    font-style: italic;
    font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
}

.product-details-module table, .product-specs-module table {
    font-size: 11px;
    font-family: arial;
}

    .product-details-module table td {
        color: #003a87;
    }

    .product-details-module table th, .product-specs-module table th {
        font-weight: 400;
        border-top: 0;
        border-bottom: 0 dashed #ccc;
    }

    .product-details-module table td, .product-specs-module table td {
        font-weight: 400;
        border-top: 0;
        border-bottom: 0 dashed #ccc;
    }

.product-details-page .dmt {
    background: none repeat scroll 0 0 #eee;
    border-radius: 5px 5px 0 0;
    color: #03274e;
    display: block;
    font: bold 14px arial;
    letter-spacing: 0;
    padding: 8px 6px 6px 8px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.product-details-page .module-content {
    border-top: 1px solid #fff;
}

.product-details-page .module-frame {
    border: 1px solid #d5d5d5;
    border-radius: 5px 5px;
    overflow: hidden;
}

.product-detail {
    padding: 0;
}

.product-usage {
    padding: 10px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd4.png) bottom left repeat-x;
    border-radius: 0 0 6px 6px;
    border: 1px solid #eee;
}

.product-comments-module .module-content {
    padding: 10px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd4.png) repeat-x scroll left bottom transparent;
    border-radius: 0 0 6px 6px;
    border: 1px solid #eee;
}

.product-details {
    border-radius: 0 0 5px 5px;
    border: 1px solid #eee;
    overflow: hidden;
}

    .product-details span {
        font: bold 14px arial;
        color: #999;
        display: block;
        padding: 6px;
    }

.product-indexes {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd4.png) repeat-x scroll left bottom transparent;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #fff;
    height: 252px;
    overflow-y: auto;
    padding: 5px 10px;
}

.product-indexes2 {
    padding: 5px 10px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd4.png) bottom left repeat-x;
    border-radius: 0 0 5px 5px;
    height: auto;
    border: 1px solid #eee;
}

.product-indexes4 {
    height: auto;
    background: #fff;
    padding-right: 15px;
    padding-left: 15px;
}

.thegood .dmt {
    background: #44ac39 url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    border-bottom: 1px solid #2f8027;
    border-radius: 0;
}

.thebad .dmt {
    background: #b6082d url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    border-bottom: 1px solid #8e0014;
    border-radius: 0;
}

.thegood .tmodule {
    background: #44ac39 url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    color: #c9fac4;
}

    .thegood .tmodule ul, .thebad .tmodule ul {
        font-size: 11px;
        padding-left: 0;
        margin-left: 13px;
        margin-bottom: 0;
    }

.thebad .tmodule {
    background: #b6082d url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    color: #f5bbc8;
}

.product-indexes3 {
    padding: 12px 10px;
    background: #f5f5f5 url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/pdg.png) bottom left repeat-x;
    border-radius: 5px 5px;
    border: 1px solid #eee;
    margin-top: 8px;
    color: #666;
    height: 90px;
    overflow: auto;
}

.thegood span, .thebad span {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.product-indexes3 span {
    color: #222;
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.product-details-module .module-content, .product-specs-module .module-content {
    padding: 10px;
    height: 201px;
    overflow-y: auto;
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

.product-picture-wrapper {
    border: 1px solid #ddd;
}

.table .cart-product-picture, .table .cart-product-checkbox, .table .cart-product-price, .table .cart-product-quantity, .table .cart-product-subtotal, .table .cart-product-item {
    vertical-align: middle;
}

.table th.center, .table td.center, td.center, th.center {
    text-align: center;
}

.table th.vcenter, .table td.vcenter, td.vcenter, th.vcenter {
    vertical-align: middle;
}

.address-list-table th {
    border-top: 0;
}

.chooser {
    border: 1px solid #999;
    text-indent: -9999px;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    padding: 0;
}

    .chooser:hover {
        background-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/tick.gif);
        border: 1px solid #777;
        background-position: center center;
        background-repeat: no-repeat;
        -moz-opacity: .5;
        opacity: .5;
    }

    .chooser.selected, .chooser.selected:hover {
        background-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/tick.gif);
        border: 1px solid #777;
        background-position: center center;
        background-repeat: no-repeat;
        -moz-opacity: 1;
        opacity: 1;
        background-color: #ffd700;
    }

.product-variant-info-wrapper {
    float: left;
    margin-right: 15px;
    display: none;
}

.catalog-product .span3 {
    width: 170px;
}

.catalog-product .span9 {
    width: 760px;
    margin-left: 10px;
}

.add-to-favorites {
    border-bottom: 1px dashed #eee;
    padding-bottom: 2px;
    padding-left: 25px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 175px;
    color: #999;
    font-size: 11px;
    background: transparent url(https://cdn.supplementler.com/Themes/Supplementler/Content/images//plugins/raty/img/star-on.png) 3px 3px no-repeat;
}

    .add-to-favorites:hover {
        border-bottom: 1px dashed #ccc;
    }

    .add-to-favorites a {
        color: #999;
    }

    .add-to-favorites:hover a {
        color: #333;
        text-decoration: none;
    }

.product-price-wrapper {
    clear: both;
}

.price-label {
    display: none;
}

.price {
    bottom: 50px;
    left: 0;
    color: #f73d04;
    font: bold 28px arial;
    padding: 0 0 10px;
    position: absolute;
}

.productPrice {
    text-decoration: none;
}

.oldProductPrice {
    text-decoration: line-through;
    color: #999;
    padding-right: 10px;
    font-weight: 400;
    font-size: 11px;
    display: block;
}

.clear-dashed {
    clear: both;
    border-top: 1px dashed #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
}

.product-details-module {
    background: #f5f5f5;
    border-radius: 4px;
}

.product-specs-module table td, .product-specs-module table th {
    padding: 3px 5px;
}

.split4, .split3, .split2 {
    float: left;
    margin-right: 15px;
    width: 250px;
    border-left: 1px solid #3f648e;
}

    .split4:first-child, .split3:first-child, .split2:first-child {
        border-left: 0;
    }

.next-slider {
    top: 50%;
    margin-top: -20px;
    z-index: 990;
    right: 20px;
    display: none;
}

.prev-slider {
    top: 50%;
    margin-top: -20px;
    z-index: 990;
    left: 20px;
    display: none;
}

.pagination-slider {
    text-align: center;
    position: absolute;
    top: 470px;
    width: 100%;
}

    .pagination-slider a {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
        width: 15px;
        height: 15px;
        margin: 0 5px 0 0;
        display: inline-block;
    }

        .pagination-slider a.selected {
            background-position: -25px -300px;
            cursor: default;
        }

        .pagination-slider a span {
            display: none;
        }

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    -ms-filter: flipv;
    filter: flipv;
}

.reklam .prev, .reklam .next-slider {
    display: none !important;
}

.emailtofriendbutton {
    color: #666;
    font-size: 10px;
    padding: 0 6px;
    position: absolute;
    top: 0;
    right: 0;
}

.p-icon {
    float: left;
    padding: 5px;
    width: 220px;
    font-size: 11px;
    line-height: 12px;
    padding-left: 26px;
    border-bottom: 1px dashed #eee;
    border-radius: 0;
    color: #999;
    position: relative;
    z-index: 1 !important;
}

    .p-icon:hover {
        border-bottom: 1px dashed #ccc;
        color: #333;
        cursor: pointer;
    }

    .p-icon span {
        color: #888;
        font: normal 11px/16px arial;
        position: absolute;
        z-index: 2 !important;
        width: 133px;
        height: 62px;
        overflow: hidden;
        top: -32px;
        left: -170px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/tooltipbg.png) top right no-repeat;
        display: none;
        padding: 10px 20px 30px;
    }

    .p-icon:hover span {
        display: block;
    }

.thumbsup, .thumbsdown {
    position: relative;
}

    .thumbsup:hover, .thumbsdown:hover {
        cursor: pointer;
    }

    .thumbsup span {
        color: #555;
        font: normal 11px/15px arial;
        position: absolute;
        z-index: 2 !important;
        width: 280px;
        height: 110px;
        overflow: hidden;
        top: 2px;
        left: -340px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/tooltipbg2.png) top right no-repeat;
        display: none;
        padding: 10px 40px 30px 20px;
    }

    .thumbsup:hover span {
        display: block;
    }

    .thumbsdown span {
        color: #555;
        font: normal 11px/15px arial;
        position: absolute;
        z-index: 2 !important;
        width: 280px;
        height: 110px;
        overflow: hidden;
        top: -48px;
        left: -340px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/tooltipbg3.png) top right no-repeat;
        display: none;
        padding: 10px 40px 30px 20px;
    }

    .thumbsdown:hover span {
        display: block;
    }

.clock {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/clock.png) 4px 1px no-repeat;
}

.aynigunkargo {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/aynigunkargo.png) 4px 1px no-repeat;
}

.door {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/door.png) 4px 1px no-repeat;
}

.skt {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/clock.png) 4px 1px no-repeat;
}

.sku {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/sku.png) 4px 1px no-repeat;
}

.sdr {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/sdr.png) 6px 1px no-repeat;
}

.original {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/orginal.png) center top no-repeat;
    width: 41px;
    height: 45px;
    padding: 0;
    margin-top: 3px;
}

.p-summary {
    font: normal 12px/16px arial;
    color: #666;
    height: 60px;
}

    .p-summary span {
        font: italic 11px/16px arial;
        color: #aaa;
        display: block;
        padding-top: 4px;
    }

.product-panel-right .thumbs {
    min-height: 38px;
}

.goodbad {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/prd.png) bottom left repeat-x;
    border-radius: 4px;
    margin-bottom: 12px;
    box-shadow: 0 0 5px 0 #ccc;
}

.thumbsContent {
    padding: 6px 6px 6px 30px;
    color: #999;
    font-size: 11px;
    line-height: 12px;
    font-style: italic;
}

.thumbsup {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/thumbsup.png) 5px 5px no-repeat;
    margin: 6px 0 0;
    border: 1px solid #d5d5d5;
    border-radius: 4px 4px 0 0;
}

.thumbsdown {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/thumbsdown.png) 5px 5px no-repeat;
    border: 1px solid #d5d5d5;
    border-top-color: #fff;
    border-radius: 0 0 4px 4px;
}

.last-use-date, .stock-info {
    font-size: 11px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/clock.png) 2px 2px no-repeat;
}

.add-to-cart-button-wrapper {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/addtocart_bg.png) top right no-repeat;
    height: 42px;
    line-height: 42px;
}

.addtocartbutton {
    left: 0;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/addtocart_.png) 0 0 repeat-x;
    border: 1px solid #cf3303;
    display: none;
}

    .addtocartbutton span {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/addtocart_icon.png) 12px 8px no-repeat;
        padding: 10px 0 10px 45px;
        display: inline-block;
    }

    .addtocartbutton:hover {
        color: #fff;
        text-decoration: none;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/addtocart_hover.png) 0 0 repeat-x;
    }

.quickbuybutton {
    right: 0;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/quickbuy_.png) 0 0 repeat-x;
    border: 1px solid #da6600;
}

    .quickbuybutton span {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/quickbuy_icon.png) 12px 8px no-repeat;
        padding: 10px 0 10px 45px;
        display: inline-block;
    }

    .quickbuybutton:hover {
        color: #fff;
        text-decoration: none;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/quickbuy_hover.png) 0 0 repeat-x;
    }

.add-to-cart-quantity input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #fff;
    font: bold 20px arial;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    width: 20px;
}

.add-to-cart-quantity {
    float: left;
    margin-right: 12px;
    margin-top: 9px;
    margin-left: 145px;
}

.ui-spinner-button.ui-state-hover {
    background: #666;
    border-color: #666;
}

.productgrouplist-module .dmt {
    display: none;
}

.rate-star {
    float: left;
}

    .rate-star img {
        float: left;
        margin-top: 4px;
    }

.rate-total-label {
    width: 130px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}

.rate-total {
    float: right;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-right: 5px;
    padding-top: 2px;
}

.rate-line-vote {
    background: #073465;
    color: #fff;
    font-weight: 700;
}

.rate-line-total {
    background: #13467e;
    background: -moz-linear-gradient(top,#13467e 0,#073465 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#13467e),color-stop(100%,#073465));
    background: -webkit-linear-gradient(top,#13467e 0,#073465 100%);
    background: -o-linear-gradient(top,#13467e 0,#073465 100%);
    background: -ms-linear-gradient(top,#13467e 0,#073465 100%);
    background: linear-gradient(to bottom,#13467e 0,#073465 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13467e',endColorstr='#073465',GradientType=0);
}

.rate-line-total-user {
    background: #ff7400;
    background: -moz-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ff7400),color-stop(100%,#ff7400));
    background: -webkit-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: -o-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: -ms-linear-gradient(top,#ff7400 0,#ff7400 100%);
    background: linear-gradient(to bottom,#ff7400 0,#ff7400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7400',endColorstr='#ff7400',GradientType=0);
}

.dropdown-menu .active &gt; a, .dropdown-menu .active &gt; a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
}

.filter-caret {
    float: right;
    margin-top: 7px;
}

.pd_page .span2 {
    display: none;
}

.pd_path {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}

.price-box {
    width: 60px;
}

.shipping-option-item {
    padding: 10px;
    margin: 10px 10px 10px 0;
    border: 1px solid #ddd;
}

    .shipping-option-item .option-name input {
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
    }

.normal_price, .discounted_price {
    float: left;
    margin-right: 20px;
}

.has_discount_price {
    text-decoration: line-through;
    color: #999;
    font-size: 18px;
    padding-top: 8px;
    float: right;
}

.login-block .radio input[type="radio"], .login-block .checkbox input[type="checkbox"] {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.selected-filters-text {
    font-size: 10px;
    color: #999;
    font-family: arial;
    letter-spacing: 0;
    font-weight: 400;
}

a.checkout-button, .in_header .cart a.checkout-button {
    color: #fff;
}

.customer-register .radio input[type="radio"], .customer-register .checkbox input[type="checkbox"] {
    margin-left: 0;
}

ol.opc {
    list-style: none;
}

.step-title span {
    display: none;
}

.opc .step {
    float: none;
}

.step-title h2 {
    font: bold 15px arial;
    color: #666;
    padding: 5px 10px;
    background: #efefef;
    border-bottom: 1px solid #ccc;
}


.noclick {
    cursor: default !important;
}

.breadcrumb-cart {
    list-style: none;
    overflow: hidden;
    font: 16px Helvetica,Arial,Sans-Serif;
    margin: 0;
    margin-bottom: 15px;
}

    .breadcrumb-cart li {
        float: left;
    }

        .breadcrumb-cart li a {
            color: #fff;
            text-decoration: none;
            padding: 6px 0 6px 55px;
            background: #194578;
            position: relative;
            display: block;
            float: left;
            cursor: pointer;
            width: 260px;
            text-align: center;
        }

            .breadcrumb-cart li a:after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid hsl(212.2,65.5%,28.4%);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 1;
            }

            .breadcrumb-cart li a:before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 30px solid #fff;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        .breadcrumb-cart li:first-child a {
            padding-left: 10px;
        }

        .breadcrumb-cart li a.selected {
            background: #2a76cd;
        }

            .breadcrumb-cart li a.selected:before, .breadcrumb-cart li a.selected:after {
                border-left: 30px solid #2a76cd;
            }


.impersonate {
    font-weight: 700;
    color: #fff;
}

.product-review-box {
    float: right;
    margin-bottom: 10px;
}

.rating {
    width: 100px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-off-new-2.png) 0 0 repeat-x;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}

    .rating div {
        float: left;
        height: 20px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-on-new-2.png) left center repeat-x;
        cursor: pointer;
    }

.noborder, .noborder th, .noborder td, .noborder tr {
    border: 0;
}


.yilbasi {
    position: relative;
}

.yilbasi_icon {
    position: absolute;
    top: -10px;
    left: -9px;
    width: 30px;
}

.module-frameproduct-picture-wrapper .yilbasi_icon {
    display: none;
}

.module-frameproduct-picture-wrapper.yilbasi .yilbasi_icon {
    display: block;
    width: 52px;
    top: -15px;
    left: -15px;
}

.old-price-text {
    display: none !important;
}

.product-price-old,
span.product-price-old {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    padding-left: 7px;
    display: inline-block;
    width: auto;
    margin-right: 5px;
    color: rgb(170, 170, 170) !important;
    padding-top: 2px;
}

.product-price-productbox-old,
span.product-price-productbox-old {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    padding-left: 7px;
    display: inline-block;
    width: auto;
    margin-right: 5px;
    color: rgb(170, 170, 170) !important;
    padding-top: 2px;
}

.old_price {
    float: right;
    width: 220px;
    margin-left: -10px;
}

.oldProductPrice {
    font: bold 15px arial;
    text-decoration: none;
    padding: 0;
    padding-top: 8px;
    color: #595959 !important;
}

    .oldProductPrice em {
        text-decoration: line-through;
        font-style: normal;
    }

    .oldProductPrice span {
        color: #f24612;
        font-size: 10px;
        text-decoration: none;
        margin-left: 10px;
        font-style: italic;
    }

.free-kargo-yilbasi {
    color: #00b050;
    position: absolute;
    margin-top: 27px;
    margin-left: 60px;
    font-size: 13px;
}


.product-present-line {
    /*height: 30px;*/
}

    .product-present-line .special-offer-options {
        position: relative;
    }


.special-offer-image {
    position: absolute;
    top: -10px;
    left: 222px;
}

    .special-offer-image img {
        width: 80px;
        border: 1px solid #ddd;
        padding: 5px;
    }

.special-item {
    background: #e9effe !important;
}

.cart-product-checkbox span {
    text-align: center;
    display: block;
}

.special-offer-basket-text {
    display: block;
    float: left;
}

.specialOfferInfotext {
    background: #dff0df;
    border: 1px solid #59b259;
    margin: 0 auto;
    clear: both;
    margin-bottom: 30px;
    width: 525px;
}

.offerItem {
    margin: 5px 0;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.addOfferImage {
    height: 70px;
}

.addOfferLink {
    padding-top: 28px;
    float: left;
    margin-left: 20px;
    width: 350px;
    text-align: center;
}

.offered-items {
    overflow: auto;
}


.field-validation-error {
    padding: 5px;
    color: red;
    clear: both;
    box-shadow: none;
}

.sicon_facebook {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/facebook.svg");
}

.sicon_twitter_vit {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/x-vit.svg");
}

.sicon_twitter {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/twitter.svg");
}

.sicon_google {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/google.svg");
}

.sicon_pinterest {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/pinterest.svg");
}

.sicon_youtube {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/youtube.svg");
}

.sicon_instagram {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/instagram.svg");
}

.sicon_linkedin {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/linkedin.svg");
}

.sicon_blog {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/blog.svg");
}

.sicon_mobile {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/follow/apps.svg");
}



.inv-tab-container .caret {
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.submenu-column-clean {
    width: 140px;
    float: left;
    margin-left: 10px;
    margin-bottom: 30px;
}

/* �r�n Kar��la�t�ma */
.compare-tab-list-main {
    position: relative;
}

    .compare-tab-list-main .clearTabs {
        position: absolute;
        right: 0;
        top: 0;
    }

.comparison-list-badge {
    background: #007695;
    border: 0 solid #045C73;
    border-radius: 6px 6px 0 0;
    bottom: 0;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
    color: #fff;
    cursor: pointer;
    height: 28px;
    left: 100px;
    margin-left: -90px;
    position: fixed;
    text-align: center;
    width: 200px;
    z-index: 1000;
    padding: 0;
}

    .comparison-list-badge:hover {
        height: 60px !important;
    }

    .comparison-list-badge .comparison-list-bagde-title {
        font-weight: 700;
        background: #045c73;
        border-radius: 6px 6px 0 0;
        display: block;
        margin-bottom: 3px;
        padding: 5px;
    }

.compare-product-nutrition .nutritionLabel {
    border: 1px solid #000;
    max-width: 250px;
    margin: 0 auto;
    padding: 5px;
}

.comparisonList h3 {
    font-size: 24px;
}

.comparisonList h4 {
    font-size: 17px;
}

.comparisonList .badge {
    display: none;
    background: #F53D04;
    padding: 0 3px;
}

.comparisonList .nav-tabs &gt; li &gt; a, .comparisonList .nav-pills &gt; li &gt; a {
    background: #eee;
    color: #888;
    font-weight: 700;
    margin-right: -1px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #ccc;
}

.comparisonList .split2 {
    border: 0;
}

.compare-action-button, .compare-action-button-emptyview {
    position: absolute;
    top: 8px;
    right: 0;
}

    .compare-action-button .btn-mini {
        font-size: 12px;
    }


.compare-action-button-emptyview {
    margin-left: 824px;
}

.compare-products-table td {
    vertical-align: top !important;
}


    .compare-products-table td .product-name {
        font-size: 14px;
    }


.compare-products-table .compare-product-image {
    max-height: 150px;
    padding-top: 10px;
}


.comparison-list-badge br {
    display: none;
}

.comparison-list-bagde-content {
    font-size: 12px;
}

    .comparison-list-bagde-content:after {
        background: #f73d04;
        border-radius: 3px;
        content: 'Git';
        margin-left: 10px;
        padding: 2px 10px 2px 8px;
    }

.comparisonList .nav-tabs &gt; li &gt; a:hover, .comparisonList .nav-pills &gt; li &gt; a:hover {
    background: #fff;
    color: #444;
}

.page-title.comparison-list-title-emptyview {
    color: #F53D04 !important;
}

.comparisonList .nav-tabs &gt; li.active &gt; a, .comparisonList .nav-pills &gt; li.active &gt; a {
    background: #fff;
    border-bottom-color: #fff;
    color: #5495ed;
}

.comparisonList li {
    position: relative;
}

    .comparisonList li a span {
        background: #aaa;
        position: absolute;
        right: 1px;
        top: -5px;
    }

.emailtofriendbutton {
    font-size: 11px;
    right: 268px;
    top: 4px;
    display: none;
}

.productaddtocomparelistbutton {
    color: #003a75;
    display: block;
    font-size: 14px;
    -ms-opacity: .9;
    opacity: .9;
    padding-left: 25px;
    font-weight: bold;
    position: relative;
}

    .productaddtocomparelistbutton:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 0;
        width: 18px;
        height: 18px;
        border: 1px solid #e7e7e7;
    }

    .productaddtocomparelistbutton.remove-comparelist:before {
        border: 1px solid #0057a4;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #0057a4;
        -ms-background-size: 20px;
        background-size: 20px;
    }

    .productaddtocomparelistbutton:hover {
        -ms-opacity: 1;
        opacity: 1;
        color: #003a75;
        text-decoration: underline;
    }

.product-add-to-cart-wrapper .text-error {
    font-size: 17px;
}

.compare-action-button .addnew {
    background: #F04410;
    color: #fff;
    text-shadow: none;
    font-size: 12px;
}

.pd-column-left {
    min-width: 880px;
    /*width: 673px;*/
    float: left;
    background: #fff;
    position: relative;
    padding-left: 16px;
}

.product-properties-column {
    float: left;
    width: 689px;
    background: #fff;
}

.pd-column-right {
    padding: 13px;
    background-color: #dfe3ec;
    float: right;
    width: 274px;
}

.catalog-product .span10 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.product-details-page .path {
    margin-bottom: 0;
    height: 22px;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/bread-bg.jpg) bottom left repeat-x #fff;
    margin-top: -2px;
    padding-left: 15px;
}

    .product-details-page .path p {
        padding: 0;
        margin: 0;
        line-height: 22px;
    }

    .product-details-page .path a {
        font-family: 'HelveticaNeueLTPro-Roman', arial;
        font-size: 11px;
        color: #333;
    }

        .product-details-page .path a:last-child {
            font-family: 'HelveticaNeueLTPro-Md';
        }

.product-image-wrapper {
    width: 242px;
    float: left;
    margin-right: 16px;
    /*height: 298px;*/
    position: relative;
}

    .product-image-wrapper:hover .productaddtocomparelistbutton {
        display: block;
    }

.fullsize-image {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-collateral {
    float: left;
    position: relative;
    width: 60%;
    min-height: 288px;
    padding-bottom: 134px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bottom-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.product-page-title {
    color: #003770;
    font-size: 22px;
    line-height: 30px;
    padding: 17px 0;
}

.aroma-lens {
    display: block;
    width: 27px;
    height: 27px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/aroma-lens.png) center center no-repeat;
}

.pvaColor {
    float: left;
    text-align: center;
    width: 56px;
    margin: 0;
    min-height: 76px;
    margin-top: -5px;
    padding-bottom: 0;
    word-break: break-word;
}

    .pvaColor strong, .pvaColor span {
        opacity: .7;
    }

    .pvaColor.selected strong, .pvaColor.selected span {
        -ms-opacity: 1;
        opacity: 1;
    }

    .pvaColor.selected .aroma-image, .pvaColor:hover .aroma-image {
        border: 4px solid #496bb8;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2) inset;
        -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,.2) inset;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.2) inset;
    }

    .pvaColor:hover {
        -ms-opacity: 1;
        opacity: 1;
        text-decoration: none;
    }

.pva-os-itemrow a.selected::before {
    content: url('/Themes/Supplementler/Content/images/notifySelectStock.png');
    position: absolute;
    border-radius: 50%;
    top: -10px;
    right: 5px;
    left: auto;
}

.pvaColor.out-ofstock::before {
    content: url('/Themes/Supplementler/Content/images/notifiy1.png');
    position: absolute;
    border-radius: 50%;
    top: -10px;
    opacity: 1 !important
}

.pvaColor .aroma-image {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    float: none;
    border-radius: 50%;
    border: 4px solid #fff;
    background-color: #ebebeb !important;
    background-position: center !important;
    background-size: cover !important;
}

.pvaColor:hover &gt; span, .pvaColor.selected &gt; span {
    font-weight: 700;
    color: #003770;
}

.pvaColor &gt; span {
    font: normal 9px arial;
    color: #000;
    display: block;
    margin: 0;
    width: auto;
    float: none;
    padding-top: 1px;
    font-weight: 700;
    line-height: 13px;
}

.attr-title {
    float: left;
    font-family: "HelveticaNeueLTPro-Bd";
    font-size: 12px;
    color: #464646;
    padding-right: 2px;
    width: 48px;
    line-height: 26px;
}

.product-present-line .attr-title {
    width: auto;
}

.prc-detail-aroma-list {
    float: left;
}

@media (max-width: 1199px) {
    .prc-detail-aroma-list {
        width: 338px;
    }
}



.pva-aroma {
    height: 59px;
}

.quantity-input {
    margin-bottom: 8px;
    margin-top: 5px;
}

    .quantity-input .attr-title, .gift-select .attr-title {
        min-height: 3px;
        line-height: 30px;
    }

.add-product, .add-to-wishlist {
    color: #fff;
    font-family: HelveticaNeueLTPro-Md, arial;
    font-size: 18px;
    background-color: #f73d04;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 11px 0 11px 16px;
    width: 220px;
    text-align: center;
}

    .add-product.nu {
        font-size: 13px;
        font-family: HelveticaNeueLTPro-Md,arial;
        font-weight: 500;
        width: 164px !important;
        display: inline-block;
        background: #e40;
        padding: 11px 8px;
    }

        .add-product.nu:hover {
            background: #e40;
        }

.add-to-wishlist {
    background: url(/Themes/Supplementler/Content/images/notifyV1.png) 20px 8px no-repeat #003a75;
    width: 300px;
    display: block;
}

.add-to-faves {
    float: right !important;
    box-sizing: border-box;
    margin-left: 35px;
    width: 60px;
    height: 42px;
    background: url(/Themes/Supplementler/Content/Images/icon/favorite_off.svg) center center no-repeat;
}

    .add-to-faves:hover {
        background: url(/Themes/Supplementler/Content/Images/icon/favorite_on.svg) scroll center center no-repeat;
        opacity: 0.13;
    }

    .add-to-faves.faved {
        background: url(/Themes/Supplementler/Content/Images/icon/favorite_on.svg) scroll center center no-repeat;
        opacity: 1;
    }

    .add-to-faves.fade {
    }

.vitaminler-detail .add-to-wishlist {
    background-color: #399f62;
}

    .vitaminler-detail .add-to-wishlist:hover {
        background-color: #166d36;
    }

.add-to-wishlist:hover {
    background-color: #f73d04;
    color: #fff;
    text-decoration: none;
}

.childattr-select {
    color: #858585;
    font-size: 11px;
    font-family: Arial;
    border: 1px solid #ccc;
    width: 92px;
    height: 24px;
}

.add-product:hover {
    background-color: #003a75;
    color: #fff;
    text-decoration: none;
}

.vitaminler-detail .add-product:hover {
    background-color: #166d36;
    color: #fff;
    text-decoration: none;
}

.product-price-content span, .product-price-content a {
    float: left;
}

    .product-price-content span.product-old-price {
        line-height: 34px;
    }

.product-price-content .product-price {
    font-weight: 700;
    font-size: 30px;
    font-family: "HelveticaNeueLTPro-Bd";
    color: #f73d04;
    text-align: center;
    line-height: 42px;
    margin-right: 10px;
    margin-left: 10px;
    letter-spacing: 1px;
}


    .product-price-content .product-price.type {
        margin-left: 0;
        margin-right: 16px;
    }


.product-old-price {
    font-family: "HelveticaNeueLTPro-Roman";
    font-size: 18px;
    line-height: 28px;
    text-decoration: line-through;
    color: #464646;
    padding-top: 8px;
}

.thumb {
    float: left;
    width: 35px;
    position: relative;
}

    .thumb.active span {
        position: absolute;
        left: 0;
        background: #003770;
        height: 3px;
        width: 100%;
        bottom: -10px;
    }

.vitaminler-detail .thumb.active span {
    background: #1d773e;
}

.thumb img {
    width: 100%;
}

.product-thumb {
    background: #fff;
    position: relative;
    z-index: 1;
}

.watch-video {
    color: #003770;
    font-size: 11px;
    font-family: Arial;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/video-icon.png) left center no-repeat;
    padding-left: 22px;
    line-height: 19px;
    float: right;
    margin-top: 8px;
}

.product-info-content span, .product-info-content strong {
    font-family: Arial;
    font-size: 10px;
    color: #777;
    line-height: 15px;
    display: block;
}

    .product-info-content strong.sk-date {
        color: #416FBA;
        font-size: 14px;
    }


.vitaminler-detail .product-info-content strong.sk-date {
    color: #1e773e;
}

.product-info-content strong.discount-price {
    color: #FF4D00;
    font-size: 14px;
    font-weight: 700 !important;
    font-family: arial;
}

.product-info-content strong.stock-status {
    color: #62994D;
    font-size: 12px;
}


.product-info-content .badges-window {
    overflow: hidden;
    padding: 5px 0;
    display: flex;
    justify-content: center;
}

    .product-info-content .badges-window .fRight {
        margin-top: 20px;
        margin-bottom: 15px;
    }

        .product-info-content .badges-window .fRight &gt; div {
            padding-left: 55px;
            float: left;
            height: 46px;
            padding-top: 17px;
            margin-left: 20px;
            position: relative;
        }

            .product-info-content .badges-window .fRight &gt; div:before {
                content: "";
                position: absolute;
                bottom: 7px;
                left: 0;
                width: 46px;
                height: 46px;
                background-repeat: no-repeat;
                background-position: center;
                border: 1px solid #d2d2d2;
                border-radius: 4px;
            }

.stock-icon:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/instock.svg");
    background-size: 28px 26px;
}

.skt-icon:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/skt.svg");
    background-size: 27px 27px;
}

.dscnt-icon:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/discount.svg");
    background-size: 28px 27px;
}

.cargo-icon:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/nocargo.svg");
    background-size: 28px 27px;
}

.not-installment:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/payall.svg");
    background-size: 30px;
}

.nrh:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/servis-basi.png") !important;
    background-size: 40px;
}

.shoppingCredit:before {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/shopping-credit-icon.svg");
    background-size: 52px 52px;
}

.product-info-content {
    padding: 0 15px;
}

.product-thumb .thumb + .thumb {
    margin-left: 10px;
}

.detail-pp-title {
    width: 100%;
    margin: 0;
    padding: 3px 0;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/title-bg.jpg) bottom left repeat-x #fff;
    margin-bottom: 10px;
}

.product-quality .detail-pp-title {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/benefit-bg.png) bottom left repeat-x #eee;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    border-color: #ECE4DC;
}

    .product-quality .detail-pp-title span {
        margin-left: 15px;
    }

.pp-title-name {
    float: left;
    padding-left: 28px;
    width: 65%;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 16px;
    color: #003770;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}

.discount-product, .pp-new-product, .pp-cok-satan, .pp-kampanyali {
    float: right;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    border-left: 1px solid #e5e5e5;
}

    .discount-product i, .pp-new-product i, .pp-cok-satan i, .pp-kampanyali i {
        margin-right: 2px;
        float: left;
        width: 11px;
        height: 23px;
    }

    .pp-cok-satan i {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-best.png) center center no-repeat;
    }

    .pp-kampanyali i {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-campaign.png) center center no-repeat;
    }

    .pp-new-product i {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-new.png) center center no-repeat;
    }

    .discount-product i {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-dis.png) center center no-repeat;
    }

.pp-cok-satan {
    color: #ffba00;
}

.pp-kampanyali {
    color: #ff7e00;
}

.pp-new-product {
    color: #3a9200;
}

.discount-product {
    color: #f73d04;
}

.pp-title-info {
    background: url(/Themes/Supplementler/Content/images/info-icon.png) left center no-repeat;
    width: auto;
}

.pp-first-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 16px;
    padding-bottom: 10px;
}

    .pp-first-list li {
        float: left;
    }

        .pp-first-list li span {
            float: left;
            font-size: 14px;
            color: #464646;
            line-height: 24px;
        }

            .pp-first-list li span.pp-sm-title {
                width: 65px;
                color: #444;
            }

            .pp-first-list li span.pp-sm-desc {
                padding-left: 10px;
                width: 250px;
                margin-right: 6px;
            }

span.pp-sm-desc {
    width: 205px !important;
}

.product-properties .p-detail-spec-link {
    font-size: 12px;
    color: #464646;
    line-height: 24px;
}

    .product-properties .p-detail-spec-link:hover {
        text-decoration: underline;
    }

.pp-sm-desc {
    font-size: 12px;
    color: #464646;
    line-height: 24px;
}

.pp-sm-title {
    font-family: Arial;
    color: #444444;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
}

.pp-title-using {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-using.png) left center no-repeat;
}

.using-content .pp-sm-title {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    margin-bottom: 5px;
}

.using-content p, .product-quality ul li, .product-panel-description p {
    font-size: 14px;
    color: #464646;
    font-family: 'HelveticaNeueLTPro-Roman', arial;
    line-height: 18px;
    padding-right: 10px;
    margin-bottom: 4px;
}

.product-panel-description p, .product-panel-description div {
    padding-right: 15px;
    width: 100%;
    padding-left: 16px;
    box-sizing: border-box;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
}

.product-panel-description blockquote {
    border-left: none;
}

.product-panel-description {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
}

    .product-panel-description ul {
        list-style-position: inside;
    }

    .product-panel-description h2 {
        padding: 5px 15px;
    }

.using-container {
    padding-right: 15px;
    padding-left: 16px;
}

    .using-container &gt; div {
        font-size: 12px;
        color: #464646;
        font-family: 'HelveticaNeueLTPro-Roman', arial;
        line-height: 18px;
        margin-bottom: 22px;
    }

.quality-container {
    float: left;
    width: 100%;
    min-height: 120px;
    background: #fef8f1;
    padding-bottom: 10px;
}

    .quality-container &gt; div {
        float: left;
    }

    .quality-container .divider {
        background-color: #c2c2c2;
        width: 1px;
        margin-right: 30px;
    }

span.gearTitle {
    float: left;
    line-height: 28px;
    font-family: "HelveticaNeueLTPro-Bd";
    font-size: 12px;
    color: #464646;
}

a.pvaGear {
    float: left;
    line-height: 22px;
    border: 1px solid #ccc;
    text-align: center;
    min-width: 24px;
    font-family: arial;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}


    a.pvaGear.selected {
        border: 1px solid #333;
        font-weight: bold;
    }

.pvaGear em {
    font-style: normal;
}

.pp-title-positive {
    background: url(/Themes/Supplementler/Content/images/icon-positive.svg) left center no-repeat;
    color: #1e773e;
}

.pp-title-outstanding {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-outstanding.png) left 4px no-repeat;
    color: #008dd6;
}

.pp-title-negative {
    background: url(/Themes/Supplementler/Content/images/icon-negative.svg) left center no-repeat;
    color: #d20000;
}

.pp-title-ingredients {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-ingredients.png) left center no-repeat;
}

.pp-title-fulldesc {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-fulldesc.png) left center no-repeat;
}

.pp-title-return {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-return.png) left 4px no-repeat;
}

.watch-and-learn {
    width: 100%;
}

    .watch-and-learn .detail-pp-title {
        margin-top: 0;
    }

.product-quality ul {
    padding: 0;
    float: left;
    margin: 0;
    width: 93.5%;
    list-style-position: inside;
    padding-top: 10px;
    padding-left: 15px;
}

    .product-quality ul.list-positive {
        list-style-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/list-style-positive.png);
    }

.list-positive p {
    display: inline;
}

.sup-vit-not-negative {
    list-style-type: none;
    margin-left: 0;
    list-style-image: none;
}

.product-quality ul.list-negative {
    list-style-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/list-style-negative.png);
}

.product-quality ul.list-blue {
    list-style-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/list-style-blue.png);
}

.video-content {
    float: left;
    width: 95%;
    padding: 5px 0 15px 15px;
}

.product-details-page .ingredients-content .module-frame {
    border: none;
    border-radius: 0;
    float: left;
    width: 100%;
}

.pp-title-facebook {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/fb-comment.png) left center no-repeat;
}

.robots-nocontent {
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 10px;
    background: #fff;
    margin: 0;
}

.inv_center_panel .robots-nocontent {
    box-sizing: border-box;
}

    .inv_center_panel .robots-nocontent img {
        width: 100%;
        padding: 10px 35px;
        box-sizing: border-box;
    }

.comment-left-panel, .comment-right-panel {
    text-align: left;
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
    padding-top: 10px;
}

.comment-left-panel {
    width: 73%;
    text-align: left;
}

.comment-right-panel {
    width: 27%;
    margin-top: -20px;
}

.rate-box {
    padding: 15px 19px;
    border: 1px solid #ccc;
    margin-left: 10px;
    text-align: left;
}

    .rate-box .rate-type + .rate-type {
        margin-top: 5px;
        padding-top: 3px;
        padding-bottom: 0;
        border-top: 1px solid #ebebeb;
    }

    .rate-box .rating-type-name {
        display: inline-block;
        color: #454545;
        font-weight: bold;
        font-size: 12px;
        width: calc(100% - 150px);
        width: -webkit-calc(100% - 150px);
        box-sizing: border-box;
        text-align: left;
        vertical-align: middle;
    }

.rate-space {
    width: 135px;
    display: inline-block;
    padding: 5px 0;
    border: 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}

.customer-name {
    float: left;
}

    .customer-name, .customer-name span {
        font-size: 14px;
        line-height: 24px;
        color: #454545;
        font-family: 'HelveticaNeueLTPro-Md';
    }

        .customer-name span {
            color: #c6c6c6;
        }

.customer-date {
    color: #c6c6c6;
    float: left;
    font-size: 14px;
    margin: 2px 0 0 7px;
}

.product-review-helpfulness {
    margin-top: 30px;
}

.product-review-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.product-review-list {
    padding-right: 15px;
    padding-left: 16px;
    width: 100%;
    box-sizing: border-box;
}

.comment-form {
    width: 100%;
    padding-top: 20px;
}

    .comment-form &gt; div {
        padding-left: 16px;
    }

.helpfulness-vote-result {
    color: #00316e;
    font-size: 11px;
    padding-top: 10px;
}

.help-text {
    font-size: 14px;
    font-weight: bold;
    color: #454545;
}

.vote.btn {
    border: 0;
    background: none;
    box-shadow: none;
    line-height: normal;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0;
    width: 53px;
    color: #d8d8d8;
}

.vote.vote-yes {
    color: #85c441;
}

.customer-points {
    color: #464646;
    font-size: 11px;
    line-height: 24px;
}

    .customer-points span {
        color: #00316e;
        font-size: 12px;
    }

.vote.vote-no {
    color: #c84747;
}

form {
    margin: 0;
}

.comment-box {
    float: left;
    width: 659px;
    margin-top: -10px;
    padding: 15px;
}

.bx-wrapper {
    position: relative;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

.product-image-wrapper .bx-wrapper {
    border: 1px solid #ccc;
    z-index: 1;
}

.product-image-slider {
    overflow: hidden;
    height: 242px;
    width: 242px;
    display: block;
}

.product-image-wrapper .bx-wrapper .bx-viewport {
    overflow: hidden;
}

.product-image-wrapper .bx-controls-direction {
    display: none;
}

.bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    padding-bottom: 4px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 2;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 20px;
}

    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
            background: #000;
        }

.bx-wrapper .bx-prev {
    right: 21px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-up.png) center center no-repeat;
}

.bx-wrapper .bx-next {
    right: 0;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-down.png) center center no-repeat;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: -26px;
    margin-top: -5px;
    outline: 0;
    width: 23px;
    height: 10px;
    text-indent: -9999px;
    z-index: 1;
}

    .bx-wrapper .bx-controls-direction a.disabled {
        display: none;
    }

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

    .bx-wrapper .bx-controls-auto .bx-start {
        display: block;
        text-indent: -9999px;
        width: 10px;
        height: 11px;
        outline: 0;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/controls.png) -86px -11px no-repeat;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
            background-position: -86px 0;
        }

    .bx-wrapper .bx-controls-auto .bx-stop {
        display: block;
        text-indent: -9999px;
        width: 9px;
        height: 11px;
        outline: 0;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/controls.png) -86px -44px no-repeat;
        margin: 0 3px;
    }

        .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
            background-position: -86px -33px;
        }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

    .bx-wrapper .bx-caption span {
        color: #fff;
        font-family: Arial;
        display: block;
        font-size: .85em;
        padding: 10px;
    }

.product-wrapper .product-rating {
    text-align: center;
}

.product-wrapper .star.readonly {
    float: none;
}

.detail-product-slider {
    margin: 0;
    padding: 0;
    list-style: none;
}

.slider-box {
    padding: 10px;
    background: #fff;
    margin-bottom: 16px;
    float: left;
    border: 1px solid #d0d4dc;
    width: 92.2%;
    border-radius: 8px;
}

    .slider-box .bx-pager {
        display: none;
    }

.slider-product-box img {
    width: 50px;
    height: 50px;
    border: 1px solid #d2d2d2;
}

.slider-product-box table {
    width: 100%;
}

.slide-product-name {
    color: #6b6b6b;
    font-family: 'HelveticaNeueLTPro-Md';
    font-size: 11px;
    display: block;
    padding-left: 5px;
    line-height: 14px;
}

    .slide-product-name:hover {
        color: #003770;
    }

.slider-price, .slider-old-price {
    font-size: 16px;
    color: #f73d04;
    font-weight: bold;
    display: block;
}

.slider-old-price {
    color: #464646;
    text-decoration: line-through;
    padding-bottom: 4px;
}



.right-pp-title .pp-title-name {
    padding-left: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    display: block;
    width: 100%;
    margin-left: 0;
}

#socialcontainer, .other-size-content, .doesnt-include, .product-combination {
    margin-bottom: 16px;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    float: left;
    width: 92%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

    .doesnt-include img {
        width: 40px;
        height: 40px;
    }

    .other-size-content .pvaGear {
        margin-bottom: 0;
    }

    .other-size-content h5 {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-size-s.png) right 0 no-repeat;
    }

.vitaminler-detail .other-size-content h5 {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-size.png) right 0 no-repeat;
}

.other-size-content a.quick-buy {
    font-size: 12px;
    color: #f73d04;
    padding-right: 10px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/arrow-right.png) right center no-repeat;
    line-height: 24px;
    font-family: 'HelveticaNeueLTPro-Md';
}

.other-size-content table span, .other-size-content table strong {
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #505050;
}

.other-size-content img {
    border: 1px solid #d0d0d0;
    width: 28px;
}

.other-size-content table span {
    color: #999;
}

.other-size-content td {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
}

.other-size-content tr.last td {
    border-bottom: none;
    padding-bottom: 0;
}

.other-size-content tr.first td {
    padding-top: 0;
}

.pd-column-right .right-pp-title {
    margin-top: 0;
}

.doesnt-include table span {
    display: block;
    line-height: 11px;
    color: #747474;
    font-family: Arial;
    padding-top: 5px;
    font-size: 10px;
}

.doesnt-include table {
    border: 2px solid #fff;
}

.doesnt-include td {
    vertical-align: top;
    padding: 5px 0;
    border: 1px solid #e5e5e5;
}

.product-combination {
    background: #fbeecd;
}

.combination-text {
    background: #f73d04;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    border-radius: 7px;
    margin-top: 10px;
    display: block;
}

    .combination-text:hover {
        background-color: #003a75;
        color: #fff;
    }

        .combination-text:hover strong {
            color: #f73d04;
        }

.vitaminler-detail .combination-text:hover {
    background-color: #166d36;
    color: #fff;
}

    .vitaminler-detail .combination-text:hover strong {
        color: #fff;
    }

.combination-text strong {
    color: #ffbca8;
    text-decoration: line-through;
}

.combination-title {
    font-size: 16px;
    margin: 0;
    color: #f73d04;
}

    .combination-title a {
        color: #f73d04;
    }

        .combination-title a:hover {
            text-decoration: none;
        }

    .combination-title em, .combination-title span {
        display: block;
        line-height: 18px;
    }

    .combination-title em {
        color: #003770;
        font-size: 14px;
        font-style: normal;
        padding-bottom: 5px;
    }

.product-combination ul {
    color: #858585;
    font-family: Arial;
    font-size: 11px;
    list-style-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/list-style-blue.png);
    list-style-position: inside;
    margin: 0;
    padding-left: 13px;
    height: 128px;
    overflow: hidden;
}

.product-combination td {
    vertical-align: top;
}

.product-combination ul li {
    line-height: 14px;
    margin-bottom: 15px;
}

.combination-link {
    font-family: Arial;
    font-size: 12px;
    color: #003770;
    text-decoration: underline;
    margin-left: 13px;
}

    .combination-link:hover {
        color: #00254b;
    }

.product-combination img {
    border: 1px solid #d0cfcc;
    width: 107px;
}

.write-review label {
    color: #aaaaaa;
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    margin: 0;
    margin-bottom: 12px;
    font-size: 16px;
}

.write-review .form-group + .form-group {
    margin-top: 30px;
}

.write-review input[type="text"],
.write-review input[type="password"],
.write-review input[type="datetime"],
.write-review input[type="datetime-local"],
.write-review input[type="date"],
.write-review input[type="month"],
.write-review input[type="time"],
.write-review input[type="week"],
.write-review input[type="number"],
.write-review input[type="email"],
.write-review input[type="url"],
.write-review input[type="search"],
.write-review input[type="tel"],
.write-review input[type="color"],
.write-review textarea {
    border-radius: 3px;
    background-color: #ffffff;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #c9c9c9;
    height: auto;
    padding: 8px;
    box-shadow: none;
    -webkit-box-shadow: none;
    max-width: 100%;
}

.write-review textarea {
    min-height: 120px;
}

.review-button {
    margin-top: 22px;
    text-align: right;
}

.rate-point-space {
    margin-left: 6px;
    line-height: 31px;
    color: #454545;
    font-size: 15px;
    color: #f7b007;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    max-width: 25px;
}

#addproductreviewform .rate-space {
    width: 100px;
}

#addproductreviewform .rating-type-name {
    color: #454545;
    font-weight: bold;
    font-size: 14px;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}

#addproductreviewform .rate-type {
    max-width: 220px;
}

    #addproductreviewform .rate-type + .rate-type {
        padding-top: 8px;
        margin-top: 8px;
        border-top: 1px solid #ebebeb;
    }

.write-review {
    width: 100%;
    max-width: 420px;
    padding-top: 10px;
}

.product-variant-line .product-price-wrapper {
    display: none;
}

.productwritereviewbutton {
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    color: #ffffff;
    font-size: 16px;
    padding: 12px 50px;
    border: none;
    text-shadow: none;
    background: #5590fd;
    box-shadow: none;
    border-radius: 4px;
    transition: all 200ms;
}

    .productwritereviewbutton:hover {
        background: #2c6ce2;
        color: #ffffff;
    }

.pp-title-watch {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/watch-learn.png) left center no-repeat;
}

.vitaminler-detail .pp-title-name, .vitaminler-detail .right-pp-title .pp-title-name, .vitaminler-detail .combination-title em {
    color: #1e773e;
}

.vitaminler-detail .productwritereviewbutton {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/send-btn-v.jpg) left bottom repeat-x #3f8259;
}

    .vitaminler-detail .productwritereviewbutton:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/send-btn-v-hover.jpg) left bottom repeat-x #10622d;
    }

.vitaminler-detail .pp-title-watch {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/watch-learn-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-info {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/info-icon-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-using {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-using-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-ingredients {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-ingredients-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-fulldesc {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-fulldesc-v.png) left center no-repeat;
}

.vitaminler-detail .pp-title-facebook {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/fb-comment-v.png) left center no-repeat;
}

.vitaminler-detail .pp-first-list li span.pp-sm-title {
    width: 112px !important;
}

.vitaminler-detail .watch-video {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/video-icon-v.png) left center no-repeat;
    line-height: 19px;
}

.vitaminler-detail .pp-title-negative {
    color: #d20000;
}

.vitaminler-detail .progressDiv {
    background: #166d36;
}

.vitaminler-detail .score-title {
    background: #166d36;
}

.vitaminler-detail .general {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/general-v.jpg) left bottom no-repeat;
}

.vitaminler-detail .gen-score {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/gen-score-v.jpg) left bottom no-repeat #6fa0d0;
}

.vitaminler-detail .gen-rate {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/gen-rate-v.jpg) center center no-repeat;
}

.vitaminler-detail .pp-first-list li span.pp-sm-desc {
    width: 205px;
}

.vitaminler .supp-pname, .vitaminler .pop-box .right-pp-title .pp-title-name {
    color: #2d7c4c;
}

.product-price-content.cfix {
}

.detail-fix-bar {
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.4);
    margin-left: 0;
    display: none;
    padding: 5px 0;
    background: #e3eef9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZWVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWQ0ZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3eef9),color-stop(100%,#cad4de));
    background: -webkit-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: -o-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: -ms-linear-gradient(top,#e3eef9 0%,#cad4de 100%);
    background: linear-gradient(to bottom,#e3eef9 0%,#cad4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eef9',endColorstr='#cad4de',GradientType=0);
}

    .detail-fix-bar &gt; div {
        width: 990px;
        margin: 0 auto;
    }

.vitaminler-detail .detail-fix-bar {
    background: #fce4cb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZTRjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWNjYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fce4cb),color-stop(100%,#e1ccb6));
    background: -webkit-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: -o-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: -ms-linear-gradient(top,#fce4cb 0%,#e1ccb6 100%);
    background: linear-gradient(to bottom,#fce4cb 0%,#e1ccb6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce4cb',endColorstr='#e1ccb6',GradientType=0);
}

.fix-bar-title {
    font-size: 15px;
    font-family: 'HelveticaNeueLTPro-Md';
    line-height: 18px;
    color: #003770;
    margin: 0;
    padding-bottom: 5px;
}

.vitaminler-detail .fix-bar-title {
    color: #1e773e;
}

.fix-bar-price .product-price {
    font-size: 20px;
    line-height: 22px;
}

.fix-bar-price .product-old-price {
    color: #003770;
    font-size: 14px;
    float: left;
    line-height: 22px;
    padding: 0 15px 0 0;
}

.fix-bar-price, .fix-bar-variant-select {
    float: left;
}

.detail-fix-bar td {
    padding: 7px;
    vertical-align: middle;
}

.fix-bar-variant-select {
    margin-left: 16px;
}

    .fix-bar-variant-select select {
        float: left;
        width: 122px;
        margin: 1px 4px 0;
        height: 22px;
        padding: 0;
        font-family: Arial;
        color: #003770;
        font-size: 11px;
    }

    .fix-bar-variant-select .add-product {
        float: left;
        margin-left: 21px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/fix-bar-car-icon.png) 9px 8px no-repeat #f73d04;
        padding: 5px 17px 5px 32px;
        line-height: 22px;
        width: 98px;
        font-size: 14px;
        margin-top: -5px;
    }

.detail-fix-bar img {
    border: 1px solid #e4edf6;
    background: #fff;
    width: 47px;
}

.vitaminler-detail .fix-bar-price .product-old-price {
    color: #1e773e;
}

.vitaminler-detail .product-page-title {
    color: #1d773e;
}

.statChartHolder &gt; div {
    float: left;
    width: 20%;
    position: relative;
    height: 83px;
}

.statChartHolder.spaceEvenly {
    display: flex;
    justify-content: space-evenly;
}

.chart &gt; div {
    margin-left: -10px;
}

.statChartHolder strong {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    display: block;
    text-align: center;
    margin-bottom: -6px;
    line-height: 16px;
    margin-top: 3px;
    font-weight: 700;
    font-size: 9px;
}

.progressDiv {
    float: left;
    background: #ffffff;
    width: 100%;
    margin-bottom: 7px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
}

.percentage {
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: 0;
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    color: #333333;
}

.general-score {
    float: left;
    width: 100%;
}

    .general-score &gt; div {
        float: left;
        width: 71px;
        text-align: center;
        line-height: 28px;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        height: 28px;
    }

        .general-score &gt; div.gen-rate {
            width: 132px;
            height: 34px;
            margin-top: -3px;
        }

.general {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/general.jpg) left bottom no-repeat;
}

.gen-score {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/gen-score.jpg) left bottom no-repeat #6fa0d0;
}

.gen-rate {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/gen-rate.jpg) center center no-repeat;
}

    .gen-rate &gt; div {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-off-new-2.png) left center repeat-x;
        width: 100px;
        height: 34px;
        margin: auto;
        position: relative;
    }

        .gen-rate &gt; div &gt; div {
            position: absolute;
            top: 0;
            left: 0;
            background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-on-new-2.png) 0 6px repeat-x;
            height: 34px;
        }

.score-title {
    line-height: 30px;
    height: 30px;
    font-weight: 700;
    font-size: 16px;
    color: #003770;
    margin: 0;
    background: #ffffff;
    padding-left: 10px;
    font-family: "Open Sans", sans-serif;
}

    .score-title a {
        color: #ffae01;
        float: right;
        font-size: 14px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/star-on.png) right 9px no-repeat;
        padding-right: 22px;
        margin-right: 10px;
        font-weight: 400;
    }

#gotoProductComments {
    display: block;
    color: #003a75;
    line-height: 24px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial;
    text-align: right;
    float: right;
    width: 96.2%;
    background: #fff;
    padding-right: 10px;
}

.supp-also-content .pop-box {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.supp-also-content .slider-box, .supp-also-content .product-rating, .supp-also-content .product-info {
    display: none;
}

.supp-also-content .product-name {
    padding: 0;
    margin-top: 0;
    overflow: hidden;
}

.supp-also-content .product-discount {
    text-align: center;
}

.supp-also-content a.no-discount {
    display: block;
}

.supp-success {
    color: #30a900;
    font-size: 18px;
    font-family: 'HelveticaNeueLTPro-Md';
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-tick.png) left 0 no-repeat;
    padding-left: 25px;
    line-height: 20px;
    margin-left: 29px;
    margin-top: 25px;
}

.add-to-cart-after {
    width: 605px;
    left: 50%;
    background: #fff;
    display: none;
}

    .add-to-cart-after em {
        font-size: 12px;
        font-family: 'HelveticaNeueLTPro-Md';
        color: #505050;
        font-style: normal;
        display: block;
        padding-left: 29px;
        padding-bottom: 13px;
        margin-top: 3px;
        margin-bottom: 19px;
    }

.supp-summary {
    display: flex;
    float: left;
    padding-bottom: 25px;
}

.supp-image {
    float: left;
    width: 148px;
    border: 1px solid #ccc;
    margin-left: 29px;
    margin-right: 16px;
}

.supp-voptions {
    float: left;
    width: 381px;
    padding-right: 29px;
}

.supp-image img {
    width: 100%;
}

.supp-pname {
    margin: 12px 0 19px;
    font-size: 18px;
    color: #00407c;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.supp-selected-attr {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-bottom: 19px;
}

    .supp-selected-attr li {
        float: left;
        text-align: center;
        font-size: 12px;
    }

        .supp-selected-attr li + li {
            margin-left: 15px;
        }

    .supp-selected-attr span, .supp-selected-attr strong {
        display: block;
    }

    .supp-selected-attr strong {
        color: #333;
    }

    .supp-selected-attr span {
        color: #505050;
    }

.pop-go-shopping {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    font-family: 'HelveticaNeueLTPro-Bd', arial;
    float: left;
    color: #626262;
    padding: 0 20px;
    background: #e3e3e3;
    border-radius: 5px;
    margin-right: 8px;
}

    .pop-go-shopping:hover {
        color: #fff;
        text-decoration: underline;
    }

.pop-button-container .add-product {
    float: left;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/add-product-icon.png) 19px 10px no-repeat #f73d04;
    padding: 10px 0 10px 16px;
    width: 155px;
}

    .pop-button-container .add-product:hover {
        background-color: #003a75;
    }

.pop-button-container {
    float: left;
    width: 100%;
}

.pop-box {
    background: #ebebeb;
}

    .pop-box .right-pp-title {
        margin: 0;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #ccc;
        padding-left: 30px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/title-bg.jpg) left bottom repeat-x #fff;
    }

        .pop-box .right-pp-title .pp-title-name {
            border-bottom: none;
            padding: 0;
            line-height: 31px;
            height: 31px;
        }

    .pop-box .product {
        width: 100px;
        padding: 0;
        border: none;
        min-height: 19px;
    }

    .pop-box .product-names {
        font-size: 11px;
        color: #333;
        min-height: 5px;
        font-family: 'HelveticaNeueLTPro-Md';
    }

    .pop-box .product-price-old, .pop-box span.product-price-old {
        font-size: 11px;
    }

    .pop-box .product-price {
        font-size: 14px;
    }

    .pop-box .product-image {
        height: auto;
        padding: 5px;
    }

    .pop-box .pop-also-content .product + .product {
        margin: 0 0 0 10px !important;
    }

.pop-also-content {
    padding-top: 19px;
    padding-left: 30px;
}

a.add-to-cart-after-button {
    position: fixed;
    width: 100px;
    padding: 10px;
    background: #000;
    color: #fff;
    top: 144px;
    left: 0;
    text-align: center;
    z-index: 9999;
}

.size-table {
    position: absolute;
    right: 0;
    color: #131313;
    text-decoration: none;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/size-chart-icon.png) 8px center no-repeat;
    padding: 8px 8px 8px 35px;
    line-height: 15px;
    font-size: 11px;
    border: 1px solid #ebebeb;
}

    .size-table:hover {
        color: #131313;
        text-decoration: none;
    }

.product-properties {
    position: relative;
    float: left;
    width: 100%;
}

.pvaColor.out-ofstock {
    position: relative;
    opacity: .2;
}

    .pvaColor.out-ofstock:hover {
        opacity: 1;
    }

.pvaColor .message {
    display: none;
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -80px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding: 5px;
    border-radius: 5px;
    z-index: 4;
    font-style: normal;
    top: 45px;
}

    .pvaColor .message em,
    .pvaGear .message em {
        color: #8a6d3b;
        font-style: normal;
        font-weight: bold;
        text-decoration: underline;
    }

.pvaGear.out-ofstock {
    position: relative;
    opacity: .2;
}

    .pvaGear.out-ofstock:hover {
        opacity: 1;
    }

.pvaGear .message {
    display: none;
    position: absolute;
    width: 150px;
    left: 50%;
    margin-left: -80px;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    color: #8a6d3b;
    padding: 5px;
    border-radius: 5px;
    z-index: 4;
    font-style: normal;
    top: 22px;
}

.out-ofstock:hover .message {
    display: block;
}

.alert-message {
    font-family: arial;
    text-shadow: 0 0 1px rgba(0,0,0,.1);
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: 700;
    color: #10106c;
    max-width: 800px;
}

.bundle-image {
    width: 80px;
    height: 120px;
}

    .bundle-image img {
        width: 80px;
    }

.bundle-quantity {
    width: 50px;
    text-align: center;
}

.bundle-expiration-date {
    width: 140px;
    text-align: center;
}

.bundle-options {
    width: 75px;
}

    .bundle-options .voption, .bundle-options .voption &gt; div {
        text-align: center !important;
    }

        .bundle-options .voption &gt; span {
            font-weight: 700;
        }

.bundle-button {
    text-align: right;
}

.bundle-product-list {
    float: left;
    width: 660px;
    padding: 0 15px 10px;
}

    .bundle-product-list tr + tr {
        border-top: 1px solid #f4f4f4;
    }

.bundleproduct .addtocartbutton {
    display: none;
}

.bundle-name {
    color: #003770;
    font-weight: 700;
    font-size: 13px;
}

.bundle-button a {
    color: #f73d04;
    font-weight: 700;
    font-size: 12px;
}

.bundle-info {
    width: 190px;
}

.rate-value {
    float: left;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #575b5d;
}

.module-bundle-usage .module-table {
    font-size: 12px;
    color: #000;
}

    .module-bundle-usage .module-table td {
        vertical-align: top;
    }

    .module-bundle-usage .module-table th {
        text-align: left;
    }

        .module-bundle-usage .module-table th.module-service-size, .module-bundle-usage .module-table td.module-product-service-size {
            text-align: center;
            width: 100px;
        }

.module-bundle-usage-inner {
    float: left;
    padding-left: 15px;
    padding-bottom: 10px;
    width: 95.7%;
}

.module-table-row {
    padding-bottom: 10px;
}

    .module-table-row + .module-table-row {
        border-top: 1px solid #ccc;
        padding: 10px 0;
    }

    .module-table-row .pp-sm-title {
        font-weight: 400;
    }

.module-product-name {
    width: 400px;
}

.supp-also-content img {
    max-height: 100px;
}

.product-image-wrapper img {
    width: auto !important;
    max-height: 240px;
    margin: 0 auto;
}

.customer-comments {
    float: left;
    width: 100% !important;
}


/** Emre **/
.alert-left-sup {
    width: 130px;
    position: absolute;
    height: 100%;
    float: left;
}

.alert-left-vit {
    width: 130px;
    position: absolute;
    height: 100%;
    float: left;
    background: #96bc3c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YmMzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjVhMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #96bc3c 0%, #325a2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96bc3c), color-stop(100%,#325a2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #96bc3c 0%,#325a2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #96bc3c 0%,#325a2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #96bc3c 0%,#325a2b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #96bc3c 0%,#325a2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96bc3c', endColorstr='#325a2b',GradientType=0 ); /* IE6-8 */
}

    .alert-left-sup img, .alert-left-vit img {
        display: table;
        position: relative;
        top: 50%;
        margin: -90px auto 0px;
        padding: 52px 0;
    }

.alert-message-sup {
    display: table;
    text-align: center;
    margin: 75px 0 75px 130px;
    padding: 0 45px;
    font-size: 14px;
    font-family: Arial, Tahoma, sans-serif;
    font-weight: 700;
    white-space: nowrap;
}

.fancybox-outer, .fancybox-inner, .fancybox-opened .fancybox-skin {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    /*box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);*/
}

    .fancybox-opened .fancybox-skin.order {
        border-radius: 10px !important;
    }

span.yilbasi-kampanya-buyuk {
    position: absolute;
    top: -1px;
    left: -4px;
    background: url('https://cdn.supplementler.com/Themes/mobile/Supplementler/Content/images/new-year-badge.png') no-repeat top left;
    width: 91px;
    height: 91px;
    float: left;
    z-index: 2;
    background-size: contain;
}

span.yilbasi-kampanya-kucuk {
    position: absolute;
    top: 0;
    left: -3px;
    background: url('https://cdn.supplementler.com/Themes/mobile/Supplementler/Content/images/new-year-badge.png') no-repeat top left;
    width: 83px;
    height: 83px;
    z-index: 2;
    background-size: contain;
}

span.bayram-kampanya-buyuk {
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/bayram-kampanya-buyuk.png') no-repeat;
    width: 91px;
    height: 91px;
    float: left;
    z-index: 2;
}

span.bayram-kampanya-kucuk {
    position: absolute;
    top: 0;
    left: 0;
    background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/bayram-kampanya-kucuk.png') no-repeat;
    width: 83px;
    height: 83px;
}


span.valentines-day-kucuk {
    position: absolute;
    top: 0;
    left: 3px;
    background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/valentines-day.png') no-repeat top left;
    width: 40px;
    height: 40px;
    z-index: 2;
    background-size: contain;
}

span.valentines-day-buyuk {
    position: absolute;
    top: 0;
    left: 3px;
    background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/valentines-day.png') no-repeat top left;
    width: 60px;
    height: 60px;
    z-index: 2;
    background-size: contain;
}


span.oscar {
    position: absolute;
    top: -16px;
    right: 217px;
    background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/oscar-badge.png') no-repeat top left;
    width: 49px;
    height: 43px;
    z-index: 2;
    background-size: contain;
}



.checkout-page {
    padding-bottom: 50px;
}



@media (max-width: 1199px) {

    .invtabs-module li {
        width: 20%;
    }
}

@media(min-width: 1200px) {

    .nu-style .span3 {
        width: 250px;
    }

    .nu-style .customer-orders .span9 {
        width: 895px;
        padding-left: 5px;
    }
}

@media (min-width: 1200px) {
    .loyalty-info-right a {
        width: 180px;
    }

    .checkout .span12 {
        width: 940px;
        float: none;
        margin: 0 auto;
    }

    .comment-box {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .bundle-expiration-date {
        width: 200px;
    }

    .bundle-quantity {
        width: 80px;
    }

    .bundle-button {
        text-align: center;
    }

    .bundle-info {
        width: 260px;
    }

    .bundle-product-list {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

ul.product-list.list-best-sellers {
    height: auto !important;
}


/*payment grid*/
.pay-check .col-lg-6 {
    padding: 0 8px;
}

.pay-check .row {
    margin: 0 -8px;
}

.SaveOcpCreditCard {
    cursor: pointer;
}
/*payment grid end*/


.register-for-events *, .register-for-events {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .register-for-events .form-control {
        height: 36px;
        border: 1px solid #c2c2c2;
        width: 100%;
        font-size: 14px;
    }


.register-for-events {
    width: 1200px;
    padding: 30px 150px;
    margin: 0 auto;
}

.events-logo {
    text-align: center;
    padding-top: 30px;
}

    .events-logo img {
        width: 190px;
    }


@media (max-width: 1199px) and (min-width: 990px) {
    .register-for-events {
        width: 990px;
    }
}

@media (max-width: 989px) and (min-width: 768px) {
    .register-for-events {
        width: 768px;
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .register-for-events .col-lg-6,
    .register-for-events {
        width: 100%;
    }

    .register-for-events {
        padding: 15px;
    }
}

.basarili-image {
    width: 150px;
    display: block;
    margin: 30px auto;
}

.basarili-title, .basarili-text {
    text-align: center;
    color: #46AB19;
}

.basarili-text {
    color: #969696;
    padding: 0 10%;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
}

.register-for-events .field-validation-error {
    padding-left: 0;
    position: relative;
    top: -10px;
    display: none;
}


.empty-comparison-container {
    font-size: 14px;
}

    .empty-comparison-container p {
        margin: 0;
        line-height: 24px;
    }

    .empty-comparison-container .top-menu-clean .top-menu-list-clean {
        margin-top: 20px;
    }

        .empty-comparison-container .top-menu-clean .top-menu-list-clean li {
            list-style: none;
            list-style-type: none;
        }

            .empty-comparison-container .top-menu-clean .top-menu-list-clean li a:before {
                content: " - ";
                display: inline-block;
                margin-right: 10px;
            }

            .empty-comparison-container .top-menu-clean .top-menu-list-clean li a {
                font-size: 14px;
            }

        .empty-comparison-container .top-menu-clean .top-menu-list-clean:first-child {
            margin-left: 0;
        }

.highlighted-pages {
    margin: 0;
    padding: 0 15px;
    list-style-type: none;
}

    .highlighted-pages &gt; li:not(:last-child) {
        border-bottom: 1px solid #e0e0e0;
    }

    .highlighted-pages &gt; li a {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }

/* product review styles */
.product-review-list {
    padding-top: 10px;
}

span.customer-name.cfix {
    color: #454545;
    font-size: 18px;
}

.customer-name {
    color: #454545;
    float: none;
    font-size: 18px;
}

.customer-date {
    float: none;
    color: #b5b5b5;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    margin-top: 5px;
}

.review-text {
    font-size: 14px;
    color: #454545;
    line-height: 1.43;
    margin: 0;
    margin-top: 23px;
}

.product-review-item {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    float: none;
    margin: 0;
}

    .product-review-item + .product-review-item {
        padding-top: 20px;
    }

.comment-left-panel {
    padding: 0;
    float: none;
    display: inline-block;
    width: calc(100% - 254px);
    vertical-align: top;
    padding-right: 20px;
    box-sizing: border-box;
}

.comment-right-panel {
    padding: 0;
    margin: 0;
    width: 250px;
    display: inline-block;
    float: none;
    vertical-align: top;
}

.rate-box {
    border-radius: 4px;
    border: solid 1px #ebebeb;
}

.review-badge {
    font-size: 13px;
    margin-bottom: 10px;
}

.cookie_container {
    width: 320px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    margin: 1%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.88);
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    display: none;
}

.cookie_container__holder {
    float: left;
    width: 100%;
    color: #fff;
}

.cookie_container__holder_closeButton {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/cookie_popup_close.svg") no-repeat;
}

.cookie_container__holder p {
    margin: 10px 0 10px 15px;
    text-align: left;
    line-height: 18px;
    width: 89%;
}

.cookie_container__holder a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    margin: 0 2px;
}

/*No Result Search Page Custom Tab Styles Start */
.tab-items-container {
    position: relative;
}

._tab {
    display: none;
}

    ._tab.active {
        display: block;
    }

    ._tab:first-child {
    }

.top-search-button a.other {
    color: #222;
}

    .top-search-button a.other.selected {
        background: #222;
        color: #ebebeb;
    }

        .top-search-button a.other.selected p, .top-search-button a.other.selected p span {
            color: #ebebeb;
        }

        .top-search-button a.other.selected .indicator {
            display: block;
        }
/*No Result Search Page Custom Tab Styles End */


.footer-customer-contact .footer-phone {
    display: flex;
    flex-direction: row;
    color: #fff;
    align-items: center;
}

.footer-customer-contact .contact-phone {
    margin-bottom: 15px;
}

.footer-customer-contact img {
    height: 35px;
    width: 35px;
}

.footer-customer-contact .customer-contact-numbers {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 35px;
    margin-top: 2px;
}

.customer-contact-numbers span.phone-number {
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

.customer-contact-numbers span.small-phone {
    font-size: 10px;
    font-weight: bold;
}

.product-variant-title {
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-variant-title-not-ellipsis {
    word-break: keep-all;
}

.loyalty-info-on-price {
    width: 37px;
    height: 37px;
    flex-grow: 0;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(3, 3, 3, 0.2);
    background-color: #fff;
    display: flex;
    justify-content: center;
    margin-right: 8px;
}

    .loyalty-info-on-price img {
        height: 30px;
        align-self: center;
    }

.product-detail-price-box {
    display: flex;
    flex-direction: column;
    min-width: 200px;
}

    .product-detail-price-box[data-loyalty-active="1"] {
        margin-top: 6px;
        margin-bottom: -6px;
    }

        .product-detail-price-box[data-loyalty-active="1"] .product-price {
            font-size: 24px;
            line-height: 36px;
        }

        .product-detail-price-box[data-loyalty-active="1"] .product-old-price {
            font-size: 16px;
            line-height: 22px;
        }

.supp-oneriyor {
    margin: 24px 16px 32px 16px;
}

.supp-oneriyor-title {
    width: max-content;
    padding: 0 70px;
    height: 36px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: solid 1px #c8c8c8;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0px;
}

    .supp-oneriyor-title h3 {
        font-stretch: normal;
        letter-spacing: normal;
        color: #003770;
        font-family: 'Open Sans', sans-serif;
        color: #0058AC;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

.supp-oneriyor-content {
    border: solid 0.8px #ccc;
    background-color: #fff;
    display: block;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    height: auto;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 16px 16px;
}

.supp-oneriyor-products {
    display: flex;
    padding-bottom: 12px;
    justify-content: space-between;
    width: 100%;
}

.supp-oneriyor-product {
    display: flex;
    flex-direction: unset;
    width: 354px;
    height: auto;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 1px solid #CCC;
    background: white;
    padding: 8px;
}

.supp-oneriyor-product-right {
    float: right;
    width: 224px;
    display: flex;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.supp-oneriyor-porduct-icon {
    margin: auto 10px;
    width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .supp-oneriyor-porduct-icon img {
        border-radius: 50%;
        background: #F9F9F9;
        box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
        gap: 8px;
        display: flex;
        width: 24px;
        height: 24px;
        padding: 8px;
        align-items: flex-start;
    }

    .supp-oneriyor-porduct-icon:last-child {
        display: none;
    }

.supp-oneriyor-image {
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    width: 130px;
    height: 130px;
}

.supp-oneriyor-skt {
    flex-shrink: 0;
    font-stretch: normal;
    letter-spacing: normal;
    color: #37383B;
    text-align: center;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.supp-oneriyor-product-title {
    flex-shrink: 1;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    object-fit: cover;
    object-position: center center;
    margin: 0;
    color: #003770;
    width: 100%;
}

    .supp-oneriyor-product-title a {
        color: #003770;
        text-decoration: none;
    }

.supp-oneriyor-pricing {
    flex-shrink: 0;
    position: relative;
    display: block;
}

.supp-oneriyor-price {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.13px;
    text-align: center;
    color: #f73d04;
}

.supp-oneriyor-old-price {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #464646;
    text-decoration: line-through;
    font-weight: 500;
    margin-right: 5px;
}

.supp-oneriyor-total-price-area {
    width: 100%;
    position: relative;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.supp-oneriyor-total-price-area {
    width: 100%;
    position: relative;
    justify-content: space-between;
    display: flex;
}

.supp-oneriyor-total-price-area-left {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 12px;
}


.supp-oneriyor-total-price-area-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.supp-oneriyor-total-price-area-left span {
    color: #0058AC;
    font-weight: 700;
}

.supp-oneriyor-total-title {
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    display: block;
}

.supp-oneriyor-total-price-old {
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    text-decoration: line-through;
    color: #37383B;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 400;
}

.supp-oneriyor-total-price {
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #37383B;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.supp-oneriyor-total-price-text {
    color: #37383B;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.supp-oneriyor-total-real-price {
    position: absolute;
    top: 40%;
}

.supp-oneriyor-kazanc-miktar {
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00a13a;
}

.supp-oneriyor-kazanc-yazi {
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: center;
    color: #333;
}

.supp-oneriyor-aroma-select {
    padding: 14px 16px 14px 12px;
    border-radius: 4px;
    border: solid 1px #ccc;
    background-color: #fff;
    width: 168px;
    height: 48px;
    margin-top: 8px;
}

.supp-oneriyor-button {
    padding: 14px 0px;
    background-color: #f73d04;
    color: white;
    width: 134px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 4px;
    margin-left: 8px;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

    .supp-oneriyor-button:hover {
        text-decoration: none;
        color: #fff;
    }

.supp-oneriyor select:focus {
    outline: none;
    outline-offset: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}

.oneCombination {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 160px;
    height: 32px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    padding: 6px 8px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    background-color: white;
    box-sizing: border-box;
    text-decoration: none;
    color: #37383B;
    margin-bottom: 8px;
}

    .oneCombination span {
        overflow-wrap: break-word;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .oneCombination img {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 100%;
    }

.combination-select {
    position: relative;
}

    .combination-select .combination-select-button {
        position: relative;
        display: flex;
        align-items: center;
        gap: 6px;
        width: 160px;
        height: 32px;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
        padding: 0 8px;
        color: #000;
        font-size: 13px;
        font-weight: 600;
        text-align: left;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-select-down.svg) no-repeat 95% center;
        background-color: white;
        box-sizing: border-box;
        text-decoration: none;
        color: #37383B;
    }

        .combination-select .combination-select-button span {
            overflow-wrap: break-word;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding-right: 12px;
        }

        .combination-select .combination-select-button:hover {
            border-radius: 4px;
            border: 1px solid var(--primary-500, #0058AC);
            background-color: rgba(109, 160, 255, 0.05);
        }


        .combination-select .combination-select-button.active {
            border-radius: 4px 4px 0 0;
        }

    .combination-select .combination-select-list {
        overflow-y: hidden;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        background-color: #ffffff;
        right: 0;
        margin: auto;
    }

        .combination-select .combination-select-list .combination-select-list-header {
            height: 48px;
            background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-select-down.svg) no-repeat 95% center;
            flex-grow: 0;
            display: none;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            gap: 8px;
            padding: 0 8px;
            border: solid 1px #ccc;
            background-color: #f3f3f3;
            font-family: Open Sans;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.4;
            letter-spacing: normal;
            text-align: left;
            color: #000;
        }

        .combination-select .combination-select-list ul {
            overflow-y: auto;
            max-height: 180px;
            margin: 0;
        }

            .combination-select .combination-select-list ul::-webkit-scrollbar-track {
                background-color: #F5F5F5;
            }

            .combination-select .combination-select-list ul::-webkit-scrollbar {
                width: 5px;
                background-color: #F5F5F5;
            }

            .combination-select .combination-select-list ul::-webkit-scrollbar-thumb {
                background-color: #ccc;
            }

        .combination-select .combination-select-list.active {
            display: block;
            box-shadow: 0 3px 6px rgba(0,0,0,0.1);
        }

        .combination-select .combination-select-list li {
            border-top: 1px solid #ccc;
            padding: 10px;
            display: flex;
            align-items: center;
            column-gap: 10px;
            cursor: pointer;
            position: relative;
            padding-right: 20px;
        }

            .combination-select .combination-select-list li:before {
                content: "";
                position: absolute;
                top: 45%;
                right: 8px;
                transform: translateY(-50%);
                background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon-variant-check.svg") no-repeat;
                width: 20px;
                height: 15px;
                display: none;
            }

            .combination-select .combination-select-list li.active {
                background: #f1faff;
            }

                .combination-select .combination-select-list li.active:before {
                    display: block;
                }


            .combination-select-button.dropdown-toggle &gt; img,
            .combination-select .combination-select-list li img {
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 100%;
            }

            .combination-select .combination-select-list li:first-child {
                border: none;
            }

.product-add-to-cart-wrapper .addtocart-button {
    padding-top: 10px;
}


.supp-oneriyor .supp-oneriyor-product .image-container {
    position: relative;
    width: 130px;
}

.supp-oneriyor .supp-oneriyor-product .double-quantity {
    padding: 5px 6px;
    border-radius: 40px;
    position: absolute;
    top: -18px;
    left: -18px;
    flex-grow: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.gift-deactive #fixbarGift, .gift-deactive .product-present-line {
    display: none !important;
}

/*#region media query for Combinations */
@media (max-width: 1200px) {
    .supp-oneriyor-product-title {
        font-size: 13px;
    }

    .supp-oneriyor-image {
        width: 80px;
        height: 80px;
    }

    .supp-oneriyor .supp-oneriyor-product .image-container {
        width: 80px;
    }

    .supp-oneriyor-product-right {
        width: 190px;
    }

    .supp-oneriyor-button {
        font-size: 16px;
    }

    .supp-oneriyor-total-price-area-left, .supp-oneriyor-total-price-text, .supp-oneriyor-total-price-old, .supp-oneriyor-total-price {
        font-size: 16px;
    }
}
/*#endregion */

.list-brands-footer a {
	display: block;
	width: 100px;
	margin: 0 15px;
	height: 45px;
}

h1 {
	font-size: 24.5px;
}

.product-details table td, .product-details table th {
	border: 0;
}

.module-frame .productgrouplist-module,
.fittest-tab {
	min-height: 295px;
}

.in_header .search {
	background: #fff !important;
	border-radius: 5px 5px 5px 5px !important;
}

	.in_header .search input {
		width: 220px;
	}

.top-menu select {
	display: none;
}

.hidden {
	display: none;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}

@media(min-width:768px) and (max-width:979px) {
	.hidden-desktop {
		display: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}

	.visible-tablet {
		display: inherit !important;
	}

	.hidden-tablet {
		display: none !important;
	}
}

@media(max-width:767px) {
	.hidden-desktop {
		display: inherit !important;
	}

	.visible-desktop {
		display: none !important;
	}

	.visible-phone {
		display: inherit !important;
	}

	.hidden-phone {
		display: none !important;
	}
}

.cart-line-supplementler {
	background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/supplementler/logo-supplementler-small.png) center center no-repeat;
	text-indent: -9999px;
	width: 57px;
	height: 30px;
	display: block;
}

.recurring-list .cart-line-supplementler,
.recurring-list .cart-line-vitaminler {
	width: 100%;
}

.cart-line-vitaminler {
	background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/vitaminler/logo-vitaminler-small.png) center center no-repeat;
	text-indent: -9999px;
	width: 57px;
	height: 30px;
	display: block;
}

.product-list-item {
	list-style: none;
}




.fittest a span {
	margin: 0;
	padding: 0;
	padding-left: 30px;
}



.fittest a, .fittest a:hover {
	background: 0;
}


ul.ui-autocomplete {
	background: #fff;
	padding: 10px;
	z-index: 100 !important;
	border-top: 0;
	border: 1px solid #ccc;
	margin-top: 35px;
	margin-left: -18px;
	box-shadow: 1px 5px 10px 1px #777;
}


.ui-autocomplete-loading {
	background: #efefef url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ajax_loader_small.gif) 95% center no-repeat !important;
}

td.cart-product-store {
	vertical-align: middle !important;
}

.in_footer, .in_footer .container {
	background: 0;
}

.footer_1 a {
	width: 140px;
	height: 40px;
	display: block;
}

.footer_bottom a {
	margin-right: 20px;
}

.invtabs-module .inv-tab-menu li, .invtabs-module .inv-tab-menu {
	border-radius: 0 !important;
}

.invtabs-module ul.inv-tab-menu li {
	width: 16.6666666666667%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	line-height: 17px;
}

	.invtabs-module ul.inv-tab-menu li:first-child {
		border-left: 0;
	}

.inv-tab-menu li:first-child {
	border-left: 0;
}

.inv-tab-menu li:last-child {
	border-right: 0;
}

.inv-tab-menu li a {
	border-radius: 0;
	color: #666;
}

	.inv-tab-menu li a:hover {
		background: #fff;
		color: #333;
	}

.inv-tab-menu li.active a, .inv-tab-menu li.active a:hover {
	border-radius: 0;
	color: #fff;
}


.inv_content {
	padding: 0;
	width: 990px;
	margin: 0 auto;
	min-height: 570px;
}



.home-index.container {
	width: 990px;
}

.home-index .invtabs-module {
	margin-bottom: 0;
}

.invtabs-module ul.inv-tab-menu {
	width: 100%;
}

.prev-slider, .prev-slider:hover {
	left: 10px;
	width: 41px;
}

.next-slider, .next-slider:hover {
	right: 10px;
	width: 41px;
}


.catalog-category .span10 {
	float: right;
	width: 780px;
	margin-right: 15px;
}

.sub-block ul li:last-child a {
	border-bottom: 0;
}

a.noborder {
	border: 0 !important;
}

.header-links-submenu a {
	display: block;
	padding: 5px 3px;
	text-decoration: none;
}

.dropdown-menu {
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 10px -2px #777;
	margin-top: 6px;
	margin-left: -15px;
}

	.dropdown-menu li a, .dropdown-menu li a:hover, .dropdown-menu li a:visited {
		border: 0;
		padding: 8px 15px 8px 20px;
		text-align: left;
		background: transparent url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/header-arrows.png") 10px 10px no-repeat;
		margin: 0;
		color: #999;
	}

		.dropdown-menu li a:hover, .dropdown-menu li a.selected {
			color: #004fa5;
			background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/header-arrows.png") 10px -33px no-repeat #efefef;
		}


.totals {
	font-size: 13px;
}

	.totals span {
		color: #0368c9;
		font-weight: bold;
	}

.checkout-totals-container .totals span {
	color: #333;
}

.cart-content-box h3 {
	font-size: 12px;
	font-weight: bold;
	color: #2c689f;
	margin: 0;
}

.footer-bottom-container .parent-cat {
	border-top: 0 solid #e6e6e6;
}
.compare-buttons {
	position: absolute;
	z-index:999;
	right: 10px;
	top:8px;
}
	.compare-buttons svg {
		flex-grow: 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 8px;
		padding: 1px;
		border-radius: 34px;
		border: solid 1px #dae0e9;
	}

	.compare-buttons,
	.compare-buttons label {
		cursor: pointer;
	}

		.compare-buttons span {
			color: #003d7a;
			font-size: 11px;
			font-weight: bold;
			padding-left: 3px;
		}

.productgrouplist-module .compare-buttons {
	display: none;
}

.compare-buttons-form {
	float: left;
	margin-right: 7px;
	margin-top: -2px;
}

	.compare-buttons-form form {
		margin: 0px 20px;
	}

.child-product-detail-container .span2 {
	display: block !important;
	width: 140px !important;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

.child-product-detail-container .row {
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 0;
}

.child-product-detail-container .product-detail-title {
	font-size: 14px;
	margin: 0 0 10px;
	padding: 0;
}

.child-product-detail-container .voption span {
	text-align: left;
	font-weight: 700;
}

.child-product-detail-container .product-ratebox {
	height: auto;
	background: none;
	margin: 0 0 10px;
	padding: 0;
}

	.child-product-detail-container .product-ratebox .rate-line {
		margin: 0;
		padding: 0 !important;
	}

	.child-product-detail-container .product-ratebox .rate-value {
		float: left;
		margin-right: 10px;
		width: auto;
		margin-left: 10px;
	}

.child-product-add-tocart {
	position: static;
	float: right;
	width: 175px;
	display: block;
}

.child-basket-item .cart-product-picture .img {
	height: 50px;
	width: auto;
	text-align: right;
	float: left;
}

tr.child-row {
	background: #fff !important;
}

.multi-top-search {
	border: 1px solid #8C8C8C;
	background-color: rgb(255, 255, 255);
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
	position: absolute;
	width: 145%;
	display: none;
	z-index: 2;
	top: 46px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.multi-top-search .search-left {
		width: 35%;
		float: left;
		padding: 0 17px;
		margin: 29px 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		.multi-top-search .search-left .search-menu {
			margin-bottom: 15px;
		}

			.multi-top-search .search-left .search-menu span.title {
				font-size: 18px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, arial;
				color: rgb(36, 80, 134);
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
				position: relative;
				width: auto;
				text-align: left;
				top: 0;
			}

			.multi-top-search .search-left .search-menu span.title-vitaminler {
				color: #a1c843;
				font-size: 15px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, arial;
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
			}

				.multi-top-search .search-left .search-menu span.title-vitaminler span {
					color: #375f28;
				}

			.multi-top-search .search-left .search-menu span.title-fitmoda {
				color: #eb8b2d;
				font-size: 18px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, Arial;
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
			}

				.multi-top-search .search-left .search-menu span.title-fitmoda span {
					color: #202020;
				}

			.multi-top-search .search-left .search-menu span.title-fitmoda-category {
				color: #202020;
				font-size: 18px;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, Arial;
				font-weight: 600;
				display: block;
				margin-bottom: 6px;
			}

			.multi-top-search .search-left .search-menu ul {
				margin: 0;
			}

				.multi-top-search .search-left .search-menu ul &gt; li {
					font-display: swap;
					font-family: HelveticaNeueLTPro-Roman, arial;
					list-style: none;
					color: #878787;
					font-weight: 400;
					font-size: 13px;
				}

					.multi-top-search .search-left .search-menu ul &gt; li + li {
						margin-top: 10px;
					}

					.multi-top-search .search-left .search-menu ul &gt; li &gt; a {
						color: #707070;
						font-weight: 400;
						font-size: 14px;
						margin-right: 5px;
						line-height: 16px;
					}

						.multi-top-search .search-left .search-menu ul &gt; li &gt; a:hover {
							color: #f73d04;
						}

		.multi-top-search .search-left .more-search-result {
			color: #272727;
			font-weight: normal;
			font-size: 14px;
		}

			.multi-top-search .search-left .more-search-result .searchKeyword {
				color: rgb(36, 80, 134);
				font-weight: bold;
				font-size: 14px;
			}

	.multi-top-search .search-right {
		float: left;
		width: 65%;
		margin: 17px 0;
		border-left: 1px solid #e1e1e1;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

		.multi-top-search .search-right span.title, .multi-top-search .search-right .search-result h3.title {
			font-size: 15px;
			font-display: swap;
			font-family: HelveticaNeueLTPro-Roman, arial;
			color: rgb(36, 80, 134);
			font-weight: 600;
			display: block;
			margin: 1px 25px 11px;
			/*position: relative;*/
			width: auto;
			text-align: left;
			top: 0;
		}

		.multi-top-search .search-right .search-product {
			width: 100%;
			margin-left: 0;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0 20px;
			float: left;
			margin-bottom: 10px;
			padding-bottom: 0;
		}

			.multi-top-search .search-right .search-product a.product-image {
				float: left;
				width: 20%;
				height: auto;
				margin: 0;
				z-index: 0;
			}

			.multi-top-search .search-right .search-product a &gt; img {
				width: 50px;
				height: 50px;
			}

			.multi-top-search .search-right .search-product a.product-title {
				display: inline-block;
				width: 80%;
				font-size: 14px;
				color: #606060;
				font-display: swap;
				font-family: HelveticaNeueLTPro-Roman, arial;
				font-weight: 400;
				margin-bottom: 4px;
				margin-top: 5px;
			}

			.multi-top-search .search-right .search-product a.product-price {
				font-size: 16px;
				color: #f73d04;
				text-align: left;
				width: 80%;
				float: right;
			}

		.multi-top-search .search-right .search-result.supplementler h3.title {
			color: #1e3a6a;
			margin: 0 25px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 18px;
		}

			.multi-top-search .search-right .search-result.supplementler h3.title span {
				color: #4174b4;
			}

		.multi-top-search .search-right .search-result.vitaminler h3.title {
			color: #a1c843;
			margin: 0 25px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 18px;
		}

			.multi-top-search .search-right .search-result.vitaminler h3.title span {
				color: #375f28;
			}

		.multi-top-search .search-right .search-result.fitmoda h3.title {
			color: #eb8b2d;
			margin: 0 25px 10px;
			border-bottom: 1px solid #ddd;
			font-size: 18px;
		}

			.multi-top-search .search-right .search-result.fitmoda h3.title span {
				color: #202020;
			}

.module-content input.left-search-text {
	width: 123px;
	padding: 5px 9px;
	border: none;
	background: none;
	float: left;
	box-shadow: none;
}

.left-search {
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	width: 174px;
}

	.left-search .search-left-button {
		width: 32px;
		height: 31px;
		float: right;
		background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/search-left-button.png") no-repeat;
		border: none;
		margin-top: -1px;
		box-shadow: none;
		text-shadow: none;
		text-indent: -9999px;
	}

#module-search {
	float: left;
	margin-bottom: 15px;
	margin-left: 5px;
}

	#module-search .search-tag {
		float: left;
		margin: 10px 0 0px;
	}

		#module-search .search-tag li {
			list-style: none;
			float: left;
			border: 1px solid #d6d5d5;
			border-radius: 3px;
			background-color: #e7e7e7;
			padding: 2px 7px;
			margin-right: 5px;
			margin-bottom: 5px;
		}

			#module-search .search-tag li &gt; a {
				float: left;
				margin-top: 4px;
			}

			#module-search .search-tag li &gt; span {
				float: left;
				margin-top: 1px;
				margin-left: 4px;
			}

.dmt a.search-select-clear {
	font-size: 11px;
	float: right;
	margin-top: 1px;
	color: #898989;
	font-family: Tahoma, Arial, sans-serif;
}

#module-search .search-advice {
	background: #fff;
	position: absolute;
	top: 31px;
	z-index: 999;
	border: 1px solid #e6e6e6;
	padding: 6px 0;
	display: none;
}

.left-search:hover .search-advice {
	display: block !important;
}

#module-search .search-advice a {
	float: left;
	display: block;
	color: #333;
	margin: 0px 8px 2px;
	width: 91%;
	padding: 2px 0;
}

#myaccountleft {
	float: left;
	width: 100%;
}

.mobile-redirect {
	display: none;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: #0F3665;
	text-align: center;
}

	.mobile-redirect a {
		color: #fff;
		font-size: 18px;
		padding: 25px 0;
		padding-left: 40px;
		display: inline-block;
		background: url('https://cdn.supplementler.com/Themes/Supplementler/Content/images/mobile-icon.png') left center no-repeat;
		-ms-background-size: 30px;
		background-size: 30px;
	}

	.mobile-redirect img {
		width: 100%;
	}

.search-no-result {
    margin-left: -80px;
    margin-top: 45px;
}

	.search-no-result h2 {
		text-align: center;
		display: block;
		color: #656565;
		font-size: 25px;
		line-height: 31px;
		margin-bottom: 30px;
	}

	.search-no-result .top-text {
		display: block;
		text-align: center;
		color: #656565;
		font-size: 19px;
	}

		.search-no-result .top-text b {
			color: #005bb2;
			font-style: italic;
		}

	.search-no-result .header-search {
		background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/search-big-bg.png") top left no-repeat;
	}

    .search-no-result .result-category ul {
        width: 23.3%;
    }

.offer-product h3 span.supplementler {
	color: #005bb2;
}

.offer-product h3 span.vitaminler {
	color: #4D8637;
}

.offer-product .offer-product-list {
	margin: 10px 0 45px;
	float: left;
	width: 100%;
	min-height: 100px;
}

.offer-product .product {
	margin: 6px 6px !important;
	border: 1px solid #eee;
	width: 172px;
}

.result-category ul {
	float: left;
	width: 25%;
	padding: 0;
	margin: 0 0 35px;
	min-height: 240px;
}

	.result-category ul li {
		list-style: none;
		margin-bottom: 5px;
	}

		.result-category ul li:first-child a {
			font-size: 19px;
			color: #034081;
			font-weight: 700;
			margin-bottom: 15px;
			display: block;
		}

		.result-category ul li a {
			color: #1e1e1e;
			font-size: 13px;
		}


.orderUpdateResult {
	margin-top: 50px;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
}


	.orderUpdateResult i {
		background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/completed-icon.jpg") no-repeat;
		width: 130px;
		height: 130px;
		display: block;
		content: "";
		margin: 0 auto;
	}

.aut-user {
	min-width: 205px;
	width: 210px;
	float: left;
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 10;
	font-display: swap;
	font-family: "Open Sans", sans-serif !important;
}

	.aut-user.active {
		border-radius: 5px;
		box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.2);
		border: solid 1px #dcdcdc;
		background-color: #ffffff;
		top: -1px;
		right: 4px;
	}
/* comments ordering panel */
.review-sorting {
	width: 190px;
	padding-right: 11px;
}

#aut-user-head {
	float: left;
	padding: 0px 15px;
	cursor: pointer;
}

.ordering-ui-wrapper #productReviewItems {
	padding: 0 10px;
}

.aut-user-head-isLogin {
	padding: 0 15px !important;
}

#aut-user-menu {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-top: 1px solid #dcdcdc;
}

.aut-user #aut-user-menu {
	display: none;
}

.active #aut-user-menu {
	display: block !important;
}

	.active #aut-user-menu li {
		float: left;
		width: 100%;
		margin: 0;
		font-size: 12px;
		font-weight: bold;
	}

		.active #aut-user-menu li a {
			float: left;
			width: 100%;
			text-indent: 20px;
			padding: 7px 0;
			color: #333;
			font-display: swap;
			font-family: "Open Sans", sans-serif !important;
		}

			.active #aut-user-menu li a:hover {
				color: #0266cc;
				background: rgba(2,102,204, 0.1);
			}

		.active #aut-user-menu li:last-child a {
			float: left;
			width: 100%;
			padding: 5px 0 10px 0;
			border-top: 1px solid #dcdcdc !important;
		}

.aut-user .user-icon, .aut-user .user-info {
	float: left;
}

.aut-user .user-info-isLogin {
	padding: 6px 15px !important;
	line-height: 12px !important;
}

.ui-control-band {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #dfe3ec;
	padding-bottom: 20px;
	margin-bottom: 5px;
}

.user-info-isLogin .aut-name {
	padding: 2px 0;
	white-space: nowrap;
	width: auto;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 11px;
}

.ordering-ui-wrapper .info-items-wrapper {
	width: 270px;
	padding-left: 8px;
}

.aut-user .user-icon {
	width: 16px;
	height: 16px;
	margin: 9px 0 0;
	background: url("/Themes/Supplementler/Content/images/user-icon-new.svg") no-repeat;
	background-size: 16px 16px;
}

.ordering-ui-wrapper .info-items-wrapper h5 {
	float: left;
	margin-right: 30px;
	color: #3578e5;
	font-weight: bold;
}

/* custom select menu */
.select-css {
	display: block;
	text-align: left;
	font-size: 15px;
	font-display: swap;
	font-family: HelveticaNeueLTPro-Md;
	font-weight: 600;
	color: #003471;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 180px;
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	margin: 0;
	border-radius: 2px;
	border: solid 1px #003770;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-repeat: no-repeat,repeat;
	background-position: right .7em top 50%,0 0;
	background-size: .65em auto,100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23003471' fill-rule='evenodd' d='M0 1.232C0 .915.126.61.366.368c.493-.475 1.301-.475 1.793 0L6 4.055l3.839-3.7c.492-.474 1.3-.474 1.793 0 .492.475.492 1.254 0 1.729L6.895 6.647C6.655 6.878 6.34 7 6 7c-.341 0-.657-.134-.897-.353L.366 2.096C.126 1.852 0 1.536 0 1.232z'/%3E%3C/svg%3E%0A");
}

.aut-user .user-icon i {
	font-size: 16px;
}

.aut-user .caret-icon {
	width: 10px;
	height: 5px;
	position: absolute;
	top: 20px;
	right: 12px;
	background: url("/Themes/Supplementler/Content/images/icons/caret-icon.svg") no-repeat;
}

.aut-user .user-info {
	padding: 6px 15px;
	position: relative;
	width: 130px;
}

#aut-user-head .user-name, #aut-user-head .user-buttons {
	float: left;
	width: 100%;
}

#aut-user-head .user-name {
	font-size: 12px;
	font-weight: 700;
	color: #202020;
	line-height: 12px;
	min-width: 100px;
}
	/*#aut-user-head .user-name .aut-name{ text-transform:lowercase;}*/
	#aut-user-head .user-name a {
		float: left;
		color: #202020;
		font-display: swap;
		font-family: "Open Sans", sans-serif !important;
	}

#aut-user-head .user-info-isLogin .user-name a {
	padding: 2px 0;
}

#aut-user-head .user-name a:hover {
	text-decoration: none;
}

#aut-user-head .user-buttons {
	font-size: 11px;
	font-weight: bold;
	color: #a8a8a8;
}

#aut-user-head .user-level {
	width: auto;
}

	#aut-user-head .user-level .membership {
		color: #d89e0c;
		font-size: 11px;
		font-weight: 700;
		white-space: nowrap;
		text-overflow: clip;
		width: 100%;
	}

.dropdown-menu-custom {
	box-shadow: none;
	margin: 0px;
	width: 190px;
	box-sizing: border-box;
	margin-top: 0;
	border: 0 none;
}

.store-logo-fitmoda .brand-name {
	color: #eb8b2d;
}

	.store-logo-fitmoda .brand-name span {
		color: #202020;
	}

.admin-link {
	position: absolute;
	top: 5px;
	left: -69px;
}

.min-gutter {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

/* custom select menu */
/* comments ordering panel-end */
.cart-line-fitmoda {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/fitmoda/logo-fitmoda-small.png) center center no-repeat;
    text-indent: -9999px;
    width: 57px;
    height: 30px;
    display: block;
}

.afixer {
    margin-left: -80px;
    width: 960px;
}

/*loyalty */
.module-frame.staticpages-module {
	margin: 0;
}

.path p {
	padding: 0;
	margin: 0;
}

.row.inv_content_table .catalog_path.path {
	height: auto;
	padding: 10px;
	border-bottom: 1px solid #dadada;
}

.row.inv_content_table .static-page {
	padding: 0;
}

h3.reward-title {
	margin: 30px 0;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.7;
	letter-spacing: -0.6px;
	color: #333333;
}

.loyalty-roadmap {
	margin: 17px 0 0 0;
	padding: 0;
	list-style: none;
}

	.loyalty-roadmap &gt; li {
		float: left;
		width: 20%;
		padding-right: 25px;
		position: relative;
	}

.loyalty-level {
	background-color: #f8f8f8;
	/* border-radius: 10px;
     */
	padding: 10px;
	opacity: 0.6;
}

.loyalt-level-table {
	width: 100%;
}

img.loyalty-level-icon {
	height: 70px;
	margin: 0 auto;
	display: block;
}

td.loyalty-level-name {
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #707070;
	text-align: right;
	vertical-align: bottom;
}

.selected .loyalty-level-name {
	color: #0061c5;
}

td.loyalty-discount-rate {
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.4;
	letter-spacing: normal;
	color: #7e7e7e;
}

.selected .loyalty-discount-rate {
	color: #375f28;
}

.loyalty-discount-rate b {
	font-weight: bold;
}

.loyalty-roadmap &gt; li:not(:last-of-type)::after {
	/*content: '';
	display: block;
	position: absolute;
	right: 10px;
	background: #f8f8f8;
	width: 15px;
	height: 10px;
	top: 50%;
	margin-top: -5px;*/
}

.loyalty-roadmap &gt; li:not(:last-of-type)::before {
	/*content: '';
	width: 13px;
	height: 13px;
	right: 0;
	background: #f8f8f8;
	top: 50%;
	margin-top: -6px;
	position: absolute;
	transform: rotate(45deg);*/
}

.loyalty-level.selected {
	background: #fff;
	box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.25);
	opacity: 1;
	border-radius: 10px;
}

	.loyalty-level.selected::after {
		content: '';
		display: block;
		position: absolute;
		width: 15px;
		height: 15px;
		background: #fff;
		transform: rotate(45deg);
		left: 50%;
		margin-left: -16px;
	}

.loyalty-level.passed {
	/* opacity: .6;
     */
}

.loyalty-tooltip {
	border-radius: 4px;
	background-color: #0061c5;
	text-align: center;
	padding: 10px 15px;
	position: absolute;
	width: 70%;
	bottom: 110%;
	display: none;
	left: 50%;
	margin-left: -41%;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

	.loyalty-tooltip b {
		font-weight: bold;
	}

.loyalty-discount-percentage {
	padding: 2px 10px;
	background-color: #ed4500;
	margin: 5px 0 0 0;
	display: inline-block;
}

.loyalty-tooltip::after {
	content: '';
	width: 10px;
	height: 10px;
	background: inherit;
	transform: rotate(45deg);
	bottom: -5px;
	position: absolute;
	left: 50%;
}

.loyalty-roadmap &gt; li:hover &gt; .loyalty-tooltip {
	display: block;
}

.loyalty-progressbar {
	height: 10px;
	border-radius: 35px;
	background-color: #c5cbd4;
	margin: 23px 0 0 0;
	position: relative;
	width: 97%;
}

.loyalty-percentage {
	background-color: #ee8c2c;
	background-image: url(/Themes/Supplementler/Content/images/loyalty-progressbar-stripe2.svg);
	background-size: 30px 10px;
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: 35px;
	max-width:813px;
}

.loyalty-progress-dot {
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
	text-align: center;
	background: #b8bec6;
	margin-top: -5px;
	box-shadow: 0 2px 3.5px 0 #c5cbd4;
}

span.loyalty-percentage.bronze {
	width: 10%;
}

span.loyalty-percentage.silver {
	width: 30.5%;
}

span.loyalty-percentage.gold {
	width: 52.5%;
}

span.loyalty-percentage.platin {
	width: 71.5%;
}

span.loyalty-percentage.vip {
	width: 92.5%;
}

.loyalty-progress-dot.step-1 {
	left: 8.5%;
}

.loyalty-progress-dot.step-2 {
	left: 29.5%;
}

.loyalty-progress-dot.step-3 {
	left: 50.5%;
}

.loyalty-progress-dot.step-4 {
	left: 70.5%;
}

.loyalty-progress-dot.step-5 {
	left: 91.5%;
}

.loyalty-progress-dot.selected {
	background: #ffb367;
	box-shadow: 0 2px 3.5px 0 rgba(253, 160, 68, 0.4);
	width: 28px;
    height: 28px;
    top: -4px;
}

.loyalty-info-left {
	display: inline-block;
	vertical-align: middle;
	width: 55%;
}

.loyalty-info-right {
	display: inline-block;
	width: 44%;
	vertical-align: middle;
	text-align: right;
}

.loyalty-info-right a {
    margin: 0;
    width: 147px;
}

.loyalty-info-right a + a {
	margin-left: 10px;

}

.earned-points {
	color: #fff;
	margin: 10px 5px;
	display: inline-block;
	min-width: 95px;
	padding: 0 5px;
	height: 28px;
	background-color: #007c3f;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 28px;
	letter-spacing: normal;
	padding: 0 10px;
}

.blue-bold {
	color: #0061c5;
}

.loyalty-sub-info {
	margin: 30px 0 15px 0;
	padding: 15px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.6;
	letter-spacing: normal;
	color: #333;
	background-color: rgba(0, 0, 0, 0.2);
}

.continue-shopping {
	border-radius: 4px;
	margin-right: 15px;
	background-color: #ed4500;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	width: 179px;
	height: 48px;
	line-height: 48px;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	vertical-align: middle;
	padding: 0 10px;
}

	.continue-shopping:hover {
		color: #fff;
		text-decoration: none;
	}

.how-to-use {
	vertical-align: middle;
	border-radius: 4px;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	border: 1px solid #0061c5;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #0061c5;
	width: 179px;
	height: 48px;
	line-height: 48px;
}

	.how-to-use:hover {
		text-decoration: none;
		color: #0575e8;
	}

.loyal-tabs {
	margin: 0;
	border-top: 1px solid #dae0e9;
	border-bottom: 1px solid #dae0e9;
	padding: 0;
	overflow: hidden;
}

.loyal-tab-button {
	padding: 0;
	float: left;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #333;
	background: #fff;
	text-align: center;
	height: 48px;
	line-height: 48px;
}

	.loyal-tab-button.earned {
		width: 50%;
	}

	.loyal-tab-button.active, .loyal-tab-button:hover, .custom-tab-button.active, .custom-tab-button:hover {
		background: #0061c5;
		color: #fff;
	}

	.loyal-tab-button:hover {
        background: rgba(65, 131, 91, 0.1);
        color: #41835b;
    }

.loyal-tab-content .pager span {
	background: none;
	/* width: auto;
     */
	/* height: auto;
     */
	padding: 0;
	border: 0 none;
	margin: 0;
}

	.loyal-tab-content .pager span a {
		font-family: "Open Sans", sans-serif !important;
		font-weight: 600;
		font-weight: 700;
		background: rgba(1, 60, 119, 0.2);
		color: #013c77;
		width: 22px;
		height: 22px;
		font-size: 11px;
		color: #013c77;
		display: inline-block;
		padding: 0;
		line-height: 22px;
		margin: 0;
		border-radius: 3px;
		border: 0 none;
	}

		.loyal-tab-content .pager span a:hover {
			opacity: 0.85;
		}

	.loyal-tab-content .pager span.active a {
		background: #0061c5;
		color: #fff;
	}

	.loyal-tab-content .pager span.active a:hover {
        text-decoration: none;
		opacity: 0.85;
     }

.loyal-tab-content th {
	padding: 14px 0;
	font-size: 11px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #8c8c8c;
	background: #fff;
	border-bottom: 1px solid #dae0e9;
}

.vip-loyalty-banner {
	background: url(/Themes/Supplementler/Content/images/vip-banner.jpg);
	margin: 15px 0 0 0;
	background-size: cover;
	height: 125px;
}

	.vip-loyalty-banner + .loyalty-info-container .loyalty-info-left{
		width: 45%;
	}

	.vip-loyalty-banner + .loyalty-info-container .loyalty-info-right{
		width: 54.5%;
	}

	.vip-loyalty-banner + .loyalty-info-container .loyalty-info-right a {
		width: 45%!important;
	}

span.vip-logo {
	display: inline-block;
    text-align: center;
    height: 164px;
    margin-left: 90px;
    margin-top: -19px;
}

.vip-banner-desc {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.vip-banner-desc {
	width: 45%;
	margin-left: 91px;
}

.vip-banner-head {
	font-size: 27px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #FD830C !important;
	color: #0061c5 !important;
	 
	margin: 0 0 5px 0;
}

.waiting-points {
	border-radius: 2px;
	background-color: #ed4500;
	display: inline-block;
	margin-left: 5px;
	min-width: 71px;
	font-size: 10px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	height: 20px;
	line-height: 20px;
}

.loyalty-progress-dot.passed {
	background: #ffd159;
	box-shadow: 0 2px 3.5px 0 rgba(253, 160, 68, 0.4);    width: 28px;
    height: 28px;
    top: -4px;
	width: 28px;
    height: 28px;
    top: -4px;
}

.point-table tr:nth-of-type(even) {
	background-color: rgba(218, 224, 233, 0.17);
}

.point-table tr:nth-of-type(odd) {
	background-color: #efefef;
}

.point-table td {
	padding: 17px 0;
	border: 0;
	color: #333333;
	font-size: 12px;
}

.point-table {
	font-weight: 600;
}


	.point-table tr:nth-child(odd) td:last-of-type {
		color: #000;
		font-weight: bold;
		font-size: 13px;
	}

	.point-table tr:nth-child(even) td:last-of-type {
		color: #fff;
		font-weight: bold;
		font-size: 13px;
	}


	.point-table tr:nth-of-type(odd) {
	}

	.point-table thead tr {
		background: #fff !important;
	}

img.loyalty-progress-icon {
	display: none;
}

.selected .star {
	display: inline-block;
	margin-top: 7px;
	margin-left: 1px;
}

.passed .check {
	display: inline-block;
	margin-top: 10px;

}

.point-table {
	font-size: 11px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #333333;
}

	.point-table tr:nth-of-type(even) {
		background-color: rgba(218, 224, 233, 0.17);
	}

	.point-table thead tr {
		background: #fff !important;
	}

.vip-banner-desc p {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.loyal-tab-button.waiting {
	width: 50%;
}

.loyal-info-sub-text {
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.73;
	letter-spacing: normal;
	color: #333333;
}

	.loyal-info-sub-text b {
		font-weight: bold;
	}

.point-label {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #333333;
}

.loyalty-info-container {
	margin-top: 39px;
}

.loyalty-sub-ead {
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #000000;
}

.vip-logo img {
	height: 100%;
	width: auto;
}

.loyalty-banner-wrapper {
	padding: 0;
	background-color: #ffffff;
	box-sizing:border-box;
}

.loyalty-banner {
	display: inline-flex;
	align-items: center;
	width: auto;
	min-height: 165px;
	padding: 0 20px;
	border-radius: 4px;
	box-shadow: 0 4px 10px 0 rgba(196, 196, 196, 0.44);
	border: solid 1px #e4e4e4;
	background-color: #ffffff;
	margin: 20px;
	margin-bottom: 15px;
	box-sizing:border-box;
}

.loyalty-banner li{
	display: flex;
	flex-direction:column;
    justify-content: space-evenly;
    align-items: center;
	width: 22%;
	height: 100px;
	border-right: 1px #e4e4e4 solid;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

	.loyalty-banner li img {
		width: unset;
		height: unset;
	}
	.loyalty-banner li img + span {
		display: inline-block;
		padding-top: 7px;
	}
	.loyalty-banner li:nth-child(2n+2)	{
		color: #013c77;
	}
	.loyalty-banner li:nth-child(2n+2) img {
		height: unset;
	}

	.loyalty-banner li:last-of-type {
		width:56%;
		padding: 0 90px;
		border: none;
		justify-content: center;
	}

		.loyalty-banner li p {
			text-align: center;
		}

@media(max-width:1199px) {
	.loyalty-percentage {
		max-width: 623px;
	}
}
/*loyalty */

.pl-0{
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.sub-wrapper-2 {
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 3;
	top: 48px;
	width: 100%;
	text-align: left;
	-ms-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images//vitamin-sub-bg.png);
	right: 0;
}

.product-select-list.quantity-dropdown-menu:hover {
	cursor: pointer; 
}
.popupRecurringOptions li span.period-preferred,
.product-select .product-select-list li span.period-preferred {
	font-weight: bold;
	color: #003770;
	width: unset;
	margin-left: 4px;
}
.gift-select .gift-custom-dropdown li:hover {
	background-color: #f1faff;
}

.quantity-input .quantity-custom-dropdown li:hover {
	background-color: #f1faff;
}

.brand-search-box {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	position:relative;
}

	.brand-search-box .brand-search-text-box {
		width: 100%;
		border: 1px solid #ccc !important;
		outline: none !important;
		background: none;
		box-shadow: none;
		border-radius: 3px;
		font-size: 12px;
		text-align: left;
		position: relative;
		height: auto !important;
	}

.brand-hidden {
	display: none !important;
}

.brand-search-box .brand-search-button {
	background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-search.png) center center no-repeat #fff;
	width: 25px;
	height: 25px;
	-ms-background-size: 16px;
	background-size: 16px;
	position: absolute;
	top: 3px;
	right: 3px;
	overflow: hidden;
	text-indent: -99px;
	padding: 0;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 95%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/grabbing.png") 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}


.abWrapper {
    float: left;
    width: 100%;
}

    .abWrapper .path p,
    .abWrapper .path {
        margin: 0;
        border: none;
    }

    .abWrapper.abcWrapper .path {
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 10px;
        padding-left: 9px;
    }

.bVersion-category-head span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

.top-category-wrapper {
    background-color: #e5e5e5;
    padding: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.bVersion-category-head {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
}

.bVersion-category-arrow {
    display: inline-block;
    width: 28px;
    height: 37px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/category-right-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.bVersion-category-head em {
    display: inline-block;
    font-style: normal;
    white-space: nowrap;
}

.top-category-item {
    display: table-cell;
    position: relative;
}

.sub-category-list {
    display: table;
    width: 100%;
}

.top-category-item h3 {
    margin: 0;
}

.top-category-wrapper a {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    display: block;
    font-weight: 600;
}

.top-category-wrapper .top-category-item a {
    padding: 0 11px;
    display: block;
}

.top-category-wrapper .category-item a:before, .top-category-wrapper .top-category-item + .top-category-item a:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    height: 100%;
    background-color: #999999;
    width: 1px;
}

.product-total-count {
    color: #333333;
    font-size: 12px;
    display: block;
    line-height: 10px;
    padding-top: 0;
    text-align: center;
    padding: 0 11px;
}

.productlist-columuns.productlist-column-two {
    float: left;
    width: 100%;
}

.productlist-column-left {
    float: left;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}


.productlist-column-right {
    float: left;
    width: 1000px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.productlist-search h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.productlist-search #module-search {
    width: 100%;
    margin: 0;
    position: relative;
}

.module-content .productlist-search input.left-search-text {
    color: #5d5858;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 32px;
    font-size: 11px;
    font-weight: bold;
}

.productlist-search {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .productlist-search .search-left-button {
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-search.png") center center no-repeat #fff;
        width: 32px;
        height: 32px;
        -ms-background-size: 16px;
        background-size: 16px;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden;
        text-indent: -99px;
        padding: 0;
    }


.selected-filter-wrapper {
    display: none;
}


.productlist-column-left a.group {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 10px;
    border: 1px solid #ebebeb;
}


.productlist-column-left .product-filters,
.productlist-column-left .product-spec-filter {
    float: left;
    width: 100%;
}

.productlist-column-left .product-filters {
    margin-bottom: 10px;
}

.productlist-column-left .slimScrollDiv {
    border: none;
}

.productlist-column-left .scroll-pane {
    border: 1px solid #ebebeb;
    border-width: 0 1px 1px 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.productlist-column-left ul.menufilter li.item a, .productlist-column-left .filterlinks {
    float: none;
    display: block;
    font-size: 12px;
    padding-left: 20px;
    line-height: 18px;
    margin-left: 10px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-ntick.png");
    background-repeat: no-repeat;
    background-position: top left;
    -ms-background-size: 16px;
    background-size: 16px;
    padding-right: 10px;
    cursor:pointer;
}

    .productlist-column-left ul.menufilter li.item.active a,
    .productlist-column-left ul.menufilter li.item a:hover,
    .productlist-column-left .filterlinks:hover,
    .productlist-column-left .filtereditem.active .filterlinks {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-tick.png");
    }

.productlist-column-left span.close {
    display: none !important;
}


.productlist-column-left ul.menufilter li.item span.close {
    display: none !important;
}


.productlist-column-left ul.menufilter li.item, .productlist-column-left .filtereditem {
    display: block;
    padding-top: 10px;
}

    .productlist-column-left ul.menufilter li.item:last-child, .productlist-column-left .filtereditem:last-child {
        padding-bottom: 6px;
    }

.productlist-column-left .product-spec-filter &gt; div {
    padding: 0;
}

.productlist-column-left .product-spec-filter .spec-wrapper {
    margin-bottom: 10px;
}


.bVersion-image {
    position: relative;
}

    .bVersion-image img {
        width: 100%;
    }

    .bVersion-image h1 {
        position: absolute;
        top: 50%;
        left: 30px;
        color: #fff;
        font-size: 44px;
        line-height: 44px;
        margin: 0;
        margin-top: -22px;
    }

.bVersion-text {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 360px;
    color: #fff;
    font-size: 16px;
    text-align: right;
    letter-spacing: 0px;
    -ms-text-shadow: 0 0 3px rgba(255,255,255, .4);
    text-shadow: 0 0 3px rgba(255,255,255, .4);
    margin-top: -94px;
}


.selected-filters {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    float: left;
    padding-left: 10px;
    width: 180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 48px;
}

    .selected-filters:after {
        content: "";
        position: absolute;
        width: 28px;
        height: 38px;
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/category-right-arrow.png");
        background-repeat: no-repeat;
        background-position: center center;
        top: 50%;
        right: 13px;
        margin-top: -19px;
    }

.abVersion-selected-filters,
.productlist-column-right .category-products,
.productlist-column-right .catalog-details-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.selected-filter-items {
    float: left;
    width: 81%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

	.selected-filter-items.right-pane {
		float: right;
		width: 19%;
	}

    .selected-filter-items.right-pane a {
        margin: 2px 0px;
	}

    .selected-filter-items a {
        position: relative;
        float: left;
        text-align: center;
        color: #000;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .selected-filter-items a img {
            display: none;
        }



    .selected-filter-items em {
        display: block;
        font-style: normal;
        line-height: 12px;
        font-size: 12px;
        color: #000;
    }

    .selected-filter-items a:after {
        content: "";
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-close.png");
        background-repeat: no-repeat;
        background-position: center center;
        width: 14px;
        height: 14px;
        top: 0;
        right: 0;
        position: absolute;
    }

    .selected-filter-items span {
        line-height: 14px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }


.abVersion-selected-filters {
 margin: 10px 0 0 0;
}

.productlist-column-left .slimScrollRail,
.productlist-column-right .slimScrollRail {
    background: #959595 !important;
    width: 1px !important;
    opacity: 1 !important;
    right: 7px !important;
}


.productlist-column-left .slimScrollBar,
.productlist-column-right .slimScrollBar {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
    right: 5px !important;
    width: 5px !important;
}


.productlist-column-right .slimScrollBar {
    background: #fff !important;
}

.search-top .productlist-sort-wrapper {
    padding: 5px 10px;
}

.productlist-sort-wrapper {
    float: left;
    width: 100%;
    background-color: #e5e5e5;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .productlist-sort-wrapper .sortLink {
        font-size: 14px;
        float: left;
        color: #333333;
        margin-left: 28px;
        margin-right: 0;
    }

        .productlist-sort-wrapper .sortLink.s-isim-a-z,
        .productlist-sort-wrapper .sortLink.s-isim-z-a {
            margin-left: 0;
        }

        .productlist-sort-wrapper .sortLink span,
        .productlist-sort-wrapper .sortLink strong {
            float: left;
            color: #333333;
        }

        .productlist-sort-wrapper .sortLink span {
            padding-right: 15px;
        }

    .productlist-sort-wrapper .s-isim-z-a strong,
    .productlist-sort-wrapper .s-fiyat-azalan,
    .productlist-sort-wrapper .s-rating-desc,
    .productlist-sort-wrapper .s-servis-fiyat-azalan {
        color: #036fd5;
    }

    .productlist-sort-wrapper .compare-buttons-form {
        display: none;
    }


    .productlist-sort-wrapper .arrow_down,
    .productlist-sort-wrapper .arrow_up {
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    .productlist-sort-wrapper .arrow_up {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sort-arrow-down.png");
    }

    .productlist-sort-wrapper .arrow_down {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sort-arrow-up.png");
    }

    .productlist-sort-wrapper .sort-active, .productlist-sort-wrapper .sort-active strong{
        color: #036fd5!important;
    }



.abWrapper .pager a,
.abWrapper .pager span {
    float: left;
    width: 18px;
    padding: 0;
    font-size: 14px;
    background: none;
    border: none;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
}

.productlist-column-left a.group.active,
.productlist-column-left a.group.passive {
    background-position: 155px center;
    background-repeat: no-repeat;
}

.productlist-column-left a.group.passive {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-filter-arrow-down.png");
}

.productlist-column-left a.group.active {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-filter-arrow-up.png");
}

.product-filters a.group.passive, .product-filters a.group.active {
    background: none !important;
    cursor: default;
} 

.abWrapper .pager a {
    color: #999999;
}

.abWrapper .pager span {
    font-weight: bold;
}

.abWrapper .pager .pager-next,
.abWrapper .pager .pager-previous {
    overflow: hidden;
    text-indent: -99px;
}

.abWrapper .pager .pager-previous {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-arrow-left.png") center center no-repeat;
}

.abWrapper .pager .pager-next {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/ab-arrow-right.png") center center no-repeat;
}

.abWrapper .pager.pager-bottom {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

.abWrapper .pager-wrapper {
    text-align: center;
}

.category-slider {
    float: left;
    margin: 0;
    list-style: none;
}

.category-slider-wrapper, .big-sub-category-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 0;
    position: relative;
}


.big-sub-category-wrapper {
    padding-right: 0;
}

.category-slider-wrapper .owl-prev {
    display: none;
}

.category-slider-wrapper .owl-next {
    position: absolute;
    top: 0;
    right: -30px;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/category-slider-arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 100%;
    text-indent: -30px;
    overflow: hidden;
}


/*c version banner*/

.productlist-image img {
    width: 100%;
}

.productlist-category-banner {
    position: relative;
}

  .productlist-category-banner span.call-to-action {
    background-color: #f0992a;
    color: #000;
    padding: 6px 8px;
    border-radius: 1px
  }

.static-link {
  /*position: absolute;*/
  width: auto;
  height: 109px;
  background: #ffffff00
}

  .static-link:hover {
    background: #7673ff20
  }

.productlist-static-banner {
    /*background: url('/Themes/Supplementler/Content/images/banner/staticbanner.png') top left no-repeat scroll;*/
    background: none;
    width: 100%;
    height: 109px;
    margin-top: 10px;
    margin-bottom: 10px;
}


  .productlist-static-banner .static-link img {
    width: 100%;
  }

.productlist-text {
    position: absolute;
    top: 15px;
    left: 20px;
    width: 410px;
    font-size: 12px;
    color: #fff;
}

.banner-scroll p {
    margin-bottom: 0;
    font-size: 13px;
}

.productlist-text.full-width {
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
}

.productlist-banner-title {
    font-size: 32px;
    line-height: normal;
    margin: 0;
    margin-bottom: 10px;
}

    .productlist-banner-title.smallText {
        font-size: 21px;
        line-height: 22px;
        margin: 0 0 5px;
    }

.top-category-wrapper-2 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 460px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .top-category-wrapper-2 h3 {
        width: 46%;
        margin-top: 0;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 2%;
        margin-right: 2%;
        box-sizing: border-box;
        margin-bottom: 0;
        line-height: normal;
    }

    .top-category-wrapper-2 a {
        border: 1px solid #fff;
        text-align: center;
        color: #fff;
        padding: 10px 5px;
        font-size: 16px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .top-category-wrapper-2 h3 + h3 + h3 {
        margin-top: 17px;
    }

.abWrapper .page-title {
    margin: 0;
    padding: 11px 0 11px 16px !important;
    font-size: 16px;
    text-align: left;
}

.category-slider-wrapper {
    display: none;
    width: 745px;
    float: right;
}

@media(max-width: 1199px) {
    .productlist-column-right {
        width: 790px;
    }

    .top-category-wrapper a {
        font-size: 12px;
    }

    .bVersion-image h1 {
        font-size: 40px;
    }

    .big-sub-category-wrapper {
        display: none;
    }

    .category-slider-wrapper {
        display: block;
        vertical-align: middle;
    }

    .top-category-wrapper-2 {
        top: 20px;
        right: 15px;
        width: 420px;
    }

    .productlist-static-banner {
      height: 89px;
    }

    .productlist-text {
        top: 10px;
        left: 20px;
        width: 300px;
        font-size: 12px;
    }

    .productlist-banner-title {
        font-size: 28px;
    }

    .top-category-wrapper-2 h3 + h3 + h3 {
        margin-top: 10px;
    }

    .top-category-wrapper-2 h3 {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

  .top-category-wrapper-2 a {
    font-size: 14px;
    padding: 7px 5px;
  }

    .selected-filter-items {
		width: 76%;
	}

    .selected-filter-items.right-pane {
			width: 24%;
		}


}

.productlist-column-left .filter-caret {
    display: none;
}

.bVersion-text .slimScrollDiv p {
    padding-right: 20px;
}

.productlist-column-right .slimScrollDiv {
    border: none;
    background: none;
    margin-bottom: 0;
}

.home-slider.owl-carousel .owl-wrapper-outer {
    width: 100%;
}
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

#noty_layout__bottom,#noty_layout__bottomCenter,#noty_layout__bottomLeft,#noty_layout__bottomRight,#noty_layout__center,#noty_layout__centerLeft,#noty_layout__centerRight,#noty_layout__top,#noty_layout__topCenter,#noty_layout__topLeft,#noty_layout__topRight,.noty_layout_mixin{position:fixed;margin:0;padding:0;z-index:9999999;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0);max-width:90%}#noty_layout__top{top:0;left:5%;width:90%}#noty_layout__topLeft{top:20px;left:20px;width:325px}#noty_layout__topCenter{top:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__topRight{top:20px;right:20px;width:325px}#noty_layout__bottom{bottom:0;left:5%;width:90%}#noty_layout__bottomLeft{bottom:20px;left:20px;width:325px}#noty_layout__bottomCenter{bottom:5%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__bottomRight{bottom:20px;right:20px;width:325px}#noty_layout__center{top:50%;left:50%;width:325px;-webkit-transform:translate(-webkit-calc(-50% - .5px),-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(calc(-50% - .5px),calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerLeft{top:50%;left:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}#noty_layout__centerRight{top:50%;right:20px;width:325px;-webkit-transform:translate(0,-webkit-calc(-50% - .5px)) translateZ(0) scale(1,1);transform:translate(0,calc(-50% - .5px)) translateZ(0) scale(1,1)}.noty_progressbar{display:none}.noty_has_timeout .noty_progressbar{display:block;position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#646464;opacity:.2;filter:alpha(opacity=10)}.noty_bar{-webkit-backface-visibility:hidden;-webkit-transform:translate(0,0) translateZ(0) scale(1,1);-ms-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden}.noty_effects_open{opacity:0;-webkit-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%);-webkit-animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_in .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_effects_close{-webkit-animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);animation:noty_anim_out .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.noty_fix_effects_height{-webkit-animation:noty_anim_height 75ms ease-out;animation:noty_anim_height 75ms ease-out}.noty_close_with_click{cursor:pointer}.noty_close_button{position:absolute;top:2px;right:2px;font-weight:700;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,.05);border-radius:2px;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.noty_close_button:hover{background-color:rgba(0,0,0,.1)}.noty_modal{position:fixed;width:100%;height:100%;background-color:#000;z-index:10000;opacity:.3;left:0;top:0}.noty_modal.noty_modal_open{opacity:0;-webkit-animation:noty_modal_in .3s ease-out;animation:noty_modal_in .3s ease-out}.noty_modal.noty_modal_close{-webkit-animation:noty_modal_out .3s ease-out;animation:noty_modal_out .3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes noty_modal_in{100%{opacity:.3}}@keyframes noty_modal_in{100%{opacity:.3}}@-webkit-keyframes noty_modal_out{100%{opacity:0}}@keyframes noty_modal_out{100%{opacity:0}}@-webkit-keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@keyframes noty_anim_in{100%{-webkit-transform:translate(0);transform:translate(0);opacity:1}}@-webkit-keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@keyframes noty_anim_out{100%{-webkit-transform:translate(50%);transform:translate(50%);opacity:0}}@-webkit-keyframes noty_anim_height{100%{height:0}}@keyframes noty_anim_height{100%{height:0}}.noty_theme__relax.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__relax.noty_bar .noty_body{padding:10px}.noty_theme__relax.noty_bar .noty_buttons{border-top:1px solid #e7e7e7;padding:5px 10px}.noty_theme__relax.noty_type__alert,.noty_theme__relax.noty_type__notification{background-color:#fff;border:1px solid #dedede;color:#444}.noty_theme__relax.noty_type__warning{background-color:#FFEAA8;border:1px solid #FFC237;color:#826200}.noty_theme__relax.noty_type__warning .noty_buttons{border-color:#dfaa30}.noty_theme__relax.noty_type__error{background-color:#FF8181;border:1px solid #e25353;color:#FFF}.noty_theme__relax.noty_type__error .noty_buttons{border-color:#8b0000}.noty_theme__relax.noty_type__info,.noty_theme__relax.noty_type__information{background-color:#78C5E7;border:1px solid #3badd6;color:#FFF}.noty_theme__relax.noty_type__info .noty_buttons,.noty_theme__relax.noty_type__information .noty_buttons{border-color:#0B90C4}.noty_theme__relax.noty_type__success{background-color:#BCF5BC;border:1px solid #7cdd77;color:#006400}.noty_theme__relax.noty_type__success .noty_buttons{border-color:#50C24E}.noty_theme__metroui.noty_bar{margin:4px 0;overflow:hidden;position:relative;box-shadow:rgba(0,0,0,.298039) 0 0 5px 0}.noty_theme__metroui.noty_bar .noty_progressbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:#000;opacity:.2;filter:alpha(opacity=20)}.noty_theme__metroui.noty_bar .noty_body{padding:1.25em;font-size:17px}.noty_theme__metroui.noty_bar .noty_buttons{padding:0 10px .5em}.noty_theme__metroui.noty_type__alert,.noty_theme__metroui.noty_type__notification{background-color:#fff;color:#1d1d1d}.noty_theme__metroui.noty_type__warning{background-color:#FA6800;color:#fff}.noty_theme__metroui.noty_type__error{background-color:#CE352C;color:#FFF}.noty_theme__metroui.noty_type__info,.noty_theme__metroui.noty_type__information{background-color:#1BA1E2;color:#FFF}.noty_theme__metroui.noty_type__success{background-color:#60A917;color:#fff}.noty_theme__mint.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__mint.noty_bar .noty_body{padding:10px;font-size:14px}.noty_theme__mint.noty_bar .noty_buttons{padding:10px}.noty_theme__mint.noty_type__alert,.noty_theme__mint.noty_type__notification{background-color:#fff;border-bottom:1px solid #D1D1D1;color:#2F2F2F}.noty_theme__mint.noty_type__warning{background-color:#FFAE42;border-bottom:1px solid #E89F3C;color:#fff}.noty_theme__mint.noty_type__error{background-color:#DE636F;border-bottom:1px solid #CA5A65;color:#fff}.noty_theme__mint.noty_type__info,.noty_theme__mint.noty_type__information{background-color:#7F7EFF;border-bottom:1px solid #7473E8;color:#fff}.noty_theme__mint.noty_type__success{background-color:#AFC765;border-bottom:1px solid #A0B55C;color:#fff}.noty_theme__sunset.noty_bar{margin:4px 0;overflow:hidden;border-radius:2px;position:relative}.noty_theme__sunset.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_theme__sunset.noty_bar .noty_buttons{padding:10px}.noty_theme__sunset.noty_type__alert,.noty_theme__sunset.noty_type__notification{background-color:#073B4C;color:#fff}.noty_theme__sunset.noty_type__alert .noty_progressbar,.noty_theme__sunset.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__sunset.noty_type__warning{background-color:#FFD166;color:#fff}.noty_theme__sunset.noty_type__error{background-color:#EF476F;color:#fff}.noty_theme__sunset.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__sunset.noty_type__info,.noty_theme__sunset.noty_type__information{background-color:#118AB2;color:#fff}.noty_theme__sunset.noty_type__info .noty_progressbar,.noty_theme__sunset.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__sunset.noty_type__success{background-color:#06D6A0;color:#fff}.noty_theme__bootstrap-v3.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:4px}.noty_theme__bootstrap-v3.noty_bar .noty_body{padding:15px}.noty_theme__bootstrap-v3.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v3.noty_bar .noty_close_button{font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2;background:0 0}.noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}.noty_theme__bootstrap-v3.noty_type__alert,.noty_theme__bootstrap-v3.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v3.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v3.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v3.noty_type__info,.noty_theme__bootstrap-v3.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v3.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__bootstrap-v4.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_body{padding:.75rem 1.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v4.noty_bar .noty_close_button{font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.5;background:0 0}.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.75}.noty_theme__bootstrap-v4.noty_type__alert,.noty_theme__bootstrap-v4.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v4.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v4.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v4.noty_type__info,.noty_theme__bootstrap-v4.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v4.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}.noty_theme__semanticui.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;font-size:1em;border-radius:.28571429rem;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_bar .noty_body{padding:1em 1.5em;line-height:1.4285em}.noty_theme__nest.noty_bar .noty_buttons,.noty_theme__semanticui.noty_bar .noty_buttons{padding:10px}.noty_theme__semanticui.noty_type__alert,.noty_theme__semanticui.noty_type__notification{background-color:#f8f8f9;color:rgba(0,0,0,.87)}.noty_theme__semanticui.noty_type__warning{background-color:#fffaf3;color:#573a08;box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__error{background-color:#fff6f6;color:#9f3a38;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__info,.noty_theme__semanticui.noty_type__information{background-color:#f8ffff;color:#276f86;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.noty_theme__semanticui.noty_type__success{background-color:#fcfff5;color:#2c662d;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.noty_theme__nest.noty_bar{margin:0 0 15px;overflow:hidden;border-radius:2px;position:relative;box-shadow:rgba(0,0,0,.098039) 5px 4px 10px 0}.noty_theme__nest.noty_bar .noty_body{padding:10px;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.1)}.noty_layout .noty_theme__nest.noty_bar{z-index:5}.noty_layout .noty_theme__nest.noty_bar:nth-child(2){position:absolute;top:0;margin-top:4px;margin-right:-4px;margin-left:4px;z-index:4;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(3){position:absolute;top:0;margin-top:8px;margin-right:-8px;margin-left:8px;z-index:3;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(4){position:absolute;top:0;margin-top:12px;margin-right:-12px;margin-left:12px;z-index:2;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(5){position:absolute;top:0;margin-top:16px;margin-right:-16px;margin-left:16px;z-index:1;width:100%}.noty_layout .noty_theme__nest.noty_bar:nth-child(n+6){position:absolute;top:0;margin-top:20px;margin-right:-20px;margin-left:20px;z-index:-1;width:100%}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2){margin-top:4px;margin-left:-4px;margin-right:4px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3){margin-top:8px;margin-left:-8px;margin-right:8px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4){margin-top:12px;margin-left:-12px;margin-right:12px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5){margin-top:16px;margin-left:-16px;margin-right:16px}#noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6),#noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6){margin-top:20px;margin-left:-20px;margin-right:20px}.noty_theme__nest.noty_type__alert,.noty_theme__nest.noty_type__notification{background-color:#073B4C;color:#fff}.noty_theme__nest.noty_type__alert .noty_progressbar,.noty_theme__nest.noty_type__notification .noty_progressbar{background-color:#fff}.noty_theme__nest.noty_type__warning{background-color:#FFD166;color:#fff}.noty_theme__nest.noty_type__error{background-color:#EF476F;color:#fff}.noty_theme__nest.noty_type__error .noty_progressbar{opacity:.4}.noty_theme__nest.noty_type__info,.noty_theme__nest.noty_type__information{background-color:#118AB2;color:#fff}.noty_theme__nest.noty_type__info .noty_progressbar,.noty_theme__nest.noty_type__information .noty_progressbar{opacity:.6}.noty_theme__nest.noty_type__success{background-color:#06D6A0;color:#fff}
html {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/htmlbg2-v2.jpg) center top fixed no-repeat;
}


.inv_left_panel .menufilter a.checkbox.track-link,
.inv_left_panel .menufilter span.checkbox.track-link {
    padding: 4px 0 2px 8px;
    font: normal 12px arial;
    line-height: 20px;
    display: block;
    font-weight: 700;
    color: #323232;
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/checkbox_no.png) left 5px no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    line-height: 140%;
}

.inv_left_panel .filter .item span.checkbox {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_no.png) left 1px no-repeat;
}

    .inv_left_panel .filter .item span.checkbox:hover {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 5px no-repeat;
    }

.inv_left_panel .menufilter a:hover {
    text-decoration: underline;
    color: #1e773f;
}

.inv_left_panel li.active a {
    color: #fff;
    font: bold 12px arial;
    line-height: 18px;
}

.inv_left_panel .product-spec-filter li.active a {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 3px no-repeat;
    color: #333;
}


.inv_left_panel .menufilter span.checkbox.track-link {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/checkbox_no.png) left 5px no-repeat;
    padding-left: 20px;
    margin-left: 8px;
    line-height: 140%;
    display: block;
    color: #323232;
    cursor: pointer;
}

    .inv_left_panel .menufilter .filtereditem.active span.checkbox.track-link,
    .inv_left_panel .menufilter span.checkbox.track-link:hover {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/checkbox_yes.png) left 5px no-repeat;
    }

.inv_left_panel li.active a:hover {
    color: #fdd670;
}

.cart-content-box h3 {
    background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/soruisareti.png") -1px 0 no-repeat;
    padding-left: 16px;
    line-height: 16px;
    margin-bottom: 7px;
    margin-top: 5px;
}

.footer_brands {
    display: none;
}


.footer_1 {
    background: #24914c url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/features_bottom_bg.jpg) left top repeat-x;
    height: 49px;
}

.footer-bottom-container {
    background: #1c773d;
}

    .footer-bottom-container a {
        color: #f3e5cd;
    }

.footerbase {
    width: 990px;
    margin: 0 auto;
    float: none;
    padding: 0;
}

.home-supp-icon {
    background: transparent url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/home-icon.png") 10px 7px no-repeat;
}

.fittest a span {
    background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/fittest-icon.png") 0 17px no-repeat;
}

.inv-tab-menu li a {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/supplementler/tab_box_bg-v2.png) left top repeat-x;
}

.inv-tab-menu li.active a, .inv-tab-menu li.active a:hover {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/tab_box_bg_selected.png) left top repeat-x;
}

.prev-slider, .prev {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/slider-arrow-left.png) left center no-repeat;
}

    .prev-slider:hover, .prev:hover {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/slider-arrow-left-hover.png) left center no-repeat;
    }

.next-slider, .next {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/slider-arrow-right.png) right center no-repeat;
}

    .next-slider:hover, .next:hover {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/slider-arrow-right-hover.png) right center no-repeat;
    }

.outStock {
    border: 0;
    position: absolute;
    width: 66px;
    height: 66px;
    left: 24px;
    top: -17px;
    left: -9px;
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon/out_stock_vit.png) 6px 1px no-repeat;
}

.product .product-button-hover:before {
    background-color: #33784d;
}

.product .product-button-static:before {
    background-color: #33784d;
}

.compare-buttons svg &gt; path {
    stroke: #33784D !important;
}

.shown svg &gt; path {
    fill: #33784d !important;
}

.page-title, .dmt, .product-name {
    color: #2d7c4c !important;
}

.productlist-sort-wrapper .s-isim-z-a strong,
.productlist-sort-wrapper .s-fiyat-azalan,
.productlist-sort-wrapper .s-rating-desc,
.productlist-sort-wrapper .s-servis-fiyat-azalan {
    color: #2d7c4c;
}

.productlist-sort-wrapper .sort-active, .productlist-sort-wrapper .sort-active strong {
    color: #2d7c4c !important;
}

.page-title {
    padding-top: 13px;
}
/*.product-ratebox{background:#07663e}*/
.rate-line-total {
    background: #127d51;
    background: -moz-linear-gradient(top,#127d51 0,#086641 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#127d51),color-stop(100%,#086641));
    background: -webkit-linear-gradient(top,#127d51 0,#086641 100%);
    background: -o-linear-gradient(top,#127d51 0,#086641 100%);
    background: -ms-linear-gradient(top,#127d51 0,#086641 100%);
    background: linear-gradient(to bottom,#127d51 0,#086641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#127D51',endColorstr='#086641',GradientType=0);
}

.rate-line-vote {
    background: 0;
}

.breadcrumb-cart li a {
    background: #07663e;
}

    .breadcrumb-cart li a:hover {
        color: #f0eec8;
    }

    .breadcrumb-cart li a:after {
        border-left: 30px solid #07663e;
    }

    .breadcrumb-cart li a.selected {
        background: #2c7c4a;
    }

        .breadcrumb-cart li a.selected:before, .breadcrumb-cart li a.selected:after {
            border-left: 30px solid #2c7c4a;
        }

.cart-content-box h3 {
    color: #333;
}

.split4, .split3, .split2 {
    border-left: 0 solid #307e4e;
}



.product:hover {
    border-bottom-color: #54976d;
    z-index: 2;
}

.footer_head {
    border-bottom: 1px solid #24914c;
}

.footer-bottom-container a {
    text-decoration: none;
    color: #f3e5cd;
}

    .footer-bottom-container a:hover {
        text-decoration: none;
        color: #fff8c9;
    }

.product-details {
    background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/prd4.png") repeat-x scroll left top transparent;
}



.menu-categorylist .filter.menufilter.category-menu li.active {
    background: #1e773f;
}

.footer_links .filter.menufilter.category-menu li {
    margin-left: 0 !important;
}

.product-featured-items {
    position: absolute;
    height: 20px;
    right: 0;
    margin-top: -30px;
}

.featured_icon {
    font-size: 12px !important;
    padding-left: 15px !important;
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/spec_icons.png) left center no-repeat;
    float: left;
    margin-right: 10px;
}

.fi-cok-satan {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/spec_icons.png) left -80px no-repeat;
    color: #5d7d14;
}

.fi-indirimli {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/spec_icons.png) left -36px no-repeat;
    color: #8caa37;
}

.fi-yeni-gelen {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/spec_icons.png) left 6px no-repeat;
    color: #f07630;
}

.fi-kampanyali {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/spec_icons.png) left 6px no-repeat;
    color: #fff;
    display: none;
}

.product-panel-center .product-details {
    overflow: visible;
}

.product-specs-module tr:nth-child(even) {
    background-color: #f6f6f6;
}

.product-specs-module tr:nth-child(odd) {
    background-color: #fff;
}

.ui-state-focus, .ui-state-hover {
    background: #f1edc8;
    color: #555;
}

.ui-state-active a, .ui-state-active a:hover, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #444;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: #ccc 1px solid;
}

.p-icon span {
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/tooltipbg.png);
}

.product-detail-title a, .child-product-detail-container .product-ratebox .rate-value, .module-bundle-usage .module-title {
    color: #2D7C4C !important;
}

.offer-product h3 {
    color: #4D8637;
    font-size: 19px;
    font-weight: bold;
}

.result-category ul li:first-child a {
    color: #4D8637;
}
/* loyalty page new styles */
.loyal-tab-button.active, .custom-tab-button.active, .custom-tab-button:hover {
    background: #41835b;
    color: #fff;
}

.loyal-tab-button {
    color: #41835b;
}

    /*.loyal-tab-button:hover {
        background: rgba(65, 131, 91, 0.1);
        color: #41835b;
    }*/

    .loyal-tab-button.active:hover {
        background-color: #41835b;
        color: #fff;
    }

.loyal-tab-content .pager span.active a {
    background: #41835b;
    color: #fff;
}

.loyalty-tooltip {
    background-color: #41835b;
}

.vip-banner-head {
    color: #41835b !important;
}

.how-to-use {
    /*background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/tab_box_bg_selected.png) left top repeat-x;*/
    border: 1px solid #41835b;
    color: #41835b;
}

    .how-to-use:hover {
        text-decoration: none;
        color: #4fab73;
    }

.loyal-tabs {
    border-top: 1px solid #dae9db;
    border-bottom: 1px solid #dae0e9;
}

.blue-bold, .selected .loyalty-level-name {
    color: #41835b;
}

/* loyalty page new styles */
@media (max-width: 1199px) {
    .product-price-content.cfix {
        position: relative;
        bottom: 0;
        padding-top: 20px;
    }

    .main-link {
        padding: 0 !important;
    }

    .main-link-wrapper {
        padding: 0 7px;
    }
}

@media (min-width: 1200px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container,
    div.header-links-inner,
    .home-index.container,
    .inv_content,
    .in_footer,
    .in_footer .container,
    .footer_bottom,
    .top-menu {
        width: 1200px;
    }


    .h-customer-name, a.content_menu_link.ico-admin, .header-links .btn {
        font-size: 12px;
    }

    .main-link-wrapper {
        padding: 0 8px;
    }

        .main-link-wrapper.benefits-list-item {
            padding: 0 13px 0 14px;
        }


    @-moz-document url-prefix() {
        .main-link-wrapper {
            padding: 0 7px;
        }

            .main-link-wrapper.benefits-list-item {
                padding: 0 12px 0 13px;
            }
    }

    .home-page-slider-wrapper {
        max-height: 364px;
        overflow: hidden;
    }

    .card-wrapper span {
        margin-right: 15px;
    }

    .rate-box {
        text-align: center;
    }

    .footerbase {
        width: 1200px;
    }

    span.pp-sm-desc {
        width: 305px !important;
    }

    .product {
        width: 191px;
    }

    .footer_bottom table {
        width: 100%;
    }

    .footer_bottom td {
        padding: 10px 15px;
    }

    #divSsoHandler {
        display: none;
    }

    .footer_links {
        width: 225px;
    }


    #menu-benefits {
        margin-left: -737px !important;
    }

    .header-elements-container,
    .invtabs-module ul.inv-tab-menu,
    .inv-tab-container,
    .inv_content,
    .footer_bottom {
        background-color: #fff;
    }

        .invtabs-module ul.inv-tab-menu li {
            width: 14.28571428571429%;
        }

    html {
        -ms-background-size: 2325px;
        background-size: 2325px;
    }

    .links-wrapper {
        width: auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

        .links-wrapper a {
            font-size: 12px;
        }

    .customer-name-wrapper {
        float: left;
    }


    .header-phone {
        margin-top: 3px;
    }

    .catalog-category .span10 {
        width: 990px;
    }

    .product-properties-column {
        width: 899px;
    }

    .pd-column-left {
        width: 883px;
    }

    .product-collateral {
        margin-left: 60px;
        padding-bottom: 60px;
    }

    .span9 {
        width: 900px;
    }

    .span12 {
        width: 1170px;
    }

    .product-panel-description ul {
        float: left;
        width: 100%;
    }

    .slimScrollBar {
        cursor: pointer;
        background: #56956F !important;
    }

    .invtabs-module li.product-list-item:nth-child(6n) .product {
        border-right: none;
    }
}

@media (min-width: 1200px) {
    .header-links {
        width: 380px;
        padding-top: 8px;
        display: none;
    }
}


@media screen and (max-width:1199px) {
    .cart-total-wrapper {
        padding-left: 7px
    }

    .card-wrapper {
        float: right !important;
    }

        .card-wrapper span {
            margin-right: 7px;
        }

            .card-wrapper span:last-child {
                margin-right: 0;
            }

    .header-links {
        width: 210px;
        padding-top: 8px;
        display: none;
    }


    /*.header-links {
        width: 380px;
        padding-top: 8px;
        display: none;
    }*/
}


.footer-banner-link {
    float: left;
    width: 100%;
    background: #24914d;
    text-align: center;
}

    .footer-banner-link a {
        padding: 15px 0;
        width: 197px;
        position: relative;
        display: inline-block;
    }

        .footer-banner-link a &gt; span {
            font-display: swap;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            text-align: left;
            display: inline-block;
            vertical-align: middle;
            color: #ffffff;
            line-height: normal;
        }

            .footer-banner-link a &gt; strong,
            .footer-banner-link a &gt; span &gt; strong {
                font-weight: bold;
            }

        .footer-banner-link a &gt; i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 9px;
            width: 49px;
            height: 49px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

        .footer-banner-link a.orginal &gt; i {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/original.png?v=!");
        }

        .footer-banner-link a.cargo-free &gt; i {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/ncargo.png?v=!");
        }

        .footer-banner-link a.same-day-cargo &gt; i {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/car.png?v=!");
        }

        .footer-banner-link a.pay-door &gt; i {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/kapidaCreditcart.png?v=!");
        }

        .footer-banner-link a.secure-shopping &gt; i {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/security.png?v=!");
        }

        .footer-banner-link a.same-day-shipping &gt; i {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/cargo2-.png?v=!");
        }

@media (max-width: 1199px) {
    .footer-banner-link a {
        padding: 15px 0;
        font-size: 11px;
        width: 160px;
        position: relative;
        display: inline-block;
    }

        .footer-banner-link a &gt; i {
            width: 32px;
            height: 32px;
        }
}

.footer_bottom {
    padding: 15px 0;
}

    .footer_bottom a {
        margin: 0;
    }

    .footer_bottom.nopadding {
        padding: 0;
    }

    .footer_bottom p.copyright {
        text-align: center;
        background: #1c773d;
        padding: 5px 0;
        color: #ffffff;
        margin: 0;
    }

.mini-supplementler-logo {
    width: 16%;
    text-align: center;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
}

.inveon-logo {
    float: left;
    width: 10%;
    text-align: center;
}

.card-wrapper {
    float: left;
    width: 80%;
    text-align: center;
    height: 35px;
}

    .card-wrapper span {
        display: inline-block;
        height: 35px;
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/card-wrapper-sprite.jpg") no-repeat left;
    }

        .card-wrapper span:last-child {
            margin-right: 0;
        }

        .card-wrapper span.world {
            width: 70px;
        }

        .card-wrapper span.maximum {
            width: 66px;
            background-position-x: -70px;
        }

        .card-wrapper span.axess {
            width: 44px;
            background-position-x: -136px;
        }

        .card-wrapper span.bonus {
            width: 59px;
            background-position-x: -180px;
        }

        .card-wrapper span.paraf {
            width: 32px;
            background-position-x: -240px;
        }

        .card-wrapper span.card-finans {
            width: 104px;
            background-position-x: -271px;
        }

        .card-wrapper span.visa {
            width: 49px;
            background-position-x: -375px;
        }

        .card-wrapper span.master-card {
            width: 34px;
            background-position-x: -424px;
        }

        .card-wrapper span.american-express {
            width: 50px;
            background-position-x: -458px;
        }

        .card-wrapper span.inial {
            width: 44px;
            background-position-x: -509px;
        }

        .card-wrapper span.security-shopping {
            width: 109px;
            background-position-x: -554px;
        }


.inveon-logo img {
    margin-top: 11px;
    padding-right: 9px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.store_chooser_vitaminler img {
    display: none;
}*/



.sub-wrapper {
    background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images//vitamin-sub-bg.png");
}

.main-link-wrapper {
    background: #41835b url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/menu_bg3.png") bottom left repeat-x;
}

#natural-products {
    width: 100%;
}

.main-link-wrapper + .main-link-wrapper {
    border-left: 1px solid #54976d;
}

.sub-link-wrapper + .sub-link-wrapper {
    border-top: 1px solid #54976d;
    border-color: rgba(255,255,255,.2);
}

.benefits-list-item .sub-wrapper {
    width: auto;
}

.main-link-wrapper:hover .main-link, .sub-link:hover {
    color: #fdd670;
    text-decoration: underline;
}


.main-link-wrapper.brands-list-item,
.main-link-wrapper.benefits-list-item,
.top-menu {
    background: #41c371;
    background: -moz-linear-gradient(top,#41c371 0,#399f62 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#41c371),color-stop(100%,#399f62));
    background: -webkit-linear-gradient(top,#41c371 0,#399f62 100%);
    background: -o-linear-gradient(top,#41c371 0,#399f62 100%);
    background: -ms-linear-gradient(top,#41c371 0,#399f62 100%);
    background: linear-gradient(to bottom,#41c371 0,#399f62 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41c371',endColorstr='#399f62',GradientType=0);
}


.sub-wrapper.brand-category, .benefits-list-item .sub-wrapper {
    background: rgba(57,159,98,.95);
}

.multi-top-search .search-left .search-menu span.title {
    color: #a1c843 !important;
}

span.title-vitaminler {
    color: #a1c843;
    font-size: 15px;
    font-family: HelveticaNeueLTPro-Roman,arial;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}

.title-supplementler {
    color: #1e3a6a;
    display: block;
    font-family: HelveticaNeueLTPro-Roman,arial;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

    .title-supplementler span {
        color: #4174b4;
    }

.title-fitmoda {
    color: #eb8b2d;
    display: block;
    font-family: HelveticaNeueLTPro-Roman,arial;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

    .title-fitmoda span {
        color: #202020;
    }

.title-fitmoda-category {
    color: #202020;
    display: block;
    font-family: HelveticaNeueLTPro-Roman,arial;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}


.main-link-wrapper:hover {
    background: #247C44;
}

.main-link-wrapper.brands-list-item:hover,
.main-link-wrapper.benefits-list-item:hover {
    background: #41A268;
}


.basket.cart-summary {
    background: #ffab62;
    border: none;
}

.basket .cart-common-info {
    background: #FFE4CD;
}

.cart-summary {
    border: 10px solid #ffab62;
    background: #FFE4CD;
}

.emptycart {
    background: #fff;
    margin: 0 -10px -10px;
}


.basket th {
    background: #FFE4CD;
    border: none;
    color: #666;
}

.basket .table td {
    border-width: 0 0 1px 0;
}


.cart-inner-info,
.cart-inner-info:after {
    background: #FFAB62;
}

    .cart-inner-info:before {
        background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/cart-vit.svg") no-repeat;
        background-size: contain;
    }

.btn-cart {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/btn_bg.png) top center no-repeat;
}


.basketLink {
    background: #f7e6d5;
}

.home-index .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/slider-arrow-left.png) center center no-repeat;
}


.home-index .bx-wrapper .bx-controls-direction a.bx-next {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/slider-arrow-right.png) center center no-repeat;
}

.search-result.supplementler {
    float: left;
}

.search-result.fitmoda {
    float: left;
}

    .search-result.fitmoda h3 {
        color: #eb8b2d !important;
    }

        .search-result.fitmoda h3 span {
            color: #202020;
        }

.alert-left-sup {
    background: #41835b url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/menu_bg3.png") bottom left repeat-x;
}


.update-order, #btnEditShippingAddress, #btnEditBillingAddress, .pending-order-detail, .useOtherMethod, .cp-order-edit, #orderMethodChangeRequestCC, #orderMethodChangeRequestPP {
    background: #41835b url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/slices/vitaminler/menu_bg3.png") bottom left repeat-x;
    border: 1px solid #1A763B;
}

.pending-line h2 {
    color: #41835b;
}

.bVersion-category-head {
    color: #41835b;
}

.top-category-wrapper a, .productlist-search h3,
.productlist-column-left a.group,
.productlist-column-left ul.menufilter li.item a,
.productlist-column-left .filterlinks {
    color: #41835b;
}



.module-content .productlist-search input.left-search-text,
.productlist-search .search-left-button {
    border: 1px solid #41835b;
}

.productlist-search .search-left-button {
    border-width: 1px 1px 1px 0;
}


.selected-filter-items a {
    border: 1px solid #41835b;
}


.category-slider-wrapper .owl-next {
    background-color: #41835b;
}


.productlist-column-left .slimScrollBar {
    background: #41835b !important;
}

ul.menufilter li.item span.close {
    margin: 0 4px;
}

.social-link-class {
    color: #f3e5cd;
}

    .social-link-class:hover {
        text-decoration: underline;
    }



/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    html {
        background: #fff;
    }
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    html {
        background: #fff;
    }
}
/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

    html {
        background: #fff;
    }
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    html {
        background: #fff;
    }
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

    html {
        background: #fff;
    }
}

.mobile-redirect {
    background-color: #1C773D;
}


.message-container input.btn.btn-info.btn-lg {
    background: #1C773D;
    border-color: #1C773D;
}


.header-features a {
    color: #1c773d;
    position: relative;
}

    .header-features a span {
        color: #8c8c8c;
    }

    .header-features a strong {
        background: #1C773D;
    }

.checkout-progress a,
.payment-type-option.selected:before, .delivery-type.selected:before,
.accpet-terms-wrapper label.selected:before,
.selected-installment-wrapper, .installment-item {
    border-color: #24914d;
}

    .checkout-progress a.selected,
    .cart-product-row td.product-name-title a,
    .gift-wrapper h2,
    .address-title,
    .checkout-progress a.visited,
    .cp-order-id,
    .select-other-card,
    .pay-saved-card {
        color: #24914d;
    }

.payment-type-option.selected:before, .delivery-type.selected:before,
.delivery-wrapper .payment-type-option:hover, .delivery-wrapper .payment-type-option.selected,
.accpet-terms-wrapper label.selected:before {
    background-color: #24914d;
}

.payment-type-option.selected .payment-method-content &gt; strong,
.payment-type-option:hover .payment-method-content &gt; strong {
    color: #0061c5;
}

.payment-type-option.selected .payment-type-icon,
.payment-type-option:hover .payment-type-icon {
    background-color: #0061c5;
}

.checkout-progress a.selected:before {
    background: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/checkout-vit-arrow.png") center center no-repeat;
}


.add-new-address,
.pop-button-container .add-product:hover,
.add-new-address:hover {
    background-color: #1c773d;
}

.address-edit-button {
    color: #1c773d;
}

.accpet-terms-wrapper div.selected i,
.address-type.selected:before {
    border: 1px solid #24914d;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #24914d;
}


.vitamin-brands h3 {
    top: 160px;
    color: #fff;
}

.vitamin-brands ul li a:before {
    background: #000;
}

.all-brands-title strong,
.brands-link,
.brand-filter a,
.brand-filter h2,
.alphabetic-sort a,
.brand-head span,
.b-title {
    color: #315719;
}

.brands-link {
    font-size: 14px;
}

.brand-button,
.alphabetic-sort a.selected {
    background-color: #315719;
}

.pay-saved-card {
    color: #fff;
    background-color: #24914d;
    border-color: #24914d;
}

.alphabetic-sort a.selected {
    color: #fff;
}

input#searchInBrand {
    border-color: #315719;
}

.active .all-brands-title strong,
.brands-link.featured-brand,
.brand-filter a.selected, .brand-filter a:hover {
    color: #95c227;
}

.brand-row.active,
.brand-links.selected {
    background: #f9fff9;
}

.quantity-select, .gift-select select {
    color: #858585;
    font-size: 12px;
    font-family: Arial;
    border: 1px solid #ccc;
    width: 152px;
}

.deleteselectedbissbutton {
    border-color: #1c773d;
    background-color: #1c773d;
}

.backinstock-subscriptions-grid a {
    color: #217841;
}

.category-products .compare-buttons input[type=checkbox]:checked + span:before,
.productaddtocomparelistbutton.remove-comparelist:before,
.addOfferToCart.selected:before,
input[type=checkbox]#SaveOcpCreditCard:checked + span,
input[type=checkbox]#UserHasRequested3D:checked + span,
input[type=checkbox]#cancelMembership:checked + span,
input[type=checkbox]#SendSms:checked + input + span,
input[type=checkbox]#SendEMail:checked + input + span,
input[type=checkbox]#ColdCalling:checked + input + span,
input[type=checkbox]#AcceptRegistrationRules:checked + input + span,
.icon-customcheckbox.checked {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/new-checkbox.png) center center no-repeat #217841;
    border-color: #217841;
}

.brand-alp-list .nav-allbrand-link {
    border: 3px solid #217841;
}

    .nav-featured-brands-list li.active a,
    .brand-alp-list a,
    .brand-alp-list a.active,
    .nav-brand-subcategories h3,
    .brand-alp-list .nav-allbrand-link:hover {
        color: #217841;
    }

        .brand-alp-list a.active,
        .brand-alp-list .nav-allbrand-link:hover {
            border-color: #217841;
        }



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #f1edc8;
    border-color: #cccccc;
}


.tooltip-main {
    margin-left: 10px;
    position: relative;
}

    .tooltip-main i {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/tooltip-blue.png) no-repeat;
        width: 18px;
        height: 18px;
        display: inline-block;
        cursor: text;
    }

    .tooltip-main .detail {
        display: none;
        position: absolute;
        top: 25px;
        border-radius: 2px;
        background-color: #0d3467;
        box-shadow: 0 0.5px 1px 0 rgba(0, 0, 0, 0.5);
        border: solid 1px #0d3467;
        color: #ffffff;
        font-family: arial;
        font-size: 13px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        padding: 15px 10px;
        width: 300px;
        left: -150px;
    }

        .tooltip-main .detail:after {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 8px solid #0d3467;
            content: " ";
            position: absolute;
            top: -7px;
            right: 130px;
        }

    .tooltip-main:hover .detail {
        display: block;
    }









.last-order-main {
    width: 438px;
    min-height: 150px;
    height: 100%;
    padding: 10px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    margin-top: 0;
}



    .last-order-main .loading {
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/loading.gif) no-repeat;
        width: 43px;
        height: 11px;
        display: block;
        content: " ";
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -15px;
        margin-left: -20px;
        display: none;
    }



    .last-order-main:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #41835b;
        content: " ";
        position: absolute;
        top: -8px;
        left: 35px;
    }


    .last-order-main .top {
        clear: both;
        height: 28px;
        line-height: 28px;
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 10px;
    }

        .last-order-main .top .title {
            font-size: 14px;
            font-weight: bold;
            float: left;
        }

        .last-order-main .top a {
            text-decoration: underline;
            float: right;
        }

    .last-order-main .order-list {
        max-height: 232px;
        overflow: auto;
    }

        .last-order-main .order-list .item {
            overflow: hidden;
            height: 48px;
            margin-bottom: 10px;
        }

            .last-order-main .order-list .item:last-child {
                margin: 0;
            }

            .last-order-main .order-list .item &gt; div {
                float: left;
                margin-right: 5px;
            }

                .last-order-main .order-list .item &gt; div:last-child {
                    margin: 0;
                }

            .last-order-main .order-list .item .prc-picture {
                width: 40px;
            }

                .last-order-main .order-list .item .prc-picture img {
                    width: 40px;
                    height: auto;
                }

            .last-order-main .order-list .item .prc-name {
                width: 150px;
                line-height: 15px;
                height: 45px;
                overflow: hidden;
            }

                .last-order-main .order-list .item .prc-name a:hover {
                    color: #08c;
                }

            .last-order-main .order-list .item .supplementler-logo {
                width: 70px;
                height: 48px;
                background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/sp-48x48.jpg) no-repeat top center;
                display: block;
            }


            .last-order-main .order-list .item .vitaminler-logo {
                width: 70px;
                height: 48px;
                background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/vt-48x48.jpg) no-repeat top center;
                display: block;
            }

            .last-order-main .order-list .item .prc-custom {
                width: 25px;
                height: 48px;
                line-height: 48px;
                text-align: center;
            }

            .last-order-main .order-list .item .prc-price {
                width: 70px;
                height: 48px;
                line-height: 48px;
                text-align: center;
            }

    .last-order-main .bottom {
        border-top: 1px solid #e3e3e3;
        margin-top: 10px;
        padding-top: 15px;
        font-size: 10px;
        color: #282828;
    }

        .last-order-main .bottom &gt; div, .last-order-main .bottom &gt; a {
            float: left;
            margin-right: 5px;
        }

            .last-order-main .bottom &gt; a:last-child {
                margin: 0;
            }

        .last-order-main .bottom .date {
            width: 80px;
            line-height: 15px;
        }

        .last-order-main .bottom .new-order {
            width: 70px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            display: table;
        }

            .last-order-main .bottom .new-order span {
                display: table-cell;
                line-height: normal;
                vertical-align: middle;
            }

        .last-order-main .bottom .status {
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            display: table;
        }

            .last-order-main .bottom .status span {
                display: table-cell;
                line-height: normal;
                vertical-align: middle;
            }

        .last-order-main .bottom a.order-detail {
            border-radius: 2px;
            border: solid 0.5px #979797;
            text-align: center;
            color: #282828;
            width: 45px;
            padding: 2px 0;
            line-height: 14px;
            font-size: 12px;
        }

            .last-order-main .bottom a.order-detail:hover {
                text-decoration: none;
            }

        .last-order-main .bottom a.re-order {
            border-radius: 2px;
            background-color: #e34c00;
            height: 34px;
            line-height: 34px;
            color: #ffffff;
            font-size: 15px;
            position: relative;
            padding: 0 10px 0 29px;
        }


            .last-order-main .bottom a.re-order:hover {
                text-decoration: none;
            }

            .last-order-main .bottom a.re-order i {
                width: 14px;
                height: 16px;
                position: absolute;
                content: " ";
                display: block;
                background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/repeat-icon.png) no-repeat top center;
                left: 10px;
                top: 8px;
            }


.nav-brand-subcategories a:hover {
    color: #217841;
}

.read-more {
    background: #41835b;
    color: #fff;
    display: inline-block;
    padding: 1px 5px;
    float: right;
}

    .read-more:hover {
        color: #fff;
    }

.add-to-faves {
    background: url(/Themes/Supplementler/Content/Images/icon/favorite_vit_off.svg) center center no-repeat;
}

    .add-to-faves:hover {
        background: url(/Themes/Supplementler/Content/Images/icon/favorite_vit_on.svg) scroll center center no-repeat;
    }

    .add-to-faves.faved {
        background: url(/Themes/Supplementler/Content/Images/icon/favorite_vit_on.svg) scroll center center no-repeat;
    }



@media (max-width: 1199px) {
    .productlist-banner-title {
        font-size: 24px !important;
    }

    .productlist-image .productlist-text .slimScrollDiv {
        height: 145px !important;
    }

        .productlist-image .productlist-text .slimScrollDiv .banner-scroll {
            height: 145px !important;
        }

    .productlist-image .productlist-text.small .slimScrollDiv {
        height: 100px !important;
    }

        .productlist-image .productlist-text.small .slimScrollDiv .banner-scroll {
            height: 100px !important;
        }

    .productlist-image .productlist-text.small .read-more {
        margin-top: -20px;
        position: relative;
        z-index: 9999;
        opacity: 0.9;
    }
}


.preorder-tooltip {
    position: absolute;
    z-index: 99999;
    top: 50px;
    background: #0a7eec;
    border: 1px solid #0a7eec;
    color: #333;
    right: 18%;
    top: 65px;
    width: 120px;
    text-align: center;
    z-index: 1;
    display: none;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-style: normal;
}

    .preorder-tooltip .preorder-info-title {
        display: block;
        -ms-border-radius: 3px;
        border-radius: 3px;
        font-size: 11px;
        color: #4b93df;
        line-height: 25px;
        background: #fff;
        font-weight: bold;
    }

    .preorder-tooltip span {
        display: block;
        font-size: 10px;
        line-height: 12px;
        padding: 5px 0;
        color: #ffffff;
    }

.product-present-line {
    /*height: 30px;*/
}


.vit-seo-text {
    padding: 25px;
    background: #f6f6f6;
    width: 1150px;
    margin: 0 auto;
}

    .vit-seo-text h1 {
        margin: 0 0 15px 0;
        padding: 0;
        font-size: 22px;
        line-height: normal;
    }

    .vit-seo-text p {
        font-size: 13px;
        margin: 20px 0;
    }

        .vit-seo-text p:last-child {
            margin: 0;
        }

@media screen and (max-width:1199px) {
    .vit-seo-text {
        width: 940px;
    }
}


.recurring-order-topic h1 {
    color: #349248;
}


.shipment-details {
    padding: 15px;
}


.password-recovery-page {
}

    .password-recovery-page .page-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .password-recovery-page .body {
        padding: 0 15px;
    }

        .password-recovery-page .body label {
            display: inline-block;
        }






.updateMobileNumberArea {
    clear: both;
    padding: 40px 0;
}

    .updateMobileNumberArea .page-title {
        margin-bottom: 15px;
    }

    .updateMobileNumberArea .sendSmsButton {
        margin-left: 4px;
    }

    .updateMobileNumberArea .tooltip-info {
        float: left;
        position: relative;
        margin: 6px 0 0 10px;
    }



        .updateMobileNumberArea .tooltip-info i {
            display: block;
            content: " ";
            width: 16px;
            height: 16px;
            background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/rec-info-icon.png) no-repeat;
            cursor: pointer;
        }

        .updateMobileNumberArea .tooltip-info .detail {
            display: none;
            position: absolute;
            border: 1px solid #979797;
            background: #ffffff;
            border-radius: 4px;
            font-size: 13px;
            color: #303030;
            line-height: normal;
            padding: 5px 10px;
            width: 205px;
            left: 30px;
            top: -10px;
        }


        .updateMobileNumberArea .tooltip-info:hover .detail {
            display: block;
        }

    .updateMobileNumberArea .disableButton {
        margin: 0 0 0 5px;
        position: relative;
    }


        .updateMobileNumberArea .disableButton .detail {
            display: none;
            position: absolute;
            border: 1px solid #979797;
            background: #ffffff;
            border-radius: 4px;
            font-size: 13px;
            color: #303030;
            line-height: normal;
            padding: 5px 10px;
            width: 205px;
            top: -50px;
            left: 3px;
        }


        .updateMobileNumberArea .disableButton.dsbl:hover .detail {
            display: block !important;
        }


            .updateMobileNumberArea .disableButton.dsbl:hover .detail.remove {
                display: none !important;
            }





#confirm-code-div .detail {
    padding: 15px;
}

    #confirm-code-div .detail label {
        color: #868686;
        font-size: 13px;
        margin-bottom: 10px;
        display: block;
    }

    #confirm-code-div .detail input {
        float: left;
    }

    #confirm-code-div .detail span.error {
        color: red;
        font-size: 12px;
        display: block;
        padding-top: 5px;
    }

    #confirm-code-div .detail .btn {
        background: #4cae01;
        border: none;
        color: #ffffff;
        text-shadow: none;
        float: left;
        margin-left: 10px;
        width: 112px;
    }

/* HEADER INFO */

.header-info-menu a {
    font-size: 11px;
}

    .header-info-menu a i {
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        /*margin-right: 3px;*/
        vertical-align: middle;
        width: 23px;
        height: 23px;
    }

.header-info-links .header-info-menu {
    margin: 0;
}

.header-info-links {
    margin: 11px 0 0 0;
}

.header-info-menu a.campaigns span,
.header-info-menu a.kombinelink span,
.header-info-menu a.fittestlink span {
    width: 100%;
    font-display: swap;
    font-family: "Open Sans", sans-serif !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.header-info-menu a.campaigns,
.header-info-menu a.kombinelink,
.header-info-menu a.fittestlink {
    margin: 0 20px;
    font-size: 12px;
}

.header-info-menu a:hover.campaigns,
.header-info-menu a:hover.kombinelink,
.header-info-menu a:hover.fittestlink {
    text-decoration: none;
    color: #0b7e41;
}

.header-info-menu-out-icon, .header-info-menu-in-icon {
    width: 100%;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

a.campaigns .header-info-menu-out-icon {
    margin: 3px 0 0 0;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/header_icons/vit_campaigns.svg");
}

a.campaigns .header-info-menu-in-icon {
    opacity: 0;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/header_icons/vit_campaigns_hover.svg");
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

a.kombinelink .header-info-menu-out-icon {
    margin: 3px 0 0 0;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/header_icons/vit_combinations.svg");
}

a.kombinelink .header-info-menu-in-icon {
    opacity: 0;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/header_icons/vit_combinations_hover.svg");
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

a.fittestlink .header-info-menu-out-icon {
    margin: 3px 0 0 0;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/header_icons/vit_advice.svg");
}

a.fittestlink .header-info-menu-in-icon {
    opacity: 0;
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icons/header_icons/vit_advice_hover.svg");
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.header-info-menu a.campaigns:hover .header-info-menu-in-icon,
.header-info-menu a.kombinelink:hover .header-info-menu-in-icon,
.header-info-menu a.fittestlink:hover .header-info-menu-in-icon {
    opacity: 1;
}



@media (max-width:1199px) {
    .header-info-menu a {
        margin: 0;
    }

    .header-info-links {
        margin: 0 !important;
    }

    .header-info-menu a.campaigns, .header-info-menu a.kombinelink, .header-info-menu a.fittestlink {
        margin: 0 !important;
    }

    .header-info-menu-out-icon {
        width: 30px !important;
        margin: 0 !important;
    }

    .header-info-menu a {
        width: auto;
        float: right;
    }

    .header-info-menu-out-icon, .header-info-menu span {
        float: left;
    }

    .header-info-menu a.campaigns span, .header-info-menu a.kombinelink span, .header-info-menu a.fittestlink span {
        width: auto !important;
    }
}


.welcome-space h1.odul-band i {
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/odul-badge-vit.png") no-repeat;
}



/* VİTAMİNLER LOYALTY - ÖDÜL PROGRAMI SAYFASI */
.loyal-text h1 span {
    color: #41835b;
}

.loyality-content h3 {
    background: #41835b;
    color: #ffffff;
}

.level-text {
    background: #66cc00;
}

.loyal-level-description p strong {
    color: #41835b;
}

.loyal-faq-row h4 {
    color: #41835b;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    height: 13px;
    width: 13px;
    border-radius: 9px;
    background: #ffffff;
    border: 2px solid #ffffff;
    box-shadow: 1px 1px 1px #888888;
}

    .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #41835b;
    }

    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #41835b;
        border: 2px solid #ffffff;
    }


.dyn-landing .lp-head {
    color: #41835b;
}

.dyn-landing .lp-sub-head {
    color: #41835b;
}


#FancyVariantSelect, #FancyGiftSelect {
    padding: 15px;
}

    #FancyVariantSelect .title {
        font-size: 18px;
        font-weight: bold;
        color: #41835b;
        margin-bottom: 15px;
        text-align: center;
    }

    #FancyGiftSelect .title {
        font-size: 18px;
        font-weight: bold;
        color: #41835b;
        margin-bottom: 25px;
        text-align: center;
    }

    #FancyVariantSelect .variant-wrapper, #FancyGiftSelect .variant-wrapper {
        max-height: 300px;
        overflow: auto;
    }

        #FancyVariantSelect .variant-wrapper ul, #FancyGiftSelect .variant-wrapper ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #FancyVariantSelect .variant-wrapper ul li, #FancyGiftSelect .variant-wrapper ul li {
                margin-bottom: 10px;
                border-bottom: 1px dashed #41835b;
                padding-bottom: 10px;
                cursor: pointer;
            }

                #FancyVariantSelect .variant-wrapper ul li:last-child, #FancyGiftSelect .variant-wrapper ul li:last-child {
                    border: none;
                    margin: 0;
                }

                #FancyVariantSelect .variant-wrapper ul li .aroma-image img {
                    border: 4px solid #fff;
                    border-radius: 50%;
                    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2) inset;
                    margin-right: 10px;
                }

                #FancyVariantSelect .variant-wrapper ul li:hover .aroma-image img {
                    border-color: #41835b;
                }

            #FancyGiftSelect .variant-wrapper ul li {
                font-size: 13px;
            }

                #FancyGiftSelect .variant-wrapper ul li img {
                    margin-right: 10px;
                }

.category-vit-note {
    display: block !important;
    padding: 10px;
    background: #f1edc7;
    border: 1px solid #fadfc1;
    clear: both;
    margin-top: 20px;
}

.blog-container .item h2 {
    color: #1d773e !important;
}

.blog-container .item .detail-area .text .more {
    background: #1d773e !important;
}

.lp-description .more, .lp-description .more-close {
    cursor: pointer;
    text-decoration: none;
    color: #41835b;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    display: block;
    font-family: 'Open Sans'
}

.reward-title,
.loyalty-point,
.loyalty-next-level &gt; span {
    color: #82b200;
}

.loyalty-actions &gt; .btn-shopping {
    border-color: #82b200;
    background: #82b200;
    color: #ffffff;
}

.loyalty-actions &gt; .btn-howto {
    border-color: #82b200;
    background: #ffffff;
    color: #82b200;
}

    .loyalty-actions &gt; .btn-howto:hover {
        background-color: rgba(34, 34, 34, 0.1);
    }

.loyalty-banner li:nth-child(2n+2) {
    color: #24914d;
}

/* Payment Help Steps */
.payment-help-heading {
    color: #82b200;
}

.payment-help-steps &gt; li .circle {
    border: 2px solid #82b200;
}

.payment-help-steps &gt; li .text {
    border: 2px solid #82b200;
}

/* Stores */
.btn-search-store {
    background: #82b200;
}

    .btn-search-store:hover {
        background: #668a05;
    }

/* OwlCarousel paginator styles */
.pagination-active .owl-controls .owl-page.active {
    background: #2d7c4c;
}

/* checkout page shipping options styles */
.shipping-column:hover,
.shipping-column.active {
    border-color: #1c773d;
}

    .shipping-column.active .shipping-head {
        color: #1c773d;
    }

        .shipping-column.active .shipping-head .column-icon {
            background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/column-up-vit.svg");
        }

.shipping-column.sameday-delivery.active .shipping-head {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/shipping-sdd-active-vit.svg");
}

.shipping-column.standard-cargo.active .shipping-head {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/shipping-std-active-vit.svg");
}

.shipping-column .standard-cargo-list &gt; li.selected:after,
.shipping-column .sameday-delivery-list &gt; li.selected:after {
    background-color: #1c773d;
}

/* checkout styles */
/*.payment-type-option:hover,
.payment-type-option.selected,
.payment-type-option.hover-not-allowed.selected {
    border-color: #1c773d;
    background-color: #1c773d;
}
.payment-type-option.hover-not-allowed:not(.selected):hover {
    border: 1px solid #b2b9d2 !important;
    background-color: initial !important;
    color: #484848;
}*/

.payment-type-option.selected .payment-method-content &gt; strong,
.payment-type-option:hover .payment-method-content &gt; strong {
    color: #1c773d;
}

.payment-type-option.selected .payment-type-icon,
.payment-type-option:hover .payment-type-icon {
    background-color: #1c773d;
}

.order-information h2,
.order-gift-note h2 {
    color: #24914d;
}

/* same day delivery landing page styles */
.same-day-delivery .heading ul &gt; li {
    color: #4b9967;
}

    .same-day-delivery .heading ul &gt; li:nth-child(1) {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/timing-vit.svg");
    }

    .same-day-delivery .heading ul &gt; li:nth-child(2) {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/delivery-vit.svg");
    }

    .same-day-delivery .heading ul &gt; li:nth-child(3) {
        background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/flexibility-vit.svg");
    }

.same-day-delivery .range-table .tab-pane .rt-row:not(.column) &gt; span:not(:first-child).available {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/rt-available-vit.svg");
}

.same-day-delivery .how-to ul &gt; li:nth-child(1) {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/how-to-1-vit.svg");
}

.same-day-delivery .how-to ul &gt; li:nth-child(2) {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/how-to-2-vit.svg");
}

.same-day-delivery .how-to ul &gt; li:nth-child(3) {
    background-image: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/sameday-delivery/how-to-3-vit.svg");
}

.same-day-delivery .range-table .tab-pane .rt-row:not(.column) &gt; span:first-child {
    background-color: #4b9967;
}

.same-day-delivery .range-table .tab-pane .rt-row .rt-header {
    background-color: #4b9967;
}

/*header auth-menu*/
/*.aut-user {
    min-width: 205px;
    width: 210px;
    float: left;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 10;
    font-family: "Open Sans", sans-serif !important;
}
    .aut-user.active {
        border-radius: 5px;
        box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.2);
        border: solid 1px #dcdcdc;
        background-color: #ffffff;
        top: -1px;
        right: 4px;
    }

#aut-user-head {
    float: left;
    padding: 0px 15px;
    cursor: pointer;
}
.aut-user-head-isLogin {
    padding: 0 15px !important;
}
#aut-user-menu{float:left; width:100%; padding:0; margin:0; list-style-type:none; border-top:1px solid #dcdcdc;}
.aut-user #aut-user-menu {display:none;}
.active #aut-user-menu {display:block !important;}
.active #aut-user-menu li{float:left; width:100%; margin:0; font-size:12px; font-weight:bold; }
.active #aut-user-menu li a{float:left; width:100%;text-indent:20px; padding:7px 0;color:#333; font-family: "Open Sans", sans-serif !important;}
.active #aut-user-menu li a:hover{color:#996633; background: rgba(255,171,98, 0.1);}
.active #aut-user-menu li:last-child a{float:left; width:100%; padding:5px 0 10px 0; border-top:1px solid #dcdcdc !important;}
.aut-user .user-icon, .aut-user .user-info{float:left;}
.aut-user .user-info-isLogin {
    padding: 6px 15px !important;
    line-height: 12px !important;
}

.user-info-isLogin .aut-name {
    padding: 2px 0;
    white-space: nowrap;
    width: auto;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 11px;
}

.aut-user .user-icon {
    width: 16px;
    height: 16px;
    margin: 12px 0 0;
    background: url("/Themes/Supplementler/Content/images/user-icon-new.svg") no-repeat;
}

.aut-user .caret-icon {
    width: 10px;
    height: 5px;
    position: absolute;
    top: 20px;
    right: 12px;
    background: url("/Themes/Supplementler/Content/images/icons/caret-icon.svg") no-repeat;
}

.aut-user .user-info {
    padding: 6px 15px;
    position: relative;
    width: 130px;
}

#aut-user-head .user-name, #aut-user-head .user-buttons{float:left; width:100%;}
#aut-user-head .user-name {
    font-size: 12px;
    font-weight: 700;
    color: #202020;
    line-height: 12px;
    min-width: 100px;
}

    #aut-user-head .user-name a {
        float: left;
        color: #202020;
        font-family: "Open Sans", sans-serif !important;
    }
#aut-user-head .user-info-isLogin .user-name a{padding:2px 0;}
#aut-user-head .user-name a:hover{text-decoration:none;}
#aut-user-head .user-buttons{font-size:11px; font-weight:bold; color:#a8a8a8;}
#aut-user-head .user-level {
    width: auto;
}
    #aut-user-head .user-level .membership {
        color: #d89e0c;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
        text-overflow: clip;
        width: 100%;
    }

.store-logo-fitmoda .brand-name {
    color: #eb8b2d;
}

    .store-logo-fitmoda .brand-name span {
        color: #202020;
    }

.store-logo-fitmoda .brand-name {
    color: #eb8b2d;
}

    .store-logo-fitmoda .brand-name span {
        color: #202020;
    }

.admin-link {
    position: absolute;
    top: 5px;
    left: -69px;
}

.cart-line-fitmoda {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/slices/fitmoda/logo-fitmoda-small.png) center center no-repeat;
    text-indent: -9999px;
    width: 57px;
    height: 30px;
    display: block;
}*/

/* facebook-like-box size*/
.facebook-like-box .fb-page {
    width: 276px;
    height: 258px;
}

/**/
.vitamin-brands.supplementler-brand, .vitamin-brands.fitmoda-brand {
    margin: 30px 0 0 0;
}

.vitamin-brands ul {
    padding: 15px 10px 10px 10px;
}

    .vitamin-brands ul li {
        width: auto;
        margin-right: 10px;
    }

        .vitamin-brands ul li a {
            padding-left: 10px;
        }

.supplementler-brand h3 {
    color: #fff;
}

.brand-banner {
    margin-top: 30px;
}

.vitamin-brands.supplementler-brand ul li a::before {
    background: #000;
}

.fitmoda-brand h3 {
    color: #fff;
}

.vitamin-brands.fitmoda-brand ul li a::before {
    background: #eb8b2d;
}

.cart-product-row .cart-line-fitmoda {
    margin: 0 auto;
}

.info-form-container.info-form-container label:before {
    top: -8px;
    left: 6px;
}

.top-search-button a.fitmoda-button p {
    color: #eb8b2d;
}

    .top-search-button a.fitmoda-button p span {
        color: #202020;
    }

.offer-product h3 span.fitmoda {
    color: #eb8b2d;
}

.register-form-holder.success-class {
    margin: 30px auto;
}

.forgot-password-success-class-head {
    width: 98%;
    margin: 0 auto;
    padding: 0 0 30px 0;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

    .forgot-password-success-class-head h1 {
        margin: 0;
        text-align: center;
        font-size: 20px;
        color: #202020;
        line-height: normal;
    }

.forgot-password-success-class-icon {
    width: 60px;
    height: 60px;
    margin: 30px auto;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-password-done.svg") no-repeat;
}

.forgot-password-success-class-info {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.forgot-password-success-class-list {
    width: 340px;
    margin: 30px auto 15px;
    list-style-type: none;
}

    .forgot-password-success-class-list li {
        padding-bottom: 15px;
        font-size: 13px;
    }

.forgot-password-success-class-list-first {
    font-size: 14px !important;
    padding-left: 0 !important;
    font-weight: bold;
}

.forgot-password-success-class-button {
    width: 270px;
    position: relative;
    margin: 0 auto 90px;
}

    .forgot-password-success-class-button a {
        width: 270px;
        background-color: #ed4500;
        padding: 14px 0;
        font-size: 14px;
        font-weight: bold;
        display: inline-block;
        color: #fff;
        border-radius: 4px;
        text-align: center;
    }

        .forgot-password-success-class-button a:hover {
            text-decoration: none;
            background-color: #166d36;
        }

.icon-password-done-arrow {
    position: absolute;
    top: 18px;
    left: 15px;
    width: 15px;
    height: 15px;
    background: url("https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-password-done-arrow.svg") no-repeat;
}

.captcha-hide {
    color: #b94a48;
    background-color: #fff;
    border-color: #fff;
    margin: 0;
    padding: 0;
}

.captcha-show {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
    margin-top: 20px;
}

.shipping-column .standard-cargo-list &gt; li:not(.disabled):hover, .shipping-column .standard-cargo-list &gt; li.selected {
    border-color: #24914d;
}

.ordering-ui-wrapper .info-items-wrapper h5 {
    color: #166d36;
}

.select-css {
    color: #166d36;
    border: solid 1px #166d36;
    border-bottom: 1px solid #3e8d5b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23166d36' fill-rule='evenodd' d='M0 1.232C0 .915.126.61.366.368c.493-.475 1.301-.475 1.793 0L6 4.055l3.839-3.7c.492-.474 1.3-.474 1.793 0 .492.475.492 1.254 0 1.729L6.895 6.647C6.655 6.878 6.34 7 6 7c-.341 0-.657-.134-.897-.353L.366 2.096C.126 1.852 0 1.536 0 1.232z'/%3E%3C/svg%3E%0A");
}

    .select-css:focus {
        background-color: #166d36;
        color: #FFF;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath transform='rotate(-180 6.000499725341797,3.4997501373291016) ' fill='%23FFF' fill-rule='evenodd' d='M0 1.232C0 .915.126.61.366.368c.493-.475 1.301-.475 1.793 0L6 4.055l3.839-3.7c.492-.474 1.3-.474 1.793 0 .492.475.492 1.254 0 1.729L6.895 6.647C6.655 6.878 6.34 7 6 7c-.341 0-.657-.134-.897-.353L.366 2.096C.126 1.852 0 1.536 0 1.232z'/%3E%3C/svg%3E%0A");
        outline: none;
    }

ul.dropdown-menu-custom li &gt; a {
    background-color: #166d36;
    color: #e2e4e7;
    border-bottom: 1px solid #3e8d5b;
}

    ul.dropdown-menu-custom li &gt; a:hover {
        background-color: #1a763c;
        color: #e2e4e7;
        border-bottom: 1px solid #3e8d5b;
    }

/**/

.mac-popup .form-group a,
.mac-popup-success .form-group a,
.mac-popup-status .returned-message + a {
    background-color: #1c773d !important;
}

.ppc-fixer {
    display: flex !important;
}

    .ppc-fixer #add-product-to-cart {
        margin-right: 15px;
    }

    .ppc-fixer .add-to-faves {
        margin-left: auto;
        background-size: contain;
    }
/**/

/* order page new styles-start*/
/* new UI start*/

.btn-nu .ico-arrow {
    fill: #41835b;
}

.btn-primary {
    background-color: #41835b;
}

    .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
        box-shadow: none;
        background-color: #50a370;
    }

.btn-outline-primary {
    color: #41835b;
    background-color: white;
    background-image: none;
    border: 1px solid transparent;
    border-color: #41835b;
    margin-top: 10px;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #41835b;
        border-color: #41835b;
    }


    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #41835b;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active, .show &gt;
    .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #41835b;
    }

        .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show &gt;
        .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: none;
        }


.btn-nu.btn-outline-primary.icon:hover svg {
    fill: white;
    color: white;
}


.btn-nu.link.btn-return {
    color: #41835b;
}

    .btn-nu.link.btn-return:hover {
        /*color: #50a370;*/
    }

.btn-nu.link.footer {
    fill: #41835b;
    color: #41835b;
}

.customer-orders #toggleOrders,
.orders-wrapper .product-list em a,
.orders-wrapper .cart-product-store p span ~ a {
    color: #41835b;
}


.btn.icon i.front-arrow {
    transform: scale(1);
    margin-left: 7px;
    margin-right: 0;
    filter: grayscale(1) brightness(5);
    filter: sepia(1);
    filter: hue-rotate(271deg);
    filter: saturate(0.5);
}

.ico-print,
.ico-edit,
.ico-invoice {
    fill: #41835b;
}

.dikey-popup #info-panel {
    font-family: 'Open Sans', sans-serif;
    display: none;
    background: #ffffff;
    color: #404040;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

    .dikey-popup #info-panel .form-warning {
        font-size: 50px;
        font-weight: 800;
        color: #41835b;
        border: 2px solid #41835b;
    }

.dikey-popup .info-wrapper {
    padding: 50px;
    border: 1px solid #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.dikey-popup #info-panel a {
    background: #41835b;
    color: #ffffff;
    border: #41835b;
    font-weight: 800;
}

    .dikey-popup #info-panel a:hover {
        background: #41835b;
        text-decoration: none;
    }



/* order page new styles-end*/
/**/

.mac-popup .form-group a,
.mac-popup-success .form-group a,
.mac-popup-status .returned-message + a {
    background-color: #1c773d !important;
}

.ppc-fixer {
    display: flex !important;
}

    .ppc-fixer #add-product-to-cart {
        margin-right: 15px;
    }

    .ppc-fixer .add-to-faves {
        margin-left: auto;
        background-size: contain;
    }

.slot-wrapper .sameday-delivery-list li.selected:before {
    border-color: #1c773d;
}

.slot-wrapper.active:before {
    background-color: #1c773d;
}

.slot-wrapper.active:after {
    border: 2px solid #1c773d;
}

.slot-wrapper .delivery-header {
    color: #1c773d;
}

.nd-standard-shipping.selected:before {
    border-color: #1c773d !important;
}

/* New Checkout Pages BEGIN */
.checkout-progress-v2 a {
    color: #1c773d
}

    .checkout-progress-v2 a:hover:not(:first-of-type),
    .checkout-progress-v2 a.selected {
        background-color: #1c773d;
    }

        .checkout-progress-v2 a:hover:not(:first-of-type) &gt; div {
            background-color: #ffffff;
            border-color: #ffffff;
            color: #1c773d;
        }

        .checkout-progress-v2 a.selected div {
            color: #1c773d;
        }

        .checkout-progress-v2 a.selected::before,
        .checkout-progress-v2 a:hover:not(:first-of-type)::before {
            border-color: #1c773d transparent transparent transparent;
        }

    .checkout-progress-v2 a div {
        border: solid 1px #1c773d;
        color: #1c773d;
    }

    .checkout-progress-v2 a:hover {
        text-decoration: none;
    }

    .checkout-progress-v2 a.selected ~ a:hover {
        color: #1c773d;
        cursor: default;
    }

.ce-v2 .empty-wrapper &gt; h1 {
    color: #24914d;
}

.accpet-terms-wrapper div.selected i, .address-type.selected:before {
    border: 1px solid #1c773d;
}

.new-address-form .address-type.selected:after {
    background-color: #1c773d;
}

.add-new-card {
    color: #1c773d;
    border: 1px solid #1c773d;
}

    .add-new-card .tab-svg {
        fill: #1c773d;
    }

    .add-new-card:hover .tab-svg,
    .add-new-card .active-svg {
        fill: white;
    }

    .add-new-card:hover, .active-tab {
        color: #fff;
        background-color: #1c773d;
    }

.money-transfer-process h6 {
    color: #1c773d;
}

#creditcardondelivery_container h2, #cashondelivery_container h2 {
    color: #333333 !important;
    padding: 0;
}

.alisveris-kredisi-info {
    color: #1c773d;
    background-color: rgba(0, 55, 112, 0.08);
    border: solid 1px rgba(51, 51, 51, 0.1);
}

.sorting-dropdown {
    position: relative;
    border-radius: 4px;
    border: solid 1px #dfdfdf;
    padding: 10px;
    padding-right: 85px;
    cursor: pointer;
    background-image: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/sorting-dropdown.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin-right: 5px;
}

    .sorting-dropdown:hover {
        color: #ffffff;
        background-color: #287e42;
        border-color: #FD830C;
        background-image: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/sorting-dropdown-white.svg");
    }

    .sorting-dropdown ul {
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        left: -1px;
        right: -1px;
        z-index: 4;
        background-color: #287e42;
        border: solid 1px #287e42;
        border-top: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding-top: 10px;
    }

    .sorting-dropdown:hover ul {
        display: block;
    }

    .sorting-dropdown ul &gt; li a {
        display: block;
        font-family: inherit;
        width: 100%;
        box-sizing: border-box;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
        margin: 0 !important;
        padding-right: 30px !important;
        background-position: right 15px center !important;
        text-align: left !important;
        font-weight: normal;
        color: #ffffff !important;
        background: none !important;
    }

.catalog .info-ui .sorting-dropdown {
    padding: 15px 15px;
    background-position: 92% 54%;
    text-align: left;
    padding-right: 100px;
}

.supp-filter-row {
    /*border-bottom: 1px solid #eee;*/
    width: 1000px;
    margin-top: -10px;
}

.supp-filter-left {
    text-align: left;
    padding-bottom: 15px;
    font-size: 14px;
}

.supp-filter-right {
    text-align: right;
    padding-bottom: 15px;
}

.sorting-dropdown .sort-active {
    font-weight: bold;
    font-size: 12px;
}
/* New Checkout Pages END */

/* Product Short View Start*/

.product-card-pop-up {
    padding: 24px;
}

.ellipse-6 {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 20px;
    height: 20px;
    flex-grow: 0;
    padding: 10px;
    background-color: #dfe3ec;
    border-radius: 50px;
    cursor: pointer;
}

    .ellipse-6 .sw-close {
        width: 20px;
        height: 20px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/short-view-close-green.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center;
    }

        .ellipse-6 .sw-close .iconClose {
            width: 20px;
            height: 20px;
            flex-grow: 0;
            object-fit: contain;
        }

.product-card-pop-up .icerik .product-images {
    width: 279px;
    flex-grow: 0;
    margin: 0 36px 2px 0;
    float: unset;
}

.product-card-pop-up .icerik {
    display: flex;
}

    .product-card-pop-up .icerik .product-images .image-3 {
        width: 279px;
        height: 279px;
        flex-grow: 0;
        margin-right: 36px;
    }

    .product-card-pop-up .icerik .Frame-15 {
        width: 416px;
        flex-grow: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
        padding: 0;
    }

        .product-card-pop-up .icerik .Frame-15 .frame-15-content {
            flex: 1 0 0;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .product-card-pop-up .icerik .Frame-15 .rn-ismi {
            flex-grow: 0;
            font-family: 'Open Sans', sans-serif;
            font-size: 20px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.28px;
            text-align: left;
            color: #41835b;
        }

        .product-card-pop-up .icerik .Frame-15 .Rectangle {
            width: 40px;
            height: 35px;
            margin: 0px 10px 0 0;
            padding: 4px 11px;
            border-radius: 4px;
            background-color: #e44d28;
        }

            .product-card-pop-up .icerik .Frame-15 .Rectangle .span-yuzde {
                margin: 0 5px 0 7px;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                font-weight: bold;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: -0.6px;
                text-align: center;
                color: #fefefe;
                letter-spacing: normal;
            }

            .product-card-pop-up .icerik .Frame-15 .Rectangle .ndirimli {
                font-family: 'Open Sans', sans-serif;
                font-size: 10px;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: center;
                color: #fefefe;
                border: 1px solid #e44d28;
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                width: 60px;
                margin-left: -11px;
                margin-top: 16px;
            }

[data-variant-discount-sw=True] .ndirimli {
    background-color: white;
    color: #e44d28 !important;
    line-height: 1 !important;
}

[data-show-discount-badge=False] #sw-discount-badge, [data-show-discount-badge=False] .old-price {
    display: none;
}

[data-show-discount-badge=True] #sw-discount-badge {
    display: flex;
    flex-direction: column;
}

[data-show-discount-badge=True] .old-price {
    display: unset;
}

[data-show-discount-badge=False] .buy-price {
    margin: 0 !important;
}

.product-card-pop-up .icerik .Frame-15 .fiyat-indirim-vs {
    height: 38px;
    flex-grow: 0;
    margin: 3px 0px 0px 5px;
}

    .product-card-pop-up .icerik .Frame-15 .fiyat-indirim-vs .old-price {
        width: 57px;
        height: 22px;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.22px;
        text-align: center;
        color: #b8b8b8;
        text-decoration: line-through;
        vertical-align: super;
    }

    .product-card-pop-up .icerik .Frame-15 .fiyat-indirim-vs .buy-price {
        width: 86px;
        height: 38px;
        flex-grow: 0;
        margin: 0 0 0 12px;
        font-family: 'Open Sans', sans-serif;
        font-size: 28px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.39px;
        text-align: center;
        color: #494949;
    }

.product-card-pop-up .icerik .Frame-52 {
    width: 212px;
    height: 52px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 20px auto 0;
    border-radius: 4px;
    border: solid 1px #f3f3f3;
    box-sizing: border-box;
}

    .product-card-pop-up .icerik .Frame-52 .skt-head {
        width: 112px;
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.17px;
        text-align: center;
        color: #6d6d6d;
    }

        .product-card-pop-up .icerik .Frame-52 .skt-head .skt-text {
            font-weight: bold;
        }

.product-card-pop-up .icerik .Frame-15 .sepeteEkleButton {
    width: 232px;
    height: 57px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background-color: #f73d04;
    cursor: pointer;
    margin-left: 23px;
}

    .product-card-pop-up .icerik .Frame-15 .sepeteEkleButton .sepeteEkleText {
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #fff;
        pointer-events: none;
    }

.product-card-pop-up .icerik .Frame-15 .adet-wrapper {
    display: flex;
    align-items: center;
}

.product-card-pop-up .icerik .Frame-15 .adet-secimi {
    width: 150px;
    height: 54px;
    flex-grow: 0;
    display: inline-flex;
    flex-direction: column;
}

    .product-card-pop-up .icerik .Frame-15 .adet-secimi .Adet {
        width: 51px;
        height: 30px;
        flex-grow: 0;
        margin: 0 349px 8px 4px;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.31px;
        text-align: center;
        color: #222426;
    }

    .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num {
        display: flex;
        flex-direction: row;
        width: 150px;
        height: 48px;
        flex-grow: 0;
        padding: 3px;
        box-sizing: border-box;
    }

        .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .ant-designminus-circle-outlined {
            width: 42px;
            height: 42px;
            flex-grow: 0;
            background-color: #c9cdd1;
            border-radius: 50px;
        }

            .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .ant-designminus-circle-outlined .vector-inline-circle .minus {
                width: 18px;
                height: 4px;
                display: block;
                position: absolute;
                margin-top: 15px;
                margin-left: 8px;
                background-color: #c9cdd1;
            }

        .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .minus-active {
            width: 18px;
            height: 4px;
            display: block;
            position: absolute;
            margin-top: 15px;
            margin-left: 8px;
            background-color: #41835b;
        }


        .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .vector-inline-circle {
            cursor: pointer;
            width: 34px;
            height: 34px;
            margin: 4px;
            background-color: #fff;
            border-radius: 50px;
        }

        .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .sepet-adet {
            width: 14px;
            height: 28px;
            flex-grow: 0;
            margin: 7px 26px;
            font-family: 'Open Sans', sans-serif;
            font-size: 24px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.18;
            letter-spacing: -0.34px;
            text-align: center;
            color: #222426;
        }

        .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .ant-designplus-circle-outlined {
            width: 42px;
            height: 42px;
            flex-grow: 0;
            background-color: #41835b;
            border-radius: 50px;
        }

            .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .ant-designplus-circle-outlined .span-plus {
                position: absolute;
                width: 34px;
                display: block;
                font-family: 'Open Sans', sans-serif;
                font-size: 43px;
                font-weight: 600;
                font-stretch: normal;
                font-style: normal;
                text-align: center;
                color: #41835b;
                margin-top: 6px;
                margin-left: 0px;
                user-select: none;
            }

        .product-card-pop-up .icerik .Frame-15 .adet-secimi .adet-secimi-num .span-plus-disabled {
            position: absolute;
            width: 34px;
            display: block;
            font-family: 'Open Sans', sans-serif;
            font-size: 43px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            text-align: center;
            color: #c9cdd1;
            margin-top: 6px;
            margin-left: 0px;
            user-select: none;
        }

.product-card-pop-up .icerik .Frame-15 .special-offer {
    width: 405px;
    height: 95px;
    flex-grow: 0;
    margin: 20px 0;
}

        .product-card-pop-up .icerik .Frame-15 .special-offer .special-offer-title {
            width: 150px;
            height: 30px;
            flex-grow: 0;
            margin: 0 0 14px 0;
            font-family: 'Open Sans', sans-serif;
            font-size: 22px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: -0.31px;
            text-align: left;
            color: #222426;
        }

    .product-card-pop-up .icerik .Frame-15 .special-offer .special-offer-select {
        width: 405px;
        height: 51px;
        flex-grow: 0;
    }

        .product-card-pop-up .icerik .Frame-15 .special-offer .special-offer-select select {
            width: 405px;
            height: 52px;
            flex-grow: 0;
            margin: 14px 0 0;
            padding: 13px 24px 14px;
            border-radius: 4px;
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
            border: solid 1px #ededed;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/down.png);
            background-repeat: no-repeat;
            background-position: right 24px center;
            background-color: #f3f3f3;
        }

.fancybox-inner {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}

.fancybox-skin {
    padding: 0 !important;
}

.error-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 78px;
    display: none;
    background-color: #ffffff;
    z-index: 100;
    border-radius: 8px;
}

.warning-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 35px 0 15px;
    height: 78px;
}

.error-info-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.error-info-close {
    position: absolute;
    right: 8px;
    top: 8px;
}

.error-info-message {
    flex-grow: 0;
    margin: 8px 0 7px 12px;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #000;
}


/*Product Short View Popup End*/
.product-card-pop-up .detail-btn-frame {
    display: flex;
}

.product-card-pop-up .productDetailButton {
    width: 212px;
    height: 57px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 40px 0 43px;
    border-radius: 4px;
    border: solid 1px #ededed;
    background-color: #f3f3f3;
    box-sizing: border-box;
}

.product-card-pop-up .productDetailButtonText {
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin: 0;
    text-decoration: none;
}

.product-card-pop-up .productDetailButton:hover {
    text-decoration: none;
}

.product-card-pop-up .variant-secimi {
    width: 418px;
    height: 100px;
    flex-grow: 0;
    margin-top: 6px;
}

.product-card-pop-up .sv-arrow-right {
    flex: 0 0 28px;
    right: 0px;
    top: 4px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    position: relative;
    cursor: pointer;
}

.product-card-pop-up .sv-arrow-left {
    flex: 0 0 28px;
    left: 0px;
    top: 4px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    position: relative;
    cursor: pointer;
}

.product-card-pop-up svg &gt; path {
    fill: #41835b;
}

.product-card-pop-up .disabled {
    cursor: not-allowed;
}

    .product-card-pop-up .disabled &gt; svg &gt; path {
        fill: #c9cdd1
    }

.product-card-pop-up .Aroma-Seimi2 {
    width: 148px;
    height: 30px;
    flex-grow: 0;
    margin: 0 0px 6px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.31px;
    text-align: left;
    color: #222426;
}

.product-card-pop-up .Ellipse {
    width: 28px;
    height: 28px;
    flex-grow: 0;
    margin: 0 0 12px;
    background-color: #ebd1a0;
    border-radius: 40px;
    cursor: pointer;
}

.product-card-pop-up .out-ofstock {
    cursor: default;
    opacity: 0.5;
}

.product-card-pop-up .Muz {
    width: 28px;
    height: 19px;
    flex-grow: 0;
    margin: 12px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #000;
}

.product-card-pop-up .aroma-txt {
    height: 19px;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #000;
    text-transform: capitalize;
    width: 100%;
    padding: 0 5px;
}

.product-card-pop-up .active-ellipse {
    border: solid 3px #41835b;
    box-sizing: border-box;
}

.product-card-pop-up .Aroma {
    flex: 0 0 calc(100% / 5);
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    width: inherit;
    max-width: 57px;
    align-content: center;
    align-items: center;
}

.product-card-pop-up .slider-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .product-card-pop-up .slider-wrapper::-webkit-scrollbar {
        width: 0px;
        background: transparent;
        /* make scrollbar invisible */
    }

.toast-cart-text {
    color: #33784d !important;
}

.product-card-pop-up .bedenler {
    padding: 0 5px;
    width: max-content;
    min-width: 51px;
    height: 38px;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: solid 1px #cacaca;
    cursor: pointer;
    box-sizing: border-box;
}

.product-card-pop-up .beden-text {
    width: max-content;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.22px;
    text-align: left;
    color: #000;
    text-decoration: none;
    user-select: none;
}

.product-card-pop-up .active-square {
    border: solid 3px #41835b;
    box-sizing: border-box;
}

.product-card-pop-up .beden-slider {
    display: flex;
    flex-direction: row;
    width: 450px;
    gap: 8px;
}

.product-card-pop-up .aroma-slider {
    display: flex;
    flex-direction: row;
    width: 452px;
    gap: 0px;
}

.product-button-static:hover {
    text-decoration: none;
}

.cart-items-row .product-full-info .p-name,
.cart-items-row .product-full-info .p-name a {
    color: #333333;
}

.nu-style .vitaminler-catalog-breadcrumb a:last-of-type {
    font-weight: 700;
    color: #2d7c4c;
}

.price-filter-range .apply-btn {
    background-color: #33784d;
}

.footer-qr-and-mobile-apps {
    display: flex;
    column-gap: 20px;
}

    .footer-qr-and-mobile-apps .footer-qr-code img {
        width: 110px;
        background: #ffffff;
        padding: 2px;
        object-fit: cover;
    }

    .footer-qr-and-mobile-apps .footer-mobile-apps &gt; div {
        margin-bottom: 15px;
    }

        .footer-qr-and-mobile-apps .footer-mobile-apps &gt; div:last-child {
            margin-bottom: 0;
        }

.inv-tab-container .productgrouplist-module .product {
    min-height: 360px;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.product-service-price {
    text-align: center;
    margin-top: 5px;
}

.brand-service-price {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    text-align: center;
}

.product {
    height: 345px !important;
}

.loyalty-rate-info {
    font-size: 14px;
    color: #1d773e;
    line-height: 3px;
}

.price-container {
    margin-top: 4px;
    margin-bottom: -4px;
}

.topic-cerezaydinlatmametni a {
    color: #41835b;
    font-weight: bold;
}

.product-service-price .service-price-text-hover,
.brand-service-price .service-price-text-hover {
    display: none;
}

.product:hover .product-service-price .service-price-text-hover {
    display: block;
}

.product:hover .product-service-price .service-price-text {
    display: none;
}

.product:hover .brand-service-price .service-price-text-hover {
    display: block;
}

.product:hover .brand-service-price .service-price-text {
    display: none;
}

.campaign-badges {
    position: absolute;
    top: 22px;
    left: -25px;
    z-index: 1;
    transform: rotate(-45deg);
}

.best-seller-badge {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
}

.col-lg-4 .campaign-badges {
    left: -30px;
}

.col-lg-4 .best-seller-badge {
    left: 8px;
}

/* #region CartGift */

.cart-gift-mandatory-area {
    border: solid 1px #196f29;
}

    .cart-gift-mandatory-area .cart-gift-mandatory-label input:checked ~ .cart-gift-mandatory-checkmark {
        background-color: #439252;
    }

.cart-gift-area {
    border: solid 1px #439252;
}

.cart-gift-button {
    border-bottom: solid 1px #439252;
}

.cart-gift-icon {
    border: solid 1px #1c773d;
}

.cart-gift-text-header {
    color: #1c773d;
}

.cart-gifts-info-progress .progress-line .progress-line-level {
    background-image: linear-gradient(to bottom, #2e7c4a 0%, #217640 100%);
}

    .cart-gifts-info-progress .progress-line .progress-line-level::after {
        background-image: url("https://cdn.vitaminler.com/Themes/Supplementler/Content/images/progress-vit.png");
    }

.cart-gifts-content .gift-block.active .gift-block-range {
    background-color: #d8edd4;
}

.cart-gifts-info-progress .progress-level .svg-cover {
    border: solid 1px #196f29;
}

.cart-gifts-info-progress .progress-level.inactive .svg-cover {
    border: solid 1px #196f2950;
}

.cart-gifts-content .gift-block.active .gift-block-items .gift-block-item.active:hover::after {
    border: solid 1px #439252;
}

.cart-gifts-content .gift-block.active {
    border-top: solid 2px #439252;
    border-bottom: solid 2px #439252;
}

    .cart-gifts-content .gift-block.active.active-last {
        border-right: solid 2px #439252;
    }

.cart-gifts-content .gift-block.first.active {
    border-left: solid 2px #439252;
}

/* #endregion */
.product-page-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .product-page-top .product-page-buttons {
        display: flex;
        align-items: center;
        column-gap: 20px;
        padding-right: 40px;
    }

.product-page-compare {
    position: relative;
}

    .product-page-compare .productaddtocomparelistbutton {
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 42px;
        font-size: 0;
        padding: 0;
    }

        .product-page-compare .productaddtocomparelistbutton:before {
            top: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

    .product-page-compare .add-comparelist:before {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon-compare-default.svg) no-repeat top left;
    }

    .product-page-compare .add-comparelist:hover:before {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon-compare-fill.svg) no-repeat top left;
        opacity: 0.13;
    }

    .product-page-compare .remove-comparelist:before {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon-compare-fill.svg) no-repeat top left
    }

.product-compare-tooltip {
    position: absolute;
    z-index: 100;
    bottom: -55px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e5ece6;
    border-radius: 4px;
    padding: 5px;
    width: 90px;
    text-align: center;
    line-height: 18px;
    display: none;
}

    .product-compare-tooltip:before {
        content: "";
        position: absolute;
        top: -4px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 8px;
        height: 8px;
        background-color: #e5ece6;
        transform: rotate(45deg);
        z-index: -1;
    }

.product-page-compare .add-comparelist:hover + .product-compare-add {
    display: block;
}

.product-page-compare .remove-comparelist:hover + .product-compare-add + .product-compare-remove {
    display: block;
}

.product-price-content .add-product {
    flex: 1;
    width: 100%;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

.price-area .product-price-content .product-price {
    margin-left: 0px;
}

.supp-oneriyor-product-title a, .supp-oneriyor-title h3 {
    color: #1D773E;
}

.contact-information-text {
    padding-left: 145px;
    margin: 15px 0;
}

.loyalty-bar {
    width: 530px;
    height: 10px;
    background-color: #c5cbd4;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 45px;
    padding-top: 10px;
}

.loyalty-banner li:last-of-type {
    width: 60%;
    padding: 0 60px;
}

.loyalty-bar &gt; div {
    flex: 0 0 24.5%;
}

.loyalty-bar .loyalty-step .loyalty-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background-color: #c5cbd4;
    border: 1px solid #979ea8;
    border-radius: 100%;
    position: absolute;
    top: -3px;
    z-index: 2;
}

    .loyalty-bar .loyalty-step .loyalty-check img {
        display: none;
    }

.loyalty-bar .loyalty-step .loyalty-rate {
    position: absolute;
    top: -35px;
    font-size: 20px;
    font-weight: 600;
    width: 50px;
    height: 23px;
    background: #c5cbd4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -18px;
    z-index: 1;
}

    .loyalty-bar .loyalty-step .loyalty-rate:before {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
        width: 6px;
        height: 6px;
        background-color: #c5cbd4;
        transform: rotate(45deg);
        z-index: -1;
    }

.loyalty-bar .loyalty-step.active .loyalty-check {
    background-color: #1c773d;
    border-color: #1f964a;
}

    .loyalty-bar .loyalty-step.active .loyalty-check img {
        display: block;
    }

.loyalty-bar .loyalty-step.active .loyalty-rate {
    background-color: transparent;
    color: #1c773d;
}

    .loyalty-bar .loyalty-step.active .loyalty-rate:before {
        display: none;
    }

.loyalty-bar .loyalty-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 10px;
    z-index: 1;
    background-color: #1c773d;
}

.product-image-wrapper {
    overflow: hidden;
}

.campaign-badges-product {
    position: absolute;
    top: 22px;
    left: -25px;
    z-index: 2;
    transform: rotate(-45deg);
}

.best-seller-badge-product {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 2;
}

.product-price-productbox {
    height: 36px;
}

.register-level {
    background-color: #f4f8f5;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
}

    .register-level .register-level-header {
        text-align: center;
        margin-bottom: 5px;
    }

        .register-level .register-level-header .register-level-title {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 5px;
        }

    .register-level .register-level-description {
        color: #333333;
        line-height: 16px;
        font-size: 11px;
        text-align: center;
        margin-top: 10px;
    }

    .register-level .register-level-content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .register-level .register-level-content .register-level-item .register-level-image {
            width: 70px;
            height: 50px;
            margin: auto;
        }

            .register-level .register-level-content .register-level-item .register-level-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .register-level .register-level-content .register-level-item .register-level-name {
            color: #222222;
            font-size: 10px;
            font-weight: 700;
            text-align: center;
            line-height: 16px;
        }

        .register-level .register-level-content .register-level-item .register-level-point {
            color: #333333;
            font-size: 10px;
            text-align: center;
            line-height: 16px;
            font-weight: 600;
            margin-bottom: 3px;
        }

        .register-level .register-level-content .register-level-item .register-level-discount {
            color: #00a13a;
            font-size: 10px;
            font-weight: 600;
            text-align: center;
        }

.register-form-container .facebook-login-button, .login-form-holder .facebook-login-button {
    padding: 7px 0 !important;
    height: 52px !important;
    font-size: 15px;
    border-radius: 4px;
    margin-top: 15px !important;
    box-sizing: border-box;
}

.register-form-container .facebook-login span, .login-form-holder .facebook-login span {
    font-size: 10px;
    font-weight: 500;
}

form.form-horizontal .lr-label {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}

.fb-popup-v2 .form-group label + input, .fb-popup-v2 .form-group .input-icon input {
    height: 52px !important;
}

.fb-popup-v2 .fb-popup-v2-title {
    padding-bottom: 15px;
    margin-bottom: 20px !important;
}

.btn-register {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px !important;
    outline: none;
    border: none;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    margin-bottom: 15px !important;
}

.btn-register-primary {
    background-color: #5da647 !important;
    color: #ffffff !important;
}

.btn-register-secondary {
    background-color: #ffffff !important;
    color: #0176e6 !important;
    border: 1px solid #0176e6 !important;
}

.btn-register-third {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid rgba(51, 51, 51, 0.6) !important;
    margin: 0 !important;
}

.rmt-15 {
    margin-top: 15px;
}

.loyalty-banner .loyalty-description {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
}

    .loyalty-banner .loyalty-description strong {
        font-size: 20px;
        color: #1c773d;
    }

    .loyalty-banner .loyalty-description .loyalty-discount-rate {
        font-size: 20px;
        font-weight: 700;
        color: #ed4500;
    }

.banner-wrapper ul.loyalty-banner {
    width: 1160px;
}

.loyality-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
}

.loyality-text .loyality-primary-color {
    font-size: 20px;
    font-weight: 700;
    color: #ed4500;
}

.loyality-text .loyality-secondary-color {
    font-size: 20px;
    font-weight: 700;
    color: #1c773d;
}

.new-badge {
    width: 30px;
    max-height: 12px;
    display: flex;
    padding: 2px 0;
    background-color: #ed4500;
    top: 0;
    margin-left: -8px;
    position: absolute;
}

.new-text {
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-left: 4px;
}

.survey h3 {
    color: #41835b !important;
}

.survey .big-btn {
    background-color: #41835b !important;
    margin-bottom: 30px !important;
}

.fancybox-inner {
    /*height:auto !important;*/
}

.survey .checkbox-round:checked {
    border: solid 7px #41835b !important;
}

.checkout-address-list.v2 .address-wrapper .selected-address-item {
    background-image: none;
    position: relative;
}

    .checkout-address-list.v2 .address-wrapper .selected-address-item:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-address-vit.svg) no-repeat #e3eadc center;
    }

    .checkout-address-list.v2 .address-wrapper .address-item p, .checkout-address-list.v2 .address-wrapper .selected-address-item p {
        padding-right: 25px;
    }


.product-benefits {
    padding-bottom: 16px;
}

    .product-benefits .title {
        font-family: "HelveticaNeueLTPro-Bd";
        font-size: 14px;
        color: #464646;
        padding-right: 2px;
        line-height: 26px;
    }

    .product-benefits ul {
        margin: 0;
        padding-top: 10px;
    }

    .product-benefits li {
        display: flex;
        align-items: center;
        list-style-type: none;
        padding-bottom: 12px;
        flex-grow: 1;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #333
    }

        .product-benefits li::before {
            content: "";
            margin-right: 7px;
            background-image: url(/Themes/Supplementler/Content/Images/icon/vitaminler-benefits-new.png);
            width: 22px;
            height: 22px;
            background-size: contain;
        }


.product-options .pvaColor {
    min-height: 64px;
}

.product-add-to-cart-wrapper .quantity-input {
    margin-top: 0;
}

.supp-oneriyor .supp-oneriyor-product .double-quantity {
    background-color: #497e3f;
}

.all-item-delete-message-container .all-item-delete-button {
    background-color: #ed4500;
}

.product-add-to-cart-wrapper .quantity-input .attr-title, .product-present-line .attr-title {
    margin-bottom: 6px;
    margin-left: 1px;
}


.product-details-page {
    background: white;
}

.pd {
    justify-content: center;
    background-color: white;
    padding-top: 24px;
}

.pd-col-right {
    padding-left: 13px;
    padding-right: 13px;
    width: 300px;
    float: right;
    background: white;
}

.pd-col-left {
    width: 874px;
    background: white;
    float: left;
}

.product-title {
    margin: 0;
    margin-bottom: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #1d773e;
}

    .product-title a {
        color: inherit;
        cursor: pointer;
        font-weight: 700;
    }

.product-detail-card {
    display: flex;
    width: 100%;
}

.price-area {
    background-color: white;
    padding-bottom: 12px;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.product-img-area {
    width: 40%;
    min-height: 350px;
    padding: 0 10px 0;
}

.pd-product-image {
    max-width: 100%;
}

.product-info-area {
    position: relative;
    width: 60%;
    min-height: 280px;
    margin-right: 10px;
}

.aroma-title {
    margin: 10px 0px 0px 0px;
}

.benefit-list {
    padding-inline-start: 20px;
}

.product-review {
    display: flex;
    justify-content: space-between;
    max-width: 320px;
}

.review-stars {
    font-size: 22px;
    color: gold;
    margin-top: -8px;
}

.pd-col-left .product-benefits li {
    font-weight: 500;
}

.add-to-card-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #f73d04;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    width: 300px;
}

    .add-to-card-button:hover {
        background-color: #166d36;
        color: #fff;
        text-decoration: none;
    }

.bottom-side .add-product {
    width: 316px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

    .bottom-side .add-product img {
        padding-right: 10px;
    }

.product-info-bottom-side {
    width: 100%;
    display: flex;
    padding-top: 8px;
}

.bottom-side {
    margin: 8px 0px;
    height: 48px;
    bottom: 0;
    display: flex;
    justify-content: space-between;
}

.pd-product-price {
    color: #f73d04;
    font-size: 32px;
    font-weight: bolder;
}

.product-count {
    font-size: 24px;
    font-weight: bolder;
    border-radius: 4px;
    border: solid 1px #e4e6e8;
    width: 120px;
}

.pd-quantity {
    width: 40px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.pd-counter {
    display: inline-flex;
    align-items: center;
    width: 120px;
}

    .pd-counter input {
        width: 40px;
        height: 48px;
        padding: 5px 10px;
        font-size: 26px;
        border: none;
        cursor: pointer;
        background-color: transparent;
    }

@media (max-width: 1199px) {
    .product-price-content.cfix {
        padding-top: 0px;
    }
}

.pd-counter input:hover {
    background-color: #f0f0f0;
}

.product-properties {
    width: 874px;
    float: left;
    background: white;
}

.pd-badges {
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e8e9ee;
    background-color: #fff;
    margin: 35px 16px 10px 16px;
    font-family: 'Open Sans', sans-serif;
}

.pd-badge {
    width: 20%;
    min-height: 40px;
    display: flex;
    padding: 2px;
}

.pd-badge-icon {
    width: 27px;
    height: 27px;
    padding: 8.2px 8.2px 8.2px 7.1px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
}

.pd-badge-info {
    font-size: small;
    color: #777;
}

    .pd-badge-info strong {
        color: #1e773e;
    }

.qualites {
    padding: 0 20px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.advantages {
    width: 50%;
}

.advantages-title {
    height: 32px;
    align-items: center;
    display: flex;
    font-weight: bold;
    font-size: 14px;
    color: #1d773e;
    border-top: solid 1px #f4eeee;
    border-bottom: solid 1px #f4eeee;
    padding-left: 20px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-positive.png) left center no-repeat;
}

.advantages ul, ol {
    list-style-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/list-style-positive.png);
    padding: 0;
    margin: 0;
    padding-left: 20px;
}

.disadvantages {
    width: 50%;
}

.disadvantages-title {
    height: 32px;
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    border-top: solid 1px #f4eeee;
    border-bottom: solid 1px #f4eeee;
    color: #f73d04;
    padding-left: 20px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-negative.png) left center no-repeat;
}

.disadvantages ul, ol {
    list-style-image: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/list-style-negative.png);
    padding: 0;
    margin: 0;
    padding-left: 20px;
}


.product-content {
}

.pd-collapse-title {
    cursor: pointer;
    padding: 16px;
    margin: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(77, 70, 70, 0.1);
    border: solid 1px #f4eeee;
    background-color: #fff;
    height: 22px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: left;
    color: #41835b;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.pd-collapse-content {
    font-family: 'Open Sans', sans-serif;
    min-height: 56px;
    margin: 0 20px;
    background-color: #fff;
    text-align: left;
    color: #000000;
    display: none;
    padding-left: 16px;
}

    .pd-collapse-content#product-description {
        font-size: 14px;
    }

    .pd-collapse-content h2 {
        font-family: 'Open Sans', sans-serif;
    }

    .pd-collapse-content .customer-comments {
        float: none;
    }

.product-img-area .product-image-wrapper .product-image-slider {
    overflow: hidden;
    height: 350px;
    width: 350px;
    display: block;
}

.product-img-area .product-image-wrapper {
    width: 350px;
    float: left;
    margin-right: 32px;
    position: relative;
}

    .product-img-area .product-image-wrapper .bx-wrapper {
        border: none;
    }

    .product-img-area .product-image-wrapper img {
        width: auto !important;
        max-height: max-content !important;
        margin: 0 auto;
    }

.product-reviews-nhb {
    display: flex;
    align-items: center;
}

.pd-col-left .product-price {
    font-size: 32px;
}

.product-price-content .add-to-faves {
    float: right !important;
    box-sizing: border-box;
    margin-left: 20px;
    width: 60px;
    height: 42px;
}

.product-img-area .product-thumb {
    background: #fff;
    position: relative;
    z-index: 1;
    max-width: 243px;
    margin: 0 auto;
    margin-top: 25px;
}

.product-info-area .product-page-buttons {
    display: flex;
    align-items: center;
    column-gap: 17px;
}

.product-info-area .product-collateral {
    margin-left: 0px;
    padding-bottom: 0px;
    padding-top: 16px;
    width: 100%;
    min-height: auto;
}

.pd-col-right .general-score div {
    color: #333;
}

.pd-col-right .general {
    background: none;
}

.pd-col-right .gen-rate {
    background: none;
    display: flex;
    align-items: center;
}

.pd-col-right .gen-score {
    background: none !important;
}

.pd-col-right #gotoProductComments {
    display: none;
}

.pd-badges .product-info-content {
    padding: 0px;
}

.like-icon:before {
    background-image: url("https://www.vitaminler.com/Themes/Supplementler/Content/images/begenildi.svg");
    background-size: 27px 27px;
}

.bought-icon:before {
    background-image: url("https://www.vitaminler.com/Themes/Supplementler/Content/images/satin-aldi.svg");
    background-size: 27px 27px;
}

.vitaminler-detail .progressDiv {
    background: #fff;
    color: #333333;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e8e9ee;
}

    .vitaminler-detail .progressDiv .percentage {
        position: absolute;
        left: 18px;
        top: 50%;
        margin-top: 0;
        width: 100%;
        text-align: left;
        color: #fff;
    }

.vitaminler-detail .score-title {
    background: transparent;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
}

.vitaminler-detail .progressDiv .percentage {
    color: #333333;
}

.vitaminler-detail .progressDiv .statChartHolder strong {
    color: #333333;
    margin-left: -6px;
}

.price-area .product-old-price {
    color: #878787;
    font-size: 28px;
    padding-top: 0px;
    font-weight: 600;
    margin-right: 0px;
}

    .price-area .product-old-price.has-old-price {
        margin-right: 10px;
    }

.up-down-icon {
    width: 32px;
    height: 32px;
    opacity: 1;
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-collapse-down.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

.pd-col-right .bx-wrapper .bx-prev {
    right: 21px;
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-collapse-up.svg) center center no-repeat;
}

.pd-col-right .bx-wrapper .bx-next {
    right: 0;
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-collapse-down.svg) center center no-repeat;
}

.pd-col-right .bx-wrapper .bx-controls-direction a {
    top: -30px;
    height: 15px;
}

.product-review a {
    flex-grow: 0;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

    .product-review a:hover {
        text-decoration: none;
    }

.product-reviews-nhb .rate-space-dot {
    width: 6px;
    height: 6px;
    background-color: #333;
    border-radius: 50%;
    margin: 0px 10px;
}

.product-review .rate-space {
    width: 105px;
}


.pd-badges .product-info-content strong {
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
}

.pd-badges .product-info-content span {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.pd-badges .product-info-content .badges-window {
    display: block;
}

    .pd-badges .product-info-content .badges-window .fRight {
        float: none;
        display: flex;
        justify-content: space-around;
    }

        .pd-badges .product-info-content .badges-window .fRight &gt; div {
            margin-left: 16px;
        }

            .pd-badges .product-info-content .badges-window .fRight &gt; div:first-child {
                margin-left: 5px;
            }

.pd-collapse-content .module-frame {
    border: none;
    border-radius: 0;
    float: left;
    width: 100%;
}

.pd-collapse-content .product-indexes4 {
    height: auto;
    background: #fff;
    padding-right: 0px;
    padding-left: 0px;
}

.product-properties .supp-oneriyor-content {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}


.pd-col-left .pva-aroma {
    width: 100%;
    height: unset;
}

.pd-col-left .pvaColor {
    margin-top: 5px;
}

.pd-col-left .hiddenAroma {
    display: inline-block;
    width: 0;
    height: 0;
}

.vit-pdp-discount {
    margin: auto;
    height: 22px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #00a13a;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .vit-pdp-discount span {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 14px;
        letter-spacing: -0.2px;
        text-align: left;
        color: #00a13a;
        width: 60px;
        text-wrap: wrap;
    }

.pd-col-left[data-show-discount-badge-on-picture="True"] {
    display: none !important;
}

.pd-col-left .product-discount {
    display: none !important;
}

.pd-col-right .progressDiv,
.pd-col-right .doesnt-include,
.pd-col-right .other-size-content,
.pd-col-right .slider-box {
    margin-bottom: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e8e9ee;
}

.pd-col-left .product-page-compare .add-comparelist:before {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-compare.svg) no-repeat top left;
}

.pd-col-left .product-page-compare .add-comparelist:hover:before {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon-compare-fill.svg) no-repeat top left;
    opacity: 1;
}

.pd-col-left .add-to-faves {
    margin-left: 14px;
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-favourite.svg) center center no-repeat;
}

    .pd-col-left .add-to-faves:hover {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/Images/icon/favorite_vit_on.svg) scroll center center no-repeat;
        opacity: 1;
    }

    .pd-col-left .add-to-faves.faved {
        background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/Images/icon/favorite_vit_on.svg) scroll center center no-repeat;
    }

.product-properties .skt-icon:before {
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-skt-skt.svg);
    background-size: 27px 27px;
}

.product-properties .dscnt-icon:before {
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-skt-transferdiscount.svg);
    background-size: 27px 27px;
}

.product-properties .nrh:before {
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-skt-unitprice.svg) !important;
    background-size: 40px;
}

.product-properties .bought-icon:before {
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-skt-buyed.svg);
    background-size: 27px 27px;
}

.product-properties .like-icon:before {
    background-image: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/vitaminler-icons/pdp/icon-skt-favorited.svg);
    background-size: 27px 27px;
}

.pd-col-right .progressDiv {
    font-family: 'Open Sans', sans-serif;
}

    .pd-col-right .progressDiv .rate-score-percent {
        height: 14px;
        margin: 7px 0 8px 4px;
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        color: #333;
    }

.align-items-center {
    display: flex;
    align-items: center;
}

.pd-col-left .product-detail-price-box span {
    font-family: 'Open Sans', sans-serif;
}

.product-detail-price-box[data-loyalty-active="1"] .product-price {
    font-size: 32px;
}

.product-detail-price-box[data-loyalty-active="1"] .product-old-price {
    font-size: 28px;
}

.pd-col-left .attr-title {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #222426;
}

.attr-title.gift-title {
    min-height: 3px;
    line-height: 30px;
}

.pd-col-left .loyalty-rate-info {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.vitaminler-detail .detail-fix-bar {
    background: white !important;
    border-bottom: solid 4px #1d773e;
    box-shadow: 0 2px 18.8px 0 rgba(58, 58, 58, 0.5);
}

.vitaminler-detail .detail-fix-bar {
    font-family: 'Open Sans', sans-serif;
}

    .vitaminler-detail .detail-fix-bar &gt; div {
        width: 1200px;
        padding-left: 16px;
    }

.vitaminler-detail .fix-bar-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.78;
    letter-spacing: normal;
    text-align: left;
    color: #1d773e;
}

.vitaminler-detail .fix-bar-price .product-old-price {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #777;
    padding: 0 6px 0 0;
}

.vitaminler-detail .fix-bar-price .product-price {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #f73d04;
}

.detail-fix-bar .add-product {
    margin-left: 44px;
    height: 30px;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.vitaminler-detail .fix-bar-variant-select .add-product {
    float: left;
    margin-left: 21px;
    padding: 5px 0px;
    line-height: 22px;
    font-size: 14px;
    margin-top: 0;
}

.vitaminler-detail .detail-fix-bar .product-img {
    border: 1px solid #e4edf6;
    background: #fff;
    width: 47px;
    padding: 0px;
}

.fix-bar-variant-select .add-product {
    background: #f73d04;
}

.vitaminler-detail .detail-fix-bar img {
    border: none;
    background: transparent;
    width: unset;
    padding-right: 8px;
}

.vitaminler-detail .fix-bar-price {
    display: flex;
}

.fix-bar-variant-select select {
    width: 150px;
    height: 40px;
    align-items: center;
    padding: 8px;
    border-radius: 4px;
    border: solid 1px #555;
    color: #444;
    font-size: 14px;
}

    .fix-bar-variant-select select:focus {
        outline: none;
    }

.supp-pname {
    color: #1d773e;
}

@media screen and (max-width: 1200px) {
    .pd-col-right {
        margin-top: 35px;
        padding-left: 0px;
        width: 280px;
    }

    .product-properties {
        width: 697px;
    }

    .product-info-content .badges-window .fRight {
        margin: 0px;
    }

        .product-info-content .badges-window .fRight &gt; div:before {
            width: 36px;
            height: 36px;
        }

        .product-info-content .badges-window .fRight &gt; div {
            padding-left: 40px;
            float: left;
            height: 46px;
            padding-top: 17px;
            margin-left: 20px;
            position: relative;
        }

    .pd-badges .product-info-content span {
        font-size: 10px !important;
    }

    .comment-box {
        width: 620px;
    }

    .supp-oneriyor-price {
        font-size: 20px;
    }

    .supp-oneriyor-content {
        height: 100%;
        display: block;
    }
}

@media screen and (min-width: 1200px) {
    .pd-badges .product-info-content span {
        font-size: 12px !important;
    }
}

.product-comments .detail-pp-title, .product-facebook .detail-pp-title {
    border: none;
    border-width: 0;
    background: white;
    margin-bottom: 10px;
}


.loyalty-info-on-price {
    margin-top: 3px;
}


.product-select.quantity-custom-dropdown {
    position: relative;
}

.product-select .product-select-button {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon-select-down.svg) no-repeat 95% center;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

    .product-select .product-select-button span {
        text-overflow: ellipsis;
        width: 130px;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
    }

    .product-select .product-select-button:hover {
        text-decoration: none;
    }

.product-select .product-select-list {
    height: max-content;
    overflow-y: auto;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    margin: 0;
}

    .product-select .product-select-list li {
        border-top: 1px solid #ccc;
        padding: 5px 8px;
        display: flex;
        align-items: center;
        font-size: 14px;
        position: relative;
        background-color: #ffffff;
        font-family: 'Open Sans', sans-serif;
    }

        .product-select .product-select-list li span {
            text-overflow: ellipsis;
            width: 130px;
            white-space: nowrap;
            overflow: hidden;
            display: inline-block;
            cursor: pointer;
        }

.quantity-input .product-select .product-select-list li {
    padding: 15px 8px;
}

.pdp-gift-add .quantity-input {
    width: 49% !important;
}

.pdp-gift-add .product-present-line .special-offer-options {
    width: 47.5%;
}

.pdp-gift-add .product-present-line {
    margin-top: -102px;
    margin-left: 250px;
    width: 101%;
}

.quantity-input {
    margin-bottom: 18px;
    margin-top: 5px;
    width: 68%;
}

    .quantity-input select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/down.png);
        background-repeat: no-repeat;
        background-position: right 24px center;
        padding: 14px 20px;
        border-radius: 4px;
        border: solid 1px #ccc;
    }

.product-select .product-select-list li img {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.quantity-input .quantity-custom-dropdown li:hover {
    background-color: #f2f7ee;
}

.gift-select .gift-custom-dropdown li:hover {
    background-color: #f2f7ee;
}

.product-select .product-select-list li.active {
    background-color: #f2f7ee;
}

    .product-select .product-select-list li.active:before {
        display: block;
    }

.product-select .product-select-list li:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon/pdp-vit-check-icon.svg) no-repeat;
    width: 20px;
    height: 15px;
    display: none;
}


.product-select .product-select-button img {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.rate-count-area span {
    margin-right: 6.5px;
}

@media (min-width: 1200px) {
    .pd span.pp-sm-desc {
        width: 280px !important;
    }
}

.pd-properties-title {
    padding: 8px 20px;
    margin: 20px 20px 8px 20px;
    background-color: #fff;
    height: 22px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: left;
    color: #41835b;
    border-top: solid 1px #f4eeee;
    border-bottom: solid 1px #f4eeee;
}

.vitaminler-detail .pd-properties-title {
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/info-icon-v.png) left center no-repeat;
}

.pd-properties-title .pp-title-name {
    margin: 0px;
}

.pp-first-list {
    padding-left: 20px;
    font-size: 12px;
}

.detail-thumb-slider .thumb.active {
    border: 1px solid #1e773e;
}

.statChartHolder.spaceEvenly {
    display: flex;
    justify-content: space-evenly;
}

.bundle-product-list {
    padding: 0px;
}

.bundleproduct.child-product-list {
    margin: 24px 16px 0px 16px;
}

.module-bundle-usage-inner {
    padding-left: 0px;
    margin: 16px;
}

.module-bundle-usage h5, .module-bundle-usage .detail-pp-title.cfix {
    display: none;
}

.bundle-name, .bundle-name:hover {
    color: rgb(29, 119, 62);
}

.module-bundle-usage .module-table tr,
.module-bundle-usage .module-table td,
.module-bundle-usage .module-table th,
.pp-sm-title {
    font-size: 14px;
}

.gift-select-option-v2:hover {
    border: solid 3px #41835b !important;
}

.cart-gift-popup-list h2 {
    color: #1d773e;
}

.cart-gift-container .cart-gift-wrapper .offered-items a:hover {
    border: solid 1px #1d773e !important;
}

.cart-gift-container .cart-gift-wrapper .offered-items a label span {
    color: #1d773e;
}



.subscribeAndWin-title {
    width: 62px;
    height: 20px;
    flex-grow: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #444;
    width: 100%;
    display: flex;
    margin: 0px;
    padding-top: 20px;
}

.subscribeAndWin {
    display: flex;
    width: 100%;
    flex-direction: column;
}

    .subscribeAndWin .options {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

.optionsLine {
    height: 0.5px;
    background-color: #ddd;
    width: 100%;
}

.subscribeAndWin .option {
    display: flex;
    align-items: center;
}

    .subscribeAndWin .option label {
        flex-grow: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #464646;
    }

.subscribeAndWin .optionPrice {
    flex-grow: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 2.63;
    text-align: center;
    color: #333;
    padding-left: 5px;
}

.subscribeAndWin .hidden {
    display: none;
}

.subscribeAndWin .subscribe-dropdown-toggle {
    height: 32px;
    width: 83%;
}

.subscribeAndWin .product-select .product-select-list {
    width: 83%;
    top: inherit;
}

.recurring-popup {
    padding: 16px 24px;
}

.recurring-popup-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #036;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0px;
}

.recurring-popup p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #333;
    line-height: 20px;
    margin-bottom: 17px;
}

.recurring-popup-content .fancybox-close {
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/images/icon/pdp-close-popup-icon.svg) center center no-repeat;
    background-color: #dfe3ec;
    border-radius: 50%;
}

.subscribeAndWin-container .custom-radio {
    width: 20px !important;
    height: 20px !important;
    background-color: #cdcdcd !important;
    border: 6px solid #cdcdcd !important;
    appearance: none !important;
    border-radius: 50% !important;
    position: relative !important;
    pointer-events: auto !important;
    margin-right: 10px;
}

    .subscribeAndWin-container .custom-radio:checked {
        background-color: #41835b !important;
    }

        .subscribeAndWin-container .custom-radio:checked::before {
            content: '' !important;
            display: block !important;
            width: 10px !important;
            height: 10px !important;
            background-color: #41835b !important;
            border-radius: 50% !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
        }

    .subscribeAndWin-container .custom-radio:focus {
        outline: none !important;
    }

.the-usage-starter-text-area p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.dikey-form .btn-block {
    background-color: #41835b !important;
}


.lp-banner {
    background-color: #f5f8f4 !important;
}

#modal-otp .modal-action button[type="submit"],
#modal-otp.timeout .modal-action button[type="button"] {
    background-color: #497e3f;
}

#otp-mail-confirm .otp-confirm-box button {
    background-color: #2d7c4c;
}

#modal-otp .modal-field .inputs input:focus {
    border: solid 2px #497e3f;
}

.account-page .customer-addresses .customer-address-line .subscriptionOrderBadge {
    display: none !important;
}





.tab-option.active {
    color: #497e3f;
    border-bottom: 4px solid #497e3f;
}

.register-form-holder button, .login-form-holder button, .info-form-container button {
    background-color: #f73d04;
    color: #fff;
}

.fancybox-overlay {
    background: #1e2a1ecc;
}

.forgot-password-container .info-text-container {
    background-color: #e4f3e966 !important;
}

#registerCheckOutButtonHide {
    color: #497e3f !important;
}

    #registerCheckOutButtonHide:hover {
        color: #6daa5c !important;
    }


.supp-no-stock-flex {
    display: flex;
    align-items: center
}

    .supp-no-stock-flex .add-fav {
        padding-top: 10px
    }

    .supp-no-stock-flex .add-to-faves {
        margin-left: 10px
    }
    
.new-product-area-nhb .product-old-price {
    font-family: 'Open Sans',sans-serif;
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #878787;
    margin-right: 10px;
}

.new-product-area-nhb .product-discount-new {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: left;
    color: #00a13a;
    position: relative;
    margin-left: 6px;
}


.product-variant-discount {
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    width: 60px;
    text-align: center;
    color: #00a13a;
    letter-spacing: -0.2px;
    line-height: 15.6px;
    margin-right: 2px;
}

    .product-discount-new:after {
        content: '';
        position: absolute;
        top: 1px;
        right: -15px;
        background: url(https://cdn.supplementler.com/Themes/Supplementler/Content/Images/icon/supp-discount-down-.svg);
        width: 20px;
        height: 20px;
        bottom: 0;
    }


.supp-oneriyor-total-price-area-left span {
    color: #1D773E;
}

.product-details-page.vitaminler-detail .pd-col-right .right-pp-title {
    margin-top:0;
}

.combination-select .combination-select-list li:before {
    background: url(https://cdn.vitaminler.com/Themes/Supplementler/Content/images/icon/pdp-vit-check-icon.svg) no-repeat;
}

.combination-select .combination-select-list li.active {
    background: #f2f7ee;
}

.combination-select .combination-select-button:hover {
    border: 1px solid #1D773E;
}

@media screen and (max-width: 1199px) {
    .supp-oneriyor-porduct-icon {
        display: none;
    }
}
</pre></body></html>