@charset "utf-8";

@media (min-width:1024px) and (max-width:1280px){ .container{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}}




body {
    font-family: Oswald,sans-serif
}

.search-menu-cont #SearchMobile .btn{
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.yukari:before, .navbar-menu .navbar-nav .dropdown-menu .btn-link:after, .navbar-menu .navbar-nav .nav-link:before, .user-menu li a:before, ul.destination li .district-dd .district-menu li a:after, ul.destination li button:after, ul.destination li button:before {
font-family: 'LineAwesome';
}

.on-desktop {
    display: block !important
}

.off-desktop {
    display: none !important
}

.form-control::placeholder {
    color: #aaa;
    opacity: 1
}

.bg-light {
    background-color: #f0f0f0 !important
}


.text-ats {
    color: #ED2C7B
}

a.text-ats:hover {
    color: #D72FBD
}

.btn-facebook:hover:hover {
    color: #fff
}


.btn-facebook {
    background-color: #4267b2;
    border-color: #29487d;
    color: #fff
}

.container {
    position: relative
}

.oluklar {
    margin-right: -10px;
    margin-left: -10px
}

    .oluklar > .col, .oluklar > [class*=col-] {
        padding-right: 10px;
        padding-left: 10px
    }

.form-control {
border-color: #a7cf3f;
    border-radius: 4px;
    color: #aaa;
    font-weight: 400;
    font-size: 16px;
    height: 45px !important
}

textarea.form-control {
    height: auto !important
}

.form-control:focus {
    border-color: #bd3b9c;
   border-radius: 5px;
    box-shadow: 0 0 0 .2rem rgb(242,149,218,.26)
}

.rounded {
    border-radius: 0.30rem !important
}

.btn-lg.rounded {
    border-radius: 0.30rem !important
}

.btn-sm.rounded {
    border-radius: 13px !important
}

.border {
    border: 1px solid #d4d8d9 !important;
}


.fancybox-content {
    padding: 36px !important
}

.alert.fixed-bottom {
    background-color: rgba(34,34,34,.8);
    border-color: #000;
    bottom: 15px;
    color: #f4f4f4;
    left: 15px;
    margin: 0;
    right: auto;
    width: 300px
}

    .alert.fixed-bottom h5 {
        margin-top: 0
    }

header .input-group, header .logo {
    margin: 5px 0  5px  0px;
}

.alert.fixed-bottom a {
    color: #fff;
    text-decoration: underline
}

.alert.fixed-bottom .close {
    color: #fff;
    opacity: .5
}

    .alert.fixed-bottom .close:hover {
        opacity: .5
    }

.yukari {
    background-color: #cf37a0;
    border-radius: 25px;
    display: block;
    height: 50px;
    position: fixed;
    bottom: -50px;
    right: 15px;
    width: 50px;
    transition: all .3s ease-in-out
}

    .yukari.active {
        bottom: 55px
    }

    .yukari:before {
        content: '\f110';
        color: #fff;
        font-size: 24px;
        line-height: 1;
        position: absolute;
        left: calc(50% - 12px);
        top: calc(50% - 12px);
        transition: all .3s ease-in-out
    }

.card .close, .close {
    font-size: 1.25rem;
    position: absolute
}

.yukari:hover:before {
    transform: rotate(-180deg)
}

.close {
    opacity: 1;
    right: 1rem;
    top: 1rem;
    z-index: 2
}

.card .close {
    background-color: #fff;
    border-radius: 10px;
    right: -10px;
    top: -10px
}

.sub-nav {
    background-color: #f4f4f4;
    box-shadow: 0 -5px 10px rgba(0,0,0,.2);
    height: 60px;
    position: fixed;
    bottom: -60px;
    width: 100%;
    z-index: 9;
    transition: all .3s ease-in-out
}

    .sub-nav.active {
        bottom: 0
    }

header {
    background-color: #fff;
    position: relative;
    z-index: 1021
}

    header .logo {
        color: #ed2c7a;
        display: block;
        font-size: 44px;
        line-height: 1;
        text-decoration: none
    }

    header .form-control {
        border-width: 2px;
        border-radius: 0px;
        font-weight: 300;
        height: 44px !important;
        padding: .5rem 1.25rem
    }

        header .form-control:focus {
            border-color: #7ca808;
            box-shadow: none
        }



    header .user-menu {
        display: table;
        float: right;
        list-style: none;
        margin: 0;
        padding: 10px 0
    }

.user-menu li {
    display: table-cell;
    padding-right: 20px;
    position: relative;
    vertical-align: middle
}

    .user-menu li:last-child {
        padding: 0
    }

    .user-menu li a {
        color: #000;
        display: block;
        font-weight: 300;
        line-height: 40px;
        padding-left: 36px;
        position: relative;
        text-decoration: none;
        z-index: 10
    }

        .user-menu li a:before {
            content: '';
            color: #6c757d;
            font-size: 30px;
            line-height: 1;
            position: absolute;
            left: 0;
            top: calc(50% - 15px)
        }


        .user-menu li:nth-child(1) a:before {
 font-family: 'LineAwesome';
content: '\f352';

    }

        .user-menu li:nth-child(2) a:before {
 font-family: 'LineAwesome';
content: '\f2b3';
            font-size: 36px;
            top: calc(50% - 18px);
 left: 22px
        }

@media (min-width:1600px) and (max-width:5000px) {
 .user-menu li:nth-child(2) a:before { left: 0px }
}
       


@media (min-width:0px) and (max-width:767.98px) {
.user-menu li:nth-child(2) a {
 top: 0px !important;
}
}
@media (min-width:770px) and (max-width:5000px) {
.user-menu li:nth-child(2) a {
 top: -11px !important;
}
}



@media (min-width:900px) and (max-width:5000px) {
.search-menu-cont {
    display: block;
    position: relative;
 left: 70px;
 top: 20px;
}
 }

@media (min-width:0px) and (max-width:900px) {
.search-menu-cont {
    display: block;
    position: relative;
 top: 0px;
}
 }




    .search-menu-cont .search-load {
        display: none;
        height: 44px;
        position: absolute;
        right: 70px;
        top: 0px;
        text-align: center;
        width: 44px;
        z-index: 5
    }

        .search-menu-cont .search-load.active {
            display: block
        }

        .search-menu-cont .search-load .lds-ellipsis div {
            background-color: #9FC5DF
        }

    .search-menu-cont .search-result-cont {
        background-color: #fff;
        border-radius: 0 0 0.25rem 0.25rem;
        box-shadow: 0 3px 5px rgba(0,0,0,.4);
        display: none;
        padding: .5rem 0 1.25rem;
        position: absolute;
        left: 0;
        top: 44px;
        width: 100%;
        z-index: 18
    }

        .search-menu-cont .search-result-cont.active {
            display: block
        }

        .search-menu-cont .search-result-cont .search-menu {
            display: block;
            list-style: none;
            height: auto;
            margin: 0;
            padding: 0
        }

            .search-menu-cont .search-result-cont .search-menu li {
                display: block
            }

                .search-menu-cont .search-result-cont .search-menu li a {
                    color: #000;
                    display: block;
                    padding: .25rem 1rem;
                    position: relative;
                    text-decoration: none;
                    transition: all .3s ease-in-out
                }

                    .search-menu-cont .search-result-cont .search-menu li a:hover {
                        background-color: #e3e5eb
                    }

    .search-menu-cont .remove-btn {
        color: #E60000;
        display: inline-block;
        font-size: 35px;
        line-height: 1;
        position: absolute;
        right: 52px;
        top: 1px;
        text-decoration: none;
        transition: all .3s ease-in-out;
        z-index: 17
    }

        .search-menu-cont .remove-btn:hover {
            color: #000
        }

