.blinkqq {
    width: auto;
    text-align: center;
    font-weight: 700;
    color: #fff !important;
    padding:10px;
    background-color: #92293b;
    margin: 0 auto;
}
.cizgi {
    text-decoration: line-through; 
}
.beyaz {
    color:#fff;
}

.bg-sptindirimyesil {
    background-color: #36b257 !important; color:#fff;
}
.input-group label.error {
    color: #fff;
    padding: 5px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}


.bs-caret {
    margin-top: -5px !important;
    margin-left: -10px !important;
}
.karttdtemizle {
    padding: 10px 0px !important;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu.inner {
    margin-left: 30px !important;
}

.sepeteklendidivgoster {
    display: none;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 280px;
    margin: 0 auto;
    bottom: 0;
    position: fixed;
    padding: 25px;
    border-bottom: 1px solid #e9e9e9;
    background-color: #92293b;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    z-index: 9999;
}
    .sepeteklendidivgoster i {
        vertical-align: bottom;
    }
    .sepeteklendidivgoster a {
        color: #fff;
        text-decoration: none;
    }
.pop1 {
    top:0;
    left: 0;
    position: fixed;
    z-index: 999999;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 10px 10px 60px #555;
    transition: background-color 0.25s;
}



.pop2 {
    width: 96%;
    min-width: 320px;
    max-width: 400px;
    display: inline-table;
    position: fixed;
    top: 45%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    color: #6a6c6d;
    border: 1px solid transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    padding: 0.6rem;
    background-color: white;
    border-radius: 0.3125rem;
}

}

.pop2 div {
    color: #6a6c6d
}

.pop3 {
    border-radius: 5px;
    font-size: 16px;
    padding: 8px 0px;
    cursor: pointer;
    font-weight: 900;
    color: #222;
    margin-bottom: 10px;
}

    .pop3 strong {
        border-bottom: solid 4px #92293b;
        padding-bottom: 10px;
    }

.pop4 {
    padding: 5px 0px 10px 0px;
    font-size: 16px;
    font-weight: 600;
}

