/* Kaydırma Çaubuğu */
::-webkit-scrollbar {
    width: 8px;
    background-color: #F2F2F2;
}

::-webkit-scrollbar-thumb {
    background-color: #D6D6D6;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #A5A5A5;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: #A5A5A5;
    }

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-size: 16px;
}

h1 {
    font-size: 24px;
}

p {
    font-size: 16px;
}

a {
    text-decoration: none;
}

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

.no-gutters {
    padding: 0;
}

.siteheader-content {
    width: 100%;
}

#logo {
    width: 195px;
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    text-shadow: rgb(11 22 33) 0px 4px 10px;
}

    #logo svg {
        max-width: 100%;
    }


/* #navbar .ust-nv {
  border-bottom: 1px solid #d9d9d9;
} */

/* .sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999;
} */

#navbar {
    transition: top 0.3s;
    z-index: 19;
    background-color: #ff7700;
    /* background: rgb(195,34,34);
  background: linear-gradient(0deg, rgb(255 64 64) 0%, rgba(255,119,0,1) 100%);*/
    /* box-shadow: 2px 4px 10px 0px rgb(0 0 0 / 20%);  */
}

.navbar-kps .ust-nv {
    background-color: #fff;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}



.navbar-kps {
    position: relative;
    padding: 15px 0;
    height: auto;
}


.navbar button:focus {
    outline: 0px dotted;
    outline: 0px;
    outline-offset: 0;
}

.navbar-brand {
    color: #000;
    font-size: 50px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    text-shadow: rgb(64 150 254) 0px 4px 10px;
}

.navbar .search-nvm {
    margin: 10px 0;
    padding: 0 10px;
}

@media (max-width:991px) {
    .red-rg span {
        display: none;
    }

    .blue-rg span {
        display: none;
    }

    .red-rg i {
        font-size: 24px;
    }

    .blue-rg i {
        font-size: 24px;
    }
}

@media (max-width:767px) {
    .siteheader-content {
        width: 100%;
    }

    .navbar .navbar-toggler {
        display: block;
        margin-left: auto !important;
        outline: none;
    }

    .red-rg span {
        display: none;
    }

    .blue-rg {
        display: none;
    }

    .red-rg i {
        font-size: 26px;
    }

    .blue-rg i {
        font-size: 26px;
    }

    .navbar-kps .giris {
        display: none;
    }

    .navbar-kps .giris-kps i {
        margin-right: 0 !important;
    }

    .navbar-kps .btn-mobill {
        margin-left: 30px;
    }

    .live-sale .swiper-slide a {
        max-width: 250px;
    }

    .odm-kps .odeme-credit {
        display: block !important;
    }
}

@media (min-width:767px) {
    .btn-mobill {
        display: none;
    }
}

.hamburger {
    display: inline-block;
    position: relative;
    padding: 0rem 0.1rem !important;
    cursor: pointer;
    user-select: none;
}

    .hamburger::before {
        content: '';
        display: inline-block;
        width: 45px;
        height: 45px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #ededed;
        position: absolute;
        top: -21px;
        left: -4px;
    }

    .hamburger i {
        position: relative;
        display: block;
        width: 2em;
        height: .3125rem;
        background: #5c5c5c;
        border-radius: 2.5rem;
        transition: background 0.1s;
        left:2px
    }

        .hamburger i:after, .hamburger i:before {
            content: '';
            display: block;
            position: absolute;
            z-index: -1;
            height: .3125rem;
            width: 2rem;
            background: #5c5c5c;
            border-radius: 5rem;
            transition: top 0.1s 0.2s ease, transform 0.1s ease;
            z-index: 9;
        }

        .hamburger i:before {
            top: -.625rem;
        }

        .hamburger i:after {
            top: .625rem;
        }

.activex i {
    background: transparent;
}

    .activex i:before, .activex i:after {
        top: 0;
        transition: top 0.1s ease, transform 0.1s 0.2s ease;
        transform: rotate(45deg) translate(0);
    }

    .activex i:after {
        transform: rotate(-45deg);
    }

@media (min-width: 768px) {
    /* .siteheader-brand{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  } */
    .siteheader-content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#navbar .nav-item .nav-link {
    float: left;
    display: block;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-size: 1.1rem;
    z-index: 9;
    position: relative;
    padding: 0px;
    background-color: #ff7700;
    width: 100%;
    /*    border-bottom: 10px solid #ff7700;*/
    /*background: linear-gradient(0deg, #e5c1a1 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 75%, #e5c1a1 100%);*/
}

#navbar-2 .nav-item .nav-link {
    float: left;
    display: block;
    color: rgb(255 122 5);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    z-index: 9;
    position: relative;
}

#navbar .navbar-collapse a {
    color: #000;
    padding: 8px 20px 8px;
    display: block;
}

#navbar .navbar-collapse .dropdown-menu a:hover {
    background-color: rgb(158 200 255);
}

#navbar .navbar-brand {
    padding: 3px 0 !important;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#navbar li {
    font-size: 16px;
    width: 100%;
}

#navbar .dropdown-menu {
    border-top: 4px solid rgb(16 67 134);
    background-color: rgb(255 255 255);
    padding: 0;
}

#navbar .ust-nv li a {
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}

.navbar-kps .ust-nv li a img {
    vertical-align: baseline;
}



.navbar-kps .ust-nv .blue-rg a {
    color: #00b644;
}

.navbar-kps .giris-kps {
    cursor: pointer;
    /* border: 1px solid #333;*/
    border-radius: 8px;
    padding: 7.2px 6px !important;
/*    display: flex;
*/    display: -webkit-inline-box !important;
}

    .navbar-kps .giris-kps i {
        font-size: 22px;
        cursor: pointer;
        color: #606060;
        margin-right: 5px;
    }


.navbar-kps .ust-nv .red-rg a {
    color: rgb(16 67 134);
}
/* .sticky + .slide-banner {
  padding-top: 81px;
} */
.navbar-kps .ust-nv li {
    padding: 4px 5px 3px 0px;
    display: inline-flex;
/*    min-width:150px;
*/}

.navbar .navbar-nav {
    margin-top: 8px;
    width: 100%;
    justify-content: space-between;
}

.navbar .nav-item .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 0;
    height: 1px;
    /*  background-color: #cccccc;*/
    transition: ease-in-out 0.3s;
}

.navbar .nav-item .nav-link:hover::before {
    width: 100%;
}

.navbar-toggler:focus {
    box-shadow: none;
}

#navbar a img {
    max-width: 175px;
}

.back {
    width: 50%;
}

.flags img {
    width: 20px;
}

.searchicon {
    float: left;
    margin-top: -20px;
    position: relative;
    top: 26px;
    left: 8px;
    color: white;
    z-index: 2;
}

.extand {
    width: 10%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background: #10314c;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.extand-now {
    width: 100%;
}

.navbar .ust-nv {
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 0;
}


.login-box {
    position: relative;
    margin: 10px auto;
    min-width: 300px;
    padding: 10px;
    border-radius: 3px;
    /* -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.33);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.33); */
}

.lb-header {
    position: relative;
    color: #00415d;
    margin: 5px 5px 10px 5px;
    text-align: center;
    height: 30px;
    position: relative;
    display: flex;
    justify-content: center;
}

    .lb-header a {
        margin: 0;
        padding: 0px 40px;
        text-decoration: none;
        color: #666;
        font-weight: 400;
        font-size: 16px;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
        min-width: 175px;
    }

    .lb-header .active {
        color: #ff7700;
        font-size: 18px;
        border-bottom: 1px solid #ff7700;
    }

.social-login {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #eee;
}

    .social-login a {
        position: relative;
        float: left;
        width: calc(40% - 8px);
        text-decoration: none;
        color: #fff;
        border: 1px solid rgba(0,0,0,0.05);
        padding: 12px;
        border-radius: 2px;
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 3%;
        text-align: center;
    }

        .social-login a i {
            position: relative;
            float: left;
            width: 20px;
            top: 2px;
        }

        .social-login a:first-child {
            background-color: #49639F;
        }

        .social-login a:last-child {
            background-color: #DF4A32;
        }

.email-login, .email-signup {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: center;
}

.u-form-group {
    width: 100%;
    margin-bottom: 10px;
}

    .u-form-group input[type="email"],
    .u-form-group input[type="password"],
    .u-form-group input[type="text"],
    .u-form-group input[type="tel"] {
        width: calc(100% - 22px);
        height: 45px;
        outline: none;
        border: 1px solid #ddd;
        padding: 0 10px;
        border-radius: 2px;
        color: #333;
        font-size: 0.8rem;
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .u-form-group input:focus {
        border-color: #358efb;
    }

    .u-form-group button {
        width: 50%;
        background-color: #ff7700;
        border: none;
        outline: none;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        padding: 14px 0;
        border-radius: 2px;
        text-transform: uppercase;
    }

.forgot-password {
    width: 50%;
    text-align: left;
    text-decoration: underline;
    color: #888;
    font-size: 0.75rem;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    background-color: #f7f7f7;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 25px;
    box-shadow: 0 3px 50px 0 rgb(0 0 0 / 15%);
}

    .sidenav.spr-nav {
        padding-top: 0;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
        color: #000;
        z-index: 99;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

/*arama btn*/


.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.input,
.buttonn {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: normal;
    border: none;
    outline: none;
    max-width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.fill-currentcolor {
    fill: currentcolor;
    color: #fff;
}

.fill-none {
    fill: none;
}

.icon {
    width: 24px;
    height: 24px;
    transition: .3s ease-out;
}

@media (min-width: 768px) {
    .icon {
        width: 32px;
        height: 32px;
    }
}

.buttonn {
    cursor: pointer;
}



.buttonn-open {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    align-content: center;
}

.buttonn-open1 {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    align-content: center;
}


.buttonn-close {
    position: absolute;
    top: 7.5vw;
    right: 7.5vw;
    padding: 0;
    background-color: transparent;
}

.buttonn-close2 {
    position: absolute;
    top: 7.5vw;
    right: 7.5vw;
    padding: 0;
    background-color: transparent;
}

.buttonn-search {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 25px 16px 21px;
}

@media (min-width: 768px) {
    .buttonn-search {
        padding: 30px 48px;
    }
}

.form-search {
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .form-search {
        max-width: 720px;
    }
}

.input-search {
    padding: 26px 16px 25px;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #4c4c4c;
    background-color: #fff;
    box-shadow: 0 0px 0px rgba(160, 160, 160, 0.6), 0 3px 3px rgba(125, 125, 125, 0.4), 0 4px 9px rgba(142, 142, 142, 0.3);
}

@media (min-width: 768px) {
    .input-search {
        padding: 29px 80px 29px 48px;
        font-size: 32px;
    }
}

.input-search::placeholder {
    color: #BFBFBF;
}

.overlay {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    position: fixed;
    z-index: 3;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,242,242,0.8155637254901961) 100%);
    z-index: 99;
}

.overlay {
    align-items: center;
    align-content: center;
}

    .overlay button:focus {
        outline: 0px dotted;
        outline: 0px auto -webkit-focus-ring-color;
    }

.hiding {
    max-height: 0;
    opacity: 0;
    bottom: 0;
    transition: max-height 0.3s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.6s ease-out;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.hiding .buttonn-search,
.hiding .input-search {
    opacity: 0;
}

.hiding .button-search {
    transform: translate3d(0, 33%, 0);
}

.hiding .input-search {
    transform: translate3d(0, 50%, 0);
}

.showing {
    max-height: 100vh;
    top: 0;
    transition: max-height 0.4s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s ease-out;
}

.buttonn-search {
    transition: .4s .6s ease-out;
}

.input-search {
    transition: .8s .3s ease-out;
}

.perde {
    background: transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
}

/*arama btn*/
.banner {
    margin-top: 110px;
    position: relative;
    margin-bottom: 20px;
}

    .banner .open {
        height: 270px;
        width: 100%;
        overflow: hidden;
        display: inherit;
        animation-name: open;
        visibility: visible;
        animation-delay: 0.8s;
    }

    .banner .carousel-item {
        position: relative;
        /* Set a specific height */
        min-height: 500px;
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner .carousel-inner {
        overflow: revert;
    }

@keyframes open {
    from {
        height: 0;
    }
}

.open-one {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 99999;
}

    .open-one .layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform-origin: top;
        animation: open-one 1s ease-in-out forwards;
    }

        .open-one .layer:nth-child(1) {
            background-color: rgb(16, 67, 134);
            z-index: 2;
        }

        .open-one .layer:nth-child(2) {
            background-color: #FF7700;
            opacity: .5;
            animation-delay: 0.2s;
            z-index: 1;
        }

@keyframes open-one {
    0% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(0);
    }
}

.banner .carousel-caption {
    width: 100%;
    right: 0;
    top: 20%;
    left: 0%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: left;
}

.banner .bn-text {
    padding: 30px 36px;
    background: rgba(16,67,134,.9);
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    max-width: 850px;
    margin: auto;
}

.banner .opsions {
    max-width: 850px;
    margin: auto;
}

    .banner .opsions ul {
        display: flex;
        margin-top: 15px;
    }

        .banner .opsions ul li {
            width: 100%;
        }

    .banner .opsions .btn-primary {
        color: #fff;
        background-color: #036eb5;
        border: none;
        background: rgb(3,110,181);
        background: linear-gradient(180deg, rgba(3,110,181,1) 35%, rgba(46,63,129,1) 100%);
        width: 100%;
        border-radius: 3px;
        padding: 5px;
    }

.banner .bn-text span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.075em;
    color: #333;
}

.banner .bn-text .a-title p {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    text-shadow: 0px 5px 8px #0b1621;
}

.banner .bn-text .nav-pills .nav-link {
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    background-color: transparent;
    padding: 5px 0px;
    margin: 0.5rem 1rem;
}

.banner .bn-text .tab-content form {
    position: relative;
}

