body {
    /*font-family: 'Fahkwang', sans-serif;*/
    /*font-family: 'PT Sans', sans-serif;*/
    transition: opacity 0.5s;
    /*font-family: 'Encode Sans Semi Condensed', sans-serif;*/
    font-family: "Muli", sans-serif !important;
    letter-spacing: 0.5px;
}

/* ICON */
@font-face {
    font-family: "dressistanbul";
    src: url("/assets/fonts/dressistanbul.eot?8konah");
    src: url("/assets/fonts/dressistanbul.eot?8konah#iefix") format("embedded-opentype"), url("/assets/fonts/dressistanbul.ttf?8konah") format("truetype"), url("/assets/fonts/dressistanbul.woff?8konah") format("woff"), url("/assets/fonts/dressistanbul.svg?8konah#dressistanbul") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "dressistanbul" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-right:before {
    content: "\e907";
}

.icon-chevron-left:before {
    content: "\e906";
}

.icon-external-link:before {
    content: "\e90f";
}

.icon-trash-2:before {
    content: "\e90e";
}

.icon-star:before {
    content: "\e90c";
}

.icon-edit:before {
    content: "\e90d";
}

.icon-arrow_drop_up:before {
    content: "\e908";
}

.icon-arrow_drop_down:before {
    content: "\e909";
}

.icon-instagram:before {
    content: "\e906";
}

.icon-twitter:before {
    content: "\e904";
}

.icon-facebook:before {
    content: "\e905";
}

.icon-menu:before {
    content: "\e90b";
}

.icon-checkmark:before {
    content: "\e907";
}

.icon-close:before {
    content: "\e903";
}

.icon-calendar:before {
    content: "\e90a";
}

.icon-basket:before {
    content: "\e900";
}

/*.icon-search:before {
    content: "\e901";
}*/

.icon-user:before {
    content: "\e902";
}

/* Tooltip */
[data-tooltip] {
    position: relative;
}

    [data-tooltip]:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 4px 6px 0 6px;
        border-style: solid;
        border-color: rgba(121, 60, 143, 0.8) transparent transparent transparent;
        z-index: 99;
        opacity: 0;
        transition: opacity 0.3s;
    }

[data-tooltip-position="left"]:before {
    left: 0;
    top: 50%;
    margin-left: -12px;
    transform: translateY(-50%) rotate(-90deg);
}

[data-tooltip-position="top"]:before {
    left: 50%;
}

[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translateY(-100%) rotate(-180deg);
}

[data-tooltip-position="right"]::before {
    left: 100%;
    top: 50%;
    margin-left: 1px;
    transform: translateY(-50%) rotate(90deg);
}

[data-tooltip]:after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: rgba(121, 60, 143, 0.8);
    text-align: center;
    color: #fff;
    font-size: 14px;
    min-width: 140px;
    border-radius: 5px;
    pointer-events: none;
    padding: 10px;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s;
}

[data-tooltip-position="left"]:after {
    left: 0;
    top: 50%;
    margin-left: -8px;
    transform: translateX(-100%) translateY(-50%);
}

[data-tooltip-position="top"]:after {
    left: 50%;
}

[data-tooltip-position="bottom"]:after {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translateY(0%);
}

[data-tooltip-position="right"]:after {
    left: 100%;
    top: 50%;
    margin-left: 8px;
    transform: translateX(0%) translateY(-50%);
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    opacity: 1;
}

/* GENEL */
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    color: inherit;
}

    a:hover {
        color: #793c8f;
    }

button:focus {
    outline: none;
}

input.form-control:active,
input.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #616161;
}

.form-control:active,
.form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #616161;
}