.pop1x {
    left: 0;
    position: fixed;
    z-index: 999999;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.pop2x {
    padding: 10px;
    width: 90%;
    min-width: 320px;
    max-width: 400px;
    background-color: #fff;
    background-image: url(../images/popupbg.png);
    background-position: center center;
    display: inline-table;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    color: #6a6c6d;
    border: 1px solid transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

    .pop2x div {
        color: #6a6c6d
    }

.pop3x {
    padding: 5px 0px 5px 0px;
    font-size: 16px;
    font-weight: 600;
}

.pop4x {
    padding: 5px 0px 10px 0px;
    font-size: 16px;
    font-weight: 600;
}

.closex {
    background-color: #92293b;
    text-align: center;
}

    .closex a {
        color: #FFF;
        padding: 10px;
        width: 100%;
        text-decoration: none;
        font-weight: bold;
        display: block
    }

        .closex a:hover {
            background-color: #666;
            text-align: center;
        }

.closex2 {
    background-color: #222;
    text-align: center;
}

    .closex2 a {
        color: #FFF;
        padding: 10px;
        width: 100%;
        text-decoration: none;
        font-weight: bold;
        display: block
    }

.closex3 {
    background-color: #92293b;
    text-align: center;
}

    .closex3 a {
        color: #FFF;
        padding: 10px;
        width: 100%;
        text-decoration: none;
        font-weight: bold;
        display: block
    }

.hata {
    border: 1px solid #666666;
    color: #fff;
    border-radius: 3px;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 6px 0 6px 40px;
    position: relative;
    z-index: 1;
}

.pointer { cursor:pointer !important
}

.error {
    background: url("../images/error.png") no-repeat scroll 2px 0 #ea222d;
    border-color: #ebebeb;
}

.ok {
    background: url("../images/ok.png") no-repeat scroll 2px 0 #0C6;
    border-color: #ebebeb;
}



.payment-title {
    width: 100%;
    text-align: center;
}

.form-container .field-container:first-of-type {
    grid-area: name;
}

.form-container .field-container:nth-of-type(2) {
    grid-area: number;
}

.form-container .field-container:nth-of-type(3) {
    grid-area: expiration;
}

.form-container .field-container:nth-of-type(4) {
    grid-area: security;
}

.field-container input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field-container {
    position: relative;
}

.form-container {

}

.kartlabel {
    padding-top: 5px;
    padding-bottom:0px;
    font-size: 13px;
}

.kartinput {
    margin-top: 3px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

.ccicon {
    height: 38px;
    position: absolute;
    right: 6px;
    top: calc(50% - 17px);
    width: 60px;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.containerdd {
    width: 100%;
    max-width: 400px;
    max-height: 251px;
    height: 54vw;
    padding: 20px;
}

#ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

    #ccsingle svg {
        width: 100px;
        max-height: 60px;
    }

.creditcard svg#cardfront,
.creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 1px 5px 6px 0px black;
    box-shadow: 1px 5px 6px 0px black;
    border-radius: 22px;
}

#generatecard {
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #fff;
    padding: 2px 4px;
    background-color: #909090;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}

/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

.creditcard .lightblue {
    fill: #03A9F4;
}

.creditcard .lightbluedark {
    fill: #0288D1;
}

.creditcard .red {
    fill: #ef5350;
}

.creditcard .reddark {
    fill: #d32f2f;
}

.creditcard .purple {
    fill: #ab47bc;
}

.creditcard .purpledark {
    fill: #7b1fa2;
}

.creditcard .cyan {
    fill: #26c6da;
}

.creditcard .cyandark {
    fill: #0097a7;
}

.creditcard .green {
    fill: #66bb6a;
}

.creditcard .greendark {
    fill: #388e3c;
}

.creditcard .lime {
    fill: #d4e157;
}

.creditcard .limedark {
    fill: #afb42b;
}

.creditcard .yellow {
    fill: #ffeb3b;
}

.creditcard .yellowdark {
    fill: #f9a825;
}

.creditcard .orange {
    fill: #ff9800;
}

.creditcard .orangedark {
    fill: #ef6c00;
}

.creditcard .grey {
    fill: #bdbdbd;
}

.creditcard .greydark {
    fill: #616161;
}

/* FRONT OF CARD */
#svgname {
    text-transform: uppercase;
}

#cardfront .st2 {
    fill: #FFFFFF;
}

#cardfront .st3 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
}

#cardfront .st4 {
    font-size: 54.7817px;
}

#cardfront .st5 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardfront .st6 {
    font-size: 33.1112px;
}

#cardfront .st7 {
    opacity: 0.6;
    fill: #FFFFFF;
}

#cardfront .st8 {
    font-size: 24px;
}

#cardfront .st9 {
    font-size: 36.5498px;
}

#cardfront .st10 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 300;
}

#cardfront .st11 {
    font-size: 16.1716px;
}

#cardfront .st12 {
    fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
    fill: none;
    stroke: #0F0F0F;
    stroke-miterlimit: 10;
}

#cardback .st2 {
    fill: #111111;
}

#cardback .st3 {
    fill: #F2F2F2;
}

#cardback .st4 {
    fill: #D8D2DB;
}

#cardback .st5 {
    fill: #C4C4C4;
}

#cardback .st6 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardback .st7 {
    font-size: 27px;
}

#cardback .st8 {
    opacity: 0.6;
}

#cardback .st9 {
    fill: #FFFFFF;
}

#cardback .st10 {
    font-size: 24px;
}

#cardback .st11 {
    fill: #EAEAEA;
}

#cardback .st12 {
    font-family: 'Rock Salt', cursive;
}

#cardback .st13 {
    font-size: 37.769px;
}

/* FLIP ANIMATION */
.container {
    perspective: 1000px;
}