.banner .bn-text .tab-content .btn {
    cursor: default;
    position: absolute;
    line-height: 1;
    text-align: center;
    top: 0px;
    right: 5px;
    margin: 0em;
    height: 100%;
    width: 2.67142857em;
    opacity: 0.5;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border: none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.banner .bn-text .form-control {
    margin: 0em;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34,36,38,0.15);
    color: rgba(0,0,0,0.87);
    border-radius: 0.28571429rem;
    -webkit-transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    -o-transition: box-shadow 0.1s ease, border-color 0.1s ease;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
    transition: box-shadow 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.banner .bn-text .a-title span {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    padding: 5px 0 0px 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}

.nav-pills .nav-link.active, .nav-pills .show {
    color: #fff;
    font-size: 20px;
    font-weight: 500 !important;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.banner .bn-text .btn-bn {
    text-align: end;
    display: flex;
    justify-content: flex-end;
}

    .banner .bn-text .btn-bn a {
        width: 340px;
        border-left: 1px solid #d9d9d9;
        padding: 20px;
        text-align: left;
        position: relative;
        transform-origin: 50%;
    }

    .banner .bn-text .btn-bn span {
        position: inherit;
        z-index: 9;
        font-size: 16px;
        transition: ease-in-out .3s;
        position: relative;
    }

        .banner .bn-text .btn-bn span::after {
            opacity: 0;
            background: url(../images/img/btn-right.svg);
            z-index: 10;
            content: '';
            width: 24px;
            height: 18px;
            position: absolute;
            right: 0rem;
            transform: translate(150px);
            top: 50%;
            margin-top: -9px;
            -webkit-transition: opacity .3s,-webkit-transform .3s;
            transition: opacity .3s,-webkit-transform .3s;
            transition: transform .3s,opacity .3s;
            transition: transform .3s,opacity .3s,-webkit-transform .3s;
            -webkit-transform-origin: 100% 50%;
            -ms-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
        }

    .banner .bn-text .btn-bn a:hover span::after {
        opacity: 1;
    }

    .banner .bn-text .btn-bn a:hover span::before {
        opacity: 0;
    }

    .banner .bn-text .btn-bn span::before {
        opacity: 1;
        background: url(../images/img/btn-red.svg);
        z-index: 10;
        content: '';
        width: 24px;
        height: 18px;
        position: absolute;
        right: 0rem;
        transform: translate(150px);
        top: 50%;
        margin-top: -9px;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
    }

    .banner .bn-text .btn-bn a:hover span {
        color: #fff;
    }

    .banner .bn-text .btn-bn a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0%;
        width: 0;
        height: 100%;
        background: #d01f43;
        transition: ease-in-out .3s;
        -webkit-transform-origin: inherit;
        -ms-transform-origin: inherit;
        transform-origin: inherit;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
        transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
    }

    .banner .bn-text .btn-bn a:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0%;
        width: 0;
        height: 100%;
        background: #d01f43;
        transition: ease-in-out .5s;
        -webkit-transform-origin: inherit;
        -ms-transform-origin: inherit;
        transform-origin: inherit;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
        transition-timing-function: cubic-bezier(.215,.61,.355,1) !important;
    }

    .banner .bn-text .btn-bn a:hover:after {
        width: 100%;
        opacity: .5;
        -webkit-transition: opacity .2s,-webkit-transform .4s;
        transition: opacity .8s,-webkit-transform .4s;
        transition: transform .4s,opacity .2s;
        transition: transform .4s,opacity .2s,-webkit-transform .4s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .banner .bn-text .btn-bn a:hover::before {
        width: 100%;
        opacity: 1;
        -webkit-transition: opacity .2s,-webkit-transform .4s;
        transition: opacity .2s,-webkit-transform .4s;
        transition: transform .8s,opacity .2s;
        transition: transform .8s,opacity .2s,-webkit-transform .8s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.banner .bn-text p span {
    font-size: 52px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
}

/* canli satis */
.live-sale {
    /*margin-bottom: 100px;*/
}

    .live-sale .live-title {
        background-color: #104386;
        padding: 5px 0px;
        position: relative;
        margin-bottom: 0px;
    }

        .live-sale .live-title .title p {
            padding: 0;
            display: inline-block;
            font-size: 30px;
            font-weight: 600;
            text-shadow: 0px 0px 5px black;
            margin-bottom: 0;
        }

        .live-sale .live-title::after {
            content: "";
            position: absolute;
            left: 48.5%;
            top: 100%;
            width: 0px;
            height: 0px;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-top: 25px solid #104386;
            clear: both;
        }

        .live-sale .live-title .title {
            color: #FFFFFF;
            font-weight: 500;
            margin-bottom: 0px;
        }

        .live-sale .live-title .text p {
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 0;
        }

    .live-sale .card {
        box-shadow: rgb(255 119 0 / 20%) 0px 4px 8px 0px;
        max-width: 320px;
        margin: auto;
        font-family: 'Open Sans', sans-serif;
        margin-top: 50px;
        margin-bottom: 50px;
        max-height: 725px;
        border: 1px solid #ededed;
        border-radius: 15px;
    }

@media only screen and (max-width: 1400px) {
    .form-check-inline {
        margin-right: 0;
    }

    .navbar-kps .ust-nv li {
        padding: 4px 15px 3px 0px;
    }
}

@media only screen and (max-width: 1366px) {
    .live-sale .card {
        max-height: 645px;
    }
}

.live-sale .live-up {
    color: #333;
    text-align: left;
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    position: relative;
}
    .live-sale .live-up:before {
  content: "";
  width: 8px;
  height: 8px;
  background: rgb(0 255 80);
  -webkit-animation: pulse-red 1s linear infinite;
  animation: pulse-red 1s linear infinite;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 2px;
}
    .live-sale .live-up span {
     padding-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: rgb(72, 72, 72);
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 28px;
    letter-spacing: normal;
    line-height: normal;
    margin-top: -5px;
    overflow: hidden;
    padding: 0px 4px;
    text-align: center;
    text-overflow: ellipsis;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 255, 80, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 30px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

.live-sale .card .text-info {
    padding: 10px 16px 10px 16px;
    color: #0B1621 !important;
}

    .live-sale .card .text-info .text-title {
        max-width: 225px;
        margin: auto;
        margin-bottom: 0;
    }

    .live-sale .card .text-info h6 {
        font-size: 15px;
        font-weight:300;
        margin-bottom: 0px;
    }


        .live-sale .card .text-info h6.guncelfyt {
            font-size: 15px;
            font-weight: 300;
            margin-bottom: 0px;
            color: #ee1d54;
        }


    .live-sale .card .text-info .guncel {
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 0px;
        color: #ee1d54;
    }


    .live-sale .card .text-info .piyasa {
        font-size: 15px;
        margin-bottom: 0;
        padding-top: 3px;
    }

    .live-sale .card .text-info .sure {
        font-size: 16px;
        font-weight: 300;
        text-align: center;
    }

    .live-sale .card .text-info h6 a {
        color: #0B1621;
        font-size: 18px;
    }

.live-sale .price {
    font-weight: 300;
    font-size: 15px;
    color: #0B1621
}

.live-sale .price-s {
    font-size: 16px;
    color: #0B1621
}
/** Icon */
.a-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    fill: currentColor;
}

.a-icon__asset {
    display: block;
    width: 100%;
    height: 100%;
}

/** Heart Icon */
.live-sale .card .a-icon--heart {
    opacity: 1;
    transition: ease-in-out .5s;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: linear 0.2s;
    padding: 7px;
    width: 35px;
    height: 35px;
}

.live-sale .card:hover .a-icon--heart {
    opacity: 1;
}

.a-icon--heart {
    color: #525252;
    filter: drop-shadow(0px 1px 3px rgba(128, 128, 128, 0.4));
    cursor: pointer;
    transform: translateZ(0);
    transition: 0.2s ease-in-out transform;
    position: absolute;
    z-index: 9;
    right: 0;
    margin: 0px 8px;
}

    .a-icon--heart .a-icon--heart__stroke {
        fill: rgb(255, 119, 0);
        opacity: 1;
        transform: translateZ(0);
        transition: 0.2s ease-in-out opacity;
    }

    .a-icon--heart .a-icon--heart__fill {
        fill: rgb(255, 119, 0);
        opacity: 0;
        transform: translateZ(0);
        transition: 0.2s ease-in-out opacity;
    }

    .a-icon--heart:hover {
        transform: scale(1.20) translateZ(0);
    }

    .a-icon--heart.is-active {
        -webkit-animation: scale-up 0.25s cubic-bezier(0.77, -0.19, 0.33, 1.12);
        animation: scale-up 0.25s cubic-bezier(0.77, -0.19, 0.33, 1.12);
    }

        .a-icon--heart.is-active .a-icon--heart__stroke {
            opacity: 0;
        }

        .a-icon--heart.is-active .a-icon--heart__fill {
            opacity: 1;
        }

@-webkit-keyframes scale-up {
    50% {
        transform: scale(1.3);
    }
}

@keyframes scale-up {
    50% {
        transform: scale(1.3);
    }
}
/** Utilities */
.hide {
    display: none;
}

.live-sale .p-back {
    /* background-color: rgb(163 193 255);
  box-shadow: rgb(163 193 255 / 20%) 0px 0px 8px 4px; */
    /*  background-color: #ffdab9;*/
    /*  border-radius: 5px;*/
    padding: 3px;
    /*  box-shadow: rgb(255 119 0 / 20%) 0px 0px 8px 4px;*/
    font-weight: 700;
    font-size: 16px;
}

.buttons-href {
    padding: 0px 10px;
    text-align: center;
}

.live-sale .card button {
    border: none;
    outline: 0;
    padding: 8px 15px;
    color: #333;
    background-color: #fe9402;
    /*  background: rgb(195,34,34);
  background: linear-gradient(0deg, rgb(255 64 64) 0%, rgba(255,119,0,1) 100%);*/
    text-align: center;
    cursor: pointer;
    margin: auto;
    font-size: 15px;
    font-weight: 300;
    transition: all 0.5s;
    position: relative;
    width: 62%;
    border-radius: 20px;
}

.btn:focus {
    outline: none;
}

.btn--1 {
    background: #f4e353;
    letter-spacing: 1px;
}

    .btn--1:hover {
        transform: translateY(0px) scale(1.02);
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
    }

.swiper {
    width: 100%;
    height: 180px;
}

.live-sale .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /*width: 255.25px !important;
    margin-right: 20px !important;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .live-sale .swiper-slide img {
        display: block;
        width: 100%;
        height: 180px;
        object-fit: cover;
        user-select: none; /* supported by Chrome and Opera */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        border-radius: 10px;
    }

.swiper-button-next, .swiper-button-prev {
    color: #fff;
    background-color: rgb(0 0 0 / 50%);
    padding: 20px 15px;
    top: 45%;
    opacity: 0;
    transition: ease-in-out .5s;
}

.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
    opacity: 1;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

:root {
    --swiper-navigation-size: 16px !important;
    font-weight: 500;
    --surface-color: #fff;
    --curve: 40;
}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.countdown {
    display: contents;
}

    .countdown h3 {
        margin: 0;
        letter-spacing: 3.5px;
        font-weight: normal;
        padding-bottom: 30px;
        font-size: 30px;
        text-align: center;
    }

        .countdown h3 span {
            padding-left: 25px;
            color: #709386;
        }

.countdown-timer {
    float: right;
    padding: 3px 0;
}

    .countdown-timer > * {
        float: left;
        height: 22px;
        padding: 0px 5px;
        font-size: 20px;
        text-align: center;
    }

.countdown-2 .countdown-timer > * {
    float: left;
    height: auto;
    padding: 15px 12px;
    font-size: 30px;
    text-align: center;
    line-height: 22px;
    margin: 0 5px;
    border-radius: 5px;
    color: #000;
    background-color: #fff;
    margin-right: 10px;
}

.countdown-timer > * span {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.countdown-2 .countdown-timer {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

    .countdown-2 .countdown-timer > * span {
        display: flex;
        width: 100%;
        height: auto;
        align-items: center;
    }

.countdown-timer > * span.pop {
    animation: pop 0.3s forwards;
}

.countdown-timer .yazi {
    padding: 0;
    font-size: 14px;
}

.countdown-timer .hours, .countdown-timer .minutes, .countdown-timer .seconds {
    position: relative;
}

    .countdown-timer .hours::after, .countdown-timer .minutes::after, .countdown-timer .seconds::after {
        content: ":";
        position: absolute;
        font-size: 20px;
        top: 0px;
        right: -2px;
        line-height: normal;
        display: flex;
        height: 100%;
        align-items: end;
    }

.countdown-2 .countdown-timer .hours,
.countdown-2 .countdown-timer .minutes,
.countdown-2 .countdown-timer .seconds {
    position: relative;
    min-width: 55px;
}

    .countdown-2 .countdown-timer .hours::after, .countdown-2 .countdown-timer .minutes::after, .countdown-2 .countdown-timer .seconds::after {
        content: ":";
        position: absolute;
        font-size: 22px;
        top: -12px;
        right: -11px;
        line-height: normal;
        display: flex;
        height: 100%;
        align-items: end;
        color: #000;
    }

.countdown-timer .seconds::after {
    display: none !important;
}

.countdown-2 .countdown-timer .hours::before {
    content: "Saat";
    position: absolute;
    font-size: 12px;
    line-height: initial;
    bottom: -20px;
    letter-spacing: 2px;
    left: 50%;
    transform: translateX(-50%);
    color: #555;
}

.countdown-2 .countdown-timer .minutes::before {
    content: "Dakika";
    font-size: 14px;
    position: absolute;
    font-size: 12px;
    line-height: initial;
    bottom: -20px;
    letter-spacing: 2px;
    left: 50%;
    transform: translateX(-50%);
    color: #555;
}

.countdown-2 .countdown-timer .seconds::before {
    content: "Saniye";
    font-size: 12px;
    position: absolute;
    line-height: initial;
    bottom: -20px;
    letter-spacing: 2px;
    left: 50%;
    transform: translateX(-50%);
    color: #555;
}

.countdown-timer .seconds::after {
    display: none;
}

@keyframes pop {
    0% {
        transform: scale(0.6);
    }

    30% {
        transform: scale(1.1);
    }
}

.daha {
    text-align: center;
}

.kaydet {
    background-color: #ff7701;
    /*  background: rgb(195,34,34);
  background: linear-gradient(0deg, rgb(255 64 64) 0%, rgba(255,119,0,1) 100%);*/
    border: none;
    width: 150px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    margin-top: 50px;
    margin-bottom: 30px;
    overflow: hidden;
    transition: 300ms;
    text-align: center;
}

    .kaydet span {
        position: relative;
    }

    .kaydet:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: -110%;
        transition: 300ms;
        background: rgba(255,255,255,0.3);
        transform: skew(-30deg);
    }

    .kaydet:hover:before {
        left: 110%;
    }

    .kaydet:hover {
        box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

.timeline-header {
    margin-top: 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .timeline-header .pro-im {
        max-width: 60px;
        display: inline-block;
    }

        .timeline-header .pro-im img {
            border-radius: 50%;
        }

    .timeline-header .ratings i {
        color: #FF7700;
    }

    .timeline-header .deger p {
        margin-bottom: 0;
    }

.social-networks {
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

    .social-networks li {
        display: inline-block;
        width: 20%;
    }

        .social-networks li:nth-child(1) {
            margin-right: 5px;
        }

        .social-networks li:nth-child(2) {
            margin-right: 5px;
        }

        .social-networks li:nth-child(3) {
            margin-right: 5px;
        }

    .social-networks a {
        display: block;
        position: relative;
        width: 56%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        /*background-color: rgb(66, 103, 178);*/
        background-color: #ababab;
        color: #efefef;
        margin: 0px;
        border-radius: 25px;
    }

    .social-networks li:nth-child(1) a {
        /*background-color: #4267B2;*/
        /*  background-color: #ababab;*/
        color: #efefef;
    }

    .social-networks li:nth-child(2) a {
        /*background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); */
    }

    .social-networks li:nth-child(3) a {
        /* background-color: #25D366;*/
    }

    .social-networks a i {
        color: #fff;
    }

    .social-networks.bounce a:hover, .social-networks.bounce a:focus {
        animation: bounce 1s;
    }



@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }

    40% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -6px, 0);
    }

    70% {
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -4px, 0);
    }

    90% {
        transform: translate3d(0, -2px, 0);
    }
}