.modal-content {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.close {
    font-size: 27px;
}

.couponcode {
    background-color: #616161;
    color: #fff;
    text-align: center;
    padding: 8px 0;
}

header {
    position: sticky;
    top: 0;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 0 50px;
    z-index: 120;
}

.logo {
    float: left;
    margin-top: 15px;
    margin-right: 20px;
}

.topmenu {
    position: relative;
    list-style: none;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    padding: 0;
    float: left;
}

    .topmenu > li {
        position: relative;
        float: left;
    }

        .topmenu > li > a {
            /*display: block;
            line-height: 90px;
            color: #c4c3c2;
            padding: 0 6px;
            z-index: 52;*/
            display: block;
            line-height: 90px;
            z-index: 52;
            color: #616161;
            font-weight: 400;
            padding: 0 7px;
            letter-spacing: 1px;
        }

        .topmenu > li:hover > a {
            color: #793c8f;
        }

        .topmenu > li > ul {
            position: absolute;
            left: 0;
            top: 89px;
            list-style: none;
            margin: 0;
            padding: 20px;
            display: none;
            width: 260px;
            background: #fff;
            border: 1px solid #ddd;
            z-index: 51;
        }

            .topmenu > li > ul:hover {
                display: block;
            }

li[data-menu]:hover > a:after,
li[data-menu]:hover > a:before {
    bottom: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 52;
}

li[data-menu]:hover > a:after {
    border-bottom-color: #fff;
    border-width: 12px;
    margin-left: -12px;
}

li[data-menu]:hover > a:before {
    border-bottom-color: #ddd;
    border-width: 13px;
    margin-left: -13px;
}

li[data-menu]:hover > ul {
    display: block;
    box-shadow: 0 2px 4px -4px #793c8f;
}

.topmenu > li > ul > li > a {
    display: block;
    /*color: #793c8f;*/
    /*padding: 6px 0;*/
    padding: 1px 0;
    text-transform: capitalize;
}

    .topmenu > li > ul > li > a:hover {
        color: #793c8f;
    }

.searchbtn {
    font-size: 15px;
}

.topmenu .searchbtnarea {
    z-index: 6;
}

.topmenu .searcharea {
    position: absolute;
    right: 35px;
    top: 27px;
    background-color: #fff;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    left: 100%;
    transition: all 0.3s;
}

    .topmenu .searcharea.active {
        opacity: 1;
        visibility: visible;
        left: 0;
    }

.typeahead__container {
    font-family: "Fahkwang", sans-serif;
    font-size: 16px;
}

    .typeahead__container button {
        height: 100%;
    }

.typeahead__search-icon {
    display: block;
}

.typeahead__list {
    max-height: 300px;
    overflow: auto;
}

.searchlistitem {
    display: table;
}

    .searchlistitem .imagearea {
        display: table-cell;
        vertical-align: middle;
    }

    .searchlistitem .image {
        max-height: 75px;
        max-width: 100px;
        margin-right: 10px;
    }

    .searchlistitem .info {
        position: relative;
        display: table-cell;
        width: 100%;
        font-size: 13px;
        vertical-align: middle;
    }

    .searchlistitem .ucret1 {
        /*position: absolute;*/
        right: 0;
        top: 30px;
    }

    .searchlistitem .ucret2 {
        /*position: absolute;*/
        right: 0;
        top: 60px;
    }

.toprightmenu {
    position: relative;
    list-style: none;
    text-transform: capitalize;
    font-size: 13px;
    margin: 0;
    padding: 0;
    float: right;
}

    .toprightmenu > li {
        position: relative;
        float: left;
    }

        .toprightmenu > li > a {
            display: block;
            line-height: 90px;
            color: #616161;
            padding: 0 5px;
            z-index: 52;
            /*font-size: 25px;*/
            /*font-size: 17px;*/
            font-size: 22px;
            text-align: center;
        }

        .toprightmenu > li:hover > a {
            color: #793c8f;
        }

        .toprightmenu > li > ul {
            position: absolute;
            right: 0;
            top: 89px;
            list-style: none;
            margin: 0;
            padding: 20px;
            display: none;
            width: 180px;
            background: #fff;
            border: 1px solid #ddd;
            z-index: 51;
            text-align: right;
        }

            .toprightmenu > li > ul:hover {
                display: block;
            }

            .toprightmenu > li > ul > li > a {
                display: block;
                color: #793c8f;
                padding: 6px 0;
            }

                .toprightmenu > li > ul > li > a:hover {
                    color: #793c8f;
                }

.menucustomertitle {
    color: #616161;
    float: right;
    font-size: 13px;
    margin: 0 0 0 8px;
    padding: 0;
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.basketpiece {
    position: absolute;
    background-color: rgba(121, 60, 143, 0.8);
    color: #fff;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    font-size: 10px;
    right: 3px;
    top: 25px;
}

main {
    min-height: calc(100vh - 659px);
}

footer {
    background: #f7f7f7;
    border-top: 1px solid #ddd;
    margin: 0 auto;
}

.footerlist {
    list-style: none;
    margin: 40px 0 20px;
    padding: 0;
    font-size: 13px;
}

    .footerlist h4 {
        font-size: 14px;
        text-transform: uppercase;
        margin: 10px 0;
        font-weight: normal;
    }

    .footerlist a {
        display: inline-block;
        color: #616161;
        padding: 4px 0;
    }

        .footerlist a:hover {
            color: #793c8f;
        }

.footersocial a {
    display: inline-block;
    font-size: 23px;
    margin-right: 10px;
}

    .footersocial a .icon-facebook {
        color: #3b5998;
    }

    .footersocial a .icon-twitter {
        color: #00aced;
    }

    .footersocial a .icon-instagram {
        color: #8a3ab9;
    }

.footertext {
    /*font-family: 'PT Sans', sans-serif;*/
    font-family: "Encode Sans Semi Condensed", sans-serif;
    text-align: center;
    font-size: 12px;
    margin: 20px 0 40px;
}

.ms-text {
    /*position: absolute;
    top: 50%;
    /*left: 50px;
    transform: translateY(-50%);
    width: 600px;
    outline: 1px solid transparent;*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 600px;
    outline: 1px solid transparent;
    background: rgba(255, 255, 255, 0.66);
    padding: 50px;
}

.ms-text1 {
    /*color: #616161;
    margin: 0;
    font-size: 20px;
    font-weight: 500;*/
    /*color: #616161;
    margin: 0;
    font-size: 20px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    letter-spacing: 1px;*/
    color: #793c8f;
    margin: 0;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-family: "Muli", sans-serif;
    text-transform: uppercase;
}

.ms-text2 {
    /*color: #616161;
    font-size: 30px;
    margin: 5px 0;
    font-weight: 500;*/
    /*color: #616161;
    font-size: 30px;
    margin: 5px 0;
    font-weight: 500;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    letter-spacing: 2px;*/
    color: #793c8f;
    font-size: 30px;
    margin: 5px 0;
    font-weight: 700;
    font-family: "Muli", sans-serif;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

    .ms-text2 span {
        font-weight: normal;
        font-size: 25px;
    }

.ms-text3 {
    /*font-family: 'PT Sans', sans-serif;
    color: #616161;
    font-size: 16px;*/
    display: inline-block;
    background-color: #793c8f;
    color: #fff;
    padding: 10px 70px;
    margin-top: 10px;
    font-size: 15px;
    font-family: "Encode Sans Semi Condensed", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.ms-btn {
    display: inline-block;
    padding: 10px 0;
    margin-top: 10px;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    transition: 0.5s ease-in;
    background-color: transparent;
    color: #793c8f;
    width: 45%;
    border: 1px solid #793c8f;
}

    .ms-btn:hover,
    .ms-btn:focus {
        background-color: #793c8f;
        color: #fff;
        transition: 0.5s ease-in;
    }

.slide-main .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

    .slide-main .owl-dots .owl-dot span {
        width: 30px;
        height: 2px;
        margin: 5px 2px;
        background: #d6d6d6;
        border-radius: 0;
    }

    .slide-main .owl-dots .owl-dot.active span,
    .slide-main .owl-dots .owl-dot:hover span {
        background: #793c8f;
    }

.slide-main .owl-nav {
    margin: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

    .slide-main .owl-nav button.owl-prev,
    .slide-main .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 40px;
        color: #616161;
    }

    .slide-main .owl-nav button.owl-prev {
        left: 0;
    }

    .slide-main .owl-nav button.owl-next {
        right: 0;
    }

    .slide-main .owl-nav [class*="owl-"]:hover {
        background-color: transparent;
        color: #793c8f;
    }

.slide-main:hover .owl-nav {
    opacity: 1;
    visibility: visible;
}

.slide-main .item {
    position: relative;
}

    .slide-main .item:before {
        /*content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 50%;
        background: rgba(255,255,255,0.9);
        background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(70%, rgba(255,255,255,0.9)), color-stop(90%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 70%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%);*/
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        background: #793c8f;
        opacity: 0.3;
    }

.iconcategory {
    margin: 70px 0;
    position: relative;
}
/*.iconcategory:before {
        position: absolute;
        content: "";
        background-image: url(/assets/img/border.svg);
        height: 60px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        bottom: -90px;
    }*/

.blocktitle {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 24px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #616161;
    text-align: center;
}

.slide-icons .item {
    text-align: center;
}

    .slide-icons .item a {
        color: #616161;
    }

        .slide-icons .item a:hover {
            color: #793c8f;
        }

    .slide-icons .item img {
        margin: 0 auto;
        opacity: 0.7;
        height: 50px;
        width: auto;
    }

    .slide-icons .item span {
        font-size: 13px;
        color: #919191;
    }

    .slide-icons .item p {
        margin: 20px 0 -3px;
        text-transform: uppercase;
        color: #616161;
        font-family: "Muli", sans-serif;
    }

.slide-icons .owl-nav {
    margin: 0;
    height: 0;
}

    .slide-icons .owl-nav button.owl-prev,
    .slide-icons .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 21px;
        color: rgba(51, 51, 51, 0.3);
    }

    .slide-icons .owl-nav button.owl-prev {
        left: -50px;
    }

    .slide-icons .owl-nav button.owl-next {
        right: -50px;
    }

    .slide-icons .owl-nav [class*="owl-"]:hover {
        background-color: transparent;
        color: #793c8f;
    }

.fullblock {
    position: relative;
    margin: 50px 0;
    padding: 50px 0;
    border: 1px #ddd;
    border-style: solid none;
}

    .fullblock:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 59%;
        bottom: 0;
        background-image: url(/assets/img/patternbefore.png);
        background-repeat: no-repeat;
        background-color: #563961;
        z-index: -1;
        background-size: cover;
    }

.blockbox span {
    font-size: 60px;
    margin: 10px auto 25px;
    display: block;
    color: #793c8f;
}

.blockbox:hover {
    /* box-shadow: 0 6px 7px -2px rgba(51, 51, 51, 0.1); */
    transition: 0.3s;
}

.blockbox {
    text-align: center;
    padding: 20px;
    /*border-bottom: 2px dotted rgba(215, 197, 222, 0.42);*/
    transition: 0.3s;
    cursor: pointer;
    height: 300px;
    position: relative;
    background-color: rgb(255, 255, 255);
    margin: 10px auto;
}
    /*.blockbox:before {
        bottom: 0;
        height: 20px;
        width: 10px;
        left: 0;
        background: rgba(215, 197, 222, 0.42);
        position: absolute;
        content: "";
        z-index: 5
    }
    .blockbox:after {
        bottom: 0;
        height: 20px;
        width: 10px;
        right: 0;
        background: rgba(215, 197, 222, 0.42);
        position: absolute;
        content: "";
        z-index: 5
    }*/
    .blockbox h2 {
        /*font-size: 17px;
        text-transform: uppercase;
        margin: 0 0 10px;
        padding: 0 0 10px;
        color: #793c8f;*/
        margin-top: 18px;
        margin-bottom: 15px;
        font-size: 19px;
        font-weight: 400;
        text-transform: uppercase;
        font-style: normal;
        color: #54565e;
        font-family: inherit;
    }

    .blockbox h3 {
        /*font-size: 14px;
        line-height: 1.3;
        margin: 10px 0;
        font-weight: 400;
        color: #9e9898;*/
        font-size: 14px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 22px;
        font-weight: 400;
        color: #54565e;
        font-family: inherit;
    }

.subscriparea {
    margin: 20px auto;
    /*border-top: 1px solid #ddd;*/
    padding: 50px 0 0;
}

    .subscriparea .blocktitle {
        margin: 0 0 40px;
    }

.subscripblock {
    position: relative;
    background-color: #ffffff;
    text-align: center;
    overflow: hidden;
    border: 0px solid #d7c5de;
    box-shadow: 0 3px 12px -7px rgba(51, 51, 51, 0.1);
    transition: 0.3s ease-in-out;
}

    .subscripblock:hover {
        box-shadow: 0 20px 10px -20px rgb(215, 197, 222);
        transition: 0.3s ease-in-out;
    }

    .subscripblock h2 {
        color: #ffffff;
        font-size: 17px;
        text-align: center;
        margin: 0;
        padding: 26px 5px;
        /*font-family: 'Encode Sans Semi Condensed', sans-serif;*/
        background: rgba(121, 60, 143, 0.62);
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .subscripblock small {
        display: block;
        color: rgba(255, 255, 255, 0.7);
        font-size: 13px;
        margin-top: 5px;
    }

    .subscripblock h3 {
        /*color: #616161;
        font-size: 26px;
        font-weight: 700;
        text-align: center;
        margin: 30px 5px;*/
        color: #616161;
        font-size: 26px;
        text-align: center;
        margin: 30px 5px;
        /*font-family: 'Encode Sans Semi Condensed', sans-serif;*/
    }

        .subscripblock h3 small {
            color: #616161;
            display: inline-block;
        }

.subscripbtn {
    background-color: #ffffff;
    color: #793c8f;
    margin: 0 auto;
    display: inline-block;
    padding: 10px 50px;
    box-shadow: inset 0 0px 6px 0px rgba(51, 51, 51, 0.1);
    border-radius: 4px;
    margin-bottom: 15px;
    transition: 0.3s ease-in-out;
}

    .subscripbtn:hover,
    .subscripbtn:focus {
        color: #fff;
        transition: 0.3s ease-in-out;
        background-color: #6e2e85;
    }

.subscripblock ul {
    /*
    margin: 10px 0 30px;
    font-size: 14px;
    font-family: 'PT Sans',sans-serif;
    color: #9e9898;*/
    font-size: 14px;
    padding: 0 35px;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 22px;
    font-weight: 400;
    color: #54565e;
    font-family: inherit;
    text-align: left;
}

.fullblock .blocktitle {
    margin-bottom: 50px;
}

.slidetitle {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 22px;
    font-weight: 400;
    color: #54565e;
    font-family: inherit;
}

    .slidetitle a {
        float: right;
        font-size: 14px;
        margin-top: 2px;
        color: #616161;
    }

        .slidetitle a:hover {
            color: #793c8f;
        }

.sp-info {
    border-bottom: 1px solid rgba(221, 221, 221, 0.61);
    padding-bottom: 40px;
    margin-top: 30px;
}

.slide-product {
    margin-bottom: 25px;
}

    .slide-product a {
        color: #616161;
    }

        .slide-product a:hover {
            color: #793c8f;
        }
/*.owl-carousel.slide-product .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto;
}*/
.sp-cat {
    font-size: 12px;
    margin: 0;
    color: #616161;
}

.sp-name {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    margin: 3px 0 8px;
    min-height: 50px;
}

.sp-price {
    /*font-family: 'PT Sans', sans-serif;*/
    font-size: 13px;
    margin: 0 0 3px;
    color: #616161;
    float: left;
}

.sp-info p:nth-child(3) {
    margin-right: 15px;
}

.sp-info p:nth-child(4) span {
    color: #acacac;
}

.sp-price span:nth-of-type(1) {
    /*font-weight: 700;*/
    border-right: 1px solid #ddd;
    padding-right: 2px;
    margin-right: 2px;
}

.sp-price span:nth-of-type(2) {
    text-decoration: line-through;
    color: #555;
}

.slide-product .owl-nav {
    margin: 0;
    height: 0;
}

    .slide-product .owl-nav button.owl-prev,
    .slide-product .owl-nav button.owl-next {
        position: absolute;
        top: 53%;
        transform: translateY(-50%);
        font-size: 29px;
        color: rgb(196, 195, 194);
    }

    .slide-product .owl-nav button.owl-prev {
        left: -60px;
    }

    .slide-product .owl-nav button.owl-next {
        right: -60px;
    }

    .slide-product .owl-nav [class*="owl-"]:hover {
        background-color: transparent;
        color: #793c8f;
    }

.slide-product a:hover .sp-price {
    color: #793c8f;
}

    .slide-product a:hover .sp-price span:nth-of-type(2) {
        color: #793c8f;
    }

.bnrarea {
    margin: 0 auto 50px;
}

    .bnrarea a {
        position: relative;
        display: block;
    }

        .bnrarea a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: #12c2e9;
            background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .bnrarea a:hover:before {
            opacity: 0.3;
        }

.itemcat p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    z-index: 5;
    background: rgb(255, 255, 255);
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 5px;
    color: #6d6c6b;
    width: 80%;
    margin: 0 auto;
    text-transform: uppercase;
}

.fblast {
    /*margin: 0;*/
    border-bottom-style: none;
}

.maillist {
    background-color: #616161;
    color: #fff;
    padding: 50px 0;
    background-image: url(/assets/img/patternbefore.png);
    background-repeat: no-repeat;
    background-size: cover;
}

    .maillist p:nth-of-type(1) {
        text-align: center;
        margin: 0 0 20px;
        font-size: 22px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .maillist p:nth-of-type(2) {
        font-family: "PT Sans", sans-serif;
        text-align: center;
        font-size: 15px;
        margin: 0 0 30px;
    }

    .maillist .input-group {
        width: 300px;
        margin: 0 auto;
    }

.form-control {
    /*font-family: 'PT Sans', sans-serif;*/
    border-radius: 0;
    border-color: #ddd;
    box-shadow: none;
    border-bottom: 1px solid #616161;
    border-style: none none solid none;
    height: 40px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-radius: 0;
}

.btn-default {
    background-color: #616161;
    border-color: #616161;
    color: #fff;
    border-radius: 0;
}

    .btn-default:hover {
        color: #fff;
        background-color: #5c5c5c;
        border-color: #5c5c5c;
        outline: none;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #5c5c5c;
        border-color: #5c5c5c;
        outline: none;
    }

    .btn-default:focus,
    .btn-default.focus {
        color: #fff;
        background-color: #555;
        border-color: #555;
        outline: none;
    }

    .btn-default:active:hover,
    .btn-default.active:hover,
    .open > .dropdown-toggle.btn-default:hover,
    .btn-default:active:focus,
    .btn-default.active:focus,
    .open > .dropdown-toggle.btn-default:focus,
    .btn-default:active.focus,
    .btn-default.active.focus,
    .open > .dropdown-toggle.btn-default.focus {
        color: #fff;
        background-color: #5c5c5c;
        border-color: #5c5c5c;
        outline: none;
    }

.btn-color {
    background-color: #793c8f;
    border-color: #793c8f;
    color: #fff;
    border-radius: 0;
}

    .btn-color:hover,
    .btn-color:focus {
        color: #fff;
        background-color: #612676;
        border-color: #612676;
        outline: none;
    }

.maillist .btn-default {
    background-color: #fff;
    border-color: #ddd;
    color: #616161;
}

.swal2-popup {
    font-size: 14px;
    border-radius: 0;
}

/* Checkbox */
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        user-select: none;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 18px;
            height: 18px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #ccc;
            background-color: #fff;
            transition: all 0.3s;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 2px;
            padding-top: 1px;
            font-size: 13px;
            color: #793c8f;
        }

    .checkbox input[type="checkbox"]:checked + label::before {
        border-color: #616161;
    }

    .checkbox input[type="checkbox"],
    .checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
        width: 18px;
        height: 18px;
        cursor: pointer;
        top: -4px;
        left: 20px;
    }

        .checkbox input[type="checkbox"]:checked + label::after,
        .checkbox input[type="radio"]:checked + label::after {
            font-family: dressistanbul;
            content: "\e907";
        }

        .checkbox input[type="checkbox"]:indeterminate + label::after,
        .checkbox input[type="radio"]:indeterminate + label::after {
            display: block;
            content: "";
            width: 10px;
            height: 3px;
            background-color: #555555;
            border-radius: 2px;
            margin-left: -16.5px;
            margin-top: 7px;
        }

        .checkbox input[type="checkbox"]:disabled + label,
        .checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before,
            .checkbox input[type="radio"]:disabled + label::before {
                background-color: #eee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

/* Radio */
.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        margin-right: 15px;
        user-select: none;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 18px;
            height: 18px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #616161;
            border-radius: 50%;
            background-color: #fff;
            transition: all 0.3s;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 10px;
            height: 10px;
            left: 4px;
            top: 4px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #793c8f;
            opacity: 0;
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .radio input[type="radio"]:checked + label::after {
            opacity: 1;
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

#StartModal h3 {
    text-align: center;
    margin: 30px 60px 0;
    font-size: 20px;
}

#StartModal form {
    padding: 30px 60px 30px;
}

.birthdateinput {
    position: relative;
}

    .birthdateinput input {
        float: left;
        width: calc(100% / 3 - 5px);
        margin-right: 5px;
    }

        .birthdateinput input:last-child {
            margin-right: 0;
            width: calc(100% / 3);
        }

.slidefilter {
    position: relative;
    display: table;
    width: 100%;
    margin: -70px auto 0;
    padding: 10px;
    border-radius: 3px;
    background-color: #fff;
    z-index: 50;
    max-width: 800px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

    .slidefilter > div {
        display: table-cell;
        width: 25%;
        margin-right: 10px;
        vertical-align: middle;
    }

    .slidefilter .form-control,
    .slidefilter .form-control {
        border-bottom: none;
    }

.sfitem {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 3px;
    margin-right: 10px;
    overflow: hidden;
}

    .sfitem.sfico .form-control {
        width: calc(100% - 30px);
        display: inline-block;
    }

    .sfitem > i {
        color: #d1d1d1;
        font-size: 22px;
        vertical-align: middle;
    }

.slidefilter .btn {
    height: 40px;
    width: 100%;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    text-transform: uppercase;
    float: right;
    letter-spacing: 3px;
    transition: all 0.3s;
}

    .slidefilter .btn:hover {
        border-color: #793c8f;
        color: #793c8f;
    }

/*
.slidefilter select,
.slidefilter input {
  display: table-cell;
  width: 25%;
  margin-right: 10px;
  vertical-align: middle;
}

.slidefilter .form-control {
  border-bottom: none !important;
}

.slidefilter .btn {
  width: calc(25% - 30px);
  display: table-cell;
  height: 40px;
  border-radius: 0;
  color: #793c8f;
  background-color: #fff;
  border: none;
  text-transform: uppercase;
  font-weight: 700;
}
*/

/* Filtre sayfası */
.filterpage {
    margin-top: 40px;
}

.filterbox {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

    .filterbox.closed {
        padding-bottom: 10px;
    }

    .filterbox .filterin.scroll {
        max-height: 250px;
    }

    .filterbox .title {
        position: relative;
        font-size: 16px;
        font-weight: 500;
        line-height: 34px;
        cursor: pointer;
        user-select: none;
    }

        .filterbox .title:before {
            position: absolute;
            font-family: "dressfont" !important;
            content: "\e919";
            right: 0;
            top: 0;
            font-size: 15px;
        }

    .filterbox.closed .title:before {
        content: "\e918";
    }

    .filterbox .filterin {
        overflow: hidden;
    }

    .filterbox.closed .filterin {
        height: 0;
    }

    .filterbox.closed .title {
        margin-bottom: 0;
    }

.filterbread {
    padding: 0;
    margin-bottom: 10px;
    background-color: transparent;
    border-radius: 0;
    color: #793c8f;
}

    .filterbread a {
        color: #616161;
    }

.filterpage h1 {
    color: #616161;
    margin: 0 0 20px;
    padding: 0 15px;
    font-size: 24px;
}

.filterprod .item {
    padding: 10px;
    border: 1px solid #fff;
    margin-bottom: 20px;
    transition: all 0.3s;
}

    .filterprod .item:hover {
        border: 1px solid #ddd;
    }

    .filterprod .item img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: 345px;
    }

    .filterprod .item a {
        color: #616161;
    }

        .filterprod .item a:hover {
            color: #793c8f;
        }

            .filterprod .item a:hover .sp-price {
                color: #793c8f;
            }

                .filterprod .item a:hover .sp-price span:nth-of-type(2) {
                    color: #793c8f;
                }

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #793c8f;
    border-color: #793c8f;
}

.pagination > li > a,
.pagination > li > span {
    color: #616161;
}

.filtercampaign {
    color: #616161;
    margin: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

    .filtercampaign > img {
        float: left;
        width: calc(50% - 15px);
        height: auto;
        
    }

    .filtercampaign > div {
        float: left;
        width: 50%;
    }

.filtermob {
    display: none;
}

.mobfilterarea > .icon-close {
    display: none;
}
/* Ürün Çeşitleri Sayfası*/
.slidepage {
    margin-top: 40px;
}

.pagetitle {
    position: relative;
    height: 220px;
    background-color: #f5f5f7;
}

    .pagetitle h1 {
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #616161;
        font-size: 34px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        outline: 1px solid transparent;
    }

    .pagetitle:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 320px;
        height: 100%;
        background-image: url(/assets/img/title01.png);
    }

    .pagetitle:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 320px;
        height: 100%;
        background-image: url(/assets/img/title02.png);
    }