.creditcard {
    width: 100%;
    max-width: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
}

    .creditcard .front,
    .creditcard .back {
        position: absolute;
        width: 100%;
        max-width: 400px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        color: #47525d;
    }

    .creditcard .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .creditcard.flipped {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

.codes {
    bottom: 5%;
    left: 5%;
    position: fixed;
}

    .codes div {
        border: 2px solid black;
        font-size: 20px;
        padding: 10px;
        background-color: red;
    }

        .codes div a {
            text-decoration: none;
            color: white;
            font-weight: 800;
        }


.glyphicon {
    margin-right: 5px;
}
.mobilgoster {
    display:none
}
.webgoster {
    display: block
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.bg-danger {
    background-color: #dc3545 !important;
}
.text-white {
    color: #fff !important;
}
.input-group .form-line {
    border:0px;
}
.adetyukseklik {
    height: 28px
}


.ugorsel {
    display: flex;
    height: 220px;
    padding: 5px;
    cursor: pointer;
    position: relative;
}

    .ugorsel img {
        max-width: 100%;
        margin: auto;
        max-height: 100%;
    }

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

    .fade-scale.in {
        opacity: 1;
        transform: scale(1);
    }

.modalduzelt {
    padding-right:0px !important;
}

.c3mv5 .dropdown-menu {
    padding-left: 20px !important;
}

.sepeturun {
    text-align: center;
}

    .borderver {
        border: 2px solid #ad1455;
        padding: 2px;
        margin: 2px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;

    }

    .sepeturun img {
        border: 2px solid #ad1455;
        padding: 2px;
        margin: 2px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        margin-right: 1.25rem;
        height: 100px;
        width: 100px;
    }

.gercekfiyat {
    color: #6a6a6a;
    font-size: 14px;
    text-decoration: line-through;
}

.sonfiyat {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.indirim {
    background: #ff0000;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    vertical-align: top;
    font-size: 18px;
}
.ubilgi {
    font-weight: 700; color:#222;

}
.no-margin {
    margin: 0px !important;
}
.no-padding {
    padding: 0px;
}


.ucizgi {
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}
.w100 {
     width:100%; margin:10px 0px
}
.bootstrap-select > .dropdown-toggle { padding-right:0;
}


.item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
    background: #428bca;
}

    .item.list-group-item .list-group-image {
        margin-right: 10px; height:100px; display:inline-block; text-align:center;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0px; display:flex
    }
.item.list-group-item .w100 { display:none;
}
.item.list-group-item .caption {
    padding: 9px 9px 0px 9px;
    display: flex
}
.item.list-group-item .ugorsel { height:100px
}

.item.list-group-item .noktaucur {
    display: none;
}
.item.list-group-item .ubilgi {
    width: 100%;
    display: flex;
    padding: 0 20px
}
.item.list-group-item .ubilgi2 {
    display: flex;
    padding: 0 20px
}

.item.list-group-item .lstkaldir {
    display:none
}


.item.list-group-item .tamlama {
    display: flex;
    width: auto;
    padding: 0px 10px;
    text-align: center;
}

.item.list-group-item .inds {
    width: auto;
  
}
.item.list-group-item .list-group-item-text {

    padding:0px 10px

}
.item.list-group-item .pull-right {
    float:none !important;
}

.item.list-group-item:nth-of-type(odd) {
    background: #eeeeee;
}

    .item.list-group-item:before, .item.list-group-item:after {
        display: table;
        content: " ";
    }

    .item.list-group-item img {
        float: left;
    }

    .item.list-group-item:after {
        clear: both;
    }

.list-group-item-text {
    margin: 0 0 11px;
}
#resource-slider {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 210px;
    margin: auto;
    border-radius: 0px;
    border: 0px solid #DDD;
    overflow: hidden;
}

    #resource-slider .arrow {
        cursor: pointer;
        position: absolute;
        width: 2em;
        height: 100%;
        padding: 0;
        margin: 0;
        outline: 0;
        background: transparent; border:0px;
    }

        #resource-slider .arrow:hover {
           
        }

        #resource-slider .arrow:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 0.75em;
            height: 0.75em;
            margin: auto;
            border-style: solid;
        }

    #resource-slider .prev {
        left: 0;
        bottom: 0;
    }

        #resource-slider .prev:before {
            left: 0.25em;
            border-width: 3px 0 0 3px;
            border-color: #92293b transparent transparent #92293b;
            transform: rotate(-45deg);
        }

    #resource-slider .next {
        right: 0;
        bottom: 0;
    }

        #resource-slider .next:before {
            right: 0.25em;
            border-width: 3px 3px 0 0;
            border-color: #92293b #92293b transparent transparent;
            transform: rotate(45deg);
        }

    #resource-slider .resource-slider-frame {
        position: absolute;
        top: 0;
        left: 2em;
        right: 2em;
        bottom: 0;
        border-left: 0.25em solid transparent;
        border-right: 0.25em solid transparent;
        overflow: hidden;
    }

    #resource-slider .resource-slider-item {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 33%;
        height: 100%;
        text-align: center; 
        
        
    }

    #resource-slider .resource-slider-inset {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 5px; margin:10px;
        overflow: hidden;
        background: #fff;
        padding: 5px; border: 0px  solid #92293b
    }

    #resource-slider .resource-slider-item img {
        max-width: 100%;
        height: 140px; padding:10px;
        
    }

    #resource-slider .resource-slider-item .hmt {
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        color: #92293b
    }
        #resource-slider .resource-slider-item .hmt a {
            text-decoration: none;
            color: #92293b
        }