.art-kps .nav-pills .nav-link.active, .art-kps .nav-pills .show {
    color: #000;
}

.art-kps {
    position: relative;
}

    .art-kps .art-title {
        color: #fff;
        background: rgb(239, 239, 239);
        padding: 0;
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0px;
    }

        .art-kps .art-title p {
            display: inline-block;
            width: 49%;
            font-size: 28px;
            margin-bottom: 0;
        }

    .art-kps .days {
        display: flex;
        justify-content: space-between;
        padding: 0;
        margin-top: 10px;
    }

        .art-kps .days li {
            margin-right: 0px;
            display: contents;
            text-align: center;
        }

            .art-kps .days li a {
                color: #ff7701;
                font-size: 16px;
                padding: 8px 12px;
            }

                .art-kps .days li a p {
                    margin-bottom: 0;
                }

            .art-kps .days li .day-active {
                color: #00799c;
                background-color: rgb(239 239 239);
                padding: 8px 12px;
            }

    .art-kps .tkv-kps p {
        display: block;
        width: auto;
        font-size: 28px;
        margin-bottom: 0px;
        color: #fff;
    }

    .art-kps .tkv-kps button {
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: rgb(239 239 239);
        color: #104386;
        border-color: #104386;
        font-size: 18px;
        font-weight: 500;
    }

        .art-kps .tkv-kps button i {
            padding: 0 2px;
            vertical-align: middle;
        }

    .art-kps .nav-item {
        width: 50%;
    }

    .art-kps .nav-link {
        font-size: 28px;
        margin-bottom: 0px;
        border-bottom: 2px solid #104386;
        color: #fff;
        background-color: rgb(16, 67, 134);
        opacity: .7;
        width: 100%;
        border-radius: 0;
    }

    .art-kps #pills-home-tab i {
        animation: fa-spin 2s linear infinite;
        margin-left: 5px;
        margin-right: 5px;
    }

    .art-kps #pills-profile-tab i {
        margin-right: 5px;
    }

    .art-kps .nav-pills .nav-link.active, .art-kps .nav-pills .show {
        font-size: 28px;
        margin-bottom: 0px;
        color: rgb(16, 67, 134);
        background-color: #fff;
        opacity: 1;
        border-bottom: 2px solid #104386;
    }

    .art-kps .art-title p:nth-child(2) {
        text-align: end;
    }

    .art-kps .list-kap {
        background: rgb(239, 239, 239);
        border-radius: 0px;
        margin-bottom: 10px;
        padding: 10px 20px 10px 15px;
    }

        .art-kps .list-kap .list-one p {
            font-size: 20px;
            font-weight: 700;
        }

        .art-kps .list-kap .list-one p {
            font-size: 20px;
            font-weight: 700;
        }

        .art-kps .list-kap .list-two p {
            font-size: 20px;
            font-weight: 700;
        }

        .art-kps .list-kap .list-one .btn-light {
            color: #0B1621;
            background-color: #ffffff;
            border-color: #f8f9fa;
            font-size: 16px;
            border-radius: 5px;
        }

    .art-kps .tab-content .tarih {
        padding: 0px;
        margin-bottom: 15px;
        padding-top: 0;
        display: flex;
        justify-content: center;
        border-bottom: 3px solid rgb(16, 67, 134);
        border-left: 3px solid rgb(16, 67, 134);
        border-right: 3px solid rgb(16, 67, 134);
        flex-wrap: wrap;
    }

    .art-kps .list-kap .list-btn {
        height: auto;
        align-items: center;
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin-top: 10px;
    }

    .art-kps .list-kap ul {
        margin-bottom: 0;
        display: flex;
    }

    .art-kps .list-kap li {
        max-width: 150px;
        margin: auto;
        margin-bottom: 10px;
    }

        .art-kps .list-kap li a img {
            transition: ease-in-out .3s;
        }

        .art-kps .list-kap li a:hover img {
            transform: scale( 1.1);
        }

    .art-kps .list-kap .list-btn button {
        padding: 0.375rem 1.7rem;
    }

    .art-kps .contents {
        background: rgb(16, 67, 134);
        color: rgba(0, 0, 0, .8);
        padding: 20px;
        margin: 0;
    }

    .art-kps .slide-up, .slide-down {
        overflow: hidden
    }

        .art-kps .slide-up > div, .art-kps .slide-down > div {
            margin-top: -25%;
            transition: margin-top 0.4s ease-in-out;
        }

    .art-kps .slide-down > div {
        margin-top: 0;
    }

    .art-kps .trh-sc .title {
        color: #fff;
        font-size: 16px;
        font-weight: 400;
    }

    .art-kps .trh-sc input {
        max-width: 135px;
        border-color: transparent;
        text-align: center;
        background-color: #F7F7F7;
    }

    .art-kps .trh-sc .inp-kps {
        padding: 10px;
        margin-top: 10px;
        background-color: #f7f7f7;
        display: flex;
    }

    .art-kps .trh-sc input:focus {
        border-color: transparent !important;
        outline: 0px;
        outline-color: transparent;
    }

    .art-kps .input-daterange .input-group-addon {
        line-height: 1.6 !important;
    }

    .art-kps .trh-sc .form-control:focus {
        color: #495057;
        background-color: #f7f7f7;
        border: none;
        outline: 0;
        box-shadow: none;
    }

    .art-kps .rezer-title {
        font-size: 22px;
        font-weight: 400;
        color: #333333;
        text-align: center;
        margin-top: 20px;
    }

    .art-kps #trh-dep {
        position: relative;
        margin-top: 30px !important;
        max-width: 275px;
        margin: 0 auto;
    }

.text-sc {
    display: block;
    margin-top: 75px;
    margin-left: -30px;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: .25;
    animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
    to {
        opacity: 1;
    }
}

.art-kps .live-sale .card {
    margin-top: 0;
    border: 0;
}

    .art-kps .live-sale .card button {
        width: 100% !important;
        background: #212529;
    }

    .art-kps .live-sale .card .text-info .text-title {
        max-width: 300px;
        text-align: center;
    }

.art-kps .live-sale .live-up {
    background-color: #fff;
    display: flex;
}

    .art-kps .live-sale .live-up::before {
        margin-top: 6px;
        background: rgb(66 103 178);
        -webkit-animation: pulse-red-2 1s linear infinite;
        animation: pulse-red-2 1s linear infinite;
    }

@keyframes pulse-red-2 {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(66, 103, 178, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 30px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

.art-kps .live-sale .live-up-2::before {
    margin-top: 6px;
    background: rgb(255, 0, 0);
    -webkit-animation: pulse-red-3 1s linear infinite;
    animation: pulse-red-3 1s linear infinite;
}

@keyframes pulse-red-3 {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 30px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}

.art-kps .countdown-timer {
    float: none;
    text-align: center;
    padding: 3px 0px;
    display: flex;
    justify-content: center;
}

.art-kps .live-sale .card .text-info .sure {
    font-size: 16px;
    margin-bottom: 0px;
    background-color: rgb(207 207 207);
    display: inline-block;
    padding: 0 5px;
    border-radius: 4px;
}

.art-kps .swiper-slide .swiper-button-next,
.art-kps .swiper-slide .swiper-button-prev {
    opacity: 0;
}

.art-kps .swiper-slide:hover .swiper-button-next,
.art-kps .swiper-slide:hover .swiper-button-prev {
    opacity: 1;
}

.art-kps #fırsatlar {
    padding-bottom: 40px;
}

#fırsatlar .swiper-pagination {
    bottom: 0px;
}

.points-slider {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: #f0f2f4;
}

    .points-slider .swiper {
        width: 100%;
        height: 100%;
        padding-bottom: 75px;
    }

.points-slider-2 .swiper {
    padding: 0 50px;
}

.points-slider .swip-title {
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    margin: 70px auto;
    max-width: 456px;
    line-height: 32px;
    font-family: 'JetBrains Mono';
}

.points-slider-2 .swiper {
    padding-bottom: 50px;
    max-width: 1500px;
}

.points-slider-2 .swip-title {
    margin: 30px auto;
}

.points-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #f0f2f4;
    color: #848c92;
    font-size: 20px;
    font-weight: 900;
    line-height: .75;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.points-slider .swiper-slide-next {
    color: #5c676e;
}

.points-slider-2 .swiper-slide {
    color: #5c676e;
}

.points-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.points-slider-2 .swiper-slide .text-kps {
    background-color: rgb(255, 255, 255);
    padding: 25px 10px;
    border-radius: 10px;
    width: 100%;
    min-height: 180px;
}

    .points-slider-2 .swiper-slide .text-kps i {
        color: rgb(16, 67, 134);
        transition: ease-in-out .3s;
    }

    .points-slider-2 .swiper-slide .text-kps:hover i {
        color: #ff7700;
    }

.points-slider .swiper-slide .text-kps .big-text {
    font-size: 160px;
    font-weight: 600;
    line-height: .75;
    display: inline-block;
    font-family: "JetBrains Mono";
}

.points-slider-2 .swiper-slide .text-kps .big-text {
    font-size: 36px;
    font-weight: 600;
    line-height: .75;
    display: inline-block;
    font-family: "JetBrains Mono";
}

.points-slider .swiper-slide .text-kps .small-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 3;
}

.points-slider-2 .swiper-slide .text-kps .small-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    padding-top: 20px;
}

@media only screen and (max-width: 1366px) {
    .points-slider .swiper-slide .text-kps .big-text {
        font-size: 120px;
        font-weight: 600;
        line-height: .75;
        display: inline-block;
        font-family: "JetBrains Mono";
    }

    .points-slider .swiper-slide .text-kps .small-text {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.7;
        padding-top: 20px;
    }

    .points-slider-2 .swiper-slide .text-kps .big-text {
        font-size: 30px;
    }

    .points-slider-2 .swiper-slide .text-kps .small-text {
        font-size: 16px;
    }
}
/*-- Yorumlar--- */
.comments-kps {
    background-color: #2c4084;
    padding: 20px 40px;
}

.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 4rem auto;
    padding: 0;
    list-style-type: none;
    max-width: 1400px;
}

.card-1 {
    position: relative;
    display: block;
    height: 100%;
    border-radius: calc(var(--curve) * 1px);
    overflow: hidden;
    text-decoration: none;
    max-width: 300px;
    margin: auto;
}

.card__image {
    width: 100%;
    height: auto;
}

.card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border-radius: calc(var(--curve) * 1px);
    background-color: var(--surface-color);
    background-color: #f4f4f5;
    transform: translateY(100%);
    transition: 0.2s ease-in-out;
}

.card-1:hover .card__overlay {
    transform: translateY(0);
}

.card__overlay .devam {
    font-size: 14px;
    color: #ff7700;
    text-decoration: revert;
}

.card__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5em;
    padding: 1.5em;
    border-radius: calc(var(--curve) * 1px) 40px 0 0;
    background-color: var(--surface-color);
    transform: translateY(-100%);
    transition: 0.2s ease-in-out;
    background-color: #f4f4f5;
    box-shadow: 0px -20px 8px -25px #000;
}

.card__arc {
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 1;
}

    .card__arc path {
        display: none;
        fill: var(--surface-color);
        d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
    }

.card-1:hover .card__header {
    transform: translateY(0);
}

.card__thumb {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.card__title {
    font-size: 1em;
    margin: 0 0 0.3em;
    color: #6a515e;
}

.card__tagline {
    display: block;
    margin: 1em 0;
    font-family: 'Inter', sans-serif;
    font-size: 0.8em;
    color: #d7bdca;
}

.card__status {
    font-size: 0.8em;
    color: #d7bdca;
}

.card__description {
    padding: 0 1.5em 0em;
    margin: 0;
    color: #737373;
    font-family: 'Inter', sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 16px;
}

.comments-kps .yorum-btn {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    float: right;
}

    .comments-kps .yorum-btn:hover {
        text-decoration: revert;
    }

#yorumlar {
    max-width: 1500px !important;
}