.slidepage .slide-product {
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;
}

.slide-product .item {
    position: relative;
}

.kategoriler.slide-product .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #793c8f;
    opacity: 0.3;
    pointer-events: none;
}
/* Ürün Detay */
.productpage {
    margin-top: 40px;
}

.slide-proddetailmini .item {
    text-align: center;
    cursor: pointer;
}

    .slide-proddetailmini .item h1 {
        font-size: 18px;
    }

.slide-proddetail .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
}

    .slide-proddetail .owl-nav [class*="owl-"].disabled:hover {
        background-color: #d6d6d6;
    }

.slide-proddetail {
    position: relative;
    /*border-bottom: 1px solid #ddd;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    .slide-proddetail .owl-next,
    .slide-proddetail .owl-prev {
        width: 22px;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
    }

    .slide-proddetail .owl-prev {
        left: 10px;
    }

    .slide-proddetail .owl-next {
        right: 10px;
    }

    .slide-proddetail .owl-item img {
        max-width: 100%;
        max-height: 450px;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

.slide-proddetailmini {
    position: relative;
    width: calc(100% - 40px);
    margin: 0 auto;
}

    .slide-proddetailmini .item img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .slide-proddetailmini .owl-nav {
        margin: 0;
        height: 0;
    }

        .slide-proddetailmini .owl-nav button.owl-prev,
        .slide-proddetailmini .owl-nav button.owl-next {
            position: absolute;
            top: 0;
            font-size: 80px;
            color: #ddd;
        }

        .slide-proddetailmini .owl-nav button.owl-prev {
            left: -40px;
        }

        .slide-proddetailmini .owl-nav button.owl-next {
            right: -40px;
        }

        .slide-proddetailmini .owl-nav [class*="owl-"]:hover {
            background-color: transparent;
            color: #793c8f;
        }

.prodinfo {
    margin-left: 40px;
}

    .prodinfo h1 {
        color: #616161;
        margin: 0 0 15px;
        font-size: 22px;
        font-weight: 500;
    }

    .prodinfo h2 {
        color: #616161;
        margin: 0 0 15px;
        font-size: 15px;
        font-weight: normal;
    }

    .prodinfo .breadcrumb {
        padding: 0;
        margin-bottom: 15px;
        background-color: transparent;
        border-radius: 0;
    }

    .prodinfo a {
        color: #793c8f;
    }

.pi-cat {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

    .pi-cat .badge {
        padding: 5px 8px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        background-color: #793c8f;
        border-radius: 0;
    }

.pi-select .form-group > label,
.pi-rent .form-group > label {
    color: #616161;
    font-size: 13px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}

.pi-select .form-group {
    width: 100%;
    /*float: left;*/
}

    .pi-select .form-group:first-of-type {
        margin-right: 10px;
    }

