body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
}

i {
    margin-right: 5px;
}

a {
    color: #000 !important;
    text-decoration: none !important;
}

.center {
    text-align: center;
}

.line1 {
    width: 40px;
    height: 5px;
    background: #000;
}

.line2 {
    width: 40px;
    height: 5px;
    margin-top: 5px;
    background: #000;
}

.line3 {
    width: 40px;
    height: 5px;
    margin-top: 5px;
    background: #000;
}

.menu {
    margin-top: 20px;
}

    .menu td {
        padding: 0 5px;
    }

.wrap {
    max-width: 768px;
    margin: auto;
}

.top {
    padding: 12px 20px;
    text-align: right;
    background: #dedede;
}

    .top nav a {
        padding: 0 15px;
        border-right: 1px solid #cacaca;
    }

.no-border-right {
    border-right: none !important;
    padding: 0 7px !important;
}

.header-top {
    padding: 30px 0;
    width: 100%;
}

.sb-search {
    position: relative;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: -35px;
    border: 1px solid #ccc;
    outline: none;
    background: #fff;
    width: 100%;
    height: 45px;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 10px;
    font-family: inherit;
    font-size: 16px;
    color: #2c3e50;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.sb-search-input::-webkit-input-placeholder {
    color: #e56a6a;
}

.sb-search-input:-moz-placeholder {
    color: #e56a6a;
}

.sb-search-input::-moz-placeholder {
    color: #e56a6a;
}

.sb-search-input:-ms-input-placeholder {
    color: #e56a6a;
}