.mb-10 {
    margin-bottom: 5rem !important;
}

#yorumlar .swiper-pagination {
    position: revert;
    margin-top: 0px;
}

#yorumlar .swiper-pagination-bullet-active {
    background-color: #FF7700;
}

@media (max-width:1440px) {
    .banner .carousel-caption {
        width: 100%;
        right: 0;
        bottom: 20px;
        left: 0%;
    }
}

@media (max-width:1280px) {
    .banner .carousel-caption {
        width: 100%;
        right: 0;
        bottom: 20px;
        left: 0%;
    }

    .banner .bn-text p {
        font-size: 46px;
    }
}

@media (max-width:1200px) {
    .banner .bn-text p {
        font-size: 44px;
    }
}

@media (max-width:1024px) {
    .banner .bn-text p {
        font-size: 40px;
    }

    .banner .carousel-caption {
        left: 0;
    }

    .hakimizda .col-left .text-life {
        font-size: 45px;
    }
}

@media (max-width:991px) {

    .mb-10 {
        margin-bottom: 10rem !important;
    }

    .art-kps .nav-link {
        font-size: 22px;
    }

    .art-kps .nav-pills .nav-link.active, .art-kps .nav-pills .show {
        font-size: 22px;
    }

    .art-kps .days li a {
        font-size: 18px;
    }

    .art-kps .list-kap {
        text-align: center;
    }

        .art-kps .list-kap ul {
            margin-bottom: 0px;
            display: flex;
            justify-content: center;
            padding: 0;
        }
}

@media (min-width:768px) {
    .navbar .navbar-toggler {
        margin: 15px 0;
    }

    .ust-nv .navbar-toggler {
        display: none;
    }
}

@media (max-width:768px) {
    .hamburger {
        position: absolute !important;
        right: 3%;
        margin-top: 0px;
    }

    #logo {
        padding: 0 15px;
    }

    .ust-nv .navbar-toggler {
        width: 20px;
        height: 40px;
    }

    .art-kps .nav-link {
        font-size: 20px;
    }

    .art-kps .nav-pills .nav-link.active, .art-kps .nav-pills .show {
        font-size: 20px;
    }
}

.dropdown-menu {
    border-top: 1px solid #e0e0e1;
    border-radius: 0;
}

    .dropdown-menu li {
        margin-bottom: 0px;
    }

        .dropdown-menu li a {
            color: #fff;
            transition: ease-in-out .3s;
        }

            .dropdown-menu li a:hover {
                color: #3D998B;
            }

@media all and (min-width: 768px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

        .navbar .megamenu {
            left: 0;
            right: 0;
            width: 100%;
            padding: 15px;
        }

        .navbar .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

    .dropdown-menu .list-unstyled li {
        position: relative;
        z-index: 2;
    }
}
/* ============ only desktop view ============ */
@media all and (min-width: 768px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }

    .navbar .nav-item:hover .nav-link {
        color: #000;
    }

    .navbar .dropdown-menu.fade-down {
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }

    .navbar .nav-item .dropdown-menu {
        min-width: 12rem;
    }
}

@media all and (max-width: 768px) {
    #navbar .nav-item .nav-link {
        font-size: 16px;
    }
}

@media all and (max-width: 767px) {
    .dropdown-menu .list-unstyled {
        margin-top: 20px;
    }

    .dropdown-menu {
        border: 0px solid rgba(0,0,0,.15);
        border-radius: 0;
    }
}

.section_info_item .section_info_img img {
    width: 70px;
    border: 1px solid #A5A5A5;
    padding: 5px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.section_info_item {
    background: #ffffff;
    border-radius: 5px;
    padding: 10px;
}

.section_info .section_info_item .section_info_item_title {
    font-size: 17px;
    color: #333333;
    transition: color .5s;
}

.section_info .section_info_item .section_info_item_txt {
    font-size: 13px;
    color: #999;
    transition: color .5s;
}

.section_info_item img {
    transition: transform .5s;
}

.section_info_item:hover img {
    transform: rotate(360deg);
}

.section_info_item:hover .section_info_item_title,
.section_info_item:hover .section_info_item_txt {
    color: #ff7700;
}

.section_info_item .section_info_item_title {
    font-size: 16px;
    color: #333333;
    transition: color .5s;
}

.section_info_item .section_info_item_txt {
    font-size: 14px;
    color: #999;
    transition: color .5s;
}


/* Footer  */
.footer {
    background-color: #f4f4f5;
    padding: 40px 0 20px 0;
    font-weight: 400;
    color: #737373;
}

    .footer .navbar-brand img {
        max-width: 150px;
    }

    .footer .t5 {
        border-right: 1px #dddddd solid;
    }

    .footer .navbar-brand {
        color: #e34a49;
        font-weight: bold;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
    }

    .footer .container-fluid .navbar-brand span:nth-child(3) {
        font-family: "Roboto Slab", sans-serif;
        color: #154156;
        font-weight: 800;
    }

    .footer .container-fluid ul {
        display: flex;
        justify-content: flex-end;
    }

        .footer .container-fluid ul li:nth-child(1) {
            color: #333;
            font-weight: 500;
        }

        .footer .container-fluid ul li a {
            color: #737373;
            position: relative;
            transition: ease-in-out 0.3s;
        }

            .footer .container-fluid ul li a::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0%;
                width: 0;
                height: 1px;
                background-color: #cccccc;
                transition: ease-in-out 0.3s;
            }
            .footer .container-fluid ul li a:hover {
                color: #333;
            }
                .footer .container-fluid ul li a:hover::before {
                    width: 100%;
                }

    .footer .social i {
        font-size: 16px;
        color: #737373;
        padding: 0 5px 20px 5px;
    }

    .footer .sira2 {
        padding: 10px 0 10px 0;
    }

    .footer .social-networks li {
        width: 50px;
    }

    .footer a {
        /*color: #737373;
        text-decoration: none;*/
        color: rgba(72, 72, 72, .6);
        font-size: 10px;
        font-weight: 500;
    }

    .footer .t5,
    .t6,
    .t7,
    .t8,
    .t9,
    .t10,
    .t11,
    .t12,
    .t13,
    .t14 {
        border-bottom: 1px #dddddd solid;
    }

    .footer .container-fluid .row:nth-child(2) h6 {
        color: #333;
        font-weight: 500;
    }

    .footer .sira3 {
        margin: -20px 0 0 -15px;
    }

/* Mobile Footer */
@media (max-width: 767px) {
    .footer {
        margin: -2px 0 0 0;
    }

        .footer .sira2 {
            padding: 15px 0 40px 0 !important;
        }

        .footer .t11,
        .t12,
        .t13 {
            padding-top: 15px;
        }
}

/* kurumsal */

.banner .ban-kurum-txt {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    overflow: hidden;
}

    .banner .ban-kurum-txt .title {
        padding-left: 15px;
        visibility: visible;
        animation-delay: 1s;
        text-shadow: 0px 3px 3px rgb(0 0 0 / 70%);
        font-size: 5rem;
        font-weight: 400;
        font-family: "Playfair Display", sans-serif;
        color: #fff;
        position: absolute;
        top: 41%;
        left: 30%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        height: 60%;
    }

        .banner .ban-kurum-txt .title::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0%;
            top: 0;
            width: 2px;
            height: 235px;
            background-color: #fff;
            transition: ease-in-out 0.3s;
            box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
        }

.scroll-spy {
    background-color: #fff;
}

    .scroll-spy .nv-color {
        background-color: #f3f3f3;
    }

    .scroll-spy .container-f {
        max-width: 1500px;
        margin: auto;
        padding: 0 25px;
    }

    .scroll-spy .spy-content {
        margin-top: 25px;
        padding-bottom: 100px;
    }

.spy-content .section-head {
    font-size: 45px;
    font-weight: 300;
    font-family: 'Josefin Sans', sans-serif;
    margin-top: 50px;
    margin-bottom: 25px;
}

#navbar_1 .nav-item {
    position: relative;
    margin: 15px 15px;
}

    #navbar_1 .nav-item a {
        padding: 0;
        font-size: 1rem;
        color: #737373;
    }

.spy-content .card-art .card-img {
    overflow: hidden;
    max-height: 475px;
}

.spy-content .card-art .zoom img {
    transition: 1.5s;
    width: 100%;
    height: 475px;
    object-fit: cover;
}

.spy-content .card-art .zoom:hover img {
    transform: scale(1.1);
}

.spy-content .card-art .card-text {
    padding: 15px;
    background-color: #f7f7f7;
}

    .spy-content .card-art .card-text span {
        font-size: 14px;
        font-weight: 400;
        color: #333;
        font-family: 'Josefin Sans', sans-serif;
    }

    .spy-content .card-art .card-text .title {
        font-size: 30px;
        color: #000;
        font-family: 'Josefin Sans', sans-serif;
        margin: 5px 0;
    }

    .spy-content .card-art .card-text p {
        color: #737373;
        font-family: 'Josefin Sans', sans-serif;
        font-size: 16px;
    }

@media (max-width: 575px) {
    .banner .ban-kurum-txt .title {
        font-size: 4rem;
        top: 41%;
        left: 15%;
    }

    .art-kps .nav-link {
        font-size: 18px;
    }

    .art-kps .nav-pills .nav-link.active, .art-kps .nav-pills .show {
        font-size: 18px;
    }

    .art-kps .days li a {
        font-size: 14px !important;
    }

    .art-kps .days {
        display: flex;
        justify-content: space-evenly;
        padding: 0px;
        flex-wrap: wrap;
    }

        .art-kps .days li {
            margin-right: 5px;
        }

    .navbar-kps .ust-nv .arama-buton {
        padding: 0 !important;
    }

    .navbar-kps .ust-nv .red-rg {
        padding-right: 10px;
    }

    .dropdown-menu .list-unstyled {
        margin-top: 45px;
    }
}

@media (max-width: 320px) {
    .navbar-kps .btn-mobill {
        margin-left: 20px;
    }
}

/* visit */
.vist-kps {
    background-color: #fff;
    margin-top: 150px;
}

.ks-menu {
    position: relative;
    width: 100%;
    background-color: #f3f3f3;
    height: 60px;
    z-index: 19;
    margin: auto;
    margin-bottom: 50px;
}

    .ks-menu .menu-xxx {
        position: absolute;
        z-index: 19;
    }

        .ks-menu .menu-xxx ul {
            margin: 18px 0px;
        }

        .ks-menu .menu-xxx li {
            display: inline-block;
        }

            .ks-menu .menu-xxx li a {
                font-size: 1rem;
                color: #737373;
                font-weight: 400;
                padding: 5px;
                font-family: 'Josefin Sans', sans-serif;
            }

                .ks-menu .menu-xxx li a:hover {
                    background-color: #efefef;
                }

        .ks-menu .menu-xxx .activation a {
            color: #7C7C7C;
        }

        .ks-menu .menu-xxx li i {
            color: #a0a0a0;
            font-size: 16px;
        }

    .ks-menu .bn-text {
        position: absolute;
        margin-top: 125px;
        font-size: 34px;
        font-weight: 700;
        color: #fff;
        z-index: 19;
        font-family: 'Open Sans', sans-serif;
    }

.vist-kps .container-f {
    max-width: 1500px;
    margin: auto;
    padding: 0 25px;
}

.vist-kps .solmenu {
    margin-bottom: 75px;
}

    .vist-kps .solmenu li {
        padding: 15px 0;
        border-top: 1px solid #d9d9d9;
    }

    .vist-kps .solmenu a {
        padding-left: 1rem;
        color: #737373;
        font-weight: 400;
    }

.vist-kps .vst-title {
    position: relative;
}

    .vist-kps .vst-title p:nth-child(1) {
        font-size: 28px;
        font-weight: 400;
        line-height: 1.2;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    .vist-kps .vst-title p:nth-child(2) {
        text-align: center;
    }

    .vist-kps .vst-title p span {
        font-size: 16px;
        color: #737373;
        font-family: 'Josefin Sans', sans-serif;
    }

.vist-kps .vst-text p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Playfair Display", sans-serif;
    line-height: 1.8;
    margin-bottom: 50px;
}

@media (max-width: 992px) {
    .vst-ban .ban-kurum-txt .title {
        font-size: 4rem;
    }
}

@media (max-width: 475px) {
    .vst-ban .ban-kurum-txt .title {
        font-size: 2.5rem;
        left: 10%;
    }

    .vist-kps .vst-title p:nth-child(1) {
        font-size: 22px;
    }
}

/* contact */

.contact-banner {
    height: 300px;
}

    .contact-banner .ban-contact-txt .title {
        padding-left: 15px;
        visibility: visible;
        animation-delay: 1s;
        font-size: 4rem;
        text-shadow: 0px 3px 3px rgb(90 90 90 / 50%);
        font-weight: 300;
        font-family: "Playfair Display", sans-serif;
        color: #000;
        position: absolute;
        top: 41%;
        left: 20%;
        transform: translate(-50%, -50%);
        overflow: hidden;
    }

.vist-kps .g-img-kps {
    padding-bottom: 50px;
}

    .vist-kps .g-img-kps .g-img {
        margin-bottom: 30px;
    }

.g-img-kps .g-img .zoom-img {
    overflow: hidden;
    max-height: 225px;
}

.g-img-kps .zoom-img img {
    transition: 1.5s;
    width: 100%;
    object-fit: cover;
}

.g-img-kps .zoom-img:hover img {
    transform: scale(1.1);
}

.tesis-kps .tesis-text {
    padding-bottom: 50px;
}

    .tesis-kps .tesis-text p {
        font-size: 18px;
        color: #737373;
        font-family: 'Josefin Sans', sans-serif;
    }