/*.pi-box {
    border: 1px solid #ddd;
    background-color: #F7F7F7;
    padding: 20px 15px;
    margin-bottom: 15px;
    border-top: 5px solid #ddd;
    cursor: pointer
}*/
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent;
}

.pi-box .radio label {
    font-weight: 500;
    padding: 10px 0 0 10px;
}

.ui-widget-header {
    background: #000;
    color: #fff;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: white;
    border-radius: 100%;
}

.pi-box .radio label span {
    font-weight: 400;
    font-size: 13px;
    margin-right: 20px;
    color: #7a3e92;
}

.pi-box .radio label::before {
    top: 10px;
}

.pi-box .radio input[type="radio"]:checked + label::after {
    top: 14px;
}

.pi-price {
    float: right;
    text-align: right;
    margin: -7px 0 0;
}

    .pi-price span:nth-of-type(1) {
        display: block;
        font-size: 15px;
        color: #616161;
        line-height: 53px;
        position: absolute;
        right: 0;
    }

    .pi-price span:nth-of-type(2) {
        display: block;
        font-size: 15px;
        font-weight: 400;
        color: #5c5c5c;
        text-decoration: line-through;
    }

.pi-disc {
    /*font-family: 'PT Sans', sans-serif;*/
    float: right;
    background-color: #81c784;
    color: #fff;
    margin: -3px 0 0 12px;
    font-size: 23px;
    padding: 5px;
    border-radius: 3px;
}

.pi-rent {
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #ddd;
}

.addbasketarea .input-group {
    width: 100%;
}

    .addbasketarea .input-group .form-control {
        width: calc(100% - 10px);
        text-align: center;
    }

.addbasketarea .input-group-btn {
    width: 75%;
}

.addbasketbtn {
    width: 100%;
}

.prodinfo .addbasketbtn {
    color: #fff;
}

.prodtabs {
    margin: 20px 0;
}

    .prodtabs .tab-content > .tab-pane {
        min-height: 470px;
        background: rgba(196, 195, 194, 0.06);
    }

.tab-pane {
    font-family: "PT Sans", sans-serif;
    color: #616161;
    padding: 20px;
    font-size: 15px;
    line-height: 1.6;
}

.nav-tabs > li > a {
    border-radius: 0;
    font-weight: 500;
    padding: 12px 35px;
    color: #555;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #616161;
}

.tab-content {
    border: 1px #ddd;
    border-style: none solid solid;
}

.similarprodarea {
    margin: 60px 0 0;
}