@media ( max-width: 100em ) {
    #resource-slider .resource-slider-item {
        width: 50%;
    }

    #resource-slider {
        height: 16em;
    }
}
        @media ( max-width: 60em ) {
            #resource-slider .resource-slider-item {
                width: 33.33%;
            }

            #resource-slider {
                height: 16em;
            }
        }

        @media ( max-width: 45em ) {
            #resource-slider .resource-slider-item {
                width: 50%;
            }
        }

        @media ( max-width: 30em ) {
            #resource-slider .resource-slider-item {
                width: 100%;
            }

            #resource-slider {
                height: 19em;
            }
        }

        .navbar-brand {
     margin:0px; padding:0px;
}

.c {
    clear: both;
    display: block;
    width: 100%;
}

.c5 {
    clear: both;
    display: block;
    width: 100%;
    height: 5px;
}

.c10 {
    clear: both;
    display: block;
    width: 100%;
    height: 10px;
}

.c15 {
    clear: both;
    display: block;
    width: 100%;
    height: 15px;
}

.c20 {
    clear: both;
    display: block;
    width: 100%;
    height: 20px;
}

.c25 {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
}

.c30 {
    clear: both;
    display: block;
    width: 100%;
    height: 30px;
}

.c35 {
    clear: both;
    display: block;
    width: 100%;
    height: 35px;
}

.c40 {
    clear: both;
    display: block;
    width: 100%;
    height: 40px;
}

.c45 {
    clear: both;
    display: block;
    width: 100%;
    height: 45px;
}

.c50 {
    clear: both;
    display: block;
    width: 100%;
    height: 50px;
}

.urunbosluk { padding:25px
}

.cursor {
    cursor: pointer
}

.btn-group > .btn:first-child {
     padding:5px 10px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    right: -5px
}

.variant-sku { color:#666; font-weight:bold;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index: 1032;
}

.page-number-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-number-first {
    position: relative;
    width: 29px;
    height: 29px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/First-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .page-number-first:hover {
        background-color: #92293b;
        background-image: url('../images/First-White.svg');
        color: #fff;
    }

.page-number-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/Next-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .page-number-next:hover {
        background-color: #1f3664;
        background-image: url('../images/Next-White.svg');
        color: #fff;
    }

.page-number-last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/Last-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
    color: #5d6371;
    font-weight: 700;
}

    .page-number-last:hover {
        background-color: #92293b;
        background-image: url('../images/Last-White.svg');
    }