/* -------iletisim-------- */
.contact {
    padding-top: 80px;
    padding-bottom: 71px;
    background-color: #fff;
}

    .contact .adres {
        margin-bottom: 50px;
    }

        .contact .adres li {
            padding: 20px 0;
            border-bottom: 1px solid #E4E4E4;
        }

            .contact .adres li span {
                font-size: 20px;
                font-weight: 300;
                color: #242C39;
                padding-left: 20px;
            }

            .contact .adres li i {
                font-size: 20px;
                color: #828282;
                padding: 0 10px;
            }

    .contact li:nth-child(1) {
        background-color: #F7F7F7;
        padding: 10px 0;
        border: none;
    }

    .contact li a {
        color: #242C39;
        float: right;
        background-color: white;
        padding: 3px 5px 3px 0px;
        margin-right: 10px;
    }

        .contact li a i {
            color: #2768A5 !important;
            font-size: 24px !important;
        }

.iletisim-form {
    margin-bottom: 50px;
    background-color: #F7F7F7;
}

    .iletisim-form .iletisim-baslik {
        font-size: 20px;
        font-weight: 300;
        color: #242C39;
        padding: 15px 0 40px 15px;
    }

.contact .form-control {
    display: block;
    width: 100%;
    height: calc(2em + .75rem + 10px);
    padding: 0.375rem 25px;
    font-size: 15px;
    font-weight: 300;
    line-height: 2.7;
    color: #242C39;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.5px solid rgb(234, 234, 234);
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .contact .form-control::placeholder {
        color: #242C39;
        opacity: 1;
    }

.contact-button-2 {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    color: white;
    border: 1px solid #343434;
    padding: 12px 50px;
    background-color: #343434;
}

.back-to-top {
    position: fixed;
    left: 20px;
    bottom: 35px;
    color: #e44800;
    font-size: 35px;
    z-index: 9;
    display: none;
}


/* sayac ayarları */
#mask {
    z-index: 2;
}

.clearfix {
    clear: both;
}

#page {
    margin: 0 auto;
    width: auto;
}

#container {
    opacity: 0.9;
}

#usage li {
    position: relative;
    margin: 5px 0;
    padding: 10px;
    color: #222;
    background: #fff;
}

#usage code {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    color: #eee;
    border: 1px solid #333;
    background: #000;
}

/*
 * flipclock
 * Version: 1.0.0 
 * Authors: @gokercebeci
 * Licensed under the MIT license
 * Demo: http://
*/

/*==============================================================================
    FLIP CLOCK
==============================================================================*/

.flipclock hr {
    position: absolute;
    left: 0;
    top: 65px;
    width: 100%;
    height: 3px;
    border: 0;
    background: #000;
    z-index: 10;
    opacity: 0;
}

ul.flip {
    position: relative;
    float: left;
    margin: 3px;
    padding: 0;
    width: 30%;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

    ul.flip li {
        float: left;
        margin: 0;
        padding: 0;
        width: 49%;
        height: 100%;
        -webkit-perspective: 200px;
        list-style: none;
    }

        ul.flip li.d1 {
            float: right;
        }

        ul.flip li section {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

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

        ul.flip li div {
            z-index: 1;
            position: absolute;
            left: 0;
            width: 100%;
            height: 49%;
            overflow: hidden;
        }

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

            ul.flip li div.up {
                -webkit-transform-origin: 50% 100%;
                top: 0;
            }

            ul.flip li div.down {
                -webkit-transform-origin: 50% 0%;
                bottom: 0;
            }

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

            ul.flip li div.up div.inn {
                top: 0;
            }

            ul.flip li div.down div.inn {
                bottom: 0;
            }

/*--------------------------------------
 PLAY
--------------------------------------*/

body.play ul section.ready {
    z-index: 3;
}

body.play ul section.active {
    -webkit-animation: index 0.5s 0.5s linear both;
    z-index: 2;
}

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

    5% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

body.play ul section.active .down {
    z-index: 2;
    -webkit-animation: flipdown 0.5s 0.5s linear both;
}

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

    80% {
        -webkit-transform: rotateX(5deg);
    }

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

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

body.play ul section.ready .up {
    z-index: 2;
    animation: flipup 0.5s linear both;
    -webkit-animation: flipup 0.5s linear both;
}

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

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

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

/*--------------------------------------
 SHADOW
--------------------------------------*/

body.play ul section.ready .up .shadow {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 1)) );
    background: linear-gradient( top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100% );
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100% );
    -webkit-animation: show 0.5s linear both;
}

body.play ul section.active .up .shadow {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 1)) );
    background: linear-gradient( top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100% );
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 1) 100% );
    -webkit-animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/

body.play ul section.ready .down .shadow {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0.1)) );
    background: linear-gradient( top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100% );
    background: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100% );
    -webkit-animation: show 0.5s linear both;
}

body.play ul section.active .down .shadow {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0.1)) );
    background: linear-gradient( top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100% );
    background: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 100% );
    -webkit-animation: hide 0.5s 0.3s linear both;
}

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

    90% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

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

    80% {
        opacity: 0.2;
    }

    100% {
        opacity: 0;
    }
}


/* -----urun-detay------- */
.dtl-kps {
    margin-top: 25px;
}

.tabs-menu {
    display: flex;
    padding-left: 0;
}

    .tabs-menu li {
        margin-right: 12px;
    }

        .tabs-menu li a {
            color: #565b60;
        }

            .tabs-menu li a:hover {
                text-decoration: revert;
                color: #036eb5;
            }

        .tabs-menu li i {
            font-size: 14px;
            color: #565b60;
        }

.dtl-kps .main-wrapper .titlex {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
}

.dtl-kps .demo {
    max-width: 850px;
    margin: 5px auto;
}

#lightSlider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom: 0;
}

.lSPager img {
    border: 1px solid #d9d9d9;
}

.dtl-kps li {
    display: block;
    float: left;
    cursor: pointer;
}

.dtl-kps img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: auto;
    max-height: 500px;
    outline: transparent;
}

.lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.5;
}

.lSAction > a {
    background-image: url(../images/img/controls.png);
}

.dtl-kps .lSSlideOuter .lSAction {
    opacity: 0;
    transition: ease-in-out .5s;
}

.dtl-kps .lSSlideOuter:hover .lSAction {
    opacity: 1;
}

.dtl-kps .lSSlideOuter .lSAction {
    opacity: 0;
    transition: ease-in-out .5s;
}

.dtl-kps .lSSlideOuter .lSPager.lSGallery li.active {
    opacity: 1;
}

.dtl-kps .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li {
    border-radius: 0;
}

    .dtl-kps .lSPager.lSGallery li.active:hover, .lSSlideOuter .lSPager.lSGallery li:hover {
        border-radius: 0;
    }

.dtl-kps .dtl-kps.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 64px;
    max-width: 100%;
}

.dtl-kps .dty-sure {
    border: 1px solid #d2d9e1;
    margin-bottom: 50px;
    position: sticky;
    top: 20px;
}

    .dtl-kps .dty-sure .social-networks {
        margin: 15px 0px 45px;
        padding: 0;
        text-align: center;
    }

        .dtl-kps .dty-sure .social-networks li {
            display: block;
            width: 24%;
        }

@media only screen and (max-width: 1400px) {
    .dtl-kps .dty-sure .social-networks li {
        width: 23.75%;
    }
}

@media only screen and (max-width: 1200px) {
    .dtl-kps .dty-sure .social-networks li {
        width: 23.5%;
    }
}

.dtl-kps .sure-box-2 {
    text-align: center;
    background-color: #f0f1f5;
    border-bottom: 4px solid #d2d9e1;
    padding: 1rem;
    font-family: 'Inter', sans-serif;
}

    .dtl-kps .sure-box-2 .countdown {
        display: inline-flex;
    }

    .dtl-kps .sure-box-2 .sure {
        font-weight: 500;
        font-size: 22px;
        margin-bottom: 0;
    }

    .dtl-kps .sure-box-2 p {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 0;
        margin-top: 10px;
    }