.pi-social {
    margin: 30px 0 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

    .pi-social a {
        display: inline-block;
        margin-left: 10px;
        font-size: 20px;
    }

    .pi-social .icon-facebook {
        color: #616161;
    }

    .pi-social .icon-twitter {
        color: #616161;
    }

.sizetable caption {
    font-family: "Fahkwang", sans-serif;
    text-align: center;
    font-weight: 500;
}

.sizetable thead th {
    color: #fff;
    background-color: #616161;
}

.sizetable tr td:first-child {
    background-color: #616161;
    color: #fff;
}

/* Arama Sonuç Sayfası */
.searchpage {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Sepet sayfası */
.basketpage {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .basketpage h1 {
        color: #616161;
        margin: 0 0 20px;
        font-size: 16px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 15px;
    }

.basketarea {
    border: 1px solid #ddd;
    padding: 20px;
}

.baskettable {
    color: #616161;
    margin: 0;
}

    .baskettable > thead > tr > th,
    .baskettable > tbody > tr > th,
    .baskettable > tfoot > tr > th,
    .baskettable > thead > tr > td,
    .baskettable > tbody > tr > td,
    .baskettable > tfoot > tr > td {
        vertical-align: middle;
    }

.basketinfo {
    border: 1px solid #ddd;
    padding: 20px;
}

.tprodimg {
    float: left;
    width: 60px;
    margin-right: 10px;
    max-height: 90px;
}

.tprodinfo {
    float: left;
    margin-top: 12px;
}

    .tprodinfo p {
        margin: 0;
        color: #616161;
    }

        .tprodinfo p.tprodname {
            color: #793c8f;
            font-size: 16px;
            font-weight: 500;
            max-width: 220px;
        }

.tproddel {
    background-color: #ef5350;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    height: 35px;
    width: 34px;
    display: inline-block;
}

    .tproddel:hover,
    .tproddel:focus {
        background-color: #d32f2f;
        color: #fff;
    }

.tprodlink {
    background-color: #793c8f;
    color: #fff;
    padding: 8px;
    border-radius: 3px;
    height: 35px;
    width: 34px;
    display: inline-block;
}

    .tprodlink:hover,
    .tprodlink:focus {
        background-color: #5e2572;
        color: #fff;
    }

.basketinfo .table > tbody > tr > td:first-child {
    font-family: "Fahkwang", sans-serif;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 0;
}

    .basketinfo .table > tbody > tr > td:first-child:before {
        content: ":";
        float: right;
    }

.basketinfo .table > tbody > tr > td {
    border: none;
    border-bottom: 1px dotted #ddd;
    vertical-align: middle;
    padding: 10px 0 10px 5px;
}

.basketnextbtn {
    font-family: "Fahkwang", sans-serif;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    font-weight: 700;
}

.goshoplink {
    color: #616161;
    display: block;
    text-align: center;
    padding: 10px;
}

    .goshoplink:hover {
        color: #fff;
        background-color: #793c8f;
    }

.ordersteps {
    position: relative;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    border: 1px solid #ddd;
}

    .ordersteps li {
        position: relative;
        float: left;
        width: calc(100% / 3);
        text-align: center;
        padding: 20px 5px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }

        .ordersteps li:not(.disabled):hover,
        .ordersteps li.active {
            background-color: #793c8f;
            color: #fff;
        }

        .ordersteps li:not(:last-child):before {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            width: 14px;
            height: 14px;
            transform: translateY(-50%) translateX(50%) rotate(-45deg);
            border-style: solid;
            border-color: #ccc;
            border-width: 0 1px 1px 0;
            background-color: #fff;
            z-index: 2;
        }

        .ordersteps li:hover:before,
        .ordersteps li.active:before {
            background-color: #793c8f;
            border-color: #793c8f;
        }

        .ordersteps li.disabled {
            cursor: not-allowed;
        }

.basketaddress {
    margin-bottom: 30px;
}

    .basketaddress .form-group {
        margin-bottom: 30px;
    }

    .basketaddress .table tr td {
        border: none;
    }

        .basketaddress .table tr td:first-child {
            position: relative;
            font-weight: 500;
        }

            .basketaddress .table tr td:first-child:before {
                content: ":";
                float: right;
            }

#FaturaAdres {
    margin-top: 20px;
}

.contract {
    font-family: "PT Sans", sans-serif;
    border: 1px solid #ddd;
    padding: 20px 10px 20px 20px;
    background-color: #fdfdfd;
    line-height: 1.5;
}

.paymentarea {
    border: 1px solid #ddd;
    padding: 20px;
}

    .paymentarea .basketaddress .table {
        border: 1px solid #ddd;
    }

.mobmenubtn {
    float: left;
    font-size: 25px;
    margin: 27px 0 0;
    cursor: pointer;
    display: none;
}

    .mobmenubtn:before {
        font-family: dressistanbul;
        content: "\e90b";
        color: #793c8f;
    }

    .mobmenubtn.active:before {
        content: "\e903";
    }

/* Kampanya Sayfa */
.campaignpage {
    margin-top: 40px;
}

.campaignimg {
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

    .campaignimg:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #12c2e9;
        background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .campaignimg:hover:before {
        opacity: 0.3;
    }

    .campaignimg img {
        display: block;
        max-width: 100%;
        height: 100%;
        margin-bottom: 20px;
        object-fit: cover;
    }

/* Giriş Yap, Üyelik, Şifremi Unuttum Sayfası*/
.loginpage {
    margin-top: 40px;
}

.leftlist {
    /*padding: 20px;
    border: 1px solid #ddd;*/
    margin-bottom: 20px;
}

    .leftlist h2 {
        position: relative;
        color: #616161;
        padding: 0 0 20px;
        margin: 0 0 24px;
        font-size: 18px;
        /*border-bottom: 1px solid #ddd;*/
        cursor: pointer;
        user-select: none;
    }

    .leftlist.closed h2 {
        margin: 0;
        padding: 0;
        border: none;
    }

    .leftlist h2:before {
        position: absolute;
        font-family: "dressfont" !important;
        content: "\e918";
        right: 0;
        top: 2px;
        font-size: 15px;
    }

    .leftlist.closed h2:before {
        content: "\e919";
    }

    .leftlist > ul {
        list-style: none;
        margin: 0;
        padding: 0 30px 0 0;
    }

        .leftlist > ul > li > a {
            position: relative;
            display: block;
            color: #616161;
            padding: 10px 0;
            margin-bottom: 0;
            overflow: hidden;
            transition: all 0.3s;
        }

            .leftlist > ul > li > a:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                width: 0;
                opacity: 0;
                background-color: #fff;
                visibility: hidden;
                z-index: -1;
                transition: all 0.3s;
            }

            .leftlist > ul > li > a:hover,
            .leftlist > ul > li > a.active {
                /*color: #fff*/
                color: #616161;
            }

                .leftlist > ul > li > a:hover:before,
                .leftlist > ul > li > a.active:before {
                    width: 100%;
                    opacity: 1;
                    background-color: transparent;
                    visibility: visible;
                    padding-bottom: 5px;
                    border-bottom: 1px solid #c7c7c7;
                    transition: all 0.3s;
                }

    .leftlist.closed > ul {
        display: none;
    }

.rightarea {
    /*border: 1px solid #ddd;
    padding: 20px;*/
    min-height: 40vh;
    margin-bottom: 40px;
}

    .rightarea h1 {
        color: #616161;
        padding: 0 0 20px;
        margin: 0 0 20px;
        font-size: 14px;
        /*border-bottom: 1px solid #ddd;*/
    }

        .rightarea h1 .btn {
            float: right;
            margin-top: -7px;
        }

.infocontent {
    /*font-family: 'PT Sans', sans-serif;*/
    font-size: 15px;
}

/* Adreslerim */
.userpage {
    margin-top: 40px;
}

.addressblock {
    border: 1px solid #ddd;
}

    .addressblock > tbody > tr > td {
        border: none;
    }

    .addressblock tr td:first-child {
        font-weight: 500;
        padding: 5px 15px;
    }

        .addressblock tr td:first-child:before {
            content: ":";
            float: right;
        }

    .addressblock caption {
        background-color: #fff;
        border: 1px #ddd;
        border-style: solid solid none;
        color: #793c8f;
        padding: 10px 15px;
    }

        .addressblock caption > a {
            color: #793c8f;
            float: right;
            font-size: 24px;
            margin-left: 20px;
        }

.abtitle {
    margin-top: 7px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
}

/* Sipariş Detay */
.orderdetailpage {
    margin-top: 40px;
}

.orderdetailtable {
    margin-top: 40px;
}

    .orderdetailtable > tbody > tr > td {
        vertical-align: middle;
    }

    .orderdetailtable .tprodinfo {
        margin-top: 0;
    }

    .orderdetailtable tfoot tr td {
        font-weight: 700;
    }

        .orderdetailtable tfoot tr td:first-child:before {
            content: ":";
            float: right;
        }

.orderdetailpage .abtitle {
    margin-top: 0;
}

/* Randevu Al */
.dateinline {
    border: 1px solid #ddd;
    padding: 10px;
}

.clockselect {
    /*border: 1px solid #ddd;*/
    padding: 5px 0 0 5px;
}

    .clockselect button {
        margin: 0 5px 5px 0;
        width: calc((100% / 3) - 5px);
        float: left;
        color: #793c8f;
        background-color: #c4c3c2;
        border-color: #c4c3c2;
        border-radius: 0;
    }

    .clockselect .btn-default {
        position: relative;
        cursor: not-allowed;
        background-color: #f44336;
        color: #fff;
        border-color: #f44336;
    }

        .clockselect .btn-default:after {
            content: " (DOLU)"
        }

.modal {
    text-align: center;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* Şubeler */
.brancharea {
    margin-bottom: 20px;
}

    .brancharea iframe {
        width: 100%;
        height: 300px;
    }

    .brancharea h2 {
        color: #616161;
        margin: 0;
        padding: 0 0 11px;
        font-size: 16px;
        border-bottom: 1px solid rgb(140, 140, 140);
    }

    .brancharea h3 {
        color: #616161;
        font-size: 14px;
        margin: 0;
        padding: 10px 0;
        line-height: 1.5;
    }

    .brancharea h4 {
        color: #666;
        margin: 0 0 10px;
        padding: 0;
        font-size: 16px;
    }

hr {
    border-top: 1px solid #ddd;
}

/* Paket satın alma */
.packetpage {
    margin-top: 40px;
}

.packetout {
    position: relative;
}

.packetpiece {
    color: #616161;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin: 30px 5px 10px;
}

    .packetpiece small {
        color: #616161;
        display: inline-block;
    }

.packetitem {
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
    text-align: center;
    line-height: 2;
}

/* Ribbonlar 3 renk ribbon (mor), ribbon red, ribbon blue */
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon span {
        font-size: 10px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 100px;
        display: block;
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        background: #9c27b0;
        background: linear-gradient(#9c27b0 0%, #6a1b9a 100%);
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0px;
            top: 100%;
            border-left: 3px solid #9c27b0;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #9c27b0;
            z-index: -1;
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #9c27b0;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #9c27b0;
        }

    .ribbon.blue span {
        background: #2196f3;
        background: linear-gradient(#2196f3 0%, #1565c0 100%);
    }

        .ribbon.blue span::before {
            border-left: 3px solid #2196f3;
            border-top: 3px solid #2196f3;
        }

        .ribbon.blue span::after {
            border-right: 3px solid #2196f3;
            border-top: 3px solid #2196f3;
        }

    .ribbon.red span {
        background: #f44336;
        background: linear-gradient(#f44336 0%, #c62828 100%);
    }

        .ribbon.red span::before {
            border-left: 3px solid #f44336;
            border-top: 3px solid #f44336;
        }

        .ribbon.red span::after {
            border-right: 3px solid #f44336;
            border-top: 3px solid #f44336;
        }

.slide-product .owl-item img {
    height: auto !important;
}

.hmout {
    padding: 0;
}

#ranbtn[disabled] {
    position:relative;
    color: transparent;
    pointer-events: none;
}

    #ranbtn[disabled]:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 5px;
        margin: 0 auto;
        height: 30px;
        width: 30px;
        display: inline-block;
        border: 5px solid;
        border-radius: 50%;
        border-right-color: #fff;
        animation: rotate 1.1s infinite linear;
    }

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

    100% {
        transform: rotate(360deg);
    }
}

.clockselect .btn-color {
    color: #fff;
    background-color: #612676;
    border-color: #612676;
    outline: none;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

@media (max-width: 991px) {
    .person-img {
        display: none;
    }

    .y_kapsa span.icon-deneme {
        margin-right: 20px !important;
    }
}

@media (max-width: 768px) {
    .toprightmenu > li > a {
        line-height: 40px;
    }

    .mobmenubtn {
        margin: 0;
    }

    .topmenu .searcharea {
        display: none !important;
    }

    .mobilblock {
        display: block !important;
    }

    .prodinfo .radio {
        float: left;
    }

    .homecontact {
        bottom: 100px !important;
    }

    .inceleurun {
        display: none;
    }

    .yorumyapa {
        float: none !important;
    }

    .person-img {
        display: none;
    }

    .comments .yildiz {
        position: absolute;
        top: 0;
        float: right;
        width: auto;
        right: 0;
        padding: 0;
    }

    .gorselkapsa:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 15px 0 15px !important;
        border-color: #616161 transparent transparent transparent !important;
        left: 0 !important;
        bottom: -14px !important;
        right: 0 !important;
        margin: 0 auto;
    }

    .formkapsa .yildiz {
        float: none !important;
        width: 100% !important;
        padding: 20px 0 !important;
        text-align: center !important;
    }

    .slidefilter {
        display: block;
        margin: 20px 0 10px;
        box-shadow: none;
        background-color: #793c8f;
    }

        .slidefilter > div {
            display: block;
            width: 100%;
            margin-bottom: 5px;
            margin-right: 0;
        }

    .sfitem {
        margin-right: 0;
    }

    .slidefilter .btn {
        display: block;
        width: 100%;
        float: none;
    }
}

@media (max-width: 400px) {
    .pi-box .radio label span {
        width: 100%;
        display: block;
    }

    .comments .yildiz {
        position: relative !important;
        top: auto !important;
        float: none !important;
        left: 0 !important;
        width: auto !important;
        height: 40px;
    }

    .pi-price {
        float: right !important;
    }

    .yorumyapa {
        float: none !important;
    }
}

.typeahead__field input {
    border: 1px solid #ccc !important;
}

#zoomarea {
    display: none;
    width: 460px;
    height: 460px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -400px;
    border: 2px solid #ddd;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(102, 102, 102, 0.2);
    z-index: 50;
}

    #zoomarea:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center;
    }

#sync1 .item {
    text-align: center;
}

    #sync1 .item a {
        display: inline-block;
    }