.navbar-menu {
box-shadow: 0 2px 6px rgba(0, 0, 0, .15);

 
}

    .navbar-menu .navbar {
        padding: 0
    }

        .navbar-menu .navbar .emblem {
            color: #fff;
            font-size: 0 !important;
            opacity: 0;
            margin: 0;
            padding: 0;
            transition: all .3s ease-in-out

        }


            .navbar-menu .navbar .emblem.active {
                font-size: 2rem !important;
                margin-right: 1rem;
                opacity: 1;
            }

    .navbar-menu .dropdown-toggle::after {
        display: none !important
    }

    .navbar-menu .navbar-nav .nav-link {
        display: block;
        line-height: 1;
        padding: 1.25rem 1rem 1.25rem 3rem !important;
        position: relative;
        transition: all .3s ease-in-out;
        height: 100%
    }


    .navbar-menu .navbar-nav .active > .nav-link, .navbar-menu .navbar-nav .active > .nav-link:hover {
        background-color: rgba(255,255,255,.3);
        color: #fff
    }

    .navbar-menu .navbar-nav .nav-link:before {
        content: '';
        font-size: 2rem;
        position: absolute;
        left: 10px;
top: 12px;
    }

    .navbar-menu .navbar-nav .nav-link.gonderimegore:before {
        content: "\f146"
    }


    .navbar-menu .navbar-nav .nav-link.cicek:before {
        content: "\f2a6";
        font-size: 30px
    }

    .navbar-menu .navbar-nav .nav-link.kutulu:before {
        content: "\f115";
        font-size: 30px
    }

    .navbar-menu .navbar-nav .nav-link.tasarla:before {
        content: "\f276";
        font-size: 30px
    }

    .navbar-menu .navbar-nav .nav-link.kadinlargunu:before {
        content: "\f234";
        font-size: 28px
    }

    .navbar-menu .navbar-nav .nav-link.dogumgunu:before {
        content: "\f146";
        font-size: 28px
    }
    .navbar-menu .navbar-nav .nav-link.iller:before {
        content: "\f27d";
        font-size: 30px
    }

    .navbar-menu .navbar-nav .dropdown {
        position: static
    }

    .navbar-menu .navbar-nav .dropdown-menu {

        border: 0;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 2px 3px rgba(0,0,0,.2);
        margin: 0;
        padding: 1rem 1.05rem;
        right: 0;
        transition: all .3s ease-in-out
    }

        .navbar-menu .navbar-nav .dropdown-menu .btn-success {
            overflow: hidden;
            padding-right: 30px;
            position: relative;
            transition: all .3s ease-in-out;
        }


 .navbar-menu .navbar-nav .dropdown-menu .btn-success:after, .navbar-menu .navbar-nav .dropdown-menu .btn-success:before {
font-size: 12px;
                line-height: 1;
                position: absolute;
                top: calc(50% - 6px);
                transition: all .3s ease-in-out
            }

            .navbar-menu .navbar-nav .dropdown-menu .btn-success:before {
                right: 10px;
            }

            .navbar-menu .navbar-nav .dropdown-menu .btn-success:after, .navbar-menu .navbar-nav .dropdown-menu .btn-success:hover:before {
                right: -15px
            }

            .navbar-menu .navbar-nav .dropdown-menu .btn-success:hover:after {
                right: 10px
            }

        .navbar-menu .navbar-nav .dropdown-menu .btn-link {
            position: relative;
            transition: all .3s ease-in-out
        }

            .navbar-menu .navbar-nav .dropdown-menu .btn-link:after {
                content: '\f112';
                font-size: 17px;
                line-height: 1;
                position: absolute;
                right: 23px;
                top: calc(50% - 6px);
                opacity: 0;
                transition: all .3s ease-in-out
            }

            .navbar-menu .navbar-nav .dropdown-menu .btn-link:hover:after {
                right: 15px;
                opacity: 1
            }

    .navbar-menu .navbar-scroll {
        opacity: 0;
        transition: all .3s ease-in-out
    }

        .navbar-menu .navbar-scroll.active {
            opacity: 1
        }

        .navbar-menu .navbar-scroll .nav-link {
            border: none !important;
            font-size: 1.875rem;
            padding: .8rem .5rem !important;
            position: relative
        }

        .navbar-menu .navbar-scroll .nav-item:first-child .nav-link {
            font-size: 1.5rem;
            padding: .94rem 0rem !important
        }

        .navbar-menu .navbar-scroll .nav-link .piece {
            background-color: #28a745;
            border-radius: 100%;
            color: #fff;
            display: inline-block;
            font-size: 10px;
            font-weight: 400;
            height: 14px;
            line-height: 14px;
            position: absolute;
            left: 16px;
            top: 26px;
            text-align: center;
            width: 14px
        }


ul.destination {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0 0 0 2rem;
    width: 100%
}

    ul.destination li {
        display: table-cell;
        position: relative;
        vertical-align: middle
    }

    ul.destination > li:first-child {
        font-size: 14px;
        width: 37%
    }

    ul.destination li button {
        border-radius: 27px !important;
        text-align: left;
        padding: .75rem 1rem .75rem 3rem;
        position: relative
    }

        ul.destination li button:before {
            content: '\f27d';
            font-size: 24px;
            line-height: 1;
            position: absolute;
            left: 1rem;
            top: calc(50% - 12px)
        }

        ul.destination li button:after {
            content: '\f110';
            font-size: 19px;
            line-height: 1;
            position: absolute;
            right: 1rem;
            top: calc(50% - 9px);
            z-index: 9;
            transition: all .3s ease-in-out
        }

    ul.destination > li .btn-light.focus, ul.destination > li .btn-light:focus {
        box-shadow: none !important
    }

    ul.destination .district-load {
        background-color: #e3e5eb;
        display: none;
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
        z-index: 15
    }

        ul.destination .district-load.active {
            display: block
        }

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    top: calc(50% - 32px)
}

    .lds-ellipsis div {
        position: absolute;
        top: 27px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #fff;
        animation-timing-function: cubic-bezier(0,1,1,0)
    }

        .lds-ellipsis div:nth-child(1) {
            left: 6px;
            animation: lds-ellipsis1 .6s infinite
        }

        .lds-ellipsis div:nth-child(2) {
            left: 6px;
            animation: lds-ellipsis2 .6s infinite
        }

        .lds-ellipsis div:nth-child(3) {
            left: 26px;
            animation: lds-ellipsis2 .6s infinite
        }

        .lds-ellipsis div:nth-child(4) {
            left: 45px;
            animation: lds-ellipsis3 .6s infinite
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(19px,0)
    }
}

ul.destination li .district-dd {
    background-color: #eeeeee;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-radius: 0.60rem;
    display: none;
    overflow: hidden;
    padding: .74rem 2.4rem .74rem 1rem;
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%;
    z-index: 4
}

    ul.destination li .district-dd.show {
        display: block
    }

    ul.destination li .district-dd .close {
        display: inline-block;
        font-size: 35px;
        color: #e3e5eb;
        position: absolute;
        right: 10%;
        top: 20px
    }

    ul.destination li .district-dd .form-control {
        font-size: 17px;
        padding-right: 3.23rem
    }

    ul.destination li .district-dd .district-menu-cont {
        border-radius: 0 0 5px 5px;
        height: auto;
        padding-bottom: 10px;
        position: relative;
        z-index: 12
    }

    ul.destination li .district-dd .district-menu-cont-inner {
        height: 280px
    }

    ul.destination li .district-dd .back-link {
        color: #000;
        display: block;
        text-decoration: none
    }

    ul.destination li .district-dd .district-menu {
        display: block;
        list-style: none;
        height: 205px;
        max-height: 205px;
        margin: 0;
        overflow-y: auto;
        padding: 0 7px 0 0
    }

        ul.destination li .district-dd .district-menu li {
            display: block
        }

            ul.destination li .district-dd .district-menu li a {
                color: #000;
                display: block;
                position: relative;
                text-decoration: none;
                transition: all .3s ease-in-out
            }

                ul.destination li .district-dd .district-menu li a:hover {
                    background-color: #919191;
                    color: #fff
                }

                ul.destination li .district-dd .district-menu li a:after {
                    content: '\f112';
                    font-size: 16px;
                    right: 1rem;
                    top: calc(50% - 12px);
                    position: absolute;
                    transition: all .3s ease-in-out
                }

                ul.destination li .district-dd .district-menu li a:hover:after {
                    right: .5rem
                }

                ul.destination li .district-dd .district-menu li a.no-arrow:after {
                    display: none
                }

    ul.destination li .district-dd .district-all-cont {
        background-color: #e3e5eb;
        position: absolute;
        left: 0;
        top: 0;
        transform: translateX(120%);
        transition: all .3s ease-in-out;
        width: 100%
    }

        ul.destination li .district-dd .district-all-cont.active {
            transform: translateX(0)
        }

    ul.destination li .district-dd .district-result-cont {
        background-color: #e3e5eb;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }

        .ribbon span, ul.destination li .district-dd .district-result-cont.active {
            display: block
        }

.product-list .page-link {
    color: #6c757d;
    padding: .75rem 1.15rem;
    transition: all .3s ease-in-out
}


.product-list .page-item.active .page-link {
    background-color: #ed2c7a;
    border-color: #ed2c7a
}


.product-list .page-item:first-child .page-link {
    border-top-left-radius: 23px;
    border-bottom-left-radius: 23px
}

.product-list .page-item:last-child .page-link {
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px
}

.breadcrumb a, .breadcrumb h1 {
    display: inline-block;
    font-size: 14px;
    margin: 0
}

.breadcrumb-item + .breadcrumb-item::before {
    content: '>'
}

.custom-control-label {
    cursor: pointer
}

    .custom-control-label::before {
        transition: all .3s ease-in-out
    }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #28a745
}