.page-number-previous {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/Previous-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .page-number-previous:hover {
        background-color: #1f3664;
        background-image: url('../images/Previous-White.svg');
        color: #fff;
    }

.page-number-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    -webkit-transition: color 400ms ease, background-color 400ms ease;
    transition: color 400ms ease, background-color 400ms ease;
    color: #5d6371;
    text-decoration: none;
}

    .page-number-1:hover {
        background-color: #92293b;
        color: #fff;
    }

    .page-number-1.w--current {
        background-color: #92293b;
        color: #fff;
    }

.searchsbt {
    border:0px; margin:0px; padding:0px; background:none;
}

.uarama {
    text-decoration: none;
    font-weight: bold;
    color: #92293b
}
.uarama a{
    text-decoration: none;

}

.button-18-sol-ok {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/Previous-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}

    .button-18-sol-ok:hover {
        background-color: #92293b;
        background-image: url('../images/Previous-White.svg');
        color: #fff;
    }


.button-18-sag-ok {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/Next-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}


    .button-18-sag-ok:hover {
        background-color: #92293b;
        background-image: url('../images/Next-White.svg');
        color: #fff;
    }

.button-18-sag-ok2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 29px;
    margin-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #edeff4;
    background-image: url('../images/Last-DimGrey.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: background-color 400ms ease;
    transition: background-color 400ms ease;
}


    .button-18-sag-ok2:hover {
        background-color: #92293b;
        background-image: url('../images/Last-White.svg');
        color: #fff;
    }


/* slider */
.slider, .slider ul.carousel, .slider ul.carousel li {
    height: 330px;
    width: 100%;
    text-align: center;
    color: #000;
}

    .slider ul.carousel li h1 {
        margin-top: 100px;
        margin-bottom: 30px;
    }

    /* pagnation  <- -> */
    .slider ul.sliderpagnation li a {
        color: #ccc;
    }

    .slider ul.sliderpagnation li.selected a {
        color: #937AFF;
    }

    .slider ul.sliderpagnation li {
        padding: 0 3px;
        height: 28px;
        line-height: 28px;
    }


#ninja-slider {
    width: 100%;
    background: #FFF;
    padding: 0 !important;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

    #ninja-slider .slider-inner {
        /*max-width:720px;*/
        margin: 0 auto; /*center-aligned */
        font-size: 0px;
        position: relative;
        box-sizing: border-box;
    }

    #ninja-slider ul {
        position: relative;
        list-style: none;
        padding: 0;
        box-sizing: border-box;
        background: black;
    }

    #ninja-slider li {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        font-size: 12px;
        list-style: none;
        margin: 0;
        padding: 0;
        opacity: 0;
        overflow: hidden;
        box-sizing: border-box;
    }


        #ninja-slider li.ns-show {
            opacity: 1;
        }


    /* --------- slider image ------- */
    #ninja-slider .ns-img {
        background-color: rgba(0,0,0,0.8);
        background-size: contain; /*Note: If transitionType is zoom, it will be overridden to cover.*/
        /*box-shadow: 0 1px 5px rgba(0,0,0,.8),inset 0 0 2px rgba(255,255,255,.4);*/
        border-radius: 4px;
        cursor: default;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }


    /*---------- Captions -------------------*/

    #ninja-slider .caption {
        font-size: 10em;
        font-family: 'Bree Serif', sans-serif;
        position: absolute;
        width: 100%;
        text-align: center;
        color: rgba(255,255,255,0.8);
        bottom: 20%;
    }

    #ninja-slider li.ns-show .caption {
        /* 5s = (delay + transitionSpeed) set in the ninja-slider.js */
        -webkit-animation: titleAnimation 5s linear both;
        animation: titleAnimation 5s linear both;
    }

    #ninja-slider li.sl-0 .caption {
        /*delay caption animation for the initial slide*/
        -webkit-animation: none;
        animation: none;
        display: none;
    }

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

    10% {
        opacity: 0;
        transform: translateY(-20%);
    }

    20% {
        opacity: 1;
        transform: translateY(0%);
    }

    70% {
        opacity: 1;
        transform: translateY(0%);
    }

    80% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 0;
        transform: translateY(100%);
    }
}

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

    10% {
        opacity: 0;
        -webkit-transform: translateY(-20%);
    }

    25% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }

    70% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}