.yorumgorsel {
    float: left;
    margin-right: 10px;
    width: 150px;
}

    .yorumgorsel img {
        max-height: 250px;
    }

@media (max-width: 991px) {
    #zoomarea {
        display: none !important;
    }
}


@media (max-width: 1400px) {
    header {
        padding: 0 20px;
    }

    .topmenu {
        font-size: 12px;
    }

        /* .topmenu > li > a {
    padding: 0 8px;
  } */

        .topmenu .searcharea {
            right: 40px;
        }

    .slide-product {
        width: calc(100% - 40px);
        margin: 0 auto 50px;
    }

        .slide-product .owl-nav button.owl-prev {
            left: -45px;
        }

        .slide-product .owl-nav button.owl-next {
            right: -45px;
        }
}

@media (max-width: 1199px) {
    .slide-product {
        width: 100%;
        margin: 0 auto 25px;
    }

    .fullblock:before {
        background-color: #a881b7;
        height: 100%;
    }

    header {
        padding: 0 10px;
    }

    .topmenu {
        font-size: 13px;
    }

    .logo {
        margin-top: 25px;
        margin-right: 10px;
        width: 160px;
    }

    .topmenu > li > a {
        padding: 0 3px;
        text-transform: capitalize;
    }

    .ms-text {
        width: 60%;
    }

    .ms-text1 {
        font-size: 15px;
    }

    .blockbox {
        height: 330px;
        padding: 15px;
    }

    .nav-tabs > li > a {
        padding: 12px 35px;
    }

    .filterprod .item img {
        height: 270px;
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 30px;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .topmenu > li > a {
        text-transform: uppercase;
    }

    .fullblock:before {
        background-color: #a881b7;
        height: 100%;
    }

    .basketinfo {
        padding: 10px;
    }

        .basketinfo .table > tbody > tr > td {
            display: block;
            padding: 5px 0 10px;
            text-align: center;
        }

            .basketinfo .table > tbody > tr > td:first-child {
                border-bottom: none;
                padding: 10px 0 5px;
            }

                .basketinfo .table > tbody > tr > td:first-child:before {
                    display: none;
                }

    .tprodimg {
        display: block;
        float: none;
        width: 60px;
        margin: 0 auto;
    }

    .tprodinfo {
        float: none;
        margin-top: 5px;
        text-align: center;
    }

    .filterprod .item {
        padding: 0;
    }
}

/*#sync2.slide-proddetailmini {
    width: 20%;
    float: left;
}
#sync2.owl-carousel.owl-drag .owl-item {
    float: none;
    width: 65px !important;
    margin: 10px;
}
    #sync1.owl-carousel {
        width: 80%;
        float: left;
    }*/
@media (max-width: 991px) {
    .sp-info {
        height: 162px;
    }

        .sp-info p:nth-child(3) {
            margin-right: 0;
        }

    .sp-price {
        float: none;
    }

    .colormor {
        color: #793c8f !important;
    }

    .alan {
        height: 37rem !important;
    }

    li[data-menu]:hover > a:after,
    li[data-menu]:hover > a:before {
        content: none;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0 !important;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        display: none;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0 !important;
    }

    .fullblock:before {
        background-color: #a881b7;
        height: 100%;
    }

    header {
        padding: 0 15px;
    }

    .logo {
        margin-right: 20px;
    }

    .mobmenubtn {
        display: block;
    }

    .topmenu {
        position: absolute;
        left: 0;
        top: 90px;
        z-index: 55;
        background-color: #fff;
        width: 100%;
        height: auto;
        left: -100vw;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }

        .topmenu.active {
            left: 0;
            opacity: 1;
            visibility: visible;
        }

        .topmenu > li {
            /*float: none;*/
            display: contents;
            font-size: 13px;
        }

            .topmenu > li > ul > li > a {
                display: block;
            }

        .topmenu .searchbtnarea {
            display: none;
        }

        .topmenu .searcharea {
            position: static;
            opacity: 1;
            visibility: visible;
            padding: 10px 15px;
        }

        .topmenu > li > a {
            line-height: 35px;
            padding: 0 15px;
        }

        .topmenu > li[data-menu]:before {
            font-family: dressistanbul;
            content: "\e909";
            float: right;
            margin-right: 15px;
            font-size: 24px;
        }

        .topmenu > li > ul {
            position: static;
            border: none;
            padding: 0 20px;
        }

    .blockbox {
        margin-bottom: 20px;
    }

    footer .footerlist {
        text-align: center;
    }

    .pagetitle {
        height: 120px;
    }

        .pagetitle:before,
        .pagetitle:after {
            display: none;
        }

    .filtercampaign > img {
        float: none;
        width: 100%;
        
    }

    .filtercampaign > div {
        float: none;
        width: 100%;
    }

    .prodinfo {
        margin-left: 0;
        margin-top: 20px;
    }

    .basin_metin {
        opacity: 1 !important;
    }

    .ms-text {
        width: 90%;
    }

    .ms-text2 {
        font-size: 20px;
        line-height: 23px;
    }

        .ms-text2 span {
            font-size: 20px;
        }

    .ms-btn {
        padding: 10px 15px;
        margin-top: 5px;
        font-size: 15px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .logo {
        display: block;
        float: none;
        width: 270px;
        margin: 5px auto;
    }

    .filterprod > div {
        padding-left: 0;
        padding-right: 0;
    }

    .filterprod .item {
        padding: 5px
    }

        .filterprod .item img {
            height: 60vw;
            width: auto;
        }

    .topmenu {
        top: 153px;
    }

        .topmenu > li > a {
            text-transform: uppercase;
            line-height: 40px;
        }

    .mtop5 {
        margin-top: 3px;
    }

    .y_kapsa {
        padding: 15px !important;
    }

    .y_saat {
        top: 10px !important;
    }

    .y_begenilenurun {
        font-size: 13px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0 !important;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0 !important;
    }

    .basin_metin {
        opacity: 1 !important;
        overflow: scroll;
    }

    .fullblock:before {
        background-color: #a881b7;
        height: 100%;
    }

    header {
        position: relative;
    }

    .blocktitle {
        font-size: 16px;
        font-weight: 700;
    }

    .subscripblock {
        margin-bottom: 20px;
    }

    .blockbox {
        height: auto;
    }

        .blockbox h2 {
            font-size: 14px;
        }

    /*.fullblock:before {
        display: none
    }*/

    .pagetitle {
        height: 120px;
    }

    .pagetitle {
        height: 80px;
    }

        .pagetitle h1 {
            font-size: 22px;
        }

    .filterpage h1 {
        padding: 0;
        margin-top: 20px;
    }

    .filtercampaign {
        margin: 0;
        display: none;
    }

    .filterprod {
        margin-top: 20px;
    }

    .mobfilterarea {
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        background-color: #fff;
        padding: 10px;
        height: calc(100vh - 60px);
        display: none;
        z-index: 121;
    }

        .mobfilterarea:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            left: 0;
            top: 0;
            z-index: -1;
            box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.2), 0 0 0 100vw rgba(0, 0, 0, 0.2);
        }

        .mobfilterarea > .scrollf {
            height: calc(100% - 40px);
            overflow: auto;
        }

        .mobfilterarea.active {
            display: block;
        }

    .filtermob {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 40px;
        width: 100%;
        background-color: #793c8f;
        color: #fff;
        text-align: center;
        z-index: 55;
        line-height: 40px;
        font-weight: 500;
        cursor: pointer;
    }

    .mobfilterarea > .icon-close {
        display: block;
        text-align: right;
        font-size: 20px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .basketpage {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .userpage,
    .orderdetailpage,
    .loginpage,
    .packetpage {
        margin-top: 20px;
        padding: 20px !important;
    }

    .basketarea {
        margin-bottom: 15px;
        padding: 10px;
    }

    .ordersteps {
        display: none;
    }

    .paymentarea {
        padding: 10px;
    }

    .sp-info {
        text-align: center;
        border-bottom: 1px solid rgba(221, 221, 221, 0.61);
        padding-bottom: 20px;
        padding-left: 0;
        border-left: none;
        height: 130px;
    }

    .slide-proddetailmini {
        width: 100%;
    }

        .slide-proddetailmini .owl-nav {
            display: none;
        }

    .nav-tabs > li {
        float: none;
        margin-bottom: 0;
    }

        .nav-tabs > li > a {
            padding: 12px;
            text-align: center;
            margin: 0 0 4px;
            border: 1px solid #ddd;
        }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            border: 1px solid #793c8f;
            background-color: #793c8f;
            color: #fff;
        }

    .pi-social {
        text-align: center;
    }

        .pi-social a {
            font-size: 30px;
        }

    .productpage {
        margin-top: 20px;
    }

    .addressblock caption {
        text-align: center;
    }

    .abtitle {
        display: block;
        margin: 0 0 10px;
    }

    .addressblock caption > a {
        float: none;
        margin: 0 10px;
    }

    .addressblock > tbody > tr > td {
        width: 50%;
    }

    .orderdetailpage .abtitle {
        margin: 0;
    }

    .brancharea iframe {
        margin-bottom: 20px;
    }

    .rightarea h1 .btn {
        float: none;
        margin: 20px 0 0;
    }

    #StartModal form {
        padding: 10px;
    }

    #StartModal h3 {
        margin: 10px;
        font-size: 17px;
    }

    .ms-text {
        position: static;
        transform: none;
        text-align: center;
        width: 100%;
        padding: 0;
    }

    .ms-text1 {
        display: none;
        /* font-size: 16px;
    margin: 10px 0 0; */
    }

    .ms-text2 {
        font-size: 20px;
        position: absolute;
        top: 15vh;
        left: 0;
        margin: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.5);
        padding: 7px;
    }

        .ms-text2 span {
            font-size: 20px;
        }

    .ms-text3 {
        font-size: 14px;
        padding: 0 10px;
    }

    .slide-main .owl-dots {
        position: static;
        margin-top: 10px;
    }

    .slide-main .item:before {
        display: none;
    }

    .slide-main:hover .owl-nav {
        display: none;
    }

    .slide-main img {
        height: 100%;
        object-fit: cover;
        object-position: right;
    }

    .iconcategory {
        margin: 20px 0;
    }

        .iconcategory .mtop65 {
            margin-top: 20px;
        }
}