.destination .ribbon {
    position: absolute;
    left: -8px;
    top: -8px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

.destination .ribbon span {
    font-size: 12px;
    text-align: center;
    transform: rotate(-29deg);
    -webkit-transform: rotate(-29deg);
    width: 70px;
    height: 70px;
    background: #8dc107;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 16px;
    border-radius: 100px !important;
    border: 0px;
}

.destination .ribbon span::after,
.destination .ribbon span::before {
    top: 100%;
    z-index: -1;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #28a745;
    position: absolute;
    content: ""
}

.destination .ribbon span::before {
    left: 0;
    border-left: 3px solid #28a745;
    border-right: 3px solid transparent
}

.destination .ribbon span::after {
    right: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid #28a745
}

/**
 *  ÜRÜN LİSTESİ
 */

a.card {
    min-height: 350px;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

a.card .card-title {

    line-height: 1.3
}

a.card.opportunity:hover {border-color: #28a745}
a.card.reduced:hover {border-color: #ed2c7a}

a.card .countdown {
    width: 90%
}

.ribbon span, a.card .ribbon span {
    text-transform: uppercase;
    color: #fff;
   
}


a.card .ribbon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden;
    width: 90px;
    height: 90px;
    text-align: right
}

    a.card .ribbon span {
 font-family:  Oswald,sans-serif;
        font-size: 11px;
 font-weight: 400;
        text-align: center;
        line-height: 23px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        position: absolute;
        top: 14px;
        left: -24px
    }

a.card .ribbon .ribrenk1{ background: #FF3C9D!important; }
a.card .ribbon .ribrenk2{ background: #99CC00!important; }
a.card .ribbon .ribrenk3{ background: #64B1FF!important; }
a.card .ribbon .ribrenk4{ background: #FA9F25!important; }



    a.card.opportunity .ribbon span:after, a.card.opportunity .ribbon span:before, a.card.reduced .ribbon span:after, a.card.reduced .ribbon span:before {
        display: none
    }

.card {
    border-radius:  0.25rem
}



.card-footer:last-child, .card > .list-group:last-child .list-group-item:last-child {
    border-radius: 0 0 calc(0rem - 1px) calc(0rem - 1px)
}

.card .input-group .form-control {
    box-shadow: none;
    height: auto !important
}

    .card .input-group .form-control:focus {
        border-top-left-radius: .2rem;
        border-bottom-left-radius: .2rem
    }

.card .input-group .btn {
    font-size: 24px;
    font-weight: 600;
    line-height: 1
}

.card.bg-light .input-group .btn {
    font-size: 16px;
    font-weight: 400
}

.opportunity-countdown .time_circles > div > h4 {
    font-size: 14px !important
}

.opportunity-countdown .time_circles > div > h4, .opportunity-countdown .time_circles > div > span {
    color: #fff;
    font-weight: 300
}

.product-price {
    display: table;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

    .product-price li {
        display: table-cell;
        font-size: 1.875rem
    }

        .product-price li .price {
            font-weight: 300;
            letter-spacing: -2px;
            line-height: 1;
            position: relative
        }

            .product-price li .price span {
                display: inline-block;
                vertical-align: middle
            }


            .product-price li .price .color1 small{
color: #999!important
            }

   

            .product-price li .price.discounted-price {
                color: #999!important
            }




                .product-price li .price.discounted-price:after {
                    content: "";
                    background-color: #999;
                    height: 1px;
                    position: absolute;
                    right: 0;
                    top: 18px;
                    width: 100%;
                    transform: rotate(-20deg)
                }

            .product-price li .price span small {
                display: block;
                font-size: 14px;
                letter-spacing: -1px;
                line-height: 14px;
                position: relative;
                top: 1px
            }

            .product-price li .price .discounted-price small {
                color: #999;
                font-size: 14px;
                line-height: 14px
            }

            .product-price li .price small:last-child {
                bottom: 0;
                top: auto
            }

.icon-clock-time {
    font-size: 36px
}


.widget {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .widget li {
        color: #777;
        cursor: default;
        display: table-cell;
        font-size: 14px;
        height: 60px;
        line-height: 1;
        padding: 0;
        position: relative;
        vertical-align: middle;
        text-align: center;
        width: 25%
    }

        .widget li:hover {
            color: #28a745
        }

        .widget li:before {
            content: '';
            display: block;
      font-family: 'LineAwesome';
            font-size: 36px;
            font-weight: 400;
            line-height: 1;
            margin-bottom: 10px
        }

        .widget li:hover:before {
            color: #ed0261
        }

        .widget li:nth-child(1)::before {
            content: '\f27d'
        }

        .widget li:nth-child(2)::before {
            content: '\f27d'
        }

        .widget li:nth-child(3)::before {
            content: '\e937'
        }

        .widget li:nth-child(4)::before {
            content: '\e94d'
        }

        .widget li::after {
            content: '';
            background-color: #ddd;
            height: 72px;
            width: 1px;
            position: absolute;
            right: 0;
            top: calc(50% - 36px)
        }

        .widget li:last-child::after {
            display: none
        }

.nav-tabs .nav-link {
    border-color: transparent;
    border-radius: 0;
    color: #6c757d;
    font-size: 1.5rem;
    font-weight: 500;
    margin-right: 1rem;
    padding: 0 0 1rem
}

    .nav-tabs .nav-link:hover {
        border-color: transparent;
        color: #ed2c7a
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        border-color: transparent transparent #ed2c7a;
        color: #ed2c7a
    }

.page-info {
    border-bottom: #d2d4da solid 1px;
    border-top: #d2d4da solid 1px
}



    footer:after, footer:before {
        content: '';
        height: 5px;
        width: 50%;
        position: absolute;
        bottom: 0
    }

.transaction-result .jumbotron {
    margin-top: 2rem
}

    .transaction-result .jumbotron span {
        font-size: 96px;
        margin-bottom: 2rem
    }


footer {
    position: relative
}

    footer .fontalt1 {
           color: #7E7E7E;
          font-size: 15px;
          font-weight: 300;
          line-height: 17px; 

    }

@media (min-width:0px) and (max-width:575.98px) {
footer .mobilbutton{
margin-bottom: 50px; 
}
 }


    footer .h6 {
font-size: 15px;
 font-weight: 400;
        border-left-color: #6c757d!important
    }


* html .ui-autocomplete {
    height: 250px
}

.ui-autocomplete {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: none !important;
    background: #ddd !important;
    font-weight: 400 !important;
    color: #000 !important;
    margin: 0 !important
}

.ui-menu .ui-menu-item-wrapper {
    border-radius: 0;
    color: #3d3d3d;
    display: block;
    padding: 5px 8px !important;
    text-decoration: none
}

.ui-widget.ui-widget-content {
    border: 1px solid #dfdfdf !important;
    border-top: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 0
}

.ui-autocomplete-loading {
    background: url(../images/Loading.gif) right center no-repeat #fff
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    background-color: #ddd;
    border: none;
    color: #3d3d3d;
    border-radius: 0;
    font-weight: 400
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none !important;
    background: 0 0 !important;
    color: #000 !important;
    font-weight: 700 !important
}


@media (max-width:575.98px) {
    .m-mt-3, .product-list {
        margin-top: 1rem !important
    }

    .m-mb-3 {
        margin-bottom: 1rem !important
    }

    .m-p-0 {
        padding: 0 !important
    }

    .on-mobile {
        display: block !important
    }

    .off-mobile {
        display: none !important
    }

    .oluklar {
        margin-right: -5px;
        margin-left: -5px
    }

        .oluklar > .col, .oluklar > [class*=col-] {
            padding-right: 5px;
            padding-left: 5px
        }


    .sub-nav .user-menu {
        display: table;
        padding: 0;
        width: 100%
    }

        .sub-nav .user-menu li {
            padding: 7px 0;
            vertical-align: top;
            width: 26%
        }

            .sub-nav .user-menu li a {
                font-size: 14px;
                line-height: 1;
                padding-left: 0;
                padding-top: 30px;
                text-align: center
            }

            .sub-nav .user-menu li:nth-child(2) a {
                padding-left: 0;
            }

            .sub-nav .user-menu li a:before {
                font-size: 24px;
                left: calc(50% - 12px);
                top: 0
            }

            .sub-nav .user-menu li:nth-child(2) a:before {
                font-size: 32px;
                left: calc(50% - 16px);
                top: -4px
            }


            .sub-nav .user-menu li .piece {
                left: calc(50% - 7px);
                top: 17px
            }

            .sub-nav .user-menu li .exit {
                font-size: 9px;
                left: calc(50% - 30px);
                line-height: 16px;
                padding: 0;
                top: 5px
            }

    .sub-nav .dropdown-menu {
        background-color: #f4f4f4;
        box-shadow: 0 10px 10px rgba(0,0,0,.2);
        margin-bottom: 35px;
        padding: 10px;
        width: 250px
    }

        .sub-nav .dropdown-menu:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #f4f4f4;
            position: absolute;
            bottom: -10px;
            left: 30px
        }

        .sub-nav .dropdown-menu .form-control {
            height: 44px !important
        }

    .navbar-menu .navbar {
        padding: .25rem 0
    }

    .navbar-brand {
        color: #fff;
        font-size: 2rem;
        padding: 0
    }

    .navbar-toggler {
        border-color: #fff !important;
        border-radius: 0.25rem;
        color: #fff !important;
        height: 34px;
        outline: 0 !important;
        padding: 0;
        position: relative;
        width: 34px
    }

        .navbar-toggler:before {
 font-family: 'LineAwesome';
            content: '\f342';
            font-size: 19px;
            line-height: 1;
            position: absolute;
            left: calc(50% - 9px);
            top: calc(50% - 9px);
            transition: all .1s ease-in-out
        }

        .navbar-toggler.collapsed:before {

 font-family: 'LineAwesome';
            content: '\f131';
            left: calc(50% - 10px);
            top: calc(50% - 10px)
        }

        .navbar-toggler.search.collapsed:before {
 font-family: 'LineAwesome';
            content: '\f2eb';
            font-size: 18px;
            left: calc(50% - 9px);
            top: calc(50% - 9px)
        }

        .navbar-toggler.basket span {
            border-radius: 8px;
            font-size: 12px;
            font-weight: 300;
            height: 16px;
            line-height: 16px;
            width: 16px;
            padding: 0;
            position: absolute;
            right: -6px;
            top: -3px;
            text-align: center
        }

        .navbar-toggler.basket:before {
            content: '\e942';
            font-size: 22px;
            left: calc(50% - 11px);
            top: calc(50% - 11px)
        }

    .navbar-menu .navbar-nav .nav-item:first-child .nav-link, .navbar-menu .navbar-nav .nav-link {
        border: none;
   border-top: #9e0c78 solid 1px;
        padding-bottom: 1rem !important;
        padding-left: 3.5rem !important;
        padding-top: 1rem !important
    }

    .navbar-menu .navbar-nav .nav-item:first-child .nav-link {
        border-top: none
    }

    .navbar-menu .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none
    }

    .navbar-menu .dropdown.show .nav-link, .navbar-menu .navbar-nav .nav-link:hover {
        border: none !important
    }

    .navbar .form-control {
        height: 44px !important
    }

    .navbar .input-group > .input-group-append > .btn {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .navbar-menu .navbar-nav .dropdown-menu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .navbar-menu .dropdown:hover > .dropdown-menu {
        padding-top: 0
    }

    .navbar-menu .navbar-nav .dropdown-menu .btn-success {
        display: block
    }

    section.destination .ribbon, ul.destination > li:first-child {
        display: none
    }

    .search-menu-cont .remove-btn {
        right: 45px
    }

    .search-menu-cont .search-result-cont .btn-warning {
        width: 70% !important
    }

    ul.destination {
        padding: 0
    }

        ul.destination li button {
            font-size: 14px
        }

        ul.destination li .district-dd .close {
            right: 17%
        }

    .product-list .custom-control {
        display: block !important;
        font-size: 14px
    }

    .product-list nav.mt-4 {
        margin-top: 0 !important
    }

    .product-list .page-link {
        font-size: 14px;
        padding: .25rem .5rem
    }

    .breadcrumb a, .breadcrumb h1 {
        font-size: 10px;
        margin: 0
    }

    .breadcrumb-item + .breadcrumb-item::before {
        font-size: 10px
    }

    .bg-light.mt-4 {
        margin-top: 1rem !important
    }

    a.card {
        min-height: 330px
    }



        a.card small.text-success {
            font-size: 11px
        }

        a.card .card-title {
            height: 50px;
            line-height: 1
        }

        a.card .countdown {
            width: 120px
        }

    .product-price li {
        font-size: 1.25rem
    }

        .product-price li .price {
            letter-spacing: -1
        }

            .product-price li .price.discounted-price:after {
                top: 13px
            }

            .product-price li .price span small {
                font-size: 10px;
                letter-spacing: 0;
                line-height: 10px;
                top: 1px
            }

            .product-price li .price.discounted-price small {
                font-size: 10px;
                line-height: 10px
            }

            .product-price li .price small:last-child {
                bottom: 0;
                top: auto
            }



    .nav-tabs .nav-link {
        font-size: 1rem;
        margin-right: .5rem;
        padding: 0 0 .5rem
    }

    footer .bg-light {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }




    footer .bg-secondary {
        text-align: center
    }

        footer .bg-secondary .float-right {
            float: none !important
        }
}

@media (min-width:576px) and (max-width:767.98px) {
    .m-mt-3 {
        margin-top: 1rem !important
    }

    .m-mb-3 {
        margin-bottom: 1rem !important
    }

    .m-p-0 {
        padding: 0 !important
    }

    .on-mobile {
        display: block !important
    }

    .off-mobile {
        display: none !important
    }

    .oluklar {
        margin-right: -5px;
        margin-left: -5px
    }

        .oluklar > .col, .oluklar > [class*=col-] {
            padding-right: 5px;
            padding-left: 5px
        }

    .sub-nav .user-menu {
        display: table;
        padding: 0;
        width: 100%
    }

        .sub-nav .user-menu li {
            padding: 7px 0;
            vertical-align: top;
            width: 21%
        }

            .sub-nav .user-menu li a {
                font-size: 14px;
                line-height: 1;
                padding-left: 0;
                padding-top: 30px;
                text-align: center
            }

            .sub-nav .user-menu li:nth-child(2) a {
                padding-left: 0
            }

            .sub-nav .user-menu li a:before {
                font-size: 24px;
                left: calc(50% - 12px);
                top: 0
            }

            .sub-nav .user-menu li:nth-child(2) a:before {
                font-size: 32px;
                left: calc(50% - 16px);
                top: -4px
            }


            .sub-nav .user-menu li .piece {
                left: calc(50% - 7px);
                top: 17px
            }

            .sub-nav .user-menu li .exit {
                font-size: 9px;
                left: calc(50% - 30px);
                line-height: 16px;
                padding: 0;
                top: 5px
            }

    .sub-nav .dropdown-menu {
        background-color: #f4f4f4;
        box-shadow: 0 10px 10px rgba(0,0,0,.2);
        margin-bottom: 35px;
        padding: 10px;
        width: 250px
    }

        .sub-nav .dropdown-menu:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #f4f4f4;
            position: absolute;
            bottom: -10px;
            left: 30px
        }

        .sub-nav .dropdown-menu .form-control {
            height: 44px !important
        }

    .navbar-menu .navbar {
        padding: .25rem 0
    }

    .navbar-brand {
        color: #fff;
        font-size: 2rem;
        padding: 0
    }

    .navbar-toggler {
        border-color: #fff !important;
        border-radius: 0.25rem;
        color: #fff !important;
        height: 34px;
        outline: 0 !important;
        padding: 0;
        position: relative;
        width: 34px
    }

        .navbar-toggler:before {
 font-family: 'LineAwesome';
            content: '\f342';
            font-size: 19px;
            line-height: 1;
            position: absolute;
            left: calc(50% - 9px);
            top: calc(50% - 9px);
            transition: all .1s ease-in-out
        }

        .navbar-toggler.collapsed:before {
 font-family: 'LineAwesome';
            content: '\f131';
            font-size: 20px;
            left: calc(50% - 10px);
            top: calc(50% - 10px)
        }

        .navbar-toggler.search.collapsed:before {
 font-family: 'LineAwesome';
            content: '\f2eb';
            font-size: 18px;
            left: calc(50% - 9px);
            top: calc(50% - 9px)
        }

        .navbar-toggler.basket span {
            border-radius: 8px;
            font-size: 12px;
            font-weight: 300;
            height: 16px;
            line-height: 16px;
            width: 16px;
            padding: 0;
            position: absolute;
            right: -6px;
            top: -3px;
            text-align: center
        }

        .navbar-toggler.basket:before {
            content: '\e942';
            font-size: 22px;
            left: calc(50% - 11px);
            top: calc(50% - 11px)
        }

    .navbar-menu .navbar-nav .nav-item:first-child .nav-link, .navbar-menu .navbar-nav .nav-link {
        border: none;
        
        border-top: #e86ac0 solid 1px;
        padding-bottom: 1rem !important;
        padding-left: 3.5rem !important;
        padding-top: 1rem !important
    }

    .navbar-menu .navbar-nav .nav-item:first-child .nav-link {
        border-top: none
    }

    .navbar-menu .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none
    }

    .navbar-menu .dropdown.show .nav-link, .navbar-menu .navbar-nav .nav-link:hover {
        border: none !important
    }

    .navbar .form-control {
        height: 44px !important
    }

    .navbar .input-group > .input-group-append > .btn {
        border-top-right-radius: 22px;
        border-bottom-right-radius: 22px
    }

    .navbar-menu .navbar-nav .dropdown-menu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .navbar-menu .dropdown:hover > .dropdown-menu {
        padding-top: 0
    }

    .navbar-menu .navbar-nav .dropdown-menu .btn-success {
        display: block
    }

    ul.destination li:first-child {
        display: none
    }

    ul.destination li .district-dd .close {
        right: 12%
    }

    a.card {
        min-height: 460px
    }

  

        a.card .card-title {
            height: 40px;
            line-height: 1.2
        }

        a.card .countdown {
            width: 180px
        }

    .product-price li {
        font-size: 1.25rem
    }

        .product-price li .price {
            letter-spacing: -1
        }

            .product-price li .price.discounted-price:after {
                top: 13px
            }

            .product-price li .price span small {
                font-size: 10px;
                letter-spacing: 0;
                line-height: 10px;
                top: 1px
            }

            .product-price li .price.discounted-price small {
                font-size: 10px;
                line-height: 10px
            }

            .product-price li .price small:last-child {
                bottom: 0;
                top: auto
            }

}


@media (min-width:768px) and (max-width:991.98px) {
    .t-mt-0 {
        margin-top: 0 !important
    }

    .t-mt-3 {
        margin-top: 1rem !important
    }

    .t-mb-3 {
        margin-bottom: 1rem !important
    }

    .on-mobile {
        display: block !important
    }

    .off-mobile, .off-tablet {
        display: none !important
    }

    .on-tablet {
        display: block !important
    }

    .oluklar {
        margin-right: -5px;
        margin-left: -5px
    }

        .oluklar > .col, .oluklar > [class*=col-] {
            padding-right: 5px;
            padding-left: 5px
        }

    .sub-nav .user-menu {
        display: table;
        padding: 0;
        width: 100%
    }

        .sub-nav .user-menu li {
            padding: 8px 0;
            vertical-align: top;
            width: 25%
        }

            .sub-nav .user-menu li a {
                font-size: 14px;
                line-height: 1;
                padding-left: 0;
                padding-top: 30px;
                text-align: center
            }

            .sub-nav .user-menu li:nth-child(2) a {
                padding-left: 0
            }

            .sub-nav .user-menu li a:before {
                font-size: 24px;
                left: calc(50% - 12px);
                top: 0
            }

            .sub-nav .user-menu li:nth-child(2) a:before {
                font-size: 32px;
                left: calc(50% - 16px);
                top: -4px
            }


            .sub-nav .user-menu li .piece {
                left: calc(50% - 7px);
                top: 17px
            }

            .sub-nav .user-menu li .exit {
                font-size: 9px;
                left: calc(50% - 30px);
                line-height: 16px;
                padding: 0;
                top: 5px
            }

    .sub-nav .dropdown-menu {
        background-color: #f4f4f4;
        box-shadow: 0 10px 10px rgba(0,0,0,.2);
        margin-bottom: 35px;
        padding: 10px;
        width: 250px
    }

        .sub-nav .dropdown-menu:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #f4f4f4;
            position: absolute;
            bottom: -10px;
            left: 30px
        }

        .sub-nav .dropdown-menu .form-control {
            height: 44px !important
        }

    .navbar-menu .navbar {
        padding: .25rem 0
    }

    .navbar-brand {
        color: #fff;
        font-size: 2rem;
        padding: 0
    }

    .navbar-toggler {
        border-color: #fff !important;
        border-radius: 0.25rem;
        color: #fff !important;
        height: 34px;
        outline: 0 !important;
        padding: 0;
        position: relative;
        width: 34px
    }

        .navbar-toggler:before {
 font-family: 'LineAwesome';
            content: '\f342';
            font-size: 19px;
            line-height: 1;
            position: absolute;
            left: calc(50% - 9px);
            top: calc(50% - 9px);
            transition: all .1s ease-in-out
        }

        .navbar-toggler.collapsed:before {
  font-family: 'LineAwesome';
            content: '\f131';
            font-size: 20px;
            left: calc(50% - 10px);
            top: calc(50% - 10px)
        }

        .navbar-toggler.search.collapsed:before {
          font-family: 'LineAwesome';
            content: '\f2eb';
            font-size: 18px;
            left: calc(50% - 9px);
            top: calc(50% - 9px)
        }

        .navbar-toggler.basket span {
            border-radius: 8px;
            font-size: 12px;
            font-weight: 300;
            height: 16px;
            line-height: 16px;
            width: 16px;
            padding: 0;
            position: absolute;
            right: -6px;
            top: -3px;
            text-align: center
        }

        .navbar-toggler.basket:before {
            content: '\e942';
            font-size: 22px;
            left: calc(50% - 11px);
            top: calc(50% - 11px)
        }



    .navbar-menu .navbar-nav .nav-item:first-child .nav-link, .navbar-menu .navbar-nav .nav-link {
        border: none; 
        border-top: #9e0c78 solid 1px;
        padding-bottom: 1rem !important;
        padding-left: 3.5rem !important;
        padding-top: 1rem !important
    }

    .navbar-menu .navbar-nav .nav-item:first-child .nav-link {
        border-top: none
    }

    .navbar-menu .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none
    }


    .navbar-menu  .dropdown.show .nav-link, .navbar-menu .navbar-nav .nav-link:hover {
        border: none !important
    }

    .navbar .form-control {
        height: 44px !important
    }

    .navbar .input-group > .input-group-append > .btn {
        border-top-right-radius: 22px;
        border-bottom-right-radius: 22px
    }

    .navbar-menu .navbar-nav .dropdown-menu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .navbar-menu .dropdown:hover > .dropdown-menu {
        padding-top: 0;
    }

    .navbar-menu .navbar-nav .dropdown-menu .btn-success {
        display: block
    }

    ul.destination li:first-child {
        display: none
    }

    ul.destination li .district-dd .close {
        right: 8%
    }

    a.card {
        min-height: 360px
    }



        a.card small.text-success {
            font-size: 11px
        }

        a.card .card-title {
            height: 50px;
            line-height: 1
        }

        a.card .countdown {
            width: 140px
        }
}


@media (min-width:992px) and (max-width:1199.98px) {
    .off-tablet {
        display: none !important
    }

    header .logo {
        font-size: 36px
    }

    .user-menu {
        padding: 14px 0
    }

        .user-menu li a {
            line-height: 1;
            padding-left: 0;
            padding-top: 40px;
            text-align: center
        }

        .user-menu li:nth-child(2) a {
            padding-left: 0
        }

        .user-menu li a:before {
            left: calc(50% - 15px);
            top: 0
        }

        .user-menu li:nth-child(2) a:before {
            top: 0
        }

        .user-menu li .piece {
            left: 16px;
            top: 13px
        }

        .user-menu li .exit {
            top: 0
        }

    ul.destination li:first-child {
        display: none
    }

}

@media (min-width:1200px) and (max-width:1599.98px) {
    header .col-xl-2 {
        min-width: 16.666667%
    }

    header .col-xl-4 {
        min-width: 33.333333%
    }

    .col-xl-2 {
        min-width: 25%
    }

    .col-xl-4 {
        min-width: 50%
    }

    .user-menu {
        padding: 14px 0
    }

        .user-menu li a {
            line-height: 1;
            padding-left: 0;
            padding-top: 40px;
            text-align: center
        }

        .user-menu li:nth-child(2) a {
            padding-left: 0
        }

        .user-menu li a:before {
            left: calc(50% - 15px);
            top: 0
        }

        .user-menu li:nth-child(2) a:before {
            top: 0
        }

        .user-menu li .piece {
            left: 16px;
            top: 13px
        }

        .user-menu li .exit {
            top: 0
        }

    section.destination .ribbon {
        display: none
    }

    ul.destination {
        padding: 0
    }

        ul.destination > li:first-child {
            width: 50%
        }

        ul.destination li .district-dd .close {
            right: 15%
        }


}

@media (min-width:1600px) {
    .container {
        max-width: 1540px
    }
}



.renk1 {background-color: #a7cf3f;  color: #fff; font-size: 20px}
.renk1:hover {
    color: #fff;
    background-color: #e41b70;
}


#navs1 .nav1>a img{margin-right:12px;height:30px}
#navs1 .nav1>a span{color:#fff;font-size:14px}
      #navs1 .nav1 .navBottom1 .container1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; 
}
        #navs1 .nav1 .navBottom1 .container1 a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 12%;
          height: 100px;
          -webkit-transition: all .3s;
          transition: all .3s;
color: #ED2C7B;
  text-decoration: none;
}

          #navs1 .nav1 .navBottom1 .container1 a img {
            width: auto;
            height: 40px;
            margin-bottom: 10px;}

          #navs1 .nav1 .navBottom1 .container1 a span {
            font-size: 15px;
            text-align: center; 
}

#navs1 .nav1 .navBottom1 .container1 a:hover {
  border: 1px dashed #fa869b;
  border-radius: 5px;
   background-color: #ffdfe5;
 }