.dtl-kps .sure-box-3 {
    padding: 1.25rem 1rem;
    border-bottom: 0.0625rem solid rgba(34,34,34,0.16);
    font-family: 'Inter', sans-serif;
}

    .dtl-kps .sure-box-3 h5 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .dtl-kps .sure-box-3 h6 {
        display: flex;
        justify-content: space-between;
    }

    .dtl-kps .sure-box-3 span {
        position: absolute;
        left: 50%;
        font-weight: 600;
    }

    .dtl-kps .sure-box-3 p:nth-last-child(2) {
        margin-top: 5px;
    }

    .dtl-kps .sure-box-3 p {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        line-height: 2;
        margin-bottom: 0;
    }

    .dtl-kps .sure-box-3 .nkl {
        font-size: 14px;
        font-weight: 300;
        color: #919397;
    }

    .dtl-kps .sure-box-3 .s-tklf {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .dtl-kps .sure-box-3 .h-tklf {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .dtl-kps .sure-box-3 .list-btn {
        height: 100%;
        align-items: center;
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }

        .dtl-kps .sure-box-3 .list-btn button {
            width: 31%;
            border-radius: 0;
            background-color: rgb(16, 67, 134);
            border-color: rgb(16, 67, 134);
        }


.dtl-kps .search-1 {
    margin-top: 0px;
}

    .dtl-kps .search-1 form {
        display: flex;
    }

    .dtl-kps .search-1 input {
        margin: 0 auto;
        width: 100%;
        max-width: 700px;
        height: 40px;
        padding: 0 10px;
        font-size: 16px;
        font-weight: 400;
        color: #ADADAD;
        border: 0px solid #D6D6D6;
        outline: none;
        transition: ease-in-out .3s;
        border-radius: 0px;
        display: inline-block;
        background-color: #f0f1f5;
    }

        .dtl-kps .search-1 input::placeholder {
            font-size: 16px;
            font-weight: 500;
            color: #515151;
        }

    .dtl-kps .search-1 select option {
        font-size: 16px;
        font-weight: 500;
        color: #515151;
    }

.search-1 .form-control:focus {
    color: #000;
    font-weight: 400;
    background-color: #fff;
    border-color: #b6e4c1;
    outline: 0;
}

.dtl-kps .search-1 button {
    display: inline-block;
}

.dtl-kps .search-1 .btn {
    color: #fff;
    border-color: transparent;
    height: 50px;
    background-color: rgb(16, 67, 134);
    border-color: rgb(16, 67, 134);
    padding: 0.375rem 0rem;
    margin-left: 0px;
    font-size: 24px;
    width: 100%;
    border: none;
    outline: 0;
    padding: 8px 15px;
    color: #FFFFFF;
    background-color: #FF7700;
    background: rgb(195,34,34);
    background: linear-gradient( 0deg, rgb(255 64 64) 0%, rgba(255,119,0,1) 100%);
    transition: ease-in-out .5s;
}

    .dtl-kps .search-1 .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgb(40, 167, 69, 15%);
    }

.dtl-kps .table-box-4 {
    padding: 0.25rem 0rem;
    font-family: 'Open Sans', sans-serif;
}

    .dtl-kps .table-box-4 .history__unit th {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

.modal-backdrop {
    display: none !important;
}

.teklif-modal .modal-content {
    max-height: 450px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #ccc;
    border-radius: 0;
}

.dtl-kps .table td, .dtl-kps .table th {
    padding: 10px 0px;
    vertical-align: top;
    border-top: 0px solid #000;
    border-bottom: 1px solid #dee2e6;
}

    .dtl-kps .table tr:first-child {
        padding: 10px 0px;
        vertical-align: top;
        border-top: 0px solid #000;
        border-bottom: 1px solid #dee2e6;
        color: #ff7700;
        font-size: 20px;
    }

.dtl-kps .table-box-4 .btn:hover {
    text-decoration: underline;
}

.dtl-kps .table-box-4 .modal-footer {
    border-top: 0;
    padding-top: 0;
}


.tablo-features .table-title {
    display: block;
    margin: auto;
    max-width: 600px;
    padding: 5px;
    width: 100%;
}

    .tablo-features .table-title h3 {
        color: #000;
        font-size: 30px;
        font-weight: 400;
        font-style: normal;
        font-family: "Roboto", helvetica, arial, sans-serif;
        text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
        text-transform: uppercase;
    }


/*** Table Styles **/

.tablo-features .tablo-features .table-fill {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation: float 5s infinite;
}

.tablo-features table th {
    color: #D5DDE5;
    ;
    background: rgb(16, 67, 134);
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 23px;
    font-weight: 500;
    padding: 15px !important;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.tablo-features th:first-child {
    border-top-left-radius: 3px;
}

.tablo-features th:last-child {
    border-top-right-radius: 3px;
    border-right: none;
}

.tablo-features tr {
    border-top: 1px solid #C1C3D1;
    border-bottom: 1px solid #C1C3D1;
    color: #666B85;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

    .tablo-features tr:hover td {
        background: #4E5066;
        color: #FFFFFF;
        border-top: 1px solid #22262e;
    }

    .tablo-features tr:first-child {
        border-top: none;
    }

    .tablo-features tr:last-child {
        border-bottom: none;
    }

    .tablo-features tr:nth-child(odd) td {
        background: #EBEBEB;
    }

    .tablo-features tr:nth-child(odd):hover td {
        background: #4E5066;
    }

    .tablo-features tr:last-child td:first-child {
        border-bottom-left-radius: 3px;
    }

.tablo-features .table > :not(:last-child) > :last-child > * {
    width: 50%;
}

.tablo-features tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

.tablo-features td {
    background: #FFFFFF;
    padding: 10px 15px !important;
    text-align: left;
    vertical-align: middle;
    font-weight: 400;
    font-size: 18px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    border-right: 1px solid #C1C3D1;
}

    .tablo-features td:last-child {
        border-right: 0px;
    }

.tablo-features th.text-left {
    text-align: left;
}

.tablo-features th.text-center {
    text-align: center;
}

.tablo-features th.text-right {
    text-align: right;
}

.tablo-features td.text-left {
    text-align: left;
}

.tablo-features td.text-center {
    text-align: center;
}

.tablo-features td.text-right {
    text-align: right;
}


.modal-window {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

    .modal-window:target {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .modal-window > div {
        width: 400px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 2em;
        background: white;
        box-shadow: 0px 0px 5px 0px #ccc;
        z-index: 1500;
    }

.model-x {
    z-index: inherit;
}

.modal-window header {
    font-weight: bold;
}

.modal-window h1 {
    font-size: 150%;
    margin: 0 0 15px;
}

.modal-close {
    color: #aaa;
    line-height: 50px;
    font-size: 80%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
    text-decoration: none;
}

    .modal-close:hover {
        color: black;
    }



/* slide-banner */
.slide-banner {
    margin-top: 0;
}

.seq {
    position: relative;
    background: #D9D9D9 url("../images/img/back.jpg") no-repeat;
    background-position: 0% 100%;
    background-size: cover;
    /* Dimensions */
    height: 360px;
    width: 100%;
    /* Hide anything that goes beyond the boundaries of the Sequence container */
    overflow: hidden;
    /* Center the Sequence container on the page */
    margin: 0 auto;
    padding: 0;
}

    .seq .seq-preloader {
        background: #D9D9D9;
    }

    .seq .seq-screen,
    .seq .seq-canvas,
    .seq .seq-canvas > * {
        /* Reset the canvas and steps for more browser consistency */
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        list-style: none;
    }

        .seq .seq-canvas > * {
            position: absolute;
        }

    .seq.seq-fallback .seq-canvas {
        width: 100%;
    }

    .seq.seq-fallback .seq-pagination li {
        position: relative;
    }

        .seq.seq-fallback .seq-pagination li img {
            border: none;
        }

        .seq.seq-fallback .seq-pagination li a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .seq.seq-fallback .seq-next:focus,
        .seq.seq-fallback .seq-next:hover,
        .seq.seq-fallback .seq-prev:focus,
        .seq.seq-fallback .seq-prev:hover,
        .seq.seq-fallback .seq-pagination li:focus,
        .seq.seq-fallback .seq-pagination li:hover {
            top: -4px;
        }

    .seq .seq-canvas {
        overflow: hidden;
        position: relative;
        display: block;
        margin: 0 auto;
    }

    .seq .seq-nav,
    .seq .seq-pagination {
        /* Hide navigation when JS is disabled */
        display: none;
    }

    .seq.seq-active .seq-nav {
        /* Show navigation and pagination if JS is enabled */
        display: block;
    }

    .seq .seq-nav {
        /* Styles for next/previous buttons and pagination */
        position: absolute;
        z-index: 10;
        top: 50%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        pointer-events: none;
        border: none;
    }

    .seq .seq-next,
    .seq .seq-prev {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        width: 25px;
        height: 47px;
        border: none;
        cursor: pointer;
        pointer-events: auto;
        transition-duration: .2s;
        transform: translate3d(0, 0, 0);
        /* Image replacement */
        border: 0;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
    }

    .seq .seq-next {
        right: 20px;
        background: url("../images/img/bt-next.png");
    }

        .seq .seq-next:focus,
        .seq .seq-next:hover {
            transform: translate3d(4px, 0, 0);
        }

    .seq .seq-prev {
        left: 20px;
        background: url("../images/img/bt-prev.png");
    }

        .seq .seq-prev:focus,
        .seq .seq-prev:hover {
            transform: translate3d(-4px, 0, 0);
        }

    .seq .seq-model,
    .seq .seq-title {
        position: absolute;
    }

    .seq .seq-title {
        bottom: 5%;
        margin: 0 2.5%;
        width: 95%;
    }

    .seq .seq-model {
        bottom: 15%;
        height: 81%;
        width: 100%;
        max-height: 568px;
    }

        .seq .seq-model img {
            max-height: 568px;
            display: block;
            height: 100%;
            width: auto;
            margin: 0 auto;
            opacity: 0;
            transform: translate3d(60px, 0, 0);
            transition-duration: .3s;
            transition-property: transform, opacity;
            transition-timing-function: ease-out !important;
        }

    .seq .seq-title br {
        display: none;
    }

    .seq .seq-title h2,
    .seq .seq-title h3 {
        display: block;
        width: 98%;
        vertical-align: middle;
        text-align: center;
        margin: 0;
        opacity: 0;
        font-size: 16px;
        transition-duration: .3s;
        transition-property: opacity;
    }

.slide-banner .buttons-href {
    text-align: left;
}

    .slide-banner .buttons-href .btn {
        transition: ease-in-out .3s;
        background: linear-gradient(0deg, rgb(255, 64, 64) 0%, rgb(255, 119, 0) 100%);
        color: #fff;
        width: 200px;
        margin-top: 20px;
        font-size: 20px;
    }

.seq .seq-title h2 {
    padding: .2em 1%;
    font-family: 'Oxygen', sans-serif;
    color: white;
    background: #104386;
    float: left;
}

.seq .seq-title h3 {
    display: none;
    clear: left;
}

.seq .seq-in .seq-model img {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.seq .seq-in .seq-title h2,
.seq .seq-in .seq-title h3 {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.seq .seq-out .seq-model img {
    transform: translate3d(-60px, 0, 0);
    opacity: 0;
}

.seq .seq-out .seq-title h2,
.seq .seq-out .seq-title h3 {
    transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 640px) {
    .seq {
        /* Make the container 16:9 but no bigger than 90% of the screen height */
        position: relative;
        height: auto;
        height: 100%;
        max-height: 70vh;
        min-height: 360px;
        /* Move the background radial to the left */
        background-position: 50% 100%;
    }

        .seq:before {
            /* Make an element a certain aspect ratio */
            display: block;
            content: "";
            width: 100%;
            padding-top: 56.25%;
        }

        .seq .seq-screen {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .seq .seq-canvas > *:before {
            /* Vertically align the content using a :before element */
            content: "";
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

        .seq .seq-model,
        .seq .seq-title {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin: 0 5% 0 2.5%;
        }

        .seq .seq-model {
            top: 0;
            bottom: 0;
            width: 45%;
            margin-left: 5%;
        }

            .seq .seq-model img {
                float: right;
                opacity: 0;
                transform: translate3d(60px, 0, 0);
                transition-property: transform, opacity;
            }

        .seq .seq-title {
            bottom: 0;
            width: 35%;
            margin-right: 5%;
        }

            .seq .seq-title h2,
            .seq .seq-title h3 {
                display: inline-block;
                width: auto;
                margin: 0;
                opacity: 0;
                text-align: left;
                font-size: 26px;
                transition-duration: .3s;
                transition-property: transform, opacity;
            }

            .seq .seq-title h2 {
                margin-bottom: .4em;
                padding: .2em .6em;
                font-family: 'Oxygen', sans-serif;
                color: white;
                background: #104386;
                transform: translate3d(-120px, 0, 0);
                font-size: 34px;
            }

            .seq .seq-title h3 {
                display: block;
                font-family: 'Source Sans Pro', sans-serif;
                transform: translate3d(120px, 0, 0);
            }

        .seq .seq-in .seq-model img {
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }

        .seq .seq-out .seq-model img {
            transform: translate3d(-60px, 0, 0);
        }
}

@media only screen and (min-width: 992px) {
    .hesabim_sol_menu {
        margin-bottom: 450px;
    }

    .sip_solmenu {
        margin-bottom: 275px;
    }
}

@media only screen and (min-width: 768px) {
    .seq.seq-active .seq-pagination {
        /* Show navigation and pagination if JS is enabled */
        display: block;
    }

    .seq .seq-pagination {
        pointer-events: none;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10;
        bottom: 5px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: right;
    }

        .seq .seq-pagination li {
            display: inline-block;
            list-style: none;
            margin: 0 10px;
            padding: 0;
            cursor: pointer;
        }

            .seq .seq-pagination li img {
                opacity: .4;
                pointer-events: auto;
                transform: translate3d(0, 0, 0);
                transition-duration: .2s;
                transition-property: transform, opacity;
            }

            .seq .seq-pagination li.seq-current img {
                opacity: 1;
            }

            .seq .seq-pagination li:focus img,
            .seq .seq-pagination li:hover img {
                transform: translate3d(0, -4px, 0);
            }
}

@media only screen and (min-width: 860px) {
    .seq .seq-model {
        margin-left: 10%;
        width: 40.5%;
    }

    .seq .seq-title {
        width: 30.5%;
        margin-right: 5%;
    }

        .seq .seq-title br {
            display: inline-block;
        }
}

@media only screen and (min-width: 1020px) {
    .seq .seq-model {
        margin-left: 5%;
        width: 40.5%;
    }

    .seq .seq-title {
        width: 40.5%;
        margin-right: 5%;
    }
}

@media only screen and (min-width: 1120px) {
    .seq .seq-model {
        margin-left: 0;
        width: 45%;
    }

    .seq .seq-title {
        width: 45.5%;
        margin-right: 0;
    }
}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {

    .seq .seq-next {
        background: url("../images/img/bt-next.png");
    }

    .seq .seq-prev {
        background: url("../images/img/bt-prev.png");
    }
}


.nasil-kps {
    margin-top: 0px;
}

/* Navbar - Progress Bar */
.navbar-left {
    position: fixed;
    top: 50%;
    height: 170px;
    z-index: 1;
    margin-top: 0;
    transform: translate(0%, -50%);
}

.nasil-kps .nasil-txt {
    margin-top: 0px;
}

.progress-bar {
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(16, 67, 134, 0.5);
}

.progress-bar--increment {
    background-color: #ff6219;
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 0;
    border-radius: 5px;
}

.progress-bar--circle {
    position: absolute;
    top: 6px;
    left: -22px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: rgba(16, 67, 134, 0.8);
    transition: all 0.1s;
    border: 2px solid #fff;
}

    .progress-bar--circle.active {
        background-color: #ff6219;
    }

.navbar-left ul {
    padding: 0 1em;
    list-style: none;
}

    .navbar-left ul li {
        position: relative;
        margin-bottom: 1.5em;
    }

        .navbar-left ul li a {
            font-size: 1.2em;
            color: rgba(16, 67, 134);
            text-decoration: none;
            transition: all 0.1s;
        }

.nasil-kps .article ul {
    list-style: initial;
}

.navbar-left .active {
    color: #ff6219 !important;
}

/* Main */


header h1, header h2, article h2, footer h3 {
    position: relative;
    font-size: 2em;
    margin-bottom: 20px;
    margin-top: 20px;
}

article {
    border: 1px solid white;
    width: 100%;
    height: 100vh;
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}

#article-1 {
    padding-top: 0px;
}

article p {
    font-size: 18px;
}

article ul li {
    margin-bottom: 5px;
}

/* footer {
  height: 100vh;
  width: 100%;
} */
@media only screen and (max-width: 1366px) {
    #navbar .nav-item .nav-link {
        font-size: 1rem;
    }

    .live-sale .live-title .title p {
        font-size: 24px;
    }

    .kurum-dty .bnr-icr {
        padding: 50px !important;
    }

    header h1, header h2, article h2, footer h3 {
        font-size: 1.5rem !important;
    }

    article {
        height: auto !important;
    }

    #article-1 {
        padding-top: 30px;
    }

    article p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 992px) {
    .navbar-left {
        position: relative;
        top: 0;
        height: 175px;
        z-index: 1;
        margin-top: 50px;
        transform: translate(0%, 0%);
    }

    article {
        margin-bottom: 100px;
    }


    #navbar .nav-item .nav-link {
        font-size: 1rem;
    }

    .seq .seq-title h2, .seq .seq-title h3 {
        font-size: 18px;
    }

    .seq .seq-title h2 {
        font-size: 26px;
    }

    .slide-banner .buttons-href .btn {
        font-size: 18px;
    }

    .kurum-dty .bnr-icr {
        transform: translate(0px, 0px) !important;
    }

    .kurum-dty .bnr-icr {
        padding: 25px !important;
    }
}

@media only screen and (max-width: 768px) {
    .navbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .art-kps .days li a {
        color: rgb(0, 121, 156);
        font-size: 16px;
    }
}

.hakki-kps {
    padding-top: 150px;
    background-color: #f7f7f7;
    font-family: 'Inter', sans-serif;
}

    .hakki-kps .yrd-text {
        max-width: 600px;
    }

    .hakki-kps .txt-b {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .hakki-kps .txt-b h2 {
            font-size: 45px;
            margin-bottom: 50px;
        }

    .hakki-kps .scroll-kps {
        padding-left: 0;
    }

        .hakki-kps .scroll-kps li {
            display: inline-block;
            margin-right: 20px;
        }

    .hakki-kps section {
        padding: 100px 0;
    }

        .hakki-kps section h2 {
            margin-bottom: 15px;
            font-size: 28px;
        }

        .hakki-kps section ul {
            list-style: circle;
            padding-left: 15px;
        }

            .hakki-kps section ul li {
                margin-bottom: 5px;
            }

        .hakki-kps section .d-btn {
            margin-top: 20px;
        }

            .hakki-kps section .d-btn a {
                color: #FF5500;
            }

                .hakki-kps section .d-btn a i {
                    padding-left: 5px;
                    transition: ease-in-out .3s;
                }

                .hakki-kps section .d-btn a:hover i {
                    padding-left: 10px;
                }

    .hakki-kps .scroll-kps li a {
        color: #333;
        margin: 0.5rem;
        padding: 0.5rem 1.125rem;
        background-color: #fff;
        border-radius: 3.125rem;
        transition: border-color .4s cubic-bezier(.6,0,.3,1),color .4s cubic-bezier(.6,0,.3,1);
        border: 1px solid transparent;
    }

        .hakki-kps .scroll-kps li a:hover {
            color: #ff5500;
            border: 1px solid #ff5500;
        }

.kurum-dty {
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #f7f7f7;
}

    .kurum-dty .bnr {
        max-width: 1500px;
        margin: auto;
    }

    .kurum-dty .bnr-icr {
        max-width: 1000px;
        margin: auto;
        background-color: #fff;
        padding: 75px;
        transform: translate(0px, -20%);
    }

        .kurum-dty .bnr-icr h2 {
            margin-bottom: 25px;
            font-size: 28px;
        }

        .kurum-dty .bnr-icr ul {
            list-style: circle;
            padding-left: 15px;
        }

            .kurum-dty .bnr-icr ul li {
                margin-bottom: 5px;
            }

.kurum-title {
    font-size: 34px;
    font-weight: 500;
    color: #333;
}

.kurum-slide {
    margin-top: 50px;
}

    .kurum-slide .swiper {
        width: 100%;
        height: 100%;
    }

    .kurum-slide .swiper-slide {
        min-height: 400px;
        text-align: left;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .kurum-slide .swiper .services__slide {
        display: flex;
        flex-direction: column;
        max-width: 225px;
        margin: 0 auto;
        justify-content: space-evenly;
    }

    .kurum-slide .swiper-slide .title {
        transition: ease-in-out .3s;
    }

        .kurum-slide .swiper-slide .title h4 {
            font-size: 1.3rem;
        }

    .kurum-slide .swiper-slide:hover .title {
        color: #fff;
    }

    .kurum-slide .swiper-slide .editable {
        transition: ease-in-out .3s;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .kurum-slide .swiper-slide:hover .editable {
        color: #fff;
    }

    .kurum-slide .swiper .services-link {
        text-align: end;
    }

    .kurum-slide .swiper .services__slide .title {
        margin-bottom: 0;
    }

    .kurum-slide .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.link__svg svg {
    transition: ease-in-out .3s;
    background-color: #fff;
    border-radius: 50%;
}

.services__slide:hover .link__svg:hover svg {
    transform: scale(1.2);
    fill: #fff !important;
}

.link__svg svg path {
    transition: ease-in-out .3s;
    color: #ff7700;
}

.link__svg:hover svg {
    transform: scale(1.2);
    fill: #fff;
}

.kurum-slide .swiper-slide {
    transition: ease-in-out .3s;
}

    .kurum-slide .swiper-slide:hover {
        background-color: #ff7700;
    }

        .kurum-slide .swiper-slide:hover .link__svg:hover svg path {
            stroke: #ff7700;
        }

        .kurum-slide .swiper-slide:hover .link__svg:hover svg {
            transform: scale(1.2);
            fill: #fff;
        }

        .kurum-slide .swiper-slide:hover svg {
            transform: scale(1.2);
            fill: #fff;
        }

    .kurum-slide .swiper-slide .link__svg {
        transition: ease-in-out .3s;
    }

    .kurum-slide .swiper-slide .link__svg {
        color: #ff7700;
        transition: ease-in-out .3s;
    }

    .kurum-slide .swiper-slide:hover .link__svg {
        color: #ffffff;
    }

.kurum-slide .swiper-button-next, .kurum-slide .swiper-button-prev {
    color: #ff7700;
    background-color: rgb(255 255 255);
    padding: 20px 20px;
    top: 50%;
    opacity: 0;
    transition: ease-in-out .5s;
    border-radius: 50%;
    box-shadow: 0px 0px 5px #000000b0;
    margin: 0 5px;
}

.navbar-kps .sp-menu {
    padding: 30px;
}

    .navbar-kps .sp-menu li {
        border-bottom: 1px solid #e1e7ec;
    }

        .navbar-kps .sp-menu li a {
            font-size: 16px;
            font-weight: 400;
            display: block;
            transition: all .5s;
            padding: 10px 15px;
            color: #040404;
        }

            .navbar-kps .sp-menu li a:hover {
                transform: scale(1.1);
            }

#sidebar {
    min-width: 320px;
}

    #sidebar .h6 {
        color: #fff;
    }

    #sidebar.active {
        margin-left: -300px;
    }

        #sidebar.active .custom-menu {
            margin-right: -50px;
        }

        #sidebar.active .btn.btn-primary:before {
            content: "\f054";
            font-family: "FontAwesome";
            left: 2px !important;
        }

        #sidebar.active .btn.btn-primary:after {
            display: none;
        }

    #sidebar h1 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 20px;
    }

.bg-wrap .user-logo .img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-wrap .user-logo h3 {
    color: #fff;
    font-size: 18px;
}

#sidebar h1 .logo {
    color: #fff;
    display: block;
    padding: 10px 30px;
    background: #2f89fc;
}

#sidebar ul.components {
    padding: 0;
}