@media (max-width: 400px) {
    .fullblock:before {
        background-color: #a881b7;
        height: 100%;
    }

    .mobmenubtn {
        margin: -2px 0 0;
    }

    .topmenu {
        top: 157px;
    }

    .toprightmenu > li > a {
        line-height: 1;
    }

    .basketpiece {
        top: -5px;
    }

    .toprightmenu > li > ul {
        position: fixed;
        top: 220px;
        left: 0;
        width: 100%;
        z-index: 55;
        text-align: center;
    }

    li[data-menu]:hover > a:after,
    li[data-menu]:hover > a:before {
        display: none;
    }

    .fullblock {
        margin: 20px 0;
        padding: 20px 0;
    }

        .fullblock .blocktitle {
            margin-bottom: 20px;
        }

    .pi-box {
        padding: 5px;
    }

    .pi-price {
        float: none;
        margin: 10px 0 0 -20px;
        text-align: center;
    }

    .addbasketarea {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 0 5px 5px;
        margin: 0;
        background-color: #793c8f;
        color: #fff;
        z-index: 60;
    }

        .addbasketarea > label {
            font-size: 10px;
            margin: 0;
            text-align: center;
        }

    .leftlist {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 60;
        margin: 0;
        padding: 15px;
        border: 1px #793c8f;
        border-style: solid none none;
    }

        .leftlist h2 {
            padding: 0 0 15px;
            margin: 0 0 10px;
            font-size: 15px;
            color: #793c8f;
        }

            .leftlist h2:before {
                content: "\e918";
            }

        .leftlist.closed h2:before {
            content: "\e919";
        }

    .footertext {
        margin: 20px 0 50px;
    }
}

.colormor {
    /*color: #793c8f;*/
    color: #616161;
}

.alan-one {
    grid-column: 1/4;
}

.alan-two {
    grid-column: 1/4;
}

.alan-three {
    grid-column: 1/4;
}

.alan-four {
    grid-column: 1/4;
}

.alan-five {
    grid-column: 1/4;
}

.alan-six {
    grid-column: 1/4;
}

.alan-seven {
    grid-column: 1/4;
}

.alan {
    perspective: 150rem;
    -moz-perspective: 150rem;
    position: relative;
    height: 36rem;
    width: 100%;
    transition: all ease-in-out 400ms;
    cursor: pointer;
}

    .alan:hover {
        transform: scale(1.05);
    }

    .alan:active {
        transform: translateY(-1px);
    }

.alan__side {
    transition: all 0.8s ease;
    color: white;
    font-size: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 35rem;
    width: 100%;
    backface-visibility: hidden;
    /*box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.4);*/
    /*border-radius: 8px;*/
}

.alan__side--front {
    background-color: #ffffff;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.alan__side--back {
    background-color: #ffffff;
    transform: rotateY(180deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.text-box {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.text-box-top {
    font-size: 1.2rem;
    text-shadow: 2px 2px 10px #0000006c;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 4px;
}

.text-box-middle {
    font-size: 2.5rem;
    font-weight: 700;
    text-shadow: 2px 2px 10px #0000006c;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 6px;
    line-height: 40px;
}
.blocktitle-p p{
    text-align: center;
    letter-spacing: 1.4px;
}
.text-box-lower {
    font-size: 2rem;
    text-shadow: 2px 2px 10px #0000006c;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}

.heading {
    transition: all 0.6s linear;
}

.hide {
    visibility: hidden;
    opacity: 0;
}

.show {
    visibility: visible;
    opacity: 1;
}

#back-2 {
    background-position: top;
}

@media screen and (min-width: 1024px) {
    html {
        font-size: 62.5%;
    }

    .grids {
        max-width: 136rem;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2rem;
        grid-row-gap: 1rem;
    }

    .alan-one {
        grid-column: 1/3;
    }

    .alan-two {
        grid-column: 3/4;
    }

    .alan-three {
        grid-column: 1/2;
    }

    .alan-four {
        grid-column: 2/2;
    }

    .alan-five {
        grid-column: 3/4;
    }

    .alan-six {
        grid-column: 1/2;
    }

    .alan-seven {
        grid-column: 2/4;
    }
}

.mtop100 {
    margin-top: 100px;
}
.d-flex{
    display: flex;
}
.mtop65 {
    margin-top: 65px;
}
.h-100{
    height: 100%;
}
.nederidip span {
    color: #793c8f;
    opacity: 0.8;
}

.nederidip .blockbox h2 {
    color: #616161;
}

.y_kapsa {
    padding: 20px;
    border-left: 3px solid #f5f5f5;
    background: rgba(245, 245, 245, 0.32);
}

.mbot50 {
    margin-bottom: 50px;
}

.y_kapsa span.icon-deneme {
    font-size: 40px;
    float: left;
    margin: 20px 20px 0 0;
    color: #793c8f;
    position: relative;
    display: block;
    height: 130px;
}

.y_kapsa spanicon-deneme:after {
    position: absolute;
    width: 2px;
    height: 55px;
    background-color: #793c8f;
    content: "";
    right: -10px;
    top: -5px;
}

.y_kapsa h2 {
    margin-top: 15px;
    font-size: 15px;
    text-transform: uppercase;
    color: #793c8f;
    font-weight: bold;
}

.y_kapsa p {
    height: 135px;
    overflow: hidden;
    font-size: 14px;
    /*padding: 0 35px;*/
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 22px;
    font-weight: 400;
    color: #54565e;
}

.y_kapsa i {
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 2px;
    color: #616161;
    border: 1px solid #616161;
    border-radius: 100%;
    padding: 5px;
    font-weight: bold;
}

#yorumlar .owl-nav {
    margin: 0;
    height: 0;
}

    #yorumlar .owl-nav button.owl-prev,
    #yorumlar .owl-nav button.owl-next {
        position: absolute;
        top: 53%;
        transform: translateY(-50%);
        font-size: 45px;
        color: rgb(196, 195, 194);
    }

    #yorumlar .owl-nav button.owl-prev {
        left: -60px;
    }

    #yorumlar .owl-nav button.owl-next {
        right: -60px;
    }

    #yorumlar .owl-nav [class*="owl-"]:hover {
        background-color: transparent;
        color: #793c8f;
    }

.y_begenilenurun {
    text-align: right;
    display: block;
}

    .y_begenilenurun a {
        color: #793c8f;
    }

.y_saat {
    float: right;
    position: absolute;
    top: 35px;
    right: 50px;
    font-size: 13px;
    color: #616161;
}

#basin .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #793c8f;
    opacity: 0.3;
    pointer-events: none;
    transition: 0.3s ease-in-out;
}

#basin .item {
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

    #basin .item:hover img {
        transform: scale(1.1);
        transition: 0.3s ease-in-out;
    }

.basin_metin img {
    transition: 0.3s ease-in-out;
}

.basin_metin {
    position: absolute;
    top: 5%;
    background: /*rgba(255, 255, 255, 0.81)*/ #fff;
    padding: 20px;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 90%;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

    .basin_metin p {
        font-size: 14px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 20px;
        font-weight: 400;
        color: #54565e;
        font-family: inherit;
    }

#basin .item:hover .basin_metin {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

#basinr .owl-nav {
    margin: 0;
    height: 0;
}