header .dropdown-menu {
    border-radius: 0;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    margin: 0;
    left: -50px !important;
    right: 0px !important;
    top: 17px !important;
    padding: 20px;
    width: 300px

}

.yukari:before, ul.destination li button.active:after {
    transform: rotate(180deg);
}


@media (min-width:0px) and (max-width:767px){ 
.owl-carousel-main .owl-nav, .anasolslider .owl-nav { position: absolute; width: 100%; top: 27%;}
.owl-carousel-main .owl-prev, .anasolslider .owl-prev { position: absolute; left: 0; font-size: 25px !important;  background: transparent  !important; border: 0px; padding: 0px;  color: #fff !important; margin: 0px;}
.owl-carousel-main .owl-next, .anasolslider .owl-next { position: absolute; right: 0; font-size: 25px !important;  background: transparent  !important; border: 0px; padding: 0px;  color: #fff !important; margin: 0px; }
}

@media (min-width:768px) and (max-width:1023px){ 
.owl-carousel-main .owl-nav, .anasolslider .owl-nav { position: absolute; width: 100%; top: 30%;}
.owl-carousel-main .owl-prev, .anasolslider .owl-prev { position: absolute; left: 0; font-size: 35px !important;  background: transparent  !important; border: 0px; padding: 0px;  color: #fff !important; margin: 0px;}
.owl-carousel-main .owl-next, .anasolslider .owl-next { position: absolute; right: 0; font-size: 35px !important;  background: transparent  !important; border: 0px; padding: 0px;  color: #fff !important; margin: 0px; }
}

@media (min-width:1024px) and (max-width:5000px){
.owl-carousel-main .owl-nav, .anasolslider .owl-nav { position: absolute; width: 100%; top: 35%;}
.owl-carousel-main .owl-prev, .anasolslider .owl-prev { position: absolute; left: 0; font-size: 45px !important;  background: transparent  !important; border: 0px; padding: 0px;  color: #fff !important; margin: 0px;}
.owl-carousel-main .owl-next, .anasolslider .owl-next { position: absolute; right: 0; font-size: 45px !important;  background: transparent  !important; border: 0px; padding: 0px;  color: #fff !important; margin: 0px; }
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{max-width:100%;display:block;height:auto}
@media (min-width:0px) and (max-width:767px){ .bottom20 { margin-top: 10px; margin-bottom: 8px; }}
@media (min-width:768px) and (max-width:1023px){ .bottom20 { margin-bottom: 8px; }}
@media (min-width:1024px) and (max-width:1280px){ .bottom20 { margin-bottom: 14px; }}
@media (min-width:1280px) and (max-width:5000px){ .bottom20 { margin-bottom: 15px; }}
.center-block{display:block; margin-right:auto;margin-left:auto}




.social a{margin-right:7px; display:inline-block !important;box-sizing:border-box;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;}
.social a::before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;}
.social a:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.social a:hover::before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);}

footer .la-facebook{display:inline-block; background:#3a589b; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-facebook:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-twitter{display:inline-block; background:#598dca; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-twitter:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-pinterest{display:inline-block; background:#ca2026; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-pinterest:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-google-plus{display:inline-block; background:#d6492f; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-google-plus:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-instagram{display:inline-block; background:#517fa6; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-instagram:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-linkedin{display:inline-block; background:#0270ad; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-linkedin:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-youtube{display:inline-block; background:#cf3427; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}
footer .la-youtube:hover{display:inline-block; background:#ed1d24; width:40px;height:40px;line-height:40px;margin-bottom:4px; font-size:30px;text-align:center;  text-decoration: none;color:#fff;  border-radius: 100px;}


.lazy{display:block;width:100%;}



.filterproduct-title{background:url(../images/slider-bar.png) right no-repeat;font-size:16px;font-weight:300;line-height:42px;margin:0;color:#313131;text-transform:uppercase;text-align:left}
.filterproduct-title .content{background-color:#fff;padding-right:20px;display:inline}
.filterproduct-title>a{font-size:13px;font-weight:400;text-transform:none}

.owl-dots {margin: 0;border: 0;}
.owl-dot {width: 10px;height: 10px; border: 1px solid #fff;background: #333;margin-right: 5px;display: inline-block; }
.owl-dot.active { background: #ffa60a;}



.cms-index-index .owl-carousel{ z-index:0;}

.cms-index-index { padding-top:0px; padding-bottom:5px; }

.filterproduct-title strong{font-size:16px;font-weight:400;}
.filterproduct-title{position:relative;overflow:hidden;background:0;font-weight:400}.filterproduct-title .content{z-index:2;position:relative}
.filterproduct-title .title_line{position:absolute;height:1px;background-color:#dde0e2;width:100%;top:50%;left:0;right:0}.recent-posts .item .post-image{padding:0;border:0;margin:0}.recent-posts .item .post-image img{border-radius:0}.recent-posts .item .post-image .post-date{background-color:#65829d;text-align:center;color:#fff;font-weight:400;position:absolute;top:7px;left:22px}.recent-posts .item .post-image .post-date .day{font-size:18px;letter-spacing:.05em;background:0;color:#fff;font-weight:400;padding:7px 0 0}
.recent-posts .item .post-image .post-date .month{font-size:13px;letter-spacing:.05em;text-transform:uppercase;background:0;font-weight:400;padding:0 0 8px}.recent-posts .item .postTitle{min-height:auto;padding-top:10px;padding-left:0;margin-bottom:10px}.recent-posts .item .postContent,.recent-posts .item .postContent p{padding-left:0;font-size:14px;color:#7b7f83;line-height:24px;margin-bottom:5px}.recent-posts .item .postContent{padding-bottom:15px}.recent-posts .item .postContent p{padding-left:0}.recent-posts .item .readmore{margin-left:0;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:#575f68;background-color:#e1e6ea;padding:10px 18px;border-radius:0;box-shadow:none}.recent-posts .item .postTitle h2{font-size:18px;letter-spacing:-0.01em;line-height:22px}.recent-posts .item .postTitle h2 a{color:#2b2b2d;font-weight:400}.cms-index-index .testimonial-author{margin:8px 0 0}.cms-index-index .testimonial-author .img-thumbnail{border:0;padding:0;margin-right:20px;border-radius:100%!important;overflow:hidden}
.cms-index-index blockquote.testimonial{border:0;background-color:transparent!important;color:#7b7f83;font-size:14px;font-style:normal;line-height:24px;font-weight:400;margin:0 -10px;padding:15px 30px 15px 43px;float:left;margin-top:1px;position:relative;margin-left:73px}.cms-index-index blockquote.testimonial:before{left:10px;top:0;content:"\201C";font-style:normal;line-height:1;position:absolute;color:#65829d;font-family:'porto';font-weight:400;font-size:54px}.cms-index-index blockquote.testimonial:after{right:54px;bottom:-.3em;content:"\201D";font-style:normal;line-height:1;position:absolute;color:#65829d;font-family:'porto';font-weight:400;font-size:54px}.cms-index-index .testimonial-author p{line-height:20px}.cms-index-index .testimonial-author p>strong{font-size:16px;font-weight:400;letter-spacing:.0025em;color:#2b2b2d;margin-bottom:3px}.cms-index-index blockquote.testimonial p{line-height:20px;letter-spacing:.001em}
.cms-index-index .testimonial-author p>strong{color:#111;display:block;padding-top:7px;font-size:14px}.cms-index-index .testimonial-author span{color:#666;display:block;font-size:14px}
.cms-index-index .testimonial-author .img-thumbnail{border:none;padding:0;margin-right:20px;border-radius:100% !important;overflow:hidden}
.cms-index-index .testimonial-author .img-thumbnail{border-radius:7px;float:left;margin-right:10px;position:relative;padding:4px;line-height:1.5;background-color:#fff;border:1px solid #ddd;display:inline-block;max-width:100%;height:auto}
.cms-index-index .testimonial-author .img-thumbnail img{max-width:60px;display:inline-block;height:auto}
.cms-index-index .testimonial-author p{color:#666;margin:0 0 0 25px;text-align:left;line-height:24px}
.cms-index-index .testimonial-author a{color:#D9006C;}

.footer-newsletter{color: #fff; background-color: #e91e63;}
.footer-newsletter .newsletter-title{display:inline-block;font-size:1.471em;margin-right:25px;line-height:2.429em;margin-bottom:0;}
.footer-newsletter .newsletter-title::before{content:"\f156";font-family: 'LineAwesome';margin-right:15px;font-size:1.619em;vertical-align:middle;}
.footer-newsletter .newsletter-marketing-text{font-weight:400; margin-left:25px;font-size:1.051em; }
.footer-newsletter form{margin-top:0px;}
.footer-newsletter input[type="text"]{font-weight:300; font-size:16px; border-radius:0px; height: 38px!important; padding:0.15em 1em;background-color:#fff;border:0;}
.footer-newsletter button{border-radius:0; height: 38px!important;background-color:#000;border:0; margin:0px;}
.footer-newsletter .input-group{margin-top:12px;}

@media (min-width:0px) and (max-width:767px){ 
.footer-newsletter .newsletter-marketing-text{font-size:14px; margin-left:3px;}
.footer-newsletter .newsletter-title{font-size:1.151em;margin-right:0px;}
.footer-newsletter .newsletter-title::before{margin-right:3px;font-size:1.319em;}
.footer-newsletter .input-group{margin-top:-5px;}
.footer-newsletter{padding-bottom:10px}
}
@media (min-width:768px) and (max-width:1023px){ 
.footer-newsletter .newsletter-marketing-text{font-size:15px; margin-left:5px;}
.footer-newsletter .newsletter-title{font-size:1.251em;margin-right:5px;}
.footer-newsletter .newsletter-title::before{margin-right:5px;font-size:1.319em;}
.footer-newsletter .input-group{margin-top:12px;}
.footer-newsletter{padding-bottom:10px}
}




.work-img{border-radius:50%;overflow:hidden;margin-bottom:21px;height:284px;}
.work-img img{max-width:100%;width:auto;margin:0 auto;height:100%;}
.work-img.type-2{height:300px;margin-bottom:5px;}
.work-text{padding:0 10%; }
.simple-article.color-1 p{color:#a3a2a2}
.simple-article.color-2 p{color:#6a6a6a}
.block{position:relative;width:100%;}
.block .container{position:relative;}
.nopadding{padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
.blocks{overflow:hidden;z-index:0;position:relative;padding-top:40px; }
.left-col{height:340px;background:#fff4c8;}
.img-absolute{position:absolute;top:0;left:-70px;width:auto;max-width:100%;}
.img-absolute.right{left:auto;right:-130px;}
.learn-more{position:absolute;top:50%;left:40%;width:280px;padding-top:10px;margin-bottom:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.left-col.right{background:#ffe4c6;}
.left-col.right .learn-more{left:auto;right:40%;}
.learn-more .h6{line-height:27px;text-transform:uppercase;font-weight:400;margin-bottom:17px;}
.learn-more p{height:69px;overflow:hidden; font-weight:400;font-size:14px;}
.learn-more .button.style-1{background:transparent; }
.blocks .button.color-1.style-1{font-weight:400;color:#f23a61;border:1px solid #f23a61;}
.blocks .button.color-1.style-1:hover{background:#f23a61;color:#fff;}
.blocks .button{position:relative;display:inline-block;font-size:13px;line-height:27px;color:#fff;font-weight:600;padding:5px 20px;text-transform:uppercase;border:2px solid transparent;}
.simple-article.small p{font-size:15px;line-height:20px;font-weight:400;}
@media (min-width:0px) and (max-width:990px){ 
  .blocks{padding-top:0;margin-bottom:15px;}
  .img-absolute{left:-140px;bottom:0;top:auto;}
  .learn-more{left:110px;}
  .left-col.right .learn-more{left:15px;right:auto;}
}

.anateslimatrenk {background-color: #fff; margin-bottom:15px; margin-top:15px; padding-top:10px;}
.anaikiresimrenk {background-color: #fff; margin-bottom:10px; margin-top:15px; padding-top:10px; padding-bottom:0px;}
.anayorumlarrenk {background-color: #fff; }





/*# ÜRÜN DETAY */

.product-detail {
  padding: 30px 0;
}
.product-detail .product-images {
  padding: 10px;
  border: 1px solid #DDD;
  border-radius: 8px;
  position: relative;
background: #fff;
}
.product-detail .nav-links.top {
  padding: 10px;
  border: 1px solid #DDD;
  margin: -30px 0 30px;
  border-radius: 0 0 8px 8px;
background: #fff;
color:#566d7a;
 font-weight: 300;
}
.product-detail .nav-links.top a{
color:#566d7a;
 font-weight: 300;
}
.product-detail .product-title {
  font: 24px/26px "Oswald";
  color: #566d7a;
  margin: 0 0 10px;
}
.product-detail .product-code {
  font: 700 14px/26px Source Sans Pro, sans-serif, arial;
  color: orange;
  text-align: right;
}
.product-detail .product-list-price {
  margin: 10px 0 0;
  font: 400 18px/22px Source Sans Pro, sans-serif, arial;
  color: #969696;
  text-decoration: line-through;
}
.product-detail .product-price1 {
  font: 18px/35px Source Sans Pro, sans-serif, arial;
  color: #b5b5b5;
}
.product-detail .product-price1 strong {
  font: 600 32px/35px Source Sans Pro, sans-serif, arial;
  color: #ed2b7a;
}
.product-detail .product-icon-buttons {
  float: right;
  border-top: 1px solid #c5c5c5;
}
.product-detail .product-icon-buttons a {
  display: block;
  height: 28px;
  border-bottom: 1px solid #c5c5c5;
}
.product-detail .product-icon-buttons a i {
  display: inline-block;
  border-left: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  width: 38px;
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  color: #9a9a9a;
}
.product-detail .product-icon-buttons a span {
  display: inline-block;
  border-right: 1px solid #c5c5c5;
  font: 300 14px/28px Source Sans Pro, sans-serif, arial;
  color: #9a9a9a;
  width: 160px;
  padding: 0 10px;
}
.product-detail .product-icon-buttons a:hover span {
  color: #000;
}

.product-detail .social-links {
  float: right;
  margin: -36px 0 0;
}
.product-detail .social-links a {
  display: block;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 15px;
  line-height: 25px;
  color: #FFF;
  background: #333;
  margin: 0 0 10px;
  border-radius: 5px;
}
.product-detail .social-links a.rss {
  background: #d45f2e;
}
.product-detail .social-links a.facebook {
  background: #2a4a82;
}
.product-detail .social-links a.twitter {
  background: #21c1fc;
}
.product-detail .buttons {
  margin: 0 0 20px;
}
.product-detail .buttons button {
  width: 100% !important;
  height: 45px !important;
  background: #99CC00!important;
  color: #FFF !important;
  border: 0;
  border-radius: 4px;
cursor:pointer;
}

.product-detail .buttons button:hover{
  background: #d038a1!important;
}


.product-detail .buttons button i {
  margin-right: 10px;
}
.product-detail .buttons button.cart-add {
  background: blue;
}



.form h1.form-title {
  font: 400 25px/24px Source Sans Pro, sans-serif, arial;
  color: #ed2b7a;
  margin: 30px 0 10px;
}

.form button[type=submit] {
  background: #a3a1a1;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 40px;
  font: 400 23px/44px Source Sans Pro, sans-serif, arial;
  color: #fff;
}


.province-selector {
  margin: 0 0 20px;
  font: 16px/16px Source Sans Pro, sans-serif, arial !important;
}

.province-selector .select2-container, .province-selector .select2-container--default .select2-selection--single {
  width: 100%;
  height: 40px;
}
.province-selector .select2-container--default .select2-selection--single .select2-selection__rendered,
.province-selector .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin: 5px 5px 0;
}
.province-selector .select2-selection__rendered {
  position: relative;
  padding: 0 0 0 30px !important;
  display: block;
}


.province-selector .select2-selection__rendered:before {
content: '\f27d';
  font: 30px/27px  'LineAwesome';
  position: absolute;
  left: 0px;
  top: 0;
}


.period-selector {
  margin: 0 0 20px;
  font: 16px/16px Source Sans Pro, sans-serif, arial;
}
.period-selector .select2-container, .period-selector .select2-container--default .select2-selection--single {
  width: 100%;
  height: 40px;
}
.period-selector .select2-container--default .select2-selection--single .select2-selection__rendered,
.period-selector .select2-container--default .select2-selection--single .select2-selection__arrow {
  margin: 5px 5px 0;
}
.period-selector .select2-selection__rendered {
  position: relative;
  padding: 0 0 0 36px !important;
  display: block;
}
.period-selector .select2-selection__rendered:before {
content: '\f18f';
  font: 30px/27px  'LineAwesome';
  position: absolute;
  left: 0px;
  top: 0;
}

label.datepicker {
  position: relative;
  text-align: center;
  display: block;
  margin: 0 0 20px;
  padding: 10px;
  cursor: pointer;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #edf1f2;
  border-radius: 4px;
border: 1px solid #DDD;
}
label.datepicker h3 {
  font: 16px/16px Source Sans Pro, sans-serif, arial;
  margin: 0 0 8px;
  position: relative;
  z-index: 333;
}
label.datepicker i {
 font: 35px/16px 'LineAwesome';
  margin: 0 0 8px;
  position: relative;
  z-index: 333;
}
label.datepicker.active {
  background: #bff0a1;
border: 1px solid #83ce56;
}

label.time {
  position: relative;
  text-align: center;
  display: block;
  margin: 0 0 20px;
  padding: 10px;
  cursor: pointer;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
label.time input {
  display: none;
}
label.time input:checked + .bg {
  background: #bff0a1;
border: 1px solid #83ce56;
}

label.time .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #edf1f2;
  border-radius: 4px;
border: 1px solid #DDD;
  top: 0;
  left: 0;
}
label.time h3 {
  font: 300 18px/18px Source Sans Pro, sans-serif, arial;
  margin: 0 0 4px;
  position: relative;
  z-index: 333;
}
label.time h2 {
  font: 600 20px/20px Source Sans Pro, sans-serif, arial;
  margin: 0;
  position: relative;
  z-index: 333;
}



label.design-check {
  position: relative;
  border: 1px solid #DDD;
  padding: 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  margin: 0 0 15px;
cursor:pointer;
 background: #fff;
}
label.design-check input {
  display: none;
}
label.design-check input:checked + .check {
background: #bff0a1;
border: 1px solid #83ce56;
}
label.design-check input:checked + .check i {
  color: #000;
  opacity: 1;
}
label.design-check .check {
  float: left;
  width: 24px;
  height: 24px;
  border: 1px solid #F2F2F2;
  text-align: center;
  transition: all ease 0.5s;
  border-radius: 4px;
  margin-right: 8px;
}
label.design-check .check i {
  opacity: 0.4;
  color: #333;
 font: 20px/24px 'LineAwesome';
  transition: all ease 0.5s;
 
}
label.design-check .title {
  font: 400 18px/24px Source Sans Pro, sans-serif, arial;
}

.select2-results{ font: 400 17px/24px Source Sans Pro, sans-serif, arial !important; }

.datepicker { font: 400 17px/24px Source Sans Pro, sans-serif, arial !important; }

/*# ÜRÜN DETAY BİTİŞ*/




.sepet_uyarisi,.closed_today{display:none;width:97%;}

@media (max-width:768px){
.sepet_uyarisi,.closed_today{width:100%;padding:5px;}
.sepet_uyarisi{font-size:11px;margin-bottom:-15px;margin-top:25px;}
}



.textfont1{font-size:15px!important;font-weight:300!important;}





label.error {
    position: absolute;
    background: #ee0101;
    background: rgba(238, 1, 1, 0.80);
    padding: 2px 5px;
    top: -15px;
    left: 15px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.6);
    z-index: 5;
}

    label.error:before {
        content: "";
        border: 4px solid transparent;
        border-top: 4px solid #ee0101;
        border-top: 4px solid rgba(238, 1, 1, 0.80);
        position: absolute;
        bottom: -8px;
    }