#sidebar ul li {
    font-size: 16px;
}

    #sidebar ul li > ul {
        margin-left: 10px;
    }

        #sidebar ul li > ul li {
            font-size: 14px;
        }

    #sidebar ul li a {
        padding: 15px 30px;
        display: block;
        color: rgba(0, 0, 0, 0.6);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

        #sidebar ul li a span {
            margin-right: 10px;
            width: 20px;
        }

            #sidebar ul li a span.notif {
                position: relative;
            }

                #sidebar ul li a span.notif small {
                    position: absolute;
                    top: -3px;
                    bottom: 0;
                    right: -3px;
                    width: 12px;
                    height: 12px;
                    content: '';
                    background: red;
                    border-radius: 50%;
                    font-family: "Poppins", Arial, sans-serif;
                    font-size: 8px;
                }

        #sidebar ul li a:hover {
            color: #fff;
            background: #ff7700;
            border-bottom: 1px solid #ff5500;
        }

    #sidebar ul li.active > a {
        color: #333;
    }

        #sidebar ul li.active > a:hover {
            color: #fff;
            background: #ff7700;
            border-bottom: 1px solid #ff5500;
        }

#sidebar .menu-xs li {
    display: inline-block;
}

#sidebar .bg-wrap {
    width: 100%;
    position: relative;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.hesabim_sol_menu {
    text-align: left;
}

    .hesabim_sol_menu ul li {
        list-style: none;
        background: #f7f7f7;
    }

        .hesabim_sol_menu ul li a {
            width: 100%;
            display: block;
            color: #040404;
            padding: 10px 15px;
            transition: 0.5s;
            border-bottom: 1px solid white;
        }

            .hesabim_sol_menu ul li a:hover {
                transform: translateX(10px);
            }

/*Siparisi-Tamamla*/
.sip-forms .table td {
    border-style: none;
}

.home_urunler_title {
    background-color: #104386;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0px 10px;
    height: 40px;
    line-height: 40px;
}

.sepet_content {
    padding: 30px;
}

.adres_item_bg {
    background-color: #F7F7F7;
    padding: 15px;
    display: table;
    width: 100%;
    height: 100%;
    transition: ease-in-out .5s;
}

    .adres_item_bg .adres_btn {
        color: #393939;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

.sepet_fatura_title {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 20px;
}

#fatura_adres {
    display: none;
    margin-top: 10px;
}

.adres_item_bg:hover {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.sepet_kargo ul, .kargo_ul ul {
    margin-bottom: 0px;
    width: 100%;
}

    .sepet_kargo ul li {
        margin-bottom: 10px;
        display: inline-block;
    }

        .sepet_kargo ul li:last-child {
            margin-bottom: 0px;
        }

.kargo_ul {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

    .kargo_ul li {
        width: 24%;
        display: inline-block
    }

        .kargo_ul li img {
            width: 95px;
        }

.siparis_ozet_bg {
    border: 1px solid #00bce5;
}

    .siparis_ozet_bg .siparis_ozeti_list {
        padding: 10px;
        font-size: 16px;
        font-weight: 400;
        color: #303030;
        height: 160px;
        overflow-x: auto;
    }

        .siparis_ozet_bg .siparis_ozeti_list .siparis_ozet_item {
            border-bottom: 1px solid #cecece;
            padding: 10px 0px;
        }

            .siparis_ozet_bg .siparis_ozeti_list .siparis_ozet_item:last-child {
                border-bottom: none;
            }

.siparis_toplam {
    border: 1px solid #00bce5;
    padding: 10px;
    margin-top: 20px;
}

    .siparis_toplam table {
        font-size: 12px;
        margin-bottom: 0px;
    }

        .siparis_toplam table th, .siparis_toplam table td {
            padding: 2px;
            border: none;
        }

.siparis_link {
    margin-top: 20px;
}

    .siparis_link a {
        width: 100%;
        margin-bottom: 15px;
    }

    .siparis_link .btn_devam {
        border: 1px solid #00bce5;
        padding: 10px;
        width: 100%;
        display: block;
        text-align: center;
        color: #2768a5;
        transition: ease-in-out .5s;
    }

        .siparis_link .btn_devam:hover {
            box-shadow: 0px 2px 3px rgba(0,0,0,.3);
        }

.sepet_kargo label {
    width: 100%;
}

.siparis_btn {
    transition: 0.5s;
    border: 1px solid #104386;
    color: white;
    background: #104386;
}

    .siparis_btn:hover {
        transition: 0.5s;
        color: #104386;
        background: white;
    }

.silbtn {
    transition: 0.5s;
    color: red;
    float: right;
    border: 1px solid red;
}

    .silbtn:hover {
        transition: 0.5s;
        color: white;
        background: red;
    }

.siparis_bg {
    margin-top: 0px !important;
}

.sipr-kps .sip-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
}

.sipr-kps .list-kap {
    background: rgb(239, 239, 239);
    border-radius: 0px;
    margin-bottom: 10px;
    padding: 10px 20px 10px 15px;
}

    .sipr-kps .list-kap .title {
        font-size: 20px;
        font-weight: 500;
        background-color: #fff;
        display: inline-block;
        padding: 5px;
        border-radius: 5px;
    }

.sipr-kps .sip-urun {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}

    .sipr-kps .sip-urun li {
        max-width: 150px;
        margin: auto;
        margin-bottom: 10px;
        padding-left: 5px;
    }

.sipr-kps .sip-bas p {
    font-size: 20px;
    margin-right: 20px;
    background-color: #f7f7f7;
    padding: 5px 10px;
    font-weight: 500;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 5px;
}

.sipr-kps .spr-table th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
    font-weight: 500;
}

.sipr-kps .modal {
    background-color: rgb(0 0 0 / 20%);
}

.sipr-kps .countdown {
    display: inline-block;
}

.sipr-kps .siparis_btn {
    border-radius: 5px;
}

.spr-table .siparis_btn {
    border-radius: 5px;
}

.invoice-box {
    max-width: 800px;
    margin: auto;
    padding: 30px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color: #555;
}

    .invoice-box table {
        width: 100%;
        line-height: inherit;
        text-align: left;
    }

        .invoice-box table td {
            padding: 5px;
            vertical-align: top;
        }

        .invoice-box table tr td:nth-child(2) {
            text-align: right;
        }

        .invoice-box table tr.top table td {
            padding-bottom: 20px;
        }

            .invoice-box table tr.top table td.title {
                font-size: 45px;
                line-height: 45px;
                color: #333;
            }

        .invoice-box table tr.information table td {
            padding-bottom: 40px;
        }

        .invoice-box table tr.heading td {
            background: #eee;
            border-bottom: 1px solid #ddd;
            font-weight: bold;
        }

        .invoice-box table tr.details td {
            padding-bottom: 20px;
        }

        .invoice-box table tr.item td {
            border-bottom: 1px solid #eee;
        }

        .invoice-box table tr.item.last td {
            border-bottom: none;
        }

        .invoice-box table tr.total td:nth-child(2) {
            border-top: 2px solid #eee;
            font-weight: bold;
        }

@media only screen and (max-width: 600px) {
    .invoice-box table tr.top table td {
        width: 100%;
        display: block;
        text-align: center;
    }

    .invoice-box table tr.information table td {
        width: 100%;
        display: block;
        text-align: center;
    }
}

/** RTL **/
.invoice-box.rtl {
    direction: rtl;
    font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

    .invoice-box.rtl table {
        text-align: right;
    }

        .invoice-box.rtl table tr td:nth-child(2) {
            text-align: left;
        }

.sipr-kps article {
    height: auto;
}

.sipr-kps .itemside {
    display: flex;
}

    .sipr-kps .itemside .aside {
        padding: 0 10px;
    }
/* .sipr-kps .kargo-kps{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
} */
.sipr-kps .kargo-kps {
    text-align: center;
}

.sipr-kps button {
    margin-bottom: 10px;
}

.sipr-kps .kargo {
    margin-bottom: 0;
}

    .sipr-kps .kargo a {
        color: #ff7700;
        text-decoration: revert;
    }

.odm-kps .odeme-credit {
    display: flex;
}

.dty-sure .timeline-header {
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start;
}

.sale-sure .timeline-header .pro-im {
    margin: 10px 20px;
    width: 100%;
}

.sale-sure .search-1 .sure {
    font-size: 18px;
    font-weight: 500;
    background-color: #f0f1f5;
}

.sale-sure .st-tarih {
    font-size: 22px;
    font-weight: 400;
    color: #333;
}

.sale-sure .sure-box-3 p {
    font-size: 18px;
    font-weight: 400;
}

.sale-sure {
    position: relative !important;
}

    .sale-sure .modal-content {
        max-height: 450px;
        overflow: hidden;
        box-shadow: 0px 0px 5px 0px #ccc;
        border-radius: 0;
    }

.text-muted {
    color: #ff7700 !important;
    font-size: 18px;
    font-weight: 500;
}

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

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

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

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

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

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

.odm-kps .field-container {
    position: relative;
}

.odm-kps .form-container {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: auto auto;
    grid-template-rows: 90px 90px 90px;
    grid-template-areas: "name name""number number""expiration security";
    max-width: 400px;
    padding: 20px;
    color: #707070;
}

.odm-kps label {
    padding-bottom: 5px;
    font-size: 13px;
}

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

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

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

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

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

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

.odm-kps .creditcard svg#cardfront,
.odm-kps .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 */
.odm-kps .creditcard .lightcolor,
.odm-kps .creditcard .darkcolor {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

.odm-kps .creditcard .lightblue {
    fill: #03A9F4;
}

.odm-kps .creditcard .lightbluedark {
    fill: #0288D1;
}

.odm-kps .creditcard .red {
    fill: #ef5350;
}

.odm-kps .creditcard .reddark {
    fill: #d32f2f;
}

.odm-kps .creditcard .purple {
    fill: #ab47bc;
}

.odm-kps .creditcard .purpledark {
    fill: #7b1fa2;
}

.odm-kps .creditcard .cyan {
    fill: #26c6da;
}

.odm-kps .creditcard .cyandark {
    fill: #0097a7;
}

.odm-kps .creditcard .green {
    fill: #66bb6a;
}

.odm-kps .creditcard .greendark {
    fill: #388e3c;
}

.odm-kps .creditcard .lime {
    fill: #d4e157;
}

.odm-kps .creditcard .limedark {
    fill: #afb42b;
}

.odm-kps .creditcard .yellow {
    fill: #ffeb3b;
}

.odm-kps .creditcard .yellowdark {
    fill: #f9a825;
}

.odm-kps .creditcard .orange {
    fill: #ff9800;
}

.odm-kps .creditcard .orangedark {
    fill: #ef6c00;
}

.odm-kps .creditcard .grey {
    fill: #bdbdbd;
}

.odm-kps .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 */
.odm-kps .containerd {
    perspective: 1000px;
}

.odm-kps .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;
}

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

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

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

.accordion-button {
    background-color: #f0f8ff;
}

@media (max-width:1366px) {
    .navbar-kps {
        max-width: 1200px;
        margin: auto;
    }

    #navbar {
        max-width: 1200px;
        margin: auto;
    }

    .dtl-kps .main-wrapper .titlex {
        font-size: 34px;
    }
}