#basin .owl-nav button.owl-prev,
#basin .owl-nav button.owl-next {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    font-size: 45px;
    color: rgb(196, 195, 194);
}

#basin .owl-nav button.owl-prev {
    left: -60px;
}

#basin .owl-nav button.owl-next {
    right: -60px;
}

#basin .owl-nav [class*="owl-"]:hover {
    background-color: transparent;
    color: #793c8f;
}

.typeahead__field input,
.typeahead__field textarea,
.typeahead__field [contenteditable],
.typeahead__field .typeahead__hint {
    font-size: 12px;
    font-family: "Muli", sans-serif;
}

.slide-icons .item img {
    position: relative;
    transition: 0.5s ease-in-out;
}

.slide-icons .item:hover img {
    transition: 0.5s ease-in-out;
    height: 40px;
}

.cloud-zoom-lens {
    border: 4px solid #888;
    margin: -4px;
    background-color: #fff;
    cursor: move;
}

.cloud-zoom-title {
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

.cloud-zoom-wrap {
    top: 0;
    z-index: 9999;
    position: relative;
}

.cloud-zoom-big {
    overflow: hidden;
}

.cloud-zoom-loading {
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}

.prodtabs .tab-content {
    border: 0;
}
/*.prodtabs .nav-tabs {
    border-bottom: 1px solid #616161;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #616161;
    border-bottom:0
}*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #616161;
    color: #fff;
}

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background-color: #616161;
        color: #fff;
    }

/* Input Text'lerde okları gizle */
input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#tarihsec .tarihicon {
    font-size: 40px;
}

.icon-gift-card {
    color: #dbb459;
}

.icon-delivery-truck1 {
    color: #793c8f;
}

.icon-women-clothing {
    color: #89bd26;
}

.icon-delivery-man {
    color: #43c9e0;
}

.inceleurun {
    position: fixed;
    bottom: 15px;
    left: 15px;
    background-color: #393939;
    padding: 5px 15px;
    color: #fff;
    border-radius: 8px;
    z-index: 999999;
}

    .inceleurun p {
        margin: 0;
        font-size: 13px;
    }

.badge {
    /*display: inline-block;
    min-width: 10px;
    padding: 5px;
    line-height: 13px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle; 
    background-color: #793c8f;
    border-radius: 10px;*/
    display: inline-block;
    min-width: 10px;
    padding: 8px;
    line-height: 13px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #9e9e9e;
    font-weight: normal;
    border-radius: 0;
}

.mtop30 {
    margin-top: 30px;
}

.mtop50 {
    margin-top: 50px;
}

.yorumyap {
    text-align: right;
    color: #616161;
}

.yorumyapa {
    float: right;
}

#yorumyap .modal-body {
    display: inline-block;
    padding: 0;
}

#yorumyap .modal-header {
    background: #616161;
    color: #fff;
    border: 0;
}

#yorumyap .modal-content {
    background-color: transparent;
}

#yorumyap .close {
    color: #fff;
}

#yorumyap img {
    border-radius: 5px;
}

.gorselkapsa {
    background: #616161;
    padding: 45px 15px 20px;
    position: relative;
}

    .gorselkapsa p {
        color: #fff;
        text-align: center;
        margin: 10px;
    }

    .gorselkapsa:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 15px;
        border-color: transparent transparent transparent #616161;
        right: -14px;
    }

.reset {
    padding-left: 0;
    padding-right: 0;
}

.formkapsa {
    padding: 20px;
}

textarea {
    resize: none;
}

.backwhite {
    background-color: #fff;
}

.ratyli .rate-empty {
    color: #666;
    font-size: 30px;
}

.ratyli.rated .rate-full {
    color: #9856b3;
    font-size: 30px;
}

.ratyli .rate-active {
    color: #7a3e92;
    font-size: 30px;
}

span.markaa {
    text-align: center;
    display: block;
    color: #fff;
}

.formkapsa p {
    margin: 0;
    font-weight: bold;
}

.yildiz {
    float: right;
    width: 100%;
    padding: 0;
    text-align: right;
}

@media screen and (max-width: 920px) {
    .yildiz {
        float: none;
        width: 90%;
        padding: 20px 5%;
    }
}

.tesekkurp {
    margin: 30px 0 !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    font-weight: normal;
}

.sizetable {
    background-color: #fff;
}

.comments {
    background-color: #fcfbfb;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 25px 15px 10px;
    position: relative;
    margin: 5px 0;
}

.com-person {
    display: inline-block;
}

.comments .yildiz {
    position: absolute;
    top: 0;
}

.com-text {
    margin-top: 20px;
    text-align: justify;
}

    .com-text p {
        font-size: 13px;
    }

.person-img {
    text-align: center;
    padding: 12px;
    /*border: 1px solid rgba(97, 97, 97, 0.30);
    border-radius: 100%;*/
    margin-top: 50%;
}

    .person-img span {
        font-size: 30px;
    }

.mbot50 {
    margin-bottom: 50px;
}

.com-person span {
    display: block;
    font-size: 13px;
}

.i4ewOd-pzNkMb-haAclf {
    background-color: rgb(97, 97, 97) !important;
}

.qqvbed-tJHJj {
    background-color: #793c8f !important;
}

.contactform {
    margin-top: 100px;
}

.butoncontact button {
    float: right;
    padding: 10px 40px;
    border-radius: 3px;
    letter-spacing: 2px;
    margin-right: 15px;
}

.maillist .form-control {
    height: 35px !important;
}

/*.input-group button{
    background-color:transparent;
}*/

.dropdown-menu {
    min-width: 200px;
}

    .dropdown-menu.columns-2 {
        min-width: 400px;
    }

    .dropdown-menu.columns-3 {
        min-width: 800px;
    }

    .dropdown-menu li a {
        /*padding: 5px 15px;*/
        font-weight: 300;
    }

.multi-column-dropdown {
    list-style: none;
    margin: 0px 0 5px;
    padding: 0px;
}

    .multi-column-dropdown li a {
        display: block;
        clear: both;
        line-height: 1.428571429;
        color: #333;
        white-space: normal;
        font-size: 13px;
    }

        .multi-column-dropdown li a:hover {
            text-decoration: none;
            color: #793c8f;
            /*color: #262626;
            background-color: #999;*/
        }

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 100% !important;
        overflow-x: hidden;
    }

    .yorumgorsel {
        float: none;
        width: 100%
    }
}

.topmenu > li ul li {
    margin-bottom: 7px;
}

    .topmenu > li ul li,
    .topmenu > li ul li h5 {
        text-transform: capitalize;
    }

.topmenu h5 {
    text-transform: capitalize;
    margin: 5px 0;
    color: #793c8f;
    border-bottom: 1px solid rgba(200, 199, 198, 0.33);
    padding: 0 0 5px;
}

.homecontact {
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #793c8f;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: 0.3s ease-in-out;
}

    .homecontact ul {
        margin: 0;
        padding: 0;
    }

        .homecontact ul li {
            float: left;
            margin: 0 10px 0 0;
            list-style-type: none;
            padding: 10px;
            color: #fff;
            font-size: 15px;
        }

            .homecontact ul li a:hover {
                color: #9e9e9e;
            }

            .homecontact ul li:last-child {
                margin-right: 0 !important;
            }

#tiklagelsin {
    cursor: pointer;
}

.iconblok {
    padding: 0 35px 15px;
    text-align: center;
}

    .iconblok img {
        margin: 0 auto 15px;
        width: 50%;
    }

    .iconblok p {
        margin: 0;
    }

.mobilsearc {
    padding: 0;
}

    .mobilsearc li {
        list-style-type: none !important;
    }

.searchlistitem .turu {
    display: none;
}

.searchlistitem .adi strong {
    display: block;
}

.mobilblock {
    display: none;
}


/* news */

@media (min-width: 1270px){
    .container.hmout {
        width: 100% !important;
        max-width: 1440px;
    }
}
.slide-main .owl-item img{
    height: 90vh;
}
.flex-bag img{
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.flex-content{
    margin: 6px;
    transition: all .5s;
}
.flex-content:hover {
    transition: all .5s;
    transform: scale(1.05);
}
.flex-bag{
    display: flex;
}

.svg-icon{
    margin-top: 10px;
    display: block;
}
.svg-icon i{
    width: 14px;
    fill: #616161;
    position: relative;
    top: 2px;
    margin-left: 10px;
}
.flex-content{
    position: relative;
}
.flex-content h2{
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    letter-spacing: 9px;
    line-height: 40px;
}
@media (min-width: 1200px){
    .container {
        width: 1440px;
    }
    .w1330{
        width: 1130px;
    }
    .flex-bg h2{
        background: #ffffff99;
        color: black;
        width: 56%;
    
    }
    .hr:before{
        content: "";
        width: 100px;
        height: 1.4px;
        display: block;
        background: black;
        margin: 0 auto;
        top: 20px;
        position: relative;
    }
}

@media(max-width:768px){
    .flex-content h2{
        font-size: 14px;
    line-height: 19px;
    letter-spacing: 5px;
    }
    .flex-bag {
    display: flex;
    flex-direction: column;
}
.slide-main .owl-item img {
    height: 100%;
}
}
.see-btn{
    height: 40px;
    border: 1px solid #999;
    border-radius: 3px;
    color: #333;
    background-color: #fff;
    text-transform: uppercase;
    width: 100%;
    letter-spacing: 3px;
    transition: all 0.3s;
    margin: o auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
}
.see-btn:hover{
    border-color: #793c8f;
    color: #793c8f;
    transition: all 0.3s;
}