.sb-icon-search,
.sb-search-submit {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    color: red;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #e56a6a;
    z-index: 90;
    font-size: 22px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

    .sb-icon-search:before {
        content: "";
    }

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

    .sb-search.sb-search-open .sb-icon-search,
    .no-js .sb-search .sb-icon-search {
        background: #e56a6a;
        color: #fff;
        z-index: 11;
    }

    .sb-search.sb-search-open .sb-search-submit,
    .no-js .sb-search .sb-search-submit {
        /*    z-index: 90;*/
    }

.main-nav {
    padding: 20px 10px;
    text-align: center;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

    .main-nav nav a {
        padding: 0 20px;
        border-right: 1px solid #cacaca;
    }

        .main-nav nav a:last-child {
            border-right: none;
        }

.slider {
    margin: 40px 0;
}

    .slider .img-fluid {
        margin-bottom: 10px;
    }

.news-inside {
    border-top: 1px solid #cacaca;
    padding-top: 50px;
}

.home h2 {
    background: transparent none repeat scroll 0 0;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 30px;
    padding-top: 15px;
    text-align: center;
}

    .home h2:after {
        background: #d9d9d9 none repeat scroll 0 0;
        content: "";
        display: block;
        height: 5px;
        margin: 20px auto 30px;
        width: 200px;
    }

.bold {
    font-weight: bold;
}

.tag {
    color: #E56A6A;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
}

    .tag a {
        text-decoration: none !important;
        color: #E56A6A !important;
    }

.new-box h3 {
    font-size: 24px;
}

.new-box p {
    font-size: 14px;
}

.about {
    margin-top: 70px;
}

.footer {
    background-color: #e6e6e6;
    padding: 50px 70px 20px 70px;
    margin: 20px auto;
}

    .footer p {
        font-size: 14px;
    }

.footer-nav {
    padding: 20px;
    margin: 50px 0 10px 0;
    text-align: center;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}

    .footer-nav nav a {
        color: #999999;
        font-weight: 300;
        text-transform: uppercase;
        padding: 0 20px;
        font-size: 16px;
    }

.footer-sm nav a {
    padding: 0 5px;
}

/*.menu-open {
    bottom: initial;
    right: initial;
    top: -30px;
    width: 320px;
}*/

.menu-open .modal-header {
    background: #e56a6a;
    text-align: center;
}

    .menu-open .modal-header table td {
        float: left;
        width: 100%;
        padding: 7px 5px;
    }

.menu-open .modal-title {
    margin-top: 30px;
}

.menu-open .modal-header .close {
    position: absolute;
    right: 20px;
}

.menu-open .modal-title h4 {
    margin-bottom: 0;
    color: #fff !important;
}

.white-btn {
    width: 100%;
    text-align: center;
    padding: 15px;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 18px;
    background: #fff;
}

.menu-open .modal-body nav a {
    width: 100%;
    min-width: 150px;
    margin-bottom: 2px;
    background: #e6e6e6;
    color: #4c4c4c;
    float: left;
    font-size: 18px;
    transition: .2s;
    padding: 20px 15px;
    text-align: center;
}

    .menu-open .modal-body nav a:hover {
        background: #e56a6a;
        color: #fff !important;
    }

    .menu-open .modal-body nav a i {
        margin-left: 15px;
    }

.menu-open .modal-body {
    padding: 0 !important;
}

.menu-open .modal-footer {
    padding: 0 !important;
}

    .menu-open .modal-footer nav a {
        width: 100%;
        min-width: 150px;
        margin-bottom: 2px;
        color: #4c4c4c;
        border-bottom: 1px solid #eaeaea;
        float: left;
        font-size: 18px;
        transition: .2s;
        padding: 20px 15px;
        text-align: center;
    }

        .menu-open .modal-footer nav a:hover {
            background: #e56a6a;
            color: #fff !important;
        }

.login {
    margin: 100px 0;
}

.login-box {
    border: 1px solid #d9d9d9;
    padding: 22px 40px 22px;
}

    .login-box .form-control {
        height: 55px;
        border-radius: initial !important;
        margin-top: 10px;
    }

.footer-border {
    width: 150px;
    height: 4px;
    background: #cacaca;
    margin: 34px 0;
}

.sub_menu li {
    list-style: none;
    padding: 20px;
    width: 100%;
    background: #eaeaea;
    margin-bottom: 2px;
}

.active_menu {
    background: #e56a6a !important;
    position: relative;
}

    .active_menu a {
        color: #fff !important;
    }

    .active_menu:before {
        content: "";
        display: block;
        height: 14px;
        position: absolute;
        right: -7px;
        background: #e56a6a;
        top: 37%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 14px;
        z-index: 10;
    }

.favori-urun-sec {
    height: 60px;
    padding: 12px 0;
    margin-top: 40px;
}

.question {
    width: 280px;
    padding: 30px 0;
    background: #222222;
    position: fixed;
    color: #fff;
    bottom: 0;
    margin-bottom: -140px;
    right: 0;
    transition: .5s;
    text-align: center;
}

    .question table td {
        padding: 0 5px;
    }

.padding-3x {
    padding: 0 30px;
}

.close-question {
    position: absolute;
    right: 20px;
    width: 25px;
    height: 25px;
    top: 0;
    z-index: 999999999999999999999;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
}

.open {
    margin-bottom: 0 !important;
}

.question-top {
    cursor: pointer;
}

.where {
    padding: 20px 0;
}

    .where nav a {
        border-right: 1px solid #999999;
        padding: 0 15px;
        color: #333333;
    }

        .where nav a:first-child {
            padding-left: 0;
        }

        .where nav a:last-child {
            border-right: none !important;
            color: #999 !important;
        }

.duyuru-inbox {
    padding: 20px;
    margin-top: 30px;
    border: 1px solid #eeeeee;
}

    .duyuru-inbox h4 {
        color: #e56a6a;
    }

    .duyuru-inbox p {
        line-height: 36px;
        color: #666666;
        margin-top: 25px;
    }

.duyurular {
    margin: 50px 0;
}

.d-tarihi {
    color: #999999 !important;
}

.filtres {
    background: #fafafa;
    border: 1px solid #eaeaea;
    padding: 20px;
}

.note {
    padding: 20px;
    border: 1px solid #cacaca;
    margin-top: 40px;
}

    .note p {
        font-size: 13px;
    }

.border2 {
    width: 250px;
    height: 5px;
    background: #dee2e6;
    margin: 20px auto;
}

.full {
    width: 100%;
}

.magazalar {
    margin-top: 50px;
}

.magaza-box {
    text-align: center;
    border: 1px solid #999999;
}

.magaza-actions {
    width: 100%;
    margin-bottom: 40px;
}

    .magaza-actions td {
        width: 50%;
    }

.action-btns {
    width: 100%;
    text-align: center;
    background: #333;
    padding: 7px;
    color: #fff;
}

.magaza-href {
    height: 80px;
    padding: 0 10px;
    font-size: 14px;
}

.sm {
    width: 100%;
    background: #e6e6e6;
    padding: 20px;
}

    .sm a {
        padding: 0 5px;
    }

.subs {
    width: 100%;
    padding: 40px 20px;
    background: #333333;
}

    .subs h4 {
        color: #fff;
        text-transform: uppercase;
    }

    .subs p {
        font-size: 14px;
        color: #fff;
    }

.p-s {
    font-size: 12px !important;
    padding: 15px 0;
}

.subs a {
    font-size: 13px;
    color: #fff !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background: #e56a6a !important;
}

.nav-pills .nav-link {
    background: #ebebeb;
    border-radius: 0 !important;
    padding: 15px;
    position: relative;
    margin-bottom: 2px;
}


    .nav-pills .nav-link.active:before {
        content: "";
        display: block;
        height: 14px;
        position: absolute;
        right: -7px;
        background: #e56a6a;
        top: 35%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 14px;
        z-index: 10;
    }

.firsat-href {
    height: 50px;
}

.opening {
    margin-left: 3.334%;
    border: 1px solid #d9d9d9;
    margin-bottom: 100px;
}

.aboutt {
    padding: 20px;
}

    .aboutt h2 {
        font-size: 26px;
        font-weight: bold;
        color: #e56a6a;
    }

    .aboutt h3 {
        font-size: 22px;
    }

    .aboutt p {
        font-size: 16px;
        color: #888;
    }

.magaza-detay-box {
    border: 1px solid #d9d9d9;
    width: 100%;
    text-align: center;
    height: 385px;
}

.logo-box {
    border: 1px solid #d9d9d9;
    padding: 50px 30px;
}

.other-shops p {
    text-align: center;
    font-size: 13px;
    padding: 10px 0;
}

.other-shops-slider .fas {
    font-size: 40px;
}

.other-shops-slider .carousel-control-next {
    right: -60px;
}

.other-shops-slider .carousel-control-prev {
    left: -60px;
}

.other-shops-slider .carousel-inner {
    width: 90%;
    margin: auto;
}

.other-shops-slider .carousel-control-next, .other-shops-slider .carousel-control-prev.carousel-control-next, .other-shops-slider .carousel-control-prev {
    top: -60px;
}

.magazafigur {
    padding: 20px;
    height: 100px;
}

    .magazafigur img {
        max-height: 80px;
    }


.magazaBanner {
    height: 134px;
    overflow: hidden;
}

.firsat {
    position: relative;
    margin-bottom: 30px;
}

.firsat-inside {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    text-align: center;
    left: 0;
    bottom: 0;
    right: 0;
    transition: 1s;
    display: none;
    z-index: 99;
}

.firsat:hover .firsat-inside {
    display: block;
}

.firsat-inside table {
    width: 100%;
    height: 100%;
}

.modal-dialog {
    max-width: 768px !important;
}

.carousel-indicators li {
    width: 17px;
    height: 17px;
    border-radius: 100%;
}

.carousel-indicators {
    bottom: -5px;
}

.hizmet-box {
    background: #eaeaea;
    width: 120px;
    text-align: center;
    padding: 40px 0;
}

.color-red {
    color: #e56a6a;
}

.element::-webkit-scrollbar {
    display: none !important;
    -ms-overflow-style: none;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.element {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}


    .element::-webkit-scrollbar {
        width: 0 !important;
    }

.element {
    overflow: -moz-scrollbars-none;
}

    .element::-webkit-scrollbar {
        display: none;
    }

.element {
    right: initial !important;
    margin-top: -30px;
    max-width: 400px;
}

.anasayfaShareimages {
    height: 28px;
    position: relative;
    top: -3px;
}

.hizmetler {
    width: 100%;
    padding: 30px;
    background: #eaeaea;
    margin: 40px 0;
}

.hizmet-kutu {
    padding: 20px;
    background: #fff;
    width: 100%;
    text-align: center;
}

    .hizmet-kutu p {
        color: #e56a6a;
        font-size: 20px;
        padding-top: 10px;
        margin-bottom: 0;
        font-weight: 600;
    }

.margin-btn-0 {
    margin-bottom: 0;
}

.box-iki {
    padding: 0 !important;
    border: none !important;
}


.modalDiv {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    z-index: 1049;
}

.n2 {
    width: 50%;
    height: auto;
    z-index: 220;
    padding: 50px 30px;
    text-align: center;
    color: #333;
    position: fixed;
    top: 100px;
    left: 25%;
    background: #fff;
    border-radius: 5px;
}

.n3 {
    width: 50%;
    height: auto;
    z-index: 220;
    padding: 50px 30px;
    text-align: center;
    color: #333;
    position: fixed;
    top: 100px;
    left: 25%;
    background: #fff;
    border-radius: 5px;
}

.black {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .7;
    z-index: 90;
}

.close-banner {
    position: absolute;
    top: 0;
    width: 35px;
    height: 35px;
    background: #999;
    color: #fff;
    line-height: 35px;
    right: 0;
    font-size: 16px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.quiz-headline {
    margin-top: 20px;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 5s ease infinite;
    -moz-animation: Gradient 5s ease infinite;
    animation: Gradient 5s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-direction: column;
}

    .quiz-headline h1 {
        color: white;
        margin: 0;
        padding: 15px 15px 0;
        text-align: center;
        width: 100%;
        font-weight: lighter;
        font-size: 48px;
    }

    .quiz-headline p.footNote {
        color: white;
        margin: 0;
        padding: 15px 15px 15px;
        font-size: 24px;
        font-style: italic;
        text-align: center;
        width: 100%;
    }

.quiz-chooser ul {
    list-style: none;
    padding: 0;
    width: 100%;
    float: left;
}

    .quiz-chooser ul li {
        width: 50%;
        float: left;
    }

        .quiz-chooser ul li a {
            width: calc(100% - 20px);
            margin: 30px 10px 0;
            border: solid 1px #111;
            color: #111;
            text-align: center;
            padding: 10px;
            float: left;
            font-size: 20px;
        }

.uyari h1 {
    font-size: 60px;
}

.uyari p {
    font-size: 36px;
    line-height: 56px;
}

.radiolar label {
    padding-left: 8px;
}