@media (max-width:1366px) {
    .live-sale .live-title .title p {
        font-size: 24px;
    }

    .live-sale .live-title .text p {
        margin-bottom: 0;
    }

    .live-sale .live-up span {
        font-size: 16px;
        font-weight: 700;
    }

    .countdown-timer {
        padding: 0px;
    }

    .countdown-2 .countdown-timer .hours, .countdown-2 .countdown-timer .minutes, .countdown-2 .countdown-timer .seconds {
        min-width: 50px;
    }

    .countdown-2 .countdown-timer > * {
        padding: 10px 5px;
        font-size: 35px;
    }

    .countdown-2 .countdown-timer .seconds::before {
        font-size: 12px;
    }

    .countdown-2 .countdown-timer .minutes::before {
        font-size: 12px;
    }

    .countdown-2 .countdown-timer .hours::before {
        font-size: 12px;
    }

    .live-sale .card .text-info .sure {
        font-size: 16px;
    }

    .art-kps .nav-pills .nav-link.active, .art-kps .nav-pills .show {
        font-size: 24px;
        height: 100%;
    }

    .art-kps .nav-link {
        font-size: 24px;
    }

    .points-slider .swip-title {
        font-size: 30px;
    }
}

@media (max-width:991px) {

    .art-kps .tkv-kps button {
        top: 30px;
    }
}

@media (max-width:768px) {
    .live-sale .live-title .title p {
        font-size: 20px;
    }

    .art-kps .tkv-kps button {
        position: absolute;
        top: 29px;
        left: 50%;
        font-size: 16px;
        font-weight: 500;
    }

    .art-kps .tkv-kps button {
        padding: 5px;
    }

    .social-networks {
        margin: 0 0 5px;
        padding: 0;
    }

    .sipr-kps .sip-title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        padding: 0 20px;
    }
}

@media (min-width:575px) {
    .mob-banner {
        display: none;
    }

    .arama-buton {
        display: none;
    }

    .search-nvm {
        display: none;
    }

    .search-nv input {
        border-radius: 0;
    }

    .search-nv button {
        border-radius: 0;
    }
}

@media (max-width:575px) {
    .art-kps .contents {
        padding: 5px;
    }

    .art-kps .nav-item {
        width: 100%;
    }

    .art-kps .tkv-kps button {
        position: initial;
        top: 0;
        left: 0;
        font-size: 16px;
        font-weight: 500;
        transform: translate(0%, 0%);
    }

    .art-kps .slide-up > div, .art-kps .slide-down > div {
        margin-top: -50%;
        transition: margin-top 0.4s ease-in-out;
    }

    .art-kps .slide-down > div {
        margin-top: 0;
    }

    .slide-banner {
        display: none;
    }

    .mob-banner {
        display: block;
    }

    .comments-kps {
        padding: 20px 5px;
    }

    .navbar-kps .ust-nv {
        padding-left: 0.5rem;
    }

    .search-nv {
        display: none;
    }

    .tabs-menu li {
        margin-right: 8px;
    }

    .dtl-kps li {
        font-size: 14px;
    }
}



.back-to-top-2 {
    position: fixed;
    right: 20px;
    bottom: 35px;
    color: #e44800;
    font-size: 35px;
    z-index: 9;
    display: none;
}

.back-to-top-2 {
    color: #fff;
    border-color: transparent;
    height: 50px;
    background-color: rgb(16, 67, 134);
    border-color: rgb(16, 67, 134);
    padding: 0.375rem 0rem;
    margin-left: 0px;
    font-size: 24px;
    width: 93%;
    transform: translate(-50%, 0);
    left: 50%;
    border: none;
    outline: 0;
    color: #FFFFFF;
    background-color: #FF7700;
    background: rgb(195,34,34);
    background: linear-gradient( 0deg, rgb(255 64 64) 0%, rgba(255,119,0,1) 100%);
}

@media (min-width:768px) {
    .tklf-mob {
        display: none;
    }
}

@media (max-width:767.98px) {
    .tklf-mob {
        display: block;
    }
}

.bg-orange {
    background: linear-gradient(0deg, rgb(255, 64, 64) 0%, rgb(255, 119, 0) 100%);
    color: #fff;
}

    .bg-orange:hover {
        border: 1px solid rgb(255, 119, 0);
        background: #fff;
        color: #ff7700;
    }

        .bg-orange:hover i {
            color: #ff7700 !important;
        }

.bg-orange-2 {
    color: #fff;
}

    .bg-orange-2:hover {
        border: 1px solid rgb(255, 119, 0);
        color: #fff;
    }

        .bg-orange-2:hover i {
            color: #fff !important;
        }

.JettakTitle {
    font-size: 17px !important;
    text-shadow: none !important;
}

.fav {
    opacity: 1 !important;
}

/*Yeni Cssler*/

.ustbar {
    background-color: rgb(16 67 134);
    padding: 8px 0px;
    position: relative;
    margin: 0;
    display: flex;
    justify-content: end;
}

    .ustbar a {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin: 0px 5px;
        text-transform: uppercase;
        padding:9px 0px;
        display:inline-block;
    }

        .ustbar a:hover, .ustbar a:active, .ustbar a:focus {
            color: #ff7625;
            font-size: 14px;
            font-weight: 600;
            margin: 0px 5px;
            text-transform: uppercase;
            padding: 9px 0px
        }

.banneralan {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
    background-color: #ededed;
}


.altbanner {
    background-color: #f7f7f7;
    width: 100%;
    height: 100%;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border: 1px solid #ededed;
}

.timelinediv {
    background-color: #ff7625;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 15px 30px 20px 30px;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}
.pesinfiyatbg {
    background-color: #ff7625;
    border-radius: 10px;
    padding: 3px;
    display: inline-block;
    width: auto;
    margin: 5px auto;
}

    .pesinfiyatbg .price {
        color: #666;
        font-size: 16px;
    }

.tekliftxt span {
    font-size: 12px;
    text-align: center;
    font-weight: 400;
}

.timelinewaitdiv {
    background-color: #ff7625;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 10px;
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
}

    .timelinewaitdiv .sure2 {
        font-size: 11px;
        margin-bottom: 0px;
        display: inline-block;
        padding: 0 5px;
        border-radius: 4px;
    }

#waitingAucation .waitting-products {
    text-align: center;
    font-size: 18px;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 400px;
    padding: 11px;
}

    #waitingAucation .waitting-products .card {
        min-width: 400px;
        position: relative;
        margin: 0px;
        padding: 15px;
        box-shadow: rgb(0 0 0 / 20%) 0px 4px 8px 0px;
    }

.teklifbtn {
    background-color: #fe9402;
    color: #333;
    border-radius: 25px;
    display: inline-block;
    font-size: 17px;
}


.waittimelinediv .countdown-2 .countdown-timer .hours::after, .waittimelinediv .countdown-2 .countdown-timer .minutes::after, .waittimelinediv .countdown-2 .countdown-timer .seconds::after {
    content: ":";
    position: absolute;
    font-size: 22px;
    top: 0px;
    right: -11px;
    line-height: normal;
    display: flex;
    height: 100%;
    align-items: end;
    color: #000;
}


.waittimelinediv .countdown-2 .countdown-timer > * {
    padding: 5px 10px;
    font-size: 20px;
}

.waittimelinediv .countdown-2 .countdown-timer .hours, .waittimelinediv .countdown-2 .countdown-timer .minutes, .waittimelinediv .countdown-2 .countdown-timer .seconds {
    min-width: 44px;
}

.art-kps #fırsatlar {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media (max-width: 1366px) 
{
    .waittimelinediv .countdown-2 .countdown-timer > * {
        padding: 5px 10px;
        font-size: 20px;
    }
}

@media (max-width: 1366px)
{
    .waittimelinediv .countdown-2 .countdown-timer .hours, .waittimelinediv .countdown-2 .countdown-timer .minutes, .waittimelinediv .countdown-2 .countdown-timer .seconds {
        min-width: 44px;
    }

}

@media (max-width: 768px) {
    .offer-content h3.lead .h5 {
        font-size: 1rem!important;
    } 
	.parent2 {
        left:0px !important;
		 
    }
.parent2 iframe td div div{
	width : 75px !important;
	height: 75px !important;
}
    }

@media (max-width: 375px) {
    .offer-content h3.lead .h5 {
        font-size: 1rem !important;
    }
    .offer-content h3.lead  {
        height: unset !important;
    }
	
}



.live-sale .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.googlebtn {
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    color: #db4a39;
    font-size: 12px;
    background-color: #f7f7f7;
    border:2px solid #ccc;
}

.facebookbtn {
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    color: #3b5998;
    font-size: 12px;
    background-color: #f7f7f7;
    border: 2px solid #ccc;
}

.instagrambtn {
    border-radius: 10px;
    width: 100%;
    padding: 10px 5px;
    color: #8a3ab9;
    font-size: 12px;
    background-color: #f7f7f7;
    border: 2px solid #ccc;
}

.googlebtn i {
    color: #db4a39;
    font-size: 18px;
    margin-right: 10px;
}

.facebookbtn i {
    color: #3b5998;
    font-size: 18px;
    margin-right: 10px;
}

.instagrambtn i {
    color: #8a3ab9;
    font-size: 18px;
    margin-right: 10px;
}

.dtl-kps .sure-box-2 p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 25px;
}

.dtl-kps .sure-box-2 {
    text-align: center;
    background-color: #ff7700;
    padding: 1rem;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #dfdfdf;
    border-color: #dee2e6 #dee2e6 #fff;
}

.footer-reklam
{
    background-color:#f7f7f7;
    border:2px solid #ccc;
    width:100%;
    height:250px;
    position:relative;
    margin:20px 0;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0px;
}

    .footer-reklam .swiper {
        width: 100%;
        height: 250px;
    }

.banneralan .swiper {
    width: 100%;
    height: 98px;
}

.banneralan .swiper .swiper-slide{
    width: 100%;
    position:relative;
    background-color:#fff;
}

.bg-custom {
    background-color: #f1f1f1;
}

    .bg-custom p 
    {
        color:#333;
        font-size:13px;
        margin-bottom:10px;
    }

    .button-fixed {
        bottom: -30px;
        position: fixed;
        z-index: 9999;
        right: -35px;
        border-radius: 4px;
    }

.alert-dismissible .btn-close {
    position: absolute;
    top: 24px;
    right: 53px;
    z-index: 9999;
    padding: 5px;
    background-color: #fff;
}

.cerez p {
    font-size: 15px;
}

    .cerez p a {
        color: #333;
        text-decoration: underline;
    }

dd {
    margin-bottom: 0 !important;
    margin-left: 0;
}


.foot-tt
{
    font-size:17px;
    font-weight:400;
}

.footul
{
    position:relative;
    margin:0px;
    padding:0px;
}

.footul .footli
{
    padding:0px;
    margin:0px;
    position:relative;
}

.foot-bt {
    background-color: #e7e7e7;
    position: relative;
    width: 100%;
    padding: 10px 0;
    border-top:1px solid #ccc;
}

.foot-images img {
    margin: 0px 5px;
}

.foot-images p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 0;
}


.kfont{
    font-size:12px !important;
}
.kfont a{
    font-size: 12px !important;
}

.wrap_b242 {
    display: none !important;
}

@media (max-width: 992px) {
    .ustbar a {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin: 0px 5px;
        text-transform: uppercase;
        padding: 9px 0px;
        display: inline-block;
        width: 95%;
        position:relative;
    }

    .footer .sira2 {
        padding: 15px 0 10px 0 !important;
    }

    .blue-rg {
        display: block;
    }


    .blue-rg i {
        font-size: 18px;
    }

    ._orientationRight_f49a .button_cdb9 {
        display: none !important;
    }

    #navbar .nav-item .nav-link {
        border-right:0px !important;
    }

    .slide-banner
    {
        display:none;
    }

    .wrap_b242 {
        display: none !important;
    }

    .ls-openButton {
        right: 3% !important;
        bottom: 3% !important;
    }
    .banneralan {
        display:none !important;
    }

    .footer-reklam {
        height: 87px;
    }

    .footer-reklam .swiper {
        width: 100%;
        height: 90px;
    }

    .live-sale .live-title::after {
        content: "";
        position: absolute;
        left: 48.5%;
        top: 100%;
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #104386;
        clear: both;
    }
}


jdiv{
    display:none;
}



.btn-mobill{
    position:absolute;
    left : 15px;
}