div.navsWrapper {
    position: absolute;
    width: 100px;
    height: 50px;
    right: 38%;
    bottom: 0%;
    z-index: 10;
}

.gizle {
     display:none !important;
}
.ffdsd {
    top: 0px !important;
    font-size:13px !important;
}

.mayds {
    margin:0px;
}

.sssdddasd {
     padding:10px 0px;
}

.fot1 {
    padding: 10px 0px 0px 0px
}
.mobilfooterbosluk i {
    padding: 5px;
    border-radius: 8px;
}
.ccc {
    padding: 10px !important;
}
.aass {
    box-shadow: 0 1px 2.94px 0.06px rgb(4 26 55 / 16%);
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 5px;
    width:100%;
    margin:0;
    padding:15px;
}.bggg1 {
    background: linear-gradient( 45deg,#4099ff,#73b4ff);

}
.bggg2 {
    background: linear-gradient( 45deg,#FFB64D,#ffcb80);
}
.bggg3 {
    background: linear-gradient( 45deg,#2ed8b6,#59e0c5);
}

.login {
    background-color: #2ed8b6 !important;
    border-color: #2ed8b6 !important;
}

    .login:hover {
        color: #fff;
        background-color: #23bd9e !important;
        border-color: #21b295 !important;
    }


input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url(../images/takvim.png) no-repeat;
    width: 24px;
    height: 24px;
    border-width: thin;
    margin-right:-7px
}


.dropdown-toggle::after {
     color:#92293b
}

.form-control {
    padding:.375rem 0px .375rem .75rem
}

.hrciz {
    background-color: #fff;
    border-top: 2px dashed #92293b; margin-bottom:20px; margin-top:15px
}

input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
}

input[type="date"]:focus:before,
input[type="date"]:valid:before {
    content: "";
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle {
    padding-left: 10px !important;
}










@media screen and (max-width: 992px) {



    .card-item__numberItem {
        width: 13px;
    }

    .navbar-brand > img {
        max-width: 100%
    }
    .mobilgoster {
        display: block
    }
    .webgoster {
        display:none
    }
    .c3m {
         display:inline-block
    }

    .mbl100 {
         max-width:100% !important;
         width:100% !important;
    }
    .sagsolal {
        padding: 0px !important;
        
        margin: 0px !important;
        
    }

    .sssdddasd {
        padding: 10px 10px;
    }
    }

@media screen and (min-width: 1200px ) {
    .ayarverorder {
        display:block; width:100%; padding-bottom:5px
    }
}
@media (min-width:1200px) and (max-width:1840px) {
    .buttonayarc {
        display:contents; text-align:right; float:right;
        width: 100%;
        padding-bottom: 5px
    }

    .indirimayar {
        display: block;
        width: 100%;
        padding-bottom: 5px
    }
    .fiyatorta {
        text-align:center; 
        width:100%;
    }



    @media (min-width: 375px) and (max-height: 667px)  {
        .ls-closed .bars:after, .ls-closed .bars:before {
            top: 10px !important;
        }

    }

    @media (min-width: 414px) and (max-height: 736px)  {
        .ls-closed .bars:after, .ls-closed .bars:before {
            top: 10px !important;
        }

    }


}

@media screen and (max-width:767px) {
    .mobilcenter { text-align:center !important; margin:15px 0px
    }    
    .mobilfooterbosluk { margin:5px 0px; 
    }
    .gfff img {
        max-width: 100%;
        height: auto;
    }

    .gfff {
    }
    .mayds {
        margin-top: 20px;
    }
}