.main-content, .pattern-load {
    background: url(../images/pattern.png);
}

.fs-20, .news-col .new-tittle {
    font-size: 20px;
}

a,
a:hover {
    transition: .2s ease-in-out;
    text-decoration: none
}

a,
body {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 600;
    color: #012b51
}

a,
a:hover,
body {
    color: #012b51
}

.modal-open,
body:not(.modal-open) {
    padding-right: 0 !important
}

a,
a:hover,
a:visited {
    text-decoration: none
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}

.ii-image,
.plan {
    object-fit: contain !important
}

.btn-grey i,
.input-images-1 .image-uploader .uploaded .uploaded-image button i {
    font-style: normal
}

.digital-store{
    background: #fff;
}

.darkmode .digital-store{
    background: #25273a;
}

.bluemode .button-8,
.button-8,
.darkmode .button-8 {
    font-family: "Source Sans Pro",sans-serif;
    outline: 0;
    vertical-align: baseline
}

* {
    font-family: "Source Sans Pro",sans-serif
}

@keyframes gradient {
    0%,
    100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

@media only screen and (min-width:1400px) {
    .container,
    .main-container {
        max-width: 1410px !important
    }
    .main-container-safe {
        max-width: 1435px !important
    }
}

@media only screen and (min-width:1200px) {
    .container {
        max-width: calc(100% - 90px)
    }
    .main-container,
    .main-container-safe {
        max-width: calc(100% - 110px)
    }
}

.box-sizing {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

:focus,
button:focus {
    outline: 0
}

body {
    background: #f3f3f3;
    font-size: 13px;
}

body.swal2-shown,
html.swal2-shown {
    overflow-y: auto !important
}

a,
a:hover {
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.cle::after {
    content: "";
    clear: both;
    display: block
}

.animation1 {
    animation-name: anime1;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

@keyframes anime1 {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.spe-inputX::placeholder {
    color: #68c38f !important;
    opacity: 1 !important
}

.spe-inputX::-ms-input-placeholder {
    color: #68c38f !important;
    opacity: 1 !important
}

.spe-inputX:-ms-input-placeholder {
    color: #68c38f !important;
    opacity: 1 !important
}

.spe-inputX::-moz-placeholder {
    color: #68c38f !important;
    opacity: 1 !important
}

.spe-inputX:-moz-placeholder {
    color: #68c38f !important;
    opacity: 1 !important
}

.spe-inputX::-webkit-input-placeholder {
    color: #68c38f !important;
    opacity: 1 !important
}

.fixed-messages .all-messages:hover,
.head-top,
.main-footer,
.pdp-bar .pdp-button:hover {
    background: #012b51
}

.darkmode .head-top {
    background: #0e0e16;
}

.modal-open {
    overflow: inherit
}

.wrapperrenk {
    display: inline-flex;
    height: 100px;
    width: 400px;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 20px 15px;
    box-shadow: 5px 5px 30px rgb(159 157 157/20%)
}

.wrapperrenk .option,
.wrapperrenk .option2 {
    align-items: center;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    display: flex;
    margin: 0 3px;
    transition: .3s;
    cursor: pointer;
    padding: 0 10px
}

.wrapperrenk .option {
    background: #fff;
    justify-content: space-evenly;
    border: 2px solid #d3d3d3
}

.wrapperrenk .option2 {
    background: #003e73;
    color: #fff;
    justify-content: space-evenly;
    border: 2px solid #d3d3d3
}

.wrapperrenk .option .dot,
.wrapperrenk .option2 .dot,
.wrapperrenk .option3 .dot {
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative
}

.wrapperrenk .option .dot::before,
.wrapperrenk .option2 .dot::before,
.wrapperrenk .option3 .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: .3s
}

.wrapperrenk .option3 {
    background: #1b2735;
    height: 100%;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 3px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid #d3d3d3;
    transition: .3s
}

.ai-bar .ai-dropped,
.breadcrumbs ul li:last-child::after,
.cat-product-list .hidden,
.dropped,
.form-checkbox input,
.form-label input,
.head-top .mode input,
.ilan-step-sys .col-xl-3:last-child .step-bg::after,
.ilan-step-sys .step-bg .number,
.input-images-1 input[type=file],
.is-label input,
.logged-menu a:first-child::before,
.main-menu ul li:first-child a::before,
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn,
.tab-content,
.tabs-content,
.wallet-dropped,
input[type=radio] {
    display: none
}

#option-1:checked:checked~.option-1,
#option-2:checked:checked~.option-2,
#option-3:checked:checked~.option-3 {
    border-color: #0069d9
}

#option-1:checked:checked~.option-1 .dot,
#option-2:checked:checked~.option-2 .dot,
#option-3:checked:checked~.option-3 .dot {
    background: #fff
}

#option-1:checked:checked~.option-1 .dot::before,
#option-2:checked:checked~.option-2 .dot::before,
#option-3:checked:checked~.option-3 .dot::before {
    opacity: 1;
    transform: scale(1)
}

.wrapperrenk .option span {
    font-size: 20px;
    color: grey
}

.head-top .head-links ul,
.head-top .socials,
.main-footer .foot-top .foot-socials {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.head-top .socials li {
    margin-right: 15px;
    display: block;
    height: 18px
}

.head-top .socials li:last-child,
.logged-menu a:last-child,
.main-footer .foot-top .foot-socials li:last-child,
.timer div:last-child {
    margin-right: 0
}

.head-top .socials li svg {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    fill: #fff;
    width: 18px;
    height: 18px
}

.darkmode .head-top .socials li svg {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    fill: #c1c1c1;
    width: 18px;
    height: 18px
}

.head-top .socials li a,
.main-footer .foot-top .foot-socials li a {
    position: Relative;
    overflow: hidden;
    display: block;
    margin-top: -2px
}

.head-top .socials li a:hover svg,
.main-footer .foot-top .foot-socials li a:hover svg {
    fill: #fff
}

.head-top .head-links ul li {
    border-right: none
}

.head-top .head-links ul li:last-child {
    padding-right: 0;
    border-right: 0
}

.head-top .head-links ul li a {
    color: #eef3ff;
    font-size: 13px;
    font-weight: 350;
    display: block
}

.head-top .head-links ul li a:hover {
    background-color: #fffff
}

.head-top .mode {
    border: 2px solid #ff8c00;
    height: 25px;
    line-height: 21px;
    position: relative;
    width: 40px;
    font-size: 9px;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    margin: 0;
    padding: 0;
    display: block
}

.head-sell-button .hsb-icon,
.head-top .mode .icon {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    display: block
}

.head-top .mode span {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    font-weight: 500;
    position: absolute
}

.head-top .mode span.sun {
    opacity: 1;
    left: 10px
}

.head-top .mode span.night {
    opacity: 0;
    right: 10px
}

.head-top .mode .icon {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #ff8c00;
    right: 5px;
    top: 3px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    border-radius: 100%;
    padding: 3px 0 0
}

.head-top .mode .icon img {
    width: 10px;
    height: 10px;
    display: block;
    margin: 0 auto
}

.head-top .mode.active {
    background: #174f82
}

.head-top .mode input:checked+span.sun+span.night+.icon {
    right: 17px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.head-top .mode input:checked+span {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.head-top .mode input:checked+span.sun,
.head-top .mode.active span.sun,
.owl-carousel.owl-hidden {
    opacity: 0
}

.head-top .mode input:checked+span.sun+span.night {
    opacity: 1
}

.arkayesil,
.head-bot {
    background: #00315e
}

.darkmode .bg-grey,
.darkmode .head-bot,
.darkmode .ho-bar {
    background: #151523;
}

.cat-product .pc-img,
.form-container.active,
.head-bot .logo a,
.home-photos a,
.home-pro-tabs li img,
.message-users ul li a .mu-image .new-message.on,
.no-js .owl-carousel,
.popular-category .pc-list li .pc-product .pc-img,
.right-images li a,
.slider-two .owl-left-img,
.tab-content.active,
.tabs-content.active,
.tour-detail-user_image,
.tournaments .tour-col a {
    display: block
}

.head-bot .logo a img {
    display: block;
    width: 100%
}

.head-bot .search {
    background: #fff;
    height: 50px;
    border: none;
    display: block;
    width: 92%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 0 20px
}

.head-bot .search-button {
    background: url(../images/search-icon6.svg) center center no-repeat #012b51;
    height: 50px;
    border: none;
    display: block;
    width: 8%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.head-sell-button {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    padding: 5px
}

.bg-advert,
.bluemode .bg-advert {
    border: 1px solid #ffffff00 !important;
    position: relative
}

.col-half-offset-c {
    max-width: 20%;
    padding: 10px
}

.col-half-offset {
    max-width: 16.6666%;
    padding: 10px
}

.col-four-offset {
    max-width: 25%;
    padding: 10px
}

.bluemode .bg-advert {
    background: #001324 !important
}

.bg-advert {
    background: #f3f3f3 !important
}

.head-account-button:hover,
.head-sell-button:hover {
    background: #174f82;
    color: #fff
}

.head-sell-button .hsb-icon {
    border-radius: 100%;
    background: url(../images/plus.svg) center center no-repeat #00315e
}

.darkmode .head-sell-button .hsb-icon {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block;
    background: url(../images/plus.svg) center center no-repeat #15202b
}

.fs-11,
.head-account-button .hsb-text,
.head-sell-button .hsb-text,
.product-det-reviews .pdr-col:nth-child(2) .pdr-text,
.rc-answer .rca-comment {
    font-size: 11px
}

.head-account-button .hsb-text span,
.head-sell-button .hsb-text span,
.ii-user-bar .iub-name .status {
    display: block;
    font-weight: 700
}

.head-account-button {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer
}

.darkmode .head-account-button .hsb-icon,
.head-account-button .hsb-icon {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    display: block
}

.head-account-button .hsb-icon {
    border-radius: 100%;
    background: url(../images/account.svg) center center no-repeat #00315e
}

.darkmode .bg-advert,
.darkmode .ilan-step-sys ul li.active .step-bg {
    background: #25273a !important
}

.darkmode .head-account-button .hsb-icon {
    border-radius: 100%;
    background: url(../images/account.svg) center center no-repeat #15202b
}

.head-account-button .hsb-profile img,
.slider-one .so-item {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.head-account-button .hsb-profile img {
    border-radius: 10px;
    display: block
}

@media(min-width:1200px) {
    .head-top .head-links ul li {
        margin-right: 20px;
        padding-right: 20px
    }
    .head-account-button .hsb-icon,
    .head-account-button .hsb-profile img,
    .head-sell-button .hsb-icon {
        width: 41px;
        height: 41px;
        padding: 1px
    }
    .mob-menu {
        display: none
    }
}

@media(max-width:1199px) {
    .head-top {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 101;
        display: none
    }
    .head-top .head-links ul {
        justify-content: center
    }
    .head-top .head-links ul li {
        margin-right: 10px;
        padding-right: 10px
    }
    .head-bot .logo {
        max-width: 100px;
        margin: 0 auto
    }
    .head-account-button .hsb-icon,
    .head-account-button .hsb-profile img,
    .head-sell-button .hsb-icon {
        width: 30px;
        height: 30px
    }
    .mob-menu {
        position: absolute;
        top: 10px;
        z-index: 101;
        left: 10px;
        width: 32px;
        height: 50px;
        background: url(../images/mob-menu.svg) center center no-repeat
    }
    .mob-menu.active {
        position: fixed
    }
    .main-menu {
        display: none;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #00315e
    }
    .main-menu ul {
        position: absolute;
        top: 55px;
        width: 100%;
        left: 0
    }
}

.fixed-messages .messages,
.lone-footer ul,
.main-footer .foot-top .foot-links ul,
.main-menu ul,
.reg-list,
.right-images,
.slider-one,
.slider-two,
.steps ul,
.tour-contact-links,
.tour-tabs .tabses,
.ul-style-dot,
.ul-style-line,
.yardim-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.main-menu ul li a {
    display: block;
    padding: 11px 15px;
    position: relative;
    font-size: 14px;
}

.modal-login-image {
    background-image: url(../images/logo-dark-mini.png);
    background-repeat: no-repeat;
    height: 48px;
    background-position: center
}

.darkmode .bg-advert {
    border: 1px solid #ffffff00 !important;
    position: relative
}

.bluemode .modal-login-image,
.darkmode .modal-login-image {
    background-image: url(../images/logo-mini-white.png);
    background-repeat: no-repeat;
    height: 48px;
    background-position: center
}

.darkmode .slider-one .so-item {
    background: #4e537f
}

.darkmode .home-pro-tabs li {
    cursor: pointer;
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, .03);
    font-size: 13px;
    border-bottom: 1px solid #2f3144 !important;
    background: 0 0
}

.darkmode .product-list .product {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #344350 !important
}

.bluemode .product-list .product .product-back,
.darkmode .product-list .product .product-back {
    font-size: 12px;
    color: #adc4cf;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.darkmode .dropped-white::before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    margin: auto;
    top: -5px;
    width: 10px;
    background: #31485c;
    height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1
}

.darkmode .mm-chat-sender .chat-button {
    display: block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/paper-plane.svg) center center no-repeat #056162;
    border: none;
    margin-top: .3px;
    height: 48px;
    width: 100%
}

.bluemode .kp-unselled,
.darkmode .kp-selled,
.darkmode .kp-unselled {
    font-weight: 700;
    display: block;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    text-align: center;
    font-size: 15px;
    padding: 10px 0
}

.bluemode .kp-unselled,
.darkmode .kp-unselled {
    background: linear-gradient(201deg, rgb(255 9 9/72%), rgb(180 34 34/25%));
    border-radius: 5px
}

.darkmode .kp-selled {
    background: linear-gradient(201deg, rgb(135 226 61/72%), rgb(40 202 6/25%));
    border-radius: 5px
}

.darkmode .dropped-white {
    background: linear-gradient(45deg, rgb(49 72 92), rgb(49 72 92));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    z-index: 90;
    max-width: 250px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 20px auto auto;
    position: absolute
}

.bluemode .button-8,
.darkmode .button-8 {
    background-color: #e1ecf4;
    border-radius: 3px;
    border: 1px solid #7aa7c7;
    box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
    box-sizing: border-box;
    color: #16609d;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15385;
    margin: 0;
    padding: 8px .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    width: 120px
}

.darkmode .jumbotron {
    background-color: #15202b !important
}

.bluemode .jumbotron {
    background-color: #00315e !important
}

.darkmode .product:hover .product-footer:hover {
    background: linear-gradient(45deg, rgb(80 92 102), rgb(34 48 60));
    transition: .3s ease-in-out
}

.darkmode {
    background: url(../../i.hizliresim.com/2ourzaa.png) #1e1f2d !important;
    color: #dedee9
}

.bluemode a,
.darkmode a {
    color: #d0dce6
}

.fa-solid, .fas {
    font-weight: 900;
    font-size: 100%;
    color: #000;
}

.darkmode .fa-solid, .darkmode .fas {
    font-weight: 900;
    font-size: 100%;
    color: #fff;
}

.darkmode .home-tab-content {
    background: #2f3144;
    margin: 3px;
    padding: 10px
}

.darkmode .main-menu {
    background: linear-gradient(45deg, rgb(37 42 65), #353552, rgb(38 44 68), rgb(54 59 72/70%));
    border-bottom: 1px solid rgb(215 213 255/10%);
}

.darkmode .modal-content {
    background: linear-gradient(98deg, rgb(25 38 51), rgb(36 53 70))
}

.darkmode .main-menu ul li a:hover {
    background: linear-gradient(343deg, #464f74, #4f577b);
    border-bottom-color: #8854d7
}

.bluemode .main-menu ul li a::before,
.darkmode .main-menu ul li a::before {
    border-left-color: #0a4f8c
}

.darkmode .main-content {
    background: 0 0
}

.bluemode .pattern-load,
.darkmode .pattern-load {
    background: url(../images/epinkasa-pattern-dark.png)
}

.darkmode .btn-blank,
.darkmode .campaign .campaign-item,
.darkmode .ilan-desc-title,
.darkmode .ilan-step-sys .step-bg::after,
.darkmode .ilan-top-two ul li a .itt-icon,
.darkmode .is-label .is-cursor,
.darkmode .newsletter .news-bottom,
.darkmode .newsletter .news-bottom-item .nbi-bottom,
.darkmode .newsletter .news-content,
.darkmode .product-list .product {
    background: #25273a
}

.darkmode .product-list .product .product-footer {
    background: linear-gradient(45deg, rgb(21 32 43), rgb(25 39 52))
}

.darkmode .product-list .product .price {
    background: linear-gradient(45deg, rgb(56 92 130), rgb(56 119 223));
    color: #fff !important
}

.darkmode .campaign,
.darkmode .fixed-messages .messages li a.item:hover,
.darkmode .fixed-messages .messages li div.item:hover,
.darkmode .home-pro-tabs li.active,
.darkmode .newsletter {
    background: #22303c
}

.darkmode .popular-category {
    background: #22303ca1
}

.bluemode .ai-tabs li .ai-t-item,
.bluemode .ai-tabs li .ai-t-item-soft,
.bluemode .btn-blank,
.bluemode .campaign .campaign-item,
.bluemode .dropped-share,
.bluemode .dropped-share::before,
.bluemode .home-pro-tabs li,
.bluemode .ii-top-spef,
.bluemode .ii-user-bar .iub-icons a,
.bluemode .ilan-share .ilan-dropdown,
.bluemode .ilan-top-two ul li a .itt-icon,
.bluemode .ilan-user .check-value,
.bluemode .ilan-user .iu-buttons a,
.bluemode .is-label .is-cursor,
.bluemode .my-profile-page,
.bluemode .newsletter .news-bottom,
.bluemode .newsletter .news-bottom-item .nbi-bottom,
.bluemode .newsletter .news-content,
.bluemode .pagenav ul li a.current,
.bluemode .pagenav ul li a:hover,
.bluemode .popular-category .pc-list li .pc-product,
.bluemode .product-left .pl-share .pl-dropdown,
.bluemode .product-list .product,
.bluemode .rutbe-bg,
.bluemode .tour-tabs .tabses li,
.darkmode .ai-tabs li .ai-t-item,
.darkmode .ai-tabs li .ai-t-item-soft,
.darkmode .dropped-share,
.darkmode .dropped-share::before,
.darkmode .ii-top-spef,
.darkmode .ilan-user .check-value,
.darkmode .ilan-user .iu-buttons a,
.darkmode .popular-category .pc-list li .pc-product,
.darkmode .product-left .pl-share .pl-dropdown,
.darkmode .tour-tabs .tabses li {
    background: #002648
}

.bluemode .btn-blank.dark,
.bluemode .rc-answer .rca-image,
.bluemode .review-comments .rc-image,
.bluemode .swiper-scrollbar,
.darkmode .btn-blank.dark,
.darkmode .swiper-scrollbar {
    background: #001324
}

.bluemode .campaign .campaign-item p,
.bluemode .newsletter .news-bottom,
.bluemode .newsletter .news-bottom time,
.bluemode .newsletter .news-bottom-item .nbi-bottom time,
.bluemode .newsletter .news-content time,
.darkmode .campaign .campaign-item p,
.darkmode .newsletter .news-bottom,
.darkmode .newsletter .news-bottom time,
.darkmode .newsletter .news-bottom-item .nbi-bottom time,
.darkmode .newsletter .news-content time {
    color: #8c9cab
}

.bluemode .small-button,
.darkmode .small-button {
    background: #0a4f8c;
    color: #fff
}

.bluemode .small-button:hover,
.bluemode .tour-tabs .tabses li.active,
.darkmode .small-button:hover,
.darkmode .tour-tabs .tabses li.active {
    background: #0d5493
}

.darkmode .comments-all,
.darkmode .detail-all,
.darkmode .news-col,
.darkmode .pagenav ul li a,
.darkmode .papper-content,
.darkmode .popular-content,
.darkmode .rutbe-bg .rb-icon {
    background: #1c1e2c
}

.bluemode .comments-all .comments-head,
.bluemode .detail-all .detail-head,
.bluemode .dropped-share li,
.bluemode .message-users ul li,
.bluemode .oy-menu ul li,
.darkmode .comments-all .comments-head,
.darkmode .detail-all .detail-head,
.darkmode .dropped-share li,
.darkmode .message-users ul li,
.darkmode .oy-menu ul li {
    border-bottom-color: rgba(255, 255, 255, .05)
}

.bluemode .border,
.bluemode .border-bottom,
.bluemode .border-left,
.bluemode .border-right,
.bluemode .border-top,
.darkmode .border,
.darkmode .border-bottom,
.darkmode .border-left,
.darkmode .border-right,
.darkmode .border-top {
    border-color: rgba(255, 255, 255, .05) !important
}

.darkmode .border2,
.darkmode .rc-answer .rca-image,
.darkmode .review-comments .rc-image {
    background: #1c2938
}

.darkmode .user-comments .uc-img img {
    border-color: #00617f
}

.darkmode .form-control {
    background: #464a6d;
    border-color: #393c54;
    color: #fff;
    height: 40px;
    font-size: 14px;
    font-weight: 700
}

.darkmode .form-control:focus {
    background: #25273a;
    border-color: #393c54;
    color: #fff;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    border: 4px solid rgba(0,123,255,.25);
}

.darkmode .btn-grey,
.darkmode .btn-primary {
    background: #1a8dd9;
    border-color: #1a8dd9;
    color: #fff
}

.bluemode .btn-grey:active,
.bluemode .btn-grey:hover,
.bluemode .btn-primary:active,
.bluemode .btn-primary:hover,
.darkmode .btn-grey:active,
.darkmode .btn-grey:hover,
.darkmode .btn-primary:active,
.darkmode .btn-primary:hover {
    background: #151a27 !important;
    border-color: #151a27 !important
}

.bluemode .news-col .info-span,
.darkmode .news-col .info-span {
    color: rgba(255, 255, 255, .4)
}

.darkmode .bg-white {
    background: #192734 !important
}

.darkmode .ilan-step-sys,
.darkmode .oy-menu ul li a::after,
.darkmode .oy-menu ul li a::before,
.darkmode .rutbe-bg {
    background: #393c54
}

.darkmode .ilan-step-sys .step-bg {
    border-right-color: #25273a
}

.bluemode .cat-selector,
.darkmode .cat-selector {
    border-color: rgba(255, 255, 255, .05)
}

.bluemode .cat-selector .cs-content li,
.darkmode .cat-selector .cs-content li {
    border-top-color: rgba(255, 255, 255, .05)
}

.darkmode .cat-selector::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.darkmode .cat-selector::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.darkmode .cat-selector::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #9b9b9b
}

.darkmode .cat-selector .cs-input input {
    background-color: #25273a;
    border-color: #393c54;
    color: #fff
}

.bluemode .is-label .is-cursor span,
.darkmode .is-label .is-cursor span {
    border-color: rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .15)
}

.darkmode .input-images-1 .image-uploader .upload-text {
    background-color: #fff
}

.bluemode .step3-ilani-one-cikar,
.bluemode .step3-vitrin-ilani,
.darkmode .step3-ilani-one-cikar,
.darkmode .step3-vitrin-ilani {
    color: #001324
}

.darkmode .step4-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.darkmode .step4-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.darkmode .step4-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.bluemode .btn-danger,
.bluemode .btn-info,
.bluemode .btn-success,
.bluemode .btn-yellow,
.bluemode .kp-message-button,
.bluemode .table-color,
.darkmode .btn-danger,
.darkmode .btn-info,
.darkmode .btn-success,
.darkmode .btn-yellow,
.darkmode .kp-message-button,
.darkmode .table-color,
.main-footer .foot-top .foot-links ul li a,
.tour-contact-links .tcl-link a {
    color: #fff
}

.darkmode .iso-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.darkmode .iso-content::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.darkmode .iso-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.darkmode .ilan-desc-text::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.darkmode .ilan-desc-text::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.darkmode .ilan-desc-text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.darkmode .arkayesil,
.darkmode .ii-user-bar .iub-icons a {
    background: #253c52
}

.darkmode .ilan-share .ilan-dropdown {
    background: #065a91
}

.bluemode .ilan-top-two ul li,
.darkmode .ilan-top-two ul li {
    border-right-color: rgba(255, 255, 255, .05)
}

.bluemode .ilan-step-sys,
.bluemode .ilan-top-two ul li a.active,
.bluemode .ilan-top-two ul li a:hover,
.darkmode .ilan-top-two ul li a.active,
.darkmode .ilan-top-two ul li a:hover {
    background: #002342
}

.bluemode .ilanlar li .ia-border,
.darkmode .ilanlar li .ia-border {
    border-right-color: rgba(255, 255, 55, .05)
}

.darkmode .pagenav ul li a.current,
.darkmode .pagenav ul li a:hover {
    background: #15202b;
    border-bottom: .5px solid #1a8dd9
}

.bluemode .my-profile-page .mpp-top ul li,
.bluemode .pagenav ul li,
.darkmode .my-profile-page .mpp-top ul li,
.darkmode .pagenav ul li {
    border-right-color: rgba(255, 255, 255, .1)
}

.darkmode .cat-product {
    background: #293242
}

.bluemode .bg-white-two,
.darkmode .bg-white-two {
    background: #001d37;
    border-color: #002648
}

.bluemode .ai-bar,
.bluemode .ep-item,
.bluemode .feedback-buttons .fb-button,
.bluemode .form-label span,
.bluemode .my-profile-page .mpp-top ul li .mpp-item .mpp-icon,
.bluemode .tour-rounds .tour-row .tour-col .matches .match-teams::after,
.darkmode .ai-bar,
.darkmode .ep-item,
.darkmode .feedback-buttons .fb-button,
.darkmode .form-label span,
.darkmode .my-profile-page .mpp-top ul li .mpp-item .mpp-icon,
.darkmode .tour-rounds .tour-row .tour-col .matches .match-teams::after {
    border-color: rgba(255, 255, 255, .1)
}

.bluemode .product-det-reviews .pdr-col:nth-child(2) .pdr-text,
.darkmode .product-det-reviews .pdr-col:nth-child(2) .pdr-text {
    border-left-color: rgba(255, 255, 255, .05)
}

.darkmode .head-account-button,
.darkmode .head-sell-button {
    color: #fff;
}

.darkmode .cat-search,
.darkmode .head-bot .search {
    background-color: #2b2d3f;
    color: #fff
}

.darkmode .head-bot .search-button {
    background-color: #3f3f93;
    color: #fff
}

.darkmode input[type=text]::placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.darkmode input[type=text]::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.darkmode input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.darkmode input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.darkmode input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.darkmode input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.col-77 {
    flex: 0 0 14.266667%;
    max-width: 14.266667%
}

.bluemode .mma-content .mm-chat.mm-other .mmc-text,
.darkmode .mma-content .mm-chat.mm-other .mmc-text {
    background: #262d31;
    font: inherit
}

.darkmode .mu-message-area .mma-row .mma-date {
    background: #192734;
    max-width: 150px
}

.darkmode .mm-chat-sender .chat-input {
    background: #25273a;
    border-color: #263543;
    font: inherit;
    color: #fff
}

.darkmode .my-profile-page {
    background: #2f3144
}

.bluemode .my-profile-page .mpp-top,
.bluemode .yardim-menu ul li,
.darkmode .my-profile-page .mpp-top,
.darkmode .yardim-menu ul li {
    border-bottom-color: rgba(255, 255, 255, .1)
}

.bluemode .ai-bar .ai-dropper::after,
.bluemode .fixed-messages .messages li a,
.bluemode .ho-bar,
.bluemode .tour-rounds .tour-row .tour-col .matches .match-teams,
.darkmode .ai-bar .ai-dropper::after,
.darkmode .fixed-messages .messages li a,
.darkmode .tour-rounds .tour-row .tour-col .matches .match-teams {
    background: #0a4f8c
}

.bluemode .feedback-buttons .fb-button:hover,
.darkmode .feedback-buttons .fb-button:hover {
    color: #fff;
    background: #002e56;
    border-color: #002e56
}

.darkmode .help-search .hs-inner .hs-search {
    background-color: #1c2938;
    color: #fff
}

.bluemode .tour-detail-user,
.bluemode .tour-item,
.bluemode .tour-rounds .tour-row .tour-col .tour-title,
.bluemode .tour-tabs .tour-tab-bg,
.darkmode .tour-detail-user,
.darkmode .tour-item,
.darkmode .tour-rounds .tour-row .tour-col .tour-title,
.darkmode .tour-tabs .tour-tab-bg {
    background: #002e56
}

.bluemode .tour-rounds .tour-row .tour-col .matches .match-teams::before,
.darkmode .tour-rounds .tour-row .tour-col .matches .match-teams::before {
    background: rgba(255, 255, 255, .1)
}

.bluemode .tour-rounds .tour-row .tour-col .matches .match-teams .winner,
.darkmode .tour-rounds .tour-row .tour-col .matches .match-teams .winner {
    background: #1d9f63
}

.bluemode .list-group-item,
.darkmode .list-group-item {
    background: 0 0;
    border-color: rgba(255, 255, 255, .1)
}

.darkmode .fixed-messages .messages li div.item {
    background: linear-gradient(45deg, #15202b, #192734)
}

.darkmode .bg-new {
    background: url(../images/epinkasa-pattern-dark.png) #0f1317 !important;
    border: 1px solid #445f78 !important
}

.bluemode .twitchicon,
.darkmode .twitchicon {
    background-image: url(../images/twitch-logo-small-white.png);
    background-repeat: no-repeat;
    height: 16px;
    background-position: bottom 0 right 77px
}

.slider-one .so-link {
    display: block;
    text-align: Center
}

.slider-one .so-item {
    background: #fec20f;
    background: -moz-linear-gradient(45deg, #fec20f 0, #ee6572 50%, #86489b 100%);
    background: -webkit-linear-gradient(45deg, #fec20f 0, #ee6572 50%, #86489b 100%);
    margin: 0 auto;
    background: linear-gradient(45deg, #fec20f 0, #ee6572 50%, #86489b 100%);
    width: 86px;
    height: 85px;
    display: block;
    border-radius: 100%;
    padding: 3px
}

.darkmode .slider-one .so-text,
.slider-one .so-text {
    font-size: 13px;
    margin-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bluemode .slider-one .so-item {
    background: linear-gradient(45deg, #bbb 0, #555 50%, #b5b5b5 100%)
}

.slider-one .so-item img {
    display: block;
    width: 80px !important;
    height: 80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.slider-one .so-text {
    color: #0b0b0b
}

.darkmode .slider-one .so-text {
    color: #d6d7e5
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.main-footer .foot-logo img,
.newsletter article img,
.owl-carousel .owl-item img,
.right-images li a img,
.tour-rounds .tour-overflow {
    display: block;
    width: 100%
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block;
    z-index: 99
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.slider-one .owl-nav .owl-next,
.slider-one .owl-nav .owl-prev {
    position: absolute;
    top: 25px
}

.slider-one .owl-nav .owl-next .owl-s-next,
.slider-one .owl-nav .owl-next .owl-s-prev,
.slider-one .owl-nav .owl-prev .owl-s-next,
.slider-one .owl-nav .owl-prev .owl-s-prev {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer
}

.slider-one .owl-nav .owl-next .owl-s-prev,
.slider-one .owl-nav .owl-prev .owl-s-prev {
    background: url(../images/arrow-left.svg) center center no-repeat
}

.slider-one .owl-nav .owl-next .owl-s-next,
.slider-one .owl-nav .owl-prev .owl-s-next {
    background: url(../images/arrow-right.svg) center center no-repeat
}

.slider-one .owl-nav .owl-prev {
    left: -40px
}

.slider-one .owl-nav .owl-next {
    right: -40px
}

.home-photos img,
.popular-content .popular-col .popular-img img,
.slider-two .owl-left-img img {
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.slider-two .owl-dots {
    position: absolute;
    left: 20px
}

.slider-two .owl-dots .owl-dot {
    display: block;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin: 5px 0;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.slider-two .owl-dots .owl-dot.active {
    height: 22px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.right-images img {
    border-radius: 5px
}

.home-pro-tabs {
    display: flex;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    margin: 0;
    list-style: none;
    background: linear-gradient(to right, #00315e, #005899);
    border-radius: 5px 5px 0 0;
    padding: 5px 5px 0 0
}

.mainmenu-area {
    background: #fff;
} 

#category-buttons .item-a span {
    color: #252831;
}

.darkmode #category-buttons .item-a span {
    color: #fff;
}


.home-pro-tabs li {
    cursor: pointer;
    font-size: 13px;
    color: #fff;
    border-top: 3px solid transparent
}

.bluemode .home-pro-tabs li {
    cursor: pointer;
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, .03);
    font-size: 13px;
    border: 1px solid #022c52 !important
}

.campaign,
.wallet-dropped-white {
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.home-pro-tabs li:first-child {
    border-top-left-radius: 5px
}

.home-pro-tabs li:last-child {
    border-top-right-radius: 5px
}

.home-pro-tabs li span {
    font-weight: 700;
    display: block;
    font-size: 15px
}

.home-pro-tabs li.active,
.home-pro-tabs li:hover {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-color: #00315e;
    border-bottom: 2px solid #7598f9 !important
}

.darkmode .home-pro-tabs li.active,
.darkmode .home-pro-tabs li:hover {
    background: #2733558a
}

.home-tab-content {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-list {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.product-list .product {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6 !important
}

.bluemode .product-list .product {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #00396c !important
}

.news-bottom-item img,
.popular-category .pc-list li .pc-product .pc-img img,
.product-left .product-img img {
    display: block;
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.product-list .product .product-img {
    margin: 0 0 3px;
    padding: 0;
    position: Relative;
    overflow: hidden
}

.product-list .product .product-img img {
    display: block;
    object-fit: cover !important;
    width: 100%;
    height: 138px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: .3s ease-in-out;
    border-radius: 5px
}

.popular-category,
.product-list .product .product-footer img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.product-list .product .price {
    background: #fff;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: 5px
}

.cat-product .pc-img figure,
.cekilis-bg .cek-user .cu-img,
.home-photos figure,
.ilan-image,
.kul-pan-img figure,
.news-col .new-images figure,
.newsletter article figure,
.popular-category .pc-list li .pc-product .pc-img figure,
.product-list .product .product-name {
    margin: 0;
    padding: 0
}

.product-list .product .product-name a {
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
    font-weight: 700;
    line-height: 17px
}

.product-list .product .product-back {
    font-size: 12px;
    color: #424242;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-list .product .product-footer {
    background: linear-gradient(3deg, #e2e6ea, #fbfbfb 70%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.product-list .product .product-footer img {
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 5px
}

.product-list .product .one-cikan,
.product-list .product .vitrin-ilani {
    width: auto;
    border-radius: 2px;
    top: 5%;
    padding: 1px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    position: absolute
}

.seller {
    padding-left: 5px
}

.sekillendir {
    background: #f8f8f8 !important
}

.darkmode .sekillendir {
    background: #121c25 !important
}

.onecik {
    background: linear-gradient(180deg, #fff, #ded4ff78) !important
}

.darkmode .onecik {
    background: linear-gradient(0deg, #00b4ed4d, #243646) !important
}

.bluemode .onecik {
    background: linear-gradient(0deg, #8e6cff63, #001d37) !important
}

.ho-bar .ho-sub,
.product-list .product .product-footer .seller span {
    font-size: 11px;
    display: block
}

.product-list .product .product-footer .seller a {
    font-weight: 600;
    font-size: 13px
}

.product-list .product .one-cikan {
    left: 2px;
    background: linear-gradient(45deg, rgb(198 75 51), rgb(249 158 12))
}

.product-list .product .vitrin-ilani {
    right: 2px;
    background: linear-gradient(45deg, rgb(0 183 240), rgb(113 54 206))
}

.loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://upload.wikimedia.org/wikipedia/commons/b/b1/Loading_icon.gif) center center no-repeat #fff
}

.title-style {
    font-weight: 400;
    margin: 0;
    padding: 0
}

.newsletter article .news-content h5 a,
.small-button,
.tour-item .tour-end .tour-user-name {
    font-weight: 600
}

.breadcrumbs ul li a,
.comments-all .comments-head .profil-comments span,
.popular-category .pc-list li .pc-product .pc-name h4 a,
.title-style b {
    font-weight: 700
}

.popular-category {
    background: #4d4d4d12;
    border-radius: 5px
}

.popular-category .pc-list {
    margin: 0;
    padding: 0 0 40px;
    list-style: none
}

.cat-product,
.popular-category .pc-list li .pc-product {
    background: #f5f7f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.message-users,
.mma-content {
    overflow-x: auto
}

.yuksek280 {
    height: 280px
}

.popular-category .pc-list li .pc-product .pc-name h4 {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px
}

.cat-product .pc-name p,
.popular-category .pc-list li .pc-product .pc-name p {
    margin: 0;
    padding: 0;
    font-size: 11px
}

.bg-white,
.my-profile-page,
.newsletter {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.fixed-messages .messages li a.item:hover,
.fixed-messages .messages li div.item:hover,
.news-bottom-item .nbi-bottom,
.newsletter article .news-content {
    background: #f5f7f9
}

.newsletter article .news-content h5 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: 600
}

.news-bottom-item .nbi-bottom time,
.newsletter article .news-content time {
    font-size: 12px;
    color: #818181
}

.newsletter article .news-bottom {
    background: #f5f7f9;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #818181;
    font-size: 12px
}

.small-button {
    background: #e0e5e9;
    font-size: 9px;
    padding: 7px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: inline-block
}

.btn-grey:hover,
.pagenav ul li a.current,
.pagenav ul li a:hover,
.small-button:hover {
    background: #00315e;
    color: #fff
}

.newsletter-slider .owl-nav {
    position: absolute;
    right: 15px
}

.newsletter-slider .owl-nav .owl-next,
.newsletter-slider .owl-nav .owl-prev {
    display: inline-block;
    margin: 5px
}

.newsletter-slider .owl-nav .owl-next .owl-s-next,
.newsletter-slider .owl-nav .owl-next .owl-s-prev,
.newsletter-slider .owl-nav .owl-prev .owl-s-next,
.newsletter-slider .owl-nav .owl-prev .owl-s-prev {
    width: 21px;
    height: 21px;
    display: block;
    cursor: pointer;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.campaign,
.campaign-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.newsletter-slider .owl-nav .owl-next .owl-s-prev,
.newsletter-slider .owl-nav .owl-prev .owl-s-prev {
    background: url(../images/arrow-left-pull.svg) center center no-repeat #fff
}

.newsletter-slider .owl-nav .owl-next .owl-s-next,
.newsletter-slider .owl-nav .owl-prev .owl-s-next {
    background: url(../images/arrow-right-pull.svg) left 8px center no-repeat #fff
}

.news-bottom-item .nbi-bottom h5 {
    margin: 0;
    font-size: 14px;
    padding: 0
}

.news-bottom-item .nbi-bottom h5 a {
    font-size: 14px;
    font-weight: 700
}

.campaign {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    position: Relative;
    z-index: 2
}

.campaign-item {
    background: #f5f7f9;
    margin-top: 30px;
    border-radius: 5px
}

.campaign-item .camp-img img,
.main-footer .foot-top .foot-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    display: block
}

.campaign-item .camp-img img {
    border-radius: 5px;
    object-fit: cover
}

.campaign-item h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-weight: 700
}

.campaign-item p {
    color: #818181;
    padding: 10px 0 0;
    margin: 0;
    font-size: 11px
}

.four-desc .fd-bar,
.ilanbilgi {
    text-align: center
}

.four-desc .fd-bar .fd-icon {
    height: 80px
}

.four-desc .fd-bar .fd-title,
.message-users ul li a .mu-name,
.mu-message-area .mma-row .mma-name,
.oy-menu ul li a .oym-text {
    font-size: 18px;
    font-weight: 700
}

.four-desc .fd-bar .fd-text {
    font-size: 11px;
    color: #818181;
    margin-top: 10px
}

.darkmode .main-footer {
    background: #151523;
    margin-top: 95px
}

.main-footer .foot-logo {
    max-width: 70%
}

.main-footer .foot-top .copyright {
    color: #fff;
    font-weight: 600
}

.main-footer .foot-top .foot-button {
    background: #174f82;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    max-width: 70%;
    font-weight: 600
}

.darkmode .main-footer .foot-top .foot-button {
    display: block;
    background: #15202b;
    color: #fff;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-width: 70%;
    font-weight: 600
}

.main-footer .foot-top .foot-button .fb-icon {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    line-height: 18px;
    background: #fff
}

.main-footer .foot-top .foot-button .fb-icon svg {
    fill: #012b51
}

.main-footer .foot-top .foot-links h6 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    position: Relative
}

.darkmode .main-footer .foot-top .foot-links h6 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    position: Relative
}

.main-footer .foot-top .foot-links ul li {
    display: block;
    margin-top: 15px
}

.main-footer .foot-top .foot-text2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.darkmode .main-footer .foot-top .live-support,
.main-footer .foot-top .live-support {
    border-radius: 40px 5px 5px 40px;
    font-size: 12px;
    padding: 5px 10px 5px 50px;
    text-align: left;
    color: #fff;
    display: inline-block;
    font-weight: 700
}

.main-footer .foot-top .live-support {
    background: url(../images/customer-service.svg) left center no-repeat #174f82
}

.darkmode .main-footer .foot-top .live-support {
    background: url(../images/customer-service.svg) left center no-repeat #213242
}

.main-footer .foot-top .live-support span {
    display: block;
    font-weight: 300
}

.main-footer .foot-top .foot-socials li {
    margin-right: 15px;
    display: block;
    height: 23px
}

.main-footer .foot-top .foot-socials li svg {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    fill: #174f82;
    width: 23px;
    height: 23px
}

.darkmode .main-footer .foot-top .foot-socials li svg {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    fill: #c1c1c1;
    width: 23px;
    height: 23px
}

.main-footer .foot-bottom {
    background: #00315e;
    color: #fff;
    text-align: Center
}

.darkmode .main-footer .foot-bottom {
    background: #0e0e16;
    color: #fff;
    text-align: Center
}

.dropped-share ul li,
.dropped-white ul li,
.my-profile-page .mpp-top,
.oy-menu ul li,
.yardim-menu ul li {
    border-bottom: 1px solid #f3f3f3
}

.my-profile-page .mpp-top ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex
}

.my-profile-page .mpp-top ul li {
    width: 9.09%;
    border-right: 1px solid #f3f3f3
}

.add-tour .add-tour-button span:last-child,
.ilan-top-two ul li:last-child,
.my-profile-page .mpp-top ul li:last-child,
.pagenav ul li:last-child {
    border-right: none
}

.my-profile-page .mpp-top ul li .mpp-item {
    display: block;
    cursor: pointer
}

.my-profile-page .mpp-top ul li .mpp-item .mpp-img img {
    display: block;
    width: 46px;
    margin: 0 auto;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.my-profile-page .mpp-top ul li .mpp-item .mpp-name {
    font-size: 11px;
    text-align: Center;
    display: block;
    margin-top: 5px
}

.my-profile-page .mpp-top ul li .mpp-item .mpp-icon {
    display: block;
    color: #cbcbcb;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    border: 1px solid #f3f3f3;
    font-size: 18px;
    width: 46px;
    margin: 0 auto;
    height: 46px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    line-height: 44px;
    text-align: center
}

.bg-grey,
.ho-bar {
    background: #f5f7f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.my-profile-page .mpp-top ul li .mpp-item:hover .mpp-icon {
    background: #00315e;
    border-color: #00315e;
    color: #fff
}

.title-style2 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.ho-bar {
    border-radius: 5px;
    padding: 15px
}

.ho-bar .ho-icon {
    width: 54px;
    height: 54px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 54px
}

.ho-bar .ho-icon.ho-account-total {
    background: #65d1d6
}

.ho-bar .ho-icon.ho-shop {
    background: #6583d6
}

.ho-bar .ho-icon.ho-accepted {
    background: #d6658a
}

.ho-bar .ho-icon.ho-money {
    background: #e4b91d
}

.ho-bar .ho-title {
    font-size: 25px;
    line-height: 25px;
    font-weight: 700
}

.ho-bar .ho-title span {
    font-size: 18px;
    font-weight: 400
}

.bg-grey {
    border-radius: 5px
}

.bg-white-two {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #f3f3f3
}

.fs-25 {
    font-size: 25px
}

.fs-20,
.news-col .new-tittle {
    font-size: 20px
}

.fs-12 {
    font-size: 12px
}

.fs-15 {
    font-size: 15px
}

.fixed-messages {
    position: fixed;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    z-index: 100
}

.dropped-share,
.dropped-white,
.wallet-dropped-white {
    z-index: 90;
    max-width: 250px;
    width: 100%;
    position: absolute
}

.fixed-messages .all-messages {
    text-align: Center;
    background: #00315e;
    display: block;
    color: #fff
}

.darkmode .fixed-messages .all-messages {
    text-align: Center;
    background: #00617f;
    display: block;
    color: #fff
}

.fixed-messages .messages li:last-child a.item {
    border-bottom-left-radius: 5px
}

.fixed-messages .messages li a.item,
.fixed-messages .messages li div.item {
    display: block;
    width: 64px;
    background: #fff;
    position: relative;
    cursor: pointer
}

.fixed-messages .messages li a.item img,
.fixed-messages .messages li div.item img {
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
    width: 36px;
    height: 36px
}

.fixed-messages .messages li a.item span.on,
.fixed-messages .messages li div.item span.on {
    position: absolute;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: Center;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    background: #00315e
}

.logged-menu {
    float: right;
    height: 52px;
    display: flex;
    align-items: center
}

.logged-menu a {
    display: flex;
    align-items: Center;
    position: relative;
    padding: 19px 15px;
    border-bottom: 1px solid transparent
}

.logged-menu a::before {
    border-left: 1px solid #012b51;
    opacity: .1;
    content: "";
    height: 18px;
    left: 0;
    top: 14px;
    position: absolute
}

.logged-menu a:first-child,
.timer div:first-child {
    margin-left: 0
}

.logged-menu a:hover {
    background: rgba(0, 49, 93, .04);
    border-bottom-color: #00315e
}

.logged-menu a span {
    width: 16px;
    height: 16px;
    font-weight: 700;
    background: #c80000;
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    text-align: Center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block;
    position: absolute;
    right: 8px;
    bottom: 24px
}

.wallet-dropped-white {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    margin-left: 65px !important;
    margin: 2px auto auto
}

.dropped-share,
.dropped-white,
.ui-menu {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.dropped-share::before,
.dropped-white::before,
.wallet-dropped-white::before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    margin: auto;
    top: -5px;
    width: 10px;
    background: #fff;
    height: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1
}

.dropped-share,
.dropped-white,
.oy-bank-logos .oyb-col .oyb-bg {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.dropped-share,
.dropped-white {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    left: 0;
    right: 0;
    margin: 20px auto auto
}

.bluemode .dropped-white::before,
.btn-grey {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px
}

.bluemode .dropped-white::before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    margin: auto;
    top: -5px;
    width: 10px;
    background: #375eae;
    height: 10px;
    border-radius: 3px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1
}

.dropped-share ul,
.dropped-white ul,
.news-detail li,
.news-ul li {
    list-style: none
}

.dropped-share ul li:last-child,
.dropped-white ul li:last-child,
.oy-menu ul li:last-child {
    border-bottom: none
}

.dropped-white ul li a {
    padding: 10px 0
}

.dropped-share ul li a:hover .dropped-icon,
.dropped-white ul li a:hover .dropped-icon {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    background: #fbb540
}

.dropped-share ul li a:hover .dropped-title,
.dropped-white ul li a:hover .dropped-title {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    color: #fbb540
}

.darkmode .dropped-white ul li a .dropped-icon,
.dropped-white ul li a .dropped-icon {
    width: 18px;
    height: 18px;
    font-size: 8px !important;
    line-height: 20px;
    color: #fff;
    text-align: Center
}

.dropped-white ul li a .dropped-icon {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #00315e
}

.oy-menu ul li a::after,
.oy-menu ul li a::before {
    content: "";
    width: 7px;
    height: 100%;
    background: rgb(13 159 235/81%) !important;
    position: absolute;
    opacity: 0
}

.darkmode .dropped-white ul li a .dropped-icon {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background: #15202b
}

.darkmode .dropped-white ul li a .dropped-title,
.dropped-white ul li a .dropped-title {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    font-size: 15px;
    padding-left: 10px;
    font-weight: 600
}

.message-users ul,
.oy-menu ul {
    margin: 0;
    padding: 0 0;
    list-style: none
}

.input-images-1 .image-uploader .uploaded .uploaded-image:hover button,
.oy-menu ul li a.active::after,
.oy-menu ul li a.active::before,
.oy-menu ul li a:hover::after,
.oy-menu ul li a:hover::before,
.oy-menu ul li.active a::after,
.oy-menu ul li.active a::before {
    opacity: 1;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.oy-menu ul li a {
    padding: 20px 0;
    cursor: pointer;
    position: Relative
}

.oy-menu ul li a::after {
    right: -70px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.oy-menu ul li a::before {
    left: -10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ai-steps,
.message-users,
.message-users ul li a .mu-image,
.tour-rounds .tour-row .tour-col .matches {
    position: Relative
}

.oy-menu ul li a .oym-icon {
    display: block;
    max-width: 70%;
    margin: 0 auto
}

.oy-menu ul li a .oym-text span {
    display: block;
    color: #9e9e9e;
    font-size: 11px;
    font-weight: 400;
    margin-top: 5px
}

.btn-grey {
    display: inline-block;
    font-weight: 700;
    padding: 10px 40px;
    border-radius: 3px;
    background: #e0e5e9
}

.btn-red,
.btn-yellow {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    font-weight: 700;
    padding: 10px 40px;
    color: #fff
}

.btn-grey i {
    font-size: 9px
}

.btn-yellow {
    border-radius: 3px;
    background: #e39a2e
}

.btn-yellow:hover {
    background: #ffb446;
    color: #fff
}

.btn-red {
    border-radius: 3px;
    background: #960b0b
}

.btn-red:hover {
    background: #ca1111;
    color: #fff
}

.btn-green {
    display: inline-block;
    font-weight: 700;
    padding: 10px 40px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #008629
}

.btn-green:hover {
    background: #025b1d;
    color: #fff
}

.oy-blank img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.oy-bank-logos .oyb-col {
    margin-bottom: 20px
}

.darkmode .baslik_div, .baslik_div2, .baslik_div3 {
    background: #3f3f93;
}

.baslik_div, .baslik_div2, .baslik_div3 h5 {
    margin-left: 20px;
}

@media(min-width:1200px) {
    .main-menu {
        background: #fff;
        position: Relative;
        -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .03);
        -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .03);
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .03)
    }
    .main-menu ul {
        display: inline-flex;
        font-size: 12px;
        justify-content: center
    }
    .main-menu ul li a {
        border-bottom: 1px solid transparent
    }
    .main-menu ul li a::before {
        border-left: 1px solid #012b51;
        opacity: .1;
        content: "";
        height: 18px;
        left: 0;
        top: 14px;
        position: absolute
    }
    .main-menu ul li a.active {
        background: #00498d;
        border-bottom-color: #00315e;
        color: #fff;
    }

    .main-menu ul li a:hover {
        background: #00376b;
        border-bottom-color: #00315e;
        color: #fff;
    }

    .darkmode .main-menu ul li a.active,
    .darkmode .main-menu ul li a:hover {
        background: #3f3f93;
        border-bottom-color: #00315e;
        color: #fff;
    }

    .logged-menu a {
        background: #00498d;
    }
    .logged-menu a:hover {
        background: #00376b;
    }

    .darkmode .logged-menu a,
    .darkmode .logged-menu a:hover {
        background: #3f3f93;
    }

    .slidertwo-row .str-col:first-child {
        width: 1010px
    }
    .slidertwo-row .str-col:nth-child(2) {
        width: 347px;
        padding-left: 30px
    }
    .slider-two .owl-dots {
        top: 40%
    }
    .slider-two .owl-dots .owl-dot {
        width: 11px;
        height: 11px
    }
    .home-photos a:nth-child(2),
    .right-images li:nth-child(2) {
        margin-top: 30px
    }
    .home-pro-tabs li {
        padding: 0 20px
    }
    .home-pro-tabs li .row {
        height: 38px;
        padding-bottom: 10px
    }
    .home-pro-tabs li.active .row,
    .home-pro-tabs li:hover .row {
        height: 45px;
        padding-bottom: 0
    }
    .title-style {
        font-size: 25px
    }
    .newsletter-slider .owl-nav {
        bottom: 110px
    }
    .campaign-item .row {
        height: 100px
    }
    .campaign-item .camp-img {
        margin: -6px 0 0 20px;
        padding: 0
    }
    .campaign-item .camp-img img {
        width: 113px;
        height: 113px;
        object-fit: cover
    }
    .main-footer .foot-top .foot-links h6::before {
        position: absolute;
        left: -13px;
        width: 6px;
        height: 6px;
        top: 7px;
        background: #3e7fb9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px
    }
    .fixed-messages {
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .fixed-messages .all-messages {
        width: 64px;
        height: 64px;
        line-height: 64px;
        font-size: 20px;
        border-top-left-radius: 5px
    }
    .fixed-messages .messages li {
        display: block
    }
    .fixed-messages .messages li a.item,
    .fixed-messages .messages li div.item {
        padding: 10px 0
    }
    .fixed-messages .messages li a.item span,
    .fixed-messages .messages li div.item span.on {
        left: 5px;
        top: 20px
    }
    .oy-blank,
    .oy-h {
        min-height: 592px
    }
    .oy-blank .oyb-text {
        max-width: 65%;
        margin: 0 auto
    }
    .oy-bank-logos .oyb-col {
        width: 18.4%;
        margin-right: 2%
    }
    .oy-bank-logos .oyb-col:nth-child(5n+0) {
        margin-right: 0
    }
    .message-users {
        height: 590px
    }
}

@media(min-width:650px) and (max-width:1199px) {
    .oy-bank-logos .oyb-col {
        width: 32%;
        margin-right: 2%
    }
    .oy-bank-logos .oyb-col:nth-child(3n+0) {
        margin-right: 0
    }
}

@media(max-width:650px) {
    .oy-bank-logos .oyb-col {
        width: 49%;
        margin-right: 2%
    }
    .oy-bank-logos .oyb-col:nth-child(2n) {
        margin-right: 0
    }
}

.oy-bank-logos .oyb-col .oyb-bg {
    display: flex;
    align-items: center;
    height: 120px;
    border-radius: 5px;
    background: #f5f7f9
}

.ilan-image img,
.ul-style-dot li::before {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.oy-bank-logos .oyb-col .oyb-bg img {
    display: block;
    max-height: 100px;
    max-width: 90%;
    margin: 0 auto
}

.ii-section-two .istl-col,
.ul-style-line li {
    margin-top: 10px
}

.ul-style-line li::before {
    content: "-";
    margin-right: 5px
}

.ul-style-dot li {
    margin-top: 10px;
    padding-left: 14px;
    position: relative
}

.ul-style-dot li::before {
    content: "";
    left: 0;
    top: 7px;
    width: 6px;
    position: absolute;
    background: #012b51;
    height: 6px;
    border-radius: 5px;
    display: block;
    margin-right: 5px
}

.message-users::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.message-users::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.message-users::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.message-users ul li {
    display: block;
    border-bottom: 1px solid #f3f3f3
}

.message-users ul li a {
    padding: 15px 0
}

.message-users ul li a .mu-image img {
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 10%;
    width: 45px;
    height: 45px;
    margin-left: 20px
}

.message-users ul li a .mu-image .new-message {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #00315e;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    line-height: 12px;
    display: none;
    left: 27px;
    top: 9px
}

.mu-message-area .mma-row .mma-image img,
.review-comments .rc-image img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.message-users ul li a .mu-image .new-message i {
    font-size: 8px
}

.message-users ul li a .mu-date,
.message-users ul li a .short-message {
    color: #9e9e9e;
    font-size: 11px
}

.mu-message-area .mma-row .mma-image img {
    display: block;
    border-radius: 15%;
    width: 45px;
    height: 45px;
    padding: 3px
}

.mu-message-area .mma-row .mma-date {
    background: #e0e5e9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-size: 11px;
    padding: 5px 15px;
    color: #96a0aa;
    max-width: 150px
}

.mma-content {
    height: 430px;
    position: relative;
    padding-right: 10px
}

.mma-content .mmac-date {
    text-align: Center;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #96a0aa
}

.mma-content .mm-chat,
.popular-content li {
    margin-top: 15px
}

.mma-content .mm-chat .mmc-text {
    color: #fff;
    font-weight: 700;
    text-align: left;
    padding: 10px;
    display: inline-block
}

.mma-content .mm-chat .mmc-date {
    font-size: 11px;
    margin-bottom: 5px;
    color: #96a0aa
}

.mma-content .mm-chat.mm-own {
    text-align: right
}

.mma-content .mm-chat.mm-own .mmc-text {
    background: #056162;
    font: inherit;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    word-break: break-all
}

.mma-content .mm-chat.mm-other {
    text-align: left
}

.mma-content .mm-chat.mm-other .mmc-text {
    background: #96a0aa;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.mma-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.mma-content::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.mma-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #1c1e2c
}

.accordion-bar,
.mm-chat-sender {
    margin-top: 20px
}

.mm-chat-sender .chat-input {
    background: #f5f7f9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    font-weight: 700;
    border: 1px solid #f5f7f9
}

.bluemode .mm-chat-sender .chat-button {
    display: block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/paper-plane.svg) center center no-repeat #00315e;
    border: none;
    height: 50px;
    width: 100%
}

.mm-chat-sender .chat-button {
    display: block;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: url(../images/paper-plane.svg) center center no-repeat #00315e;
    border: none;
    height: 50px;
    width: 100%
}

.cat-product .pc-img img,
.cat-product .pc-name a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.cat-search,
.cat-select {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    height: 40px;
    font-size: 12px
}

.cat-product .pc-img img {
    display: block;
    height: 180px;
    width: 100%;
    object-fit: cover
}

.cat-product .pc-name a {
    background: rgb(0 0 0 / 80%);
    text-shadow: 1px 1px 3px #ff0000 !important;
    font-weight: 600;
    position: absolute;
    box-shadow: 0 1px 6px 0px rgb(223 83 83 / 59%);
    top: 0;
    font-family: "Source Sans Pro", sans-serif;
    padding: 0.2em;
    text-align: center;
    max-width: 85%;
    margin: 0;
    font-size: 13px;
    color: #fff;
    width: 220px;
}

.breadcrumbs {
    margin: 3px 0 0
}

.breadcrumbs ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.breadcrumbs ul li {
    display: inline-block;
    font-size: 11px
}

.breadcrumbs ul li::after {
    content: "/";
    margin-left: 3px
}

.cat-search {
    border-radius: 40px;
    background: url(../images/search-icon2.svg) right 20px center no-repeat #fff;
    border: 1px solid gray;
    padding: 0 40px 0 20px
}

.cat-select {
    border-radius: 40px;
    background: #fff;
    border: none;
    padding: 0 20px;
    color: #7d858c
}

.product-left .product-img {
    margin: 0;
    display: block;
    padding: 0
}

.product-left .product-name {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 20px
}

.product-left .product-left-desc {
    font-size: 12px;
    margin: 20px 0 0;
    padding: 0
}

.product-left .pl-share .pl-dropdown {
    background: #f5f7f9;
    text-align: Center;
    padding: 15px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    font-weight: 600
}

.dropped-share ul li a {
    padding: 10px 0;
    display: block;
    font-weight: &00;
    font-size: 12px
}

.dropped-share ul li a i {
    margin-right: 5px;
    font-size: 16px
}

.dropped-share ul li a i.facebook {
    color: #1976d2
}

.dropped-share ul li a i.twitter {
    color: #03a9f4
}

.dropped-share ul li a i.whatsapp {
    color: #4caf50
}

.pdp-bar .pdp-list-price {
    font-weight: 700;
    font-size: 16px;
    text-decoration: line-through;
    color: #c2c2c2
}

.pdp-bar .pdp-button {
    padding: 10px 40px;
    font-weight: 700;
    display: inline-block;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 10px;
    font-family: "Source Sans Pro",sans-serif;
    color: #fff;
    background: #1a8dd9;
    cursor: pointer;
    font-size: 16px
}

.darkmode .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #334555;
    border-radius: 10px;
    left: 0;
    top: 0
}

.pdp-odeme .os-bg {
    display: flex;
    height: 75px;
    align-items: center
}

.pdp-odeme .os-bg img {
    display: block;
    max-height: 75px;
    max-width: 90%;
    margin: 0 auto
}

.btl-r0 {
    border-top-left-radius: 0 !important
}

.product-det-reviews .rating .stars .rated,
.review-comments .rc-col:nth-child(2) .rc-stars .rated {
    color: #e4b91d
}

.review-comments .rc-image {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background: #f3f3f3;
    margin-left: -20px;
    display: inline-block
}

.review-comments .rc-image img {
    display: block;
    border-radius: 100%;
    overflow-wrap: break-word
}

.review-comments .rc-col:first-child {
    width: 8%
}

.review-comments .rc-col:nth-child(2) {
    width: 92%
}

.rc-answer .rca-title .rca-date,
.review-comments .rc-col:nth-child(2) .rc-buy,
.review-comments .rc-col:nth-child(2) .rc-date,
.user-comments .date {
    font-size: 11px;
    color: #9e9e9e
}

.review-comments .rc-col:nth-child(2) .rc-comment {
    padding: 0;
    margin: 5px 0 0;
    font-size: 11px
}

.review-comments .rc-col:nth-child(2) .rc-buy span {
    width: 11px;
    margin-right: 3px;
    height: 11px;
    background: #fbb540;
    font-size: 4px;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: Center;
    line-height: 11px
}

.lh-18 {
    line-height: 18px
}

.form-checkbox {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    color: #9e9e9e;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px
}

.form-checkbox input:checked+span {
    background: #00315e;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    border-color: #00315e
}

.form-checkbox input:checked+span::after {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    opacity: 1
}

.form-checkbox span {
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #9e9e9e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    margin-right: 5px;
    text-align: center;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    line-height: 12px
}

.form-checkbox span::after {
    font-family: "Source Sans Pro",sans-serif;
    color: #fff;
    opacity: 0;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    content: '\e812';
    font-size: 7px
}

.help-search {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.help-search .hs-inner {
    background: rgba(0, 49, 94, .9);
    padding: 35px 10%;
    color: #fff
}

.darkmode .help-search .hs-inner {
    background: rgb(41 50 66);
    padding: 35px 10%;
    color: #fff
}

.help-search .hs-inner .hs-search {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    height: 50px;
    background: url(../images/search-icon2.svg) right 20px center no-repeat #fff;
    padding: 0 50px 0 20px;
    border: none;
    display: block;
    width: 100%
}

.yardim-menu ul li .ym-dropper {
    position: relative;
    padding: 15px 0 15px 20px;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    display: block
}

.yardim-menu ul li .ym-dropper::before {
    position: absolute;
    left: 0;
    top: 20px;
    font-family: "Source Sans Pro",sans-serif;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    content: '\e804';
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: 12px
}

.ilanlar li .ia-image a .one-cikan,
.ilanlar li .ia-image a .vitrin-ilani {
    width: 79px;
    height: 27px;
    font-weight: 600;
    position: absolute;
    color: #fff;
    font-size: 12px
}

.yardim-menu ul li .ym-dropper.active::before {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.yardim-menu ul li ul {
    padding-left: 20px;
    padding-bottom: 20px;
    display: none
}

.yardim-menu ul li ul li {
    border-bottom: none !important;
    position: Relative;
    margin-bottom: 4px
}

.darkmode .yardim-menu ul li ul li::before {
    background: #1a8dd9
}

.yardim-menu ul li ul li::before {
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    content: "";
    background: #00315e;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    top: 8px
}

.yardim-menu ul li ul li a {
    font-size: 15px;
    display: block;
    padding-left: 12px
}

.feedback-buttons .fb-button {
    display: block;
    height: 53px;
    line-height: 51px;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 600;
    color: #878787
}

.feedback-buttons .fb-button:hover {
    border-color: #00315e;
    color: #00315e
}

.ilan-top-two ul li,
.ilanlar li .ia-border,
.pagenav ul li {
    border-right: 1px solid #f3f3f3
}

.ilan-image img {
    display: block;
    width: 100%;
    border-radius: 5px;
    height: 281px
}

.ilan-top-two,
.news-detail .nopath-img:nth-child(2),
.news-ul .nopath-img:nth-child(2) {
    margin-top: 30px
}

.ilan-top-two ul,
.ilanlar {
    margin: 0;
    padding: 0;
    list-style: none
}

.ilan-top-two ul li {
    text-align: center
}

.ilan-top-two ul li a {
    display: block;
    height: 125px
}

.ilan-top-two ul li a.active,
.ilan-top-two ul li a:hover {
    background: #f3f3f3
}

.ilan-top-two ul li a .itt-icon {
    display: flex;
    align-items: center;
    width: 73px;
    margin: 0 auto;
    background: #f3f3f3;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    height: 79px
}

.ilan-user .check-value,
.pagenav ul li:first-child a {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.ilan-top-two ul li a .itt-icon img {
    margin: 0 auto;
    display: block;
    max-width: 100%
}

.ilan-top-two ul li a .itt-name {
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-top: 5px
}

.ilan-top-two ul li a .itt-count {
    display: block;
    font-size: 11px;
    font-weight: 400
}

.ilanlar {
    display: block
}

.ilanlar li,
.tour-rounds .tour-row .tour-col:first-child .matches .match-teams {
    margin-bottom: 10px
}

.ilanlar li .ia-image a {
    display: block;
    position: Relative
}

.ilanlar li .ia-image a .one-cikan {
    background: url(../images/onecikan.svg) no-repeat;
    text-align: Center;
    left: -5px;
    top: 0;
    padding-top: 3px
}

.ilanlar li .ia-image a .vitrin-ilani {
    background: url(../images/vitrinbg-2.svg) no-repeat;
    text-align: Center;
    right: -5px;
    bottom: 0;
    padding-top: 8px
}

.ilanlar li .ia-infos .ia-name,
.ilanlar li .ia-infos .ia-name a {
    font-size: 20px;
    font-weight: 700
}

.ii-image img,
.ilanlar li .ia-image img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%
}

.ilan-user .iu-buttons a,
.ilan-user .iu-image img {
    width: 33px;
    display: block;
    height: 33px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.ilanlar li .ia-infos .ia-name {
    margin: 0;
    padding: 0;
    line-height: 20px
}

.ilanlar li .ia-infos .delivery-auto {
    color: #3bb54a
}

.ilanlar li .ia-infos .create-date {
    color: #7d858c
}

.ilanlar li .ia-sale-price {
    font-weight: 700;
    font-size: 33px
}

.form-wizard,
.ilan-user {
    position: relative
}

.ilan-user .iu-image {
    width: 33px;
    margin: 0 auto;
    position: relative
}

.ilan-user .iu-image img {
    border-radius: 100%
}

.ilan-user .iu-image .iu-online {
    width: 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    background: #14ae14;
    height: 8px
}

.ilan-user .iu-name {
    display: block;
    font-weight: 700;
    font-size: 15px;
    text-align: Center;
    margin-top: 5px
}

.ilan-user .iu-status {
    font-size: 11px;
    font-weight: 600;
    text-align: Center
}

.ii-user-bar .iub-name .status.online,
.ilan-user .iu-status.online {
    color: #14ae14
}

.ilan-user .iu-buttons a {
    margin: 5px 5px 0;
    text-align: Center;
    padding-top: 5px;
    border-radius: 100%;
    background: #f3f3f3
}

.ilan-user .check-value {
    display: flex;
    align-items: center;
    background: #f3f3f3;
    position: absolute;
    right: 0;
    padding: 5px
}

.ilan-user .check-value span {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #14ae14;
    color: #fff;
    font-size: 4px;
    line-height: 9px;
    text-align: Center
}

.ilan-user .check-value div {
    margin-left: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #14ae14
}

.pagenav ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: center
}

.pagenav ul li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.pagenav ul li a {
    display: block;
    padding: 10px 15px;
    font-weight: 700;
    background: #fff
}

.pagenav ul li a i {
    letter-spacing: -2px
}

.ilan-desc-title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #00315e;
    color: #fff;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 700
}

.darkmode .long-text .long-text-toggler {
    background: #2d364c
}

.ilan-desc-text {
    height: 170px;
    overflow-x: auto
}

.ilan-desc-text::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.ilan-desc-text::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.ilan-desc-text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.ilan-share {
    position: absolute;
    top: 210px
}

.ilan-share .ilan-dropdown {
    cursor: pointer;
    font-weight: 600;
    padding: 10px 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f6f6f6
}

.ii-top-spef {
    background: #fff;
    padding: 10px;
    font-weight: 600;
    cursor: pointer
}

.ii-share {
    width: 200px;
    left: -51px
}

.ii-image {
    margin: 0;
    padding: 0;
    display: block
}

.plan {
    height: 495px
}

.iso-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.iso-content::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.iso-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.ii-user-bar .iub-img .iub-status,
.ii-user-bar .iub-img img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%
}

.ii-section-two .ist-title,
.iso-content .iso-title {
    font-size: 23px;
    font-weight: 700
}

.iso-content .iso-text {
    margin: 10px 0 0;
    padding: 0;
    font-size: 13px
}

.ii-section-two .istl-col.auto-delivery {
    color: #3bb54a;
    cursor: help
}

.ii-section-two .istl-col.time-count {
    color: #d14c7c;
    cursor: help
}

.ii-section-two .istl-col.your-money {
    color: #3e3e3e;
    cursor: help
}

.ii-user-bar .iub-img {
    position: relative;
    display: block
}

.ii-user-bar .iub-img img {
    display: block;
    width: 74px;
    height: 74px;
    margin: 0 auto;
    border-radius: 100%
}

.ii-user-bar .iub-img .iub-status {
    position: absolute;
    right: 0;
    left: 65px;
    margin: auto;
    bottom: 15px;
    width: 15px;
    height: 15px;
    border-radius: 100%
}

.ii-user-bar .iub-img .iub-status.online {
    background: linear-gradient(45deg, #439343, #0bff09)
}

.ii-user-bar .iub-img .iub-status.offline {
    background: #ddd
}

.ii-user-bar .iub-name {
    margin-top: 5px
}

.ii-user-bar .iub-name a {
    font-size: 20px;
    font-weight: 700
}

.ii-user-bar .iub-name .status.offline {
    color: #ddd
}

.ii-user-bar .iub-icons a {
    width: 47px;
    height: 47px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #f3f3f3;
    margin: 0 5px;
    display: flex;
    align-items: Center
}

.ii-user-bar .iub-icons a img {
    width: 25px;
    display: block;
    margin: 0 auto
}

.ii-user-bar .iub-buttons .iub-message-button,
.ii-user-bar .iub-buttons .iub-sms-button {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 10px 0
}

.ai-bar .ai-delivery .aid-text,
.ai-bar .ai-delivery-dark .aid-text,
.ii-user-bar .iub-buttons .iub-message-button i,
.ii-user-bar .iub-buttons .iub-sms-button i {
    font-size: 10px
}

.ii-user-bar .iub-buttons .iub-message-button {
    background: linear-gradient(to right, #24c6dc 0, #4a85f6 1%, #24c6dc 100%)
}

.ii-user-bar .iub-buttons .iub-sms-button {
    background: #f93041
}

.rc-answer .rca-image {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background: #f3f3f3;
    margin-left: -20px;
    text-align: right
}

.rc-answer .rca-image img {
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.rc-answer .rca-title {
    margin-bottom: 5px
}

.rc-answer .rca-title a {
    font-size: 11px;
    font-weight: 700
}

.accordion-bar:first-child,
.papper-content li:first-child,
.popular-content li:first-child {
    margin-top: 0
}

.accordion-bar .acc-question {
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    padding: 20px 20px 20px 50px
}

.ai-tabs,
.news-detail,
.news-ul {
    padding: 0
}

.accordion-bar .acc-question::before {
    content: "+";
    position: absolute;
    left: 20px;
    background: #14ae14;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    color: #fff;
    line-height: 21px;
    text-align: center;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    top: 20px
}

.accordion-bar .acc-question.active::before {
    content: "-";
    background: #f93041;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.accordion-bar .acc-answer {
    font-size: 13px;
    display: none
}

.ai-bar {
    border: 1px solid #f3f3f3
}

.ai-bar .ai-dropper {
    position: Relative;
    cursor: pointer
}

.ai-bar .ai-dropper::after {
    font-family: "Source Sans Pro",sans-serif;
    content: "\e805";
    background: #f3f3f3;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ai-bar .ai-dropper.active:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ai-bar .ai-img {
    display: block;
    margin: 0;
    padding: 0
}

.ai-bar .ai-img img {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 100%
}

.ai-bar .ai-delivery {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3bb54a;
    font-weight: 700
}

.ai-bar .ai-delivery-dark {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2e2e2e;
    font-weight: 700
}

.ai-bar .ai-delivery .aid-icon {
    background: #3bb54a;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    font-size: 4px;
    color: #fff
}

.ai-bar .ai-delivery-dark .aid-icon {
    font-size: 9px;
    color: #202020
}

.fs-17 {
    font-size: 17px
}

.code-list .form-control,
.code-list button,
.fs-14 {
    font-size: 14px
}

.ai-tabs {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.ai-tabs li .ai-t-item,
.ai-tabs li .ai-t-item-soft {
    background: #f5f7f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ai-tabs li .ai-t-item img,
.ai-tabs li .ai-t-item-soft img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block
}

.ai-tabs li.active .ai-t-item,
.ai-tabs li.active .ai-t-item-soft {
    background: #14ae14 !important;
    color: #fff;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.road {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    height: 23px;
    background: url(../images/grey-line.svg) repeat-x;
    position: relative
}

.road .completed-road {
    position: Relative;
    border-radius: 50px 10px 0 50px;
    height: 23px;
    background: url(../images/green-line.svg) repeat-x
}

.road .completed-road.step-0-active {
    width: 60px
}

.road .completed-road.step-1-active {
    width: 16.7%
}

.road .completed-road.step-2-active {
    width: 51.2%
}

.road .completed-road.step-3-active {
    width: 100%;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.road .completed-road.step-3-active .cr-car {
    right: 14% !important
}

.road .completed-road .cr-car {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.road .completed-road .cr-car img {
    display: block;
    width: 47px height:27px
}

.ai-steps::before {
    position: absolute;
    background: #f3f3f3;
    right: 0;
    left: 0;
    top: 0;
    margin: auto
}

.ai-steps.active::before {
    background: #14ae14
}

.ai-steps .ai-step-icon {
    position: relative;
    z-index: 2
}

.ai-steps .ai-step-icon img {
    display: block;
    height: 36px;
    margin: 0 auto
}

.ai-steps .ai-step-date {
    font-size: 10px;
    color: #ababab;
    margin-top: 15px
}

.ai-steps .ai-step-title {
    font-weight: 700;
    margin-top: 5px
}

.ai-steps .ai-step-text {
    margin-top: 5px;
    font-size: 12px
}

.news-col .new-images img,
.news-detail img,
.news-ul img {
    width: 100%;
    display: block
}

.news-detail .nopath-img,
.news-ul .nopath-img {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.news-detail .nopath-img.article-head,
.news-ul .nopath-img.article-head {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.news-detail .nopath-img:hover .news-absolute,
.news-ul .nopath-img:hover .news-absolute {
    padding-bottom: 40px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.news-detail .nopath-img:hover .news-absolute2,
.news-ul .nopath-img:hover .news-absolute2 {
    padding-bottom: 30px;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.news-detail .news-absolute,
.news-ul .news-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    height: 100%;
    display: flex;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    align-items: flex-end;
    padding: 20px;
    background: -moz-linear-gradient(top, rgba(0, 49, 94, 0) 0, rgba(0, 49, 94, .99) 99%, #00315e 100%);
    background: -webkit-linear-gradient(top, rgba(0, 49, 94, 0) 0, rgba(0, 49, 94, .99) 99%, #00315e 100%);
    background: linear-gradient(to bottom, rgba(0, 49, 94, 0) 0, rgb(21 32 43) 99%, #16212c 100%)
}

.news-detail .news-button,
.news-detail .news-button2,
.news-ul .news-button,
.news-ul .news-button2 {
    background-color: #14ae14;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    display: inline-block
}

.news-detail .news-button,
.news-ul .news-button {
    font-size: 12px;
    padding: 5px 15px
}

.news-detail .news-button2,
.news-ul .news-button2 {
    font-size: 8px;
    padding: 4px 8px
}

.news-detail .news-tittle,
.news-ul .news-tittle {
    font-size: 23px;
    font-weight: 700;
    margin-top: 5px;
    color: #fff;
    overflow: hidden
}

.news-detail .news-tittle a,
.news-detail .news-tittle2 a,
.news-ul .news-tittle a,
.news-ul .news-tittle2 a {
    font-weight: 700;
    color: #fff
}

.news-detail .news-tittle2,
.news-ul .news-tittle2 {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-detail .news-absolute2,
.news-ul .news-absolute2 {
    position: absolute;
    left: 0;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    align-items: flex-end;
    padding: 15px;
    background: -moz-linear-gradient(top, rgba(0, 49, 94, 0) 0, rgba(0, 49, 94, .99) 99%, #00315e 100%);
    background: -webkit-linear-gradient(top, rgba(0, 49, 94, 0) 0, rgba(0, 49, 94, .99) 99%, #00315e 100%);
    background: linear-gradient(to bottom, rgba(0, 49, 94, 0) 0, rgba(0, 49, 94, .99) 99%, #00315e 100%)
}

.news-col {
    background: #fff;
    border-radius: 5px
}

@media(min-width:680px) {
    .news-col .new-images img {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px
    }
    .news-col .n-col:first-child {
        width: 20%
    }
    .news-col .n-col:nth-child(2) {
        width: 80%
    }
}

@media(max-width:679px) {
    .news-col .new-images img {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px
    }
    .news-col .n-col:first-child,
    .news-col .n-col:nth-child(2) {
        width: 100%
    }
}

.news-col .new-tittle a {
    font-size: 20px;
    font-weight: 700;
    display: block
}

.news-col .new-info .info-span,
.profil .profil-name .info-span {
    color: #8b8b8b;
    font-size: 11px;
    margin-right: 15px
}

.news-col .new-info .info-span i,
.profil .profil-name .info-span i {
    padding-right: 4px;
    font-size: 13px
}

.news-col .new-write {
    font-size: 11px;
    font-weight: 500
}


.papper-content,
.popular-content {
    padding: 20px;
    background: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    list-style: none;
    margin: 0
}


.popular-content .popular-col {
    background-size: cover;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.popular-content .popular-col .popular-img {
    width: 20%
}

.popular-content .popular-col .popular-text {
    width: 80%;
    padding-left: 10px;
    color: #fff;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.papper-content li {
    display: block;
    margin-top: 20px
}

.papper-content li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    position: relative;
    overflow: hidden
}

.papper-content li a .pi-icon {
    color: #fff;
    width: 40px;
    text-align: Center;
    display: block;
    font-size: 20px
}

.papper-content li a .pi-title {
    font-weight: 700;
    font-size: 12px
}

.papper-content li a .pi-count {
    height: 40px;
    padding: 0 15px;
    font-size: 11px;
    display: block;
    line-height: 40px;
    text-align: Center;
    background: rgba(0, 0, 0, .1)
}

.papper-content li a.pi-haber {
    background: #3ebafd
}

.papper-content li a.pi-duyuru {
    background: #93c03d
}

.papper-content li a.pi-inceleme {
    background: #00537a
}

.papper-content li a.pi-rehber {
    background: #1503ea
}

.comments-all .comments-head .last-comments,
.profil .profil-name .p-name {
    font-size: 15px;
    font-weight: 700
}

.profil-social .social-face a,
.profil-social .social-twitter a,
.profil-social .social-wp a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center
}

.profil-social .social-face a {
    background: #3b5998
}

.profil-social .social-twitter a {
    background: #55acee
}

.profil-social .social-wp a {
    background: #21ba45
}

.comments-all,
.detail-all {
    background: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.detail-all .detail-head {
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f3f3
}

.detail-all .detail-content .detail-one .detail-tittle {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 15px
}

.detail-all .detail-content .detail-one .detail-write {
    font-size: 12px;
    font-weight: 500
}

.comments-all .comments-head {
    padding-bottom: 25px;
    border-bottom: 1px solid #f3f3f3
}

.comments-all .comments-head .profil-comments {
    font-size: 10px;
    font-weight: 500
}

.comments-all .comments-head .profil-comments img {
    width: 21px;
    height: 21px;
    border-radius: 100%
}

.ilan-step-sys {
    background: #f5f7f9;
    position: Relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.ilan-step-sys ul li.active .step-bg {
    background: #e0e5e9 !important
}

.ilan-step-sys .step-bg {
    cursor: pointer;
    position: relative
}

.ilan-step-sys .step-bg .row {
    padding: 0 5px;
    height: 80px
}

.fs-18,
.tour-detail-countdown_title {
    font-size: 18px
}

.fs-16 {
    font-size: 16px
}

.cat-selector {
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    max-height: 400px;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden
}

.cat-selector::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.cat-selector::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.cat-selector::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.cat-selector .cs-input input {
    display: block;
    width: 100%;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    padding: 0 50px 0 20px;
    font-weight: 700;
    background: url(../images/search-icon.svg) right 20px center no-repeat #fff
}

.cat-selector .cs-content {
    margin: 15px 0 0;
    padding: 0;
    list-style: none
}

.btn-blank,
.is-label .is-cursor {
    padding: 13px 10px;
    font-size: 12px;
    display: block;
    font-weight: 700
}

.cat-selector .cs-content li {
    border-top: 1px solid #f3f3f3;
    padding: 20px 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 18px
}

.cat-selector .cs-content li img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    object-fit: cover;
    height: 55px
}

.form-label span,
.is-label .is-cursor span {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    position: relative;
    text-align: center
}

.btn-blank {
    background: #f5f7f9;
    text-align: center
}

.btn-blank.dark {
    background: #e0e5e9
}

.is-label {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%
}

.is-label input:checked+.is-cursor {
    background: rgba(59, 181, 74, .5);
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.form-label input:checked+span,
.is-label input:checked+.is-cursor span {
    background: #3bb54a;
    color: #fff;
    border-color: #3bb54a;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.is-label .is-cursor {
    background: #f5f7f9;
    text-align: center;
    width: 100%;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    cursor: pointer
}

.is-label .is-cursor span {
    display: block;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    border: 1px solid #012b51;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    line-height: 5px
}

.form-label span::after,
.is-label .is-cursor span::after {
    font-family: "Source Sans Pro",sans-serif;
    content: "\e812";
    font-size: 4px
}

.input-images-1 .image-uploader,
.input-images-1 .image-uploader .uploaded {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.input-images-1 .image-uploader .upload-text {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    background: url(../images/cloud-computing.svg) center center no-repeat #f5f7f9
}

.input-images-1 .image-uploader .uploaded .uploaded-image {
    margin-left: 20px;
    position: relative
}

.input-images-1 .image-uploader .uploaded .uploaded-image img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.input-images-1 .image-uploader .uploaded .uploaded-image button {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    position: absolute;
    border: none;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background: #f5f7f9;
    top: 10px;
    opacity: 0;
    font-weight: 700;
    right: 10px;
    text-align: center;
    line-height: 30px;
    z-index: 2
}

.step3-vitrin-ilani {
    background: url(../images/rocket.svg) top left no-repeat #b9e5bf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.step3-ilani-one-cikar,
.ui-menu {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.step3-ilani-one-cikar {
    background: url(../images/ilani-one-cikar.svg) top left no-repeat #ffe6b3;
    border-radius: 5px
}

.step4-scroll {
    position: relative;
    height: 140px;
    overflow-y: auto
}

.step4-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.step4-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.step4-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.form-label {
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: Center
}

.form-label span {
    display: block;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    border: 1px solid #012b51;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    line-height: 3px
}

.mag-content {
    padding: 100px 16%;
    text-align: center
}

.darkmode .ui-menu,
.ui-menu {
    position: absolute;
    background: #fff;
    margin: 0;
    overflow-y: auto;
    max-height: 400px;
    padding: 0;
    list-style: none
}

.mag-content img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.user-comments .uc-img img {
    border: 5px solid #f3f3f3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block
}

.ui-menu {
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.darkmode .ui-menu {
    color: #15202b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.darkmode .menu-wallet,
.menu-wallet {
    height: 51.1px;
    right: 0;
    top: 0;
    cursor: cell;
    margin-top: -.1px;
    position: absolute
}

.menu-wallet {
    background: url(../images/epinkasa-pattern-dark.png) #088b8b;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.darkmode .menu-wallet {
    background: url(../images/button-filter.png) #ddede5;
    border-radius: 10px
}

.notice,
.ui-menu .ui-menu-item img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.ui-menu .ui-menu-item {
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid #f3f3f3;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ui-menu .ui-menu-item:first-child {
    border-top: none
}

.ui-menu .ui-menu-item:hover {
    background: #f3f3f3;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
    display: flex;
    align-items: Center
}

.ui-menu .ui-menu-item span {
    padding-left: 10px
}

.ui-menu .ui-menu-item img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px
}

.close-modals {
    position: absolute;
    right: 20px;
    top: 20px;
    background: url(../images/close.svg) center center no-repeat;
    border: none;
    width: 28px;
    height: 28px
}

.login-content .login-input {
    display: block;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    padding: 0 30px;
    font-size: 15px;
    border: 1px solid #f3f3f3
}

.login-content .login-input:focus {
    box-shadow: 0 0 0 1px #00315e, 0 0 20px rgb(9 2 84/20%)
}

.ep-item {
    display: block;
    border: 1px solid #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

.ep-item .ep-img {
    padding: 15px 0;
    display: block;
    text-align: Center
}

.ep-item .ep-img img {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.ep-item .ep-price {
    background: #012b51;
    color: #fff;
    font-weight: 700;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    display: block;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out
}

.ep-item .ep-count {
    padding: 15px 0;
    text-align: Center;
    display: block;
    font-size: 11px
}

.ep-item:hover .ep-price {
    background: #e39a2e
}

.card-preview {
    width: 100%;
    max-width: 311px;
    height: 197px;
    margin: 0 auto;
    background: url("../images/card.svg") left center/cover no-repeat;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    border-radius: 33px;
    position: Relative
}

.card-preview .card-number-value {
    color: #fff;
    position: absolute;
    font-weight: 700;
    top: 110px;
    left: 25px;
    font-size: 15px
}

.card-preview .card-ayyil-value,
.card-preview .card-name-value {
    top: 160px;
    text-transform: uppercase;
    overflow: hidden;
    color: #fff;
    position: absolute;
    font-size: 15px;
    font-weight: 700
}

.card-preview .card-name-value {
    width: 145px;
    left: 25px
}

.card-preview .card-ayyil-value {
    left: 189px
}

.h-55 {
    height: 55px;
    line-height: 55px;
    padding: 0 20px
}

.notice {
    text-align: Center;
    background: #012b51;
    font-size: 11px;
    border-radius: 5px;
    color: #fff
}

.form-container {
    clear: both;
    display: none
}

.slider-ilan .owl-nav .owl-next,
.slider-ilan .owl-nav .owl-prev {
    position: absolute;
    top: 48%
}

.slider-ilan .owl-nav .owl-next .owl-s-next,
.slider-ilan .owl-nav .owl-next .owl-s-prev,
.slider-ilan .owl-nav .owl-prev .owl-s-next,
.slider-ilan .owl-nav .owl-prev .owl-s-prev {
    width: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    display: block;
    cursor: pointer
}

.slider-ilan .owl-nav .owl-next .owl-s-prev,
.slider-ilan .owl-nav .owl-prev .owl-s-prev {
    background: url(../images/arrow-left.svg) center center no-repeat #fff
}

.slider-ilan .owl-nav .owl-next .owl-s-next,
.slider-ilan .owl-nav .owl-prev .owl-s-next {
    background: url(../images/arrow-right.svg) center center no-repeat #fff
}

.slider-ilan .owl-nav .owl-prev {
    left: 10px
}

.slider-ilan .owl-nav .owl-next {
    right: 10px
}

.code-list {
    list-style-type: decimal;
    margin: 0;
    padding: 0 0 0 20px;
    font-weight: 700;
    font-size: 20px
}

.lone-footer ul li {
    display: inline-block
}

.lone-footer ul li a {
    color: #9e9e9e;
    font-size: 11px;
    font-weight: 700
}

.reg-list img {
    display: block;
    max-width: 100%
}

.kul-pan-img img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding-bottom: 10px
}

.kp-message-button,
.kp-user-photo img {
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.kp-user-photo img {
    width: 50%;
    margin-left: 25%;
    border-radius: 5px
}

.kp-status {
    text-align: center;
    font-size: 13px;
    font-weight: 600
}

.kp-status.online {
    color: #14ae14;
    font-weight: 500;
    font-size: 13px
}

.btn-buy {
    color: #fff !important;
    background: linear-gradient(45deg, rgb(4 54 100), rgb(66 104 191))
}

.btn-buy:hover {
    color: #fff;
    background: linear-gradient(45deg, rgb(4 54 100), rgb(15 60 163))
}

.kp-message-button {
    color: #fff;
    padding: 15px 0;
    text-align: center;
    background: #774eff;
    border-radius: 5px;
    font-size: 13px
}

.kp-follow-button,
.kp-selled {
    display: block;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.kp-message-button:hover {
    color: #fff;
    background: #9170ff
}

.kp-follow-button {
    padding: 15px 0;
    background: #4f0289;
    border-radius: 5px;
    font-size: 13px
}

.kp-follow-button:hover {
    color: #fff;
    background: #6b08b5
}

.kp-selled {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 0;
    background: linear-gradient(201deg, rgb(135 226 61/92%), rgb(40 202 6/85%));
    border-radius: 5px;
    cursor: pointer
}

.bluemode .kp-selled,
.kp-unselled {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: pointer;
    padding: 10px 0;
    display: block
}

.kp-selled span,
.kp-unselled span {
    display: inline;
    font-weight: 300;
    font-size: 11px
}

.kp-unselled {
    color: #fff;
    background: linear-gradient(201deg, rgb(255 9 9/92%), rgb(180 34 34/85%));
    border-radius: 5px
}

.guvenilir,
.new,
.newhome {
    font-weight: 600;
    position: absolute;
    color: #fff
}

.bluemode .kp-selled {
    color: #fff;
    background: linear-gradient(201deg, rgb(135 226 61/72%), rgb(40 202 6/25%));
    border-radius: 5px
}

.rutbe-bg {
    background: #f5f7f9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px
}

.rutbe-bg .rb-icon {
    background: #eef1f5;
    width: 70px;
    height: 70px;
    text-align: Center;
    padding-top: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.rutbe-bg .rb-icon img {
    display: block;
    margin: 0 auto;
    height: 39px
}

.new {
    top: 0;
    background-color: #04800b;
    right: 15px;
    height: 20px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 6px;
    width: 65px;
    text-align: center
}

.cekilis-bg .katilimci,
.newhome {
    border-radius: 3px;
    text-align: center
}

.newhome {
    top: -5px;
    background-color: #5800d5;
    right: 1px;
    width: 40px;
    font-size: 11px
}

.guvenilir,
.guvenilirsatici {
    border-bottom-right-radius: 5px
}

.guvenilir {
    top: 0;
    background-color: #037ddd;
    left: 15px;
    height: 15px;
    width: 92px;
    text-align: center;
    font-size: 9px
}

.stokbilgi {
    position: absolute;
    right: 15px;
    background: #e32b2b;
    color: #fff;
    top: 332px;
    height: 66px;
    width: 53px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    font-weight: 700;
    text-align: center
}

.guvenilirsatici,
.otomatikteslimat {
    position: absolute;
    font-weight: 600;
    border-bottom-left-radius: 10px;
    cursor: help;
    color: #fff;
    width: 120px;
    top: 0
}

.guvenilirsatici {
    left: 10px;
    background: #3bb56e;
    font-size: 11px;
    border-top-left-radius: 10px
}

.otomatikteslimat {
    right: 10px;
    background: #070f76;
    text-align: end;
    font-size: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.cekilis-bg {
    border-radius: 5px;
    transition: .2s ease-in-out;
    padding: 25px !important
}

.cekilis-bg:hover {
    border-color: #070f76 !important;
    transition: .2s ease-in-out
}

.darkmode .cekilis-bg:hover {
    border-color: #00b7f0 !important;
    transition: .2s ease-in-out
}

.cekilis-bg .cek-user .cu-img img {
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 100%
}

.cekilis-bg .katilimci {
    background: #018c04;
    color: #fff;
    font-weight: 500;
    padding: 10px;
    cursor: pointer
}

.cekilis-bg .odul-list,
.darkmode .cekilis-bg .odul-list {
    padding: 0;
    height: 170px;
    overflow-x: auto;
    position: Relative;
    margin: 0
}

.cekilis-bg .katilimci:hover {
    background: #039f06
}

.cekilis-bg .katilimci span {
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.darkmode .cekilis-bg .odul-list {
    background: #141f2b
}

.cekilis-bg .odul-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.cekilis-bg .odul-list::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.cekilis-bg .odul-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.cekilis-bg .odul-list li {
    padding: 10px 0;
    margin: 5px
}

.cekilis-bg .odul-list li img {
    width: 100%;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    display: block
}

.cekilis-bg .c-price {
    color: #1bb159;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.cekilis-bg .c-price span {
    display: block;
    font-size: 11px;
    font-weight: 300
}

.timer {
    display: flex;
    justify-content: center
}

.timer div {
    font-weight: 400;
    font-size: 10px;
    width: 33px;
    margin: 0 2px;
    text-align: Center
}

.timer div span {
    border-radius: 5px;
    padding: 10px 0;
    background: #00315e;
    display: block;
    margin-top: 3px;
    color: #fff;
    font-weight: 700;
    font-size: 11px
}

.fade2,
.fade3 {
    transform: scale(.9);
    opacity: 0;
    transition: .4s linear
}

.button-29,
.button-30 {
    appearance: none;
    display: inline-flex;
    height: 48px;
    line-height: 1;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    transition: box-shadow .15s, transform .15s;
    user-select: none;
    will-change: box-shadow, transform;
    font-size: 18px;
    box-sizing: border-box;
    text-decoration: none;
    touch-action: manipulation;
    position: relative;
    overflow: hidden;
    list-style: none;
    white-space: nowrap;
    cursor: pointer
}

.fade2.show,
.fade3.show {
    opacity: 1;
    transform: scale(1)
}

.button-29 {
    align-items: center;
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    border: 0;
    border-radius: 6px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
    color: #fff;
    justify-content: center;
    -webkit-user-select: none
}

.button-29:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset
}

.button-29:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
    transform: translateY(-2px)
}

.button-29:active {
    box-shadow: #3c4fe0 0 3px 7px inset;
    transform: translateY(2px)
}

.button-30 {
    align-items: center;
    background-color: #fcfcfd;
    border-radius: 4px;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
    color: #36395a;
    justify-content: center;
    -webkit-user-select: none
}

.bluemode .dropped-white,
.button-rm {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px
}

.fixed-messages,
.fixed-messages.active,
.kategori,
.message-opened,
.message-opened.active,
.tour-item .tour-img a img,
.tour-tabs .tabses li,
.tour-tabs .tabses li.active {
    transition: .2s ease-in-out
}

.button-30:focus {
    box-shadow: #d6d6e7 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset
}

.button-30:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #d6d6e7 0 -3px 0 inset;
    transform: translateY(-2px)
}

.button-30:active {
    box-shadow: #d6d6e7 0 3px 7px inset;
    transform: translateY(2px)
}

.bluemode .dropped-white {
    background: linear-gradient(45deg, rgb(1 46 87), rgb(66 104 191));
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgb(0 0 0/10%);
    z-index: 90;
    max-width: 250px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 20px auto auto;
    position: absolute
}

.button-8 {
    background-color: #e1ecf4;
    border-radius: 3px;
    border: 1px solid #7aa7c7;
    box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
    box-sizing: border-box;
    color: #39739d;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15385;
    margin: 0;
    padding: 8px .8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    width: 120px
}

.button-rm,
.button-rm2 {
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block
}

.button-rm {
    background: linear-gradient(to right, #24c6dc 0, #4a85f6 0, #24c6dc 100%);
    border-radius: 5px;
    padding: 10px 0
}

.button-rm2 {
    background-image: linear-gradient(to right, #44a08d 0, #093637 0, #44a08d 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0
}

.button-8:focus,
.button-8:hover {
    background-color: #b3d3ea;
    color: #2c5777
}

.button-8:focus {
    box-shadow: 0 0 0 4px rgba(0, 149, 255, .15)
}

.button-8:active {
    background-color: #a0c7e4;
    box-shadow: none;
    color: #2c5777
}

.tournaments {
    padding: 10px 0;
    position: Relative;
    overflow-y: auto
}

.tournaments .tour-col {
    margin-right: 10px
}

.tournaments .tour-col img {
    display: block;
    border-radius: 5px;
    width: 100px
}

.tournaments .tour-col a:hover {
    transform: scale(1.04)
}

.tournaments::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.tournaments::-webkit-scrollbar {
    height: 10px;
    background-color: #f5f5f5
}

.tournaments::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.tour-item {
    border-radius: 5px;
    background: #fff
}

.product:hover .product-footer:hover {
    background: linear-gradient(3deg, #2a4fb236, #fbfbfb 70%);
    transition: .3s ease-in-out
}

.bluemode .product:hover .product-footer:hover {
    background: linear-gradient(45deg, rgb(10 99 183), rgb(0 31 59));
    transition: .3s ease-in-out
}

.tour-item:hover .tour-img img {
    transform: scale(1.1);
    transition: .2s ease-in-out
}

.tour-item .tour-img a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.tour-item .tour-img a img {
    display: block;
    width: 100%;
    border-radius: 5px 5px 0 0
}

.tour-item .tour-name {
    font-weight: 600;
    font-size: 15px
}

.tour-item .tour-bar {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px
}

.tour-item .tour-bar div {
    border-radius: 10px;
    height: 10px;
    background: #0d5493
}

.tour-item .tour-end .tour-user-img {
    display: block;
    max-width: 100%;
    border-radius: 100%
}

.tour-detail-user {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px
}

.tour-detail-user_image img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: block
}

.tour-detail-user_name {
    font-weight: 700;
    font-size: 18px
}

.tour-detail-user .twitch {
    display: block;
    padding: 15px 0;
    border-radius: 0 0 5px 5px;
    color: #fff;
    text-align: center;
    background: #6441a5
}

.tour-detail-user .twitch:hover {
    background: #744cbe
}

.tour-detail-countdown {
    background: #0d5493;
    color: #fff;
    border-radius: 5px
}

.tour-detail-countdown_desc {
    font-size: 24px;
    font-weight: 600
}

.tour-detail-countdown .timeCount {
    display: block;
    border-radius: 5px;
    padding: 10px;
    font-size: 30px;
    font-weight: 700;
    text-align: Center;
    background: #002e56
}

.tour-detail-countdown .timeCount span {
    display: block;
    font-size: 13px;
    font-weight: 300
}

.tour-tabs .tabses li {
    cursor: pointer;
    background: #fff;
    text-align: center;
    padding: 15px 0;
    font-weight: 700
}

@media(min-width:768px) {
    .tour-tabs .tabses li {
        width: 33.33333%
    }
}

@media(max-width:767px) {
    .tour-tabs {
        flex-wrap: wrap
    }
    .tour-tabs .tabses li:first-child,
    .tour-tabs .tabses li:nth-child(2) {
        width: 50%
    }
    .tour-tabs .tabses li:nth-child(3) {
        width: 100%
    }
}

.tour-tabs .tabses li.active {
    background: #0a4f8c;
    color: #fff
}

.tour-tabs .tour-tab-bg {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.add-tour {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 100;
    bottom: 0;
    padding: 5px 0;
    background: #0d5493
}

.add-tour .tour-left {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.add-tour .add-tour-button {
    background: #00d4db;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px
}

.bluemode .head-account-button,
.bluemode .head-sell-button,
.fixed-message-close,
.tour-addes-users:hover {
    color: #fff
}

.add-tour .add-tour-button:hover {
    background: #00f7ff
}

.add-tour .add-tour-button span {
    padding: 10px 20px;
    border-right: 1px solid rgba(255, 255, 255, .3)
}

.tour-addes-users {
    display: block;
    text-align: Center;
    padding: 5px;
    border-radius: 5px
}

.tour-addes-users img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 100%
}

.tour-addes-users span {
    display: block;
    margin-top: 10px;
    font-weight: 600
}

.tour-rounds {
    padding-bottom: 20px;
    position: Relative;
    overflow: scroll;
    max-height: 500px
}

.tour-rounds::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.tour-rounds::-webkit-scrollbar {
    height: 10px;
    background-color: #f5f5f5
}

.tour-rounds::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #00315e
}

.tour-rounds .tour-row {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    list-style: none
}

.tour-rounds .tour-row .tour-col {
    flex: 0 0 230px;
    width: 230px;
    display: block;
    white-space: nowrap;
    margin-right: 50px
}

.tour-rounds .tour-row .tour-col .tour-title {
    margin-bottom: 40px;
    text-align: Center;
    position: sticky !important;
    padding: 10px;
    background: #fff;
    z-index: 10;
    top: 0;
    font-size: 20px;
    font-weight: 700
}

.tour-rounds .tour-row .tour-col .tour-title span {
    display: block;
    font-size: 14px;
    font-weight: 400
}

.tour-rounds .tour-row .tour-col::first-child .matches .match-teams::after {
    display: none
}

.tour-rounds .tour-row .tour-col::first-child .matches .match-teams::before {
    display: none
}

.tour-rounds .tour-row .tour-col .matches .match-teams {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    position: relative
}

.tour-rounds .tour-row .tour-col .matches .match-teams:last-child {
    margin-bottom: 0 !important
}

.tour-rounds .tour-row .tour-col .matches .match-teams::after {
    content: "";
    position: absolute;
    left: -51px;
    width: 25px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0 5px 5px 0
}

.tour-rounds .tour-row .tour-col .matches .match-teams::before {
    content: "";
    position: absolute;
    left: -26px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 1px;
    background: rgba(0, 0, 0, .1)
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item {
    height: 39px;
    padding: 0 10px
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item .mti-col:first-child {
    width: 10%
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item .mti-col:first-child img {
    display: block;
    max-width: 100%;
    max-height: 35px;
    margin: 0 auto
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item .mti-col:nth-child(2) {
    width: 80%;
    padding-left: 10px
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item .mti-col:nth-child(3) {
    width: 10%;
    font-weight: 700;
    text-align: right
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item:first-child {
    border-radius: 5px 5px 0 0
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item:nth-child(2) {
    border-radius: 0 0 5px 5px
}

.tour-rounds .tour-row .tour-col .matches .match-teams .mt-item.winner {
    background: #d3ffe0
}

.tour-rounds .tour-row .tour-col:nth-child(2) .matches {
    padding-top: 45px
}

.tour-rounds .tour-row .tour-col:nth-child(2) .matches .match-teams {
    margin-bottom: 100px
}

.tour-rounds .tour-row .tour-col:nth-child(2) .matches .match-teams::after {
    height: 90px;
    top: -6px
}

.tour-rounds .tour-row .tour-col:nth-child(3) .matches {
    padding-top: 135px
}

.tour-rounds .tour-row .tour-col:nth-child(3) .matches .match-teams {
    margin-bottom: 280px
}

.tour-rounds .tour-row .tour-col:nth-child(3) .matches .match-teams::after {
    height: 180px;
    top: -51px
}

.tour-rounds .tour-row .tour-col:nth-child(4) .matches {
    padding-top: 315px
}

.tour-rounds .tour-row .tour-col:nth-child(4) .matches .match-teams {
    margin-bottom: 640px
}

.tour-rounds .tour-row .tour-col:nth-child(4) .matches .match-teams::after {
    height: 360px;
    top: 50%;
    transform: translateY(-50%)
}

.tour-rounds .tour-row .tour-col:nth-child(5) .matches {
    padding-top: 675px
}

.tour-rounds .tour-row .tour-col:nth-child(5) .matches .match-teams {
    margin-bottom: 1360px
}

.tour-rounds .tour-row .tour-col:nth-child(5) .matches .match-teams::after {
    height: 720px;
    top: 50%;
    transform: translateY(-50%)
}

.tour-rounds .tour-row .tour-col:nth-child(6) .matches {
    padding-top: 1395px
}

.tour-rounds .tour-row .tour-col:nth-child(6) .matches .match-teams {
    margin-bottom: 2800px
}

.tour-rounds .tour-row .tour-col:nth-child(6) .matches .match-teams::after {
    height: 1440px;
    top: 50%;
    transform: translateY(-50%)
}

.tour-rounds .tour-row .tour-col:nth-child(7) .matches {
    padding-top: 2835px
}

.tour-rounds .tour-row .tour-col:nth-child(7) .matches .match-teams {
    margin-bottom: 5680px
}

.tour-rounds .tour-row .tour-col:nth-child(7) .matches .match-teams::after {
    height: 2880px;
    top: 50%;
    transform: translateY(-50%)
}

.tour-rounds .tour-row .tour-col:last-child {
    margin-right: 0;
    position: relative
}

.tour-rounds .tour-row .tour-col:last-child .matches {
    position: absolute;
    width: 95%;
    top: 50.93%;
    transform: translateY(-50%)
}

.tour-rounds .tour-row .tour-col:last-child .matches .match-teams::after {
    display: none
}

.tour-contact-links .tcl-link {
    padding: 20px;
    border-radius: 5px;
    color: #fff
}

.tour-contact-links .tcl-link.tcl-twitter {
    background: #00acee
}

.tour-contact-links .tcl-link.tcl-tiktok {
    background: #111
}

.tour-contact-links .tcl-link.tcl-youtube {
    background: #c4302b
}

.tour-contact-links .tcl-link.tcl-discord {
    background: #5865f2
}

.tour-contact-links .tcl-link.tcl-twitch {
    background: #6441a5
}

.tour-contact-links .tcl-link .tcl-name {
    font-size: 18px;
    margin: 10px 0 5px;
    font-weight: 700
}

.message-opened {
    position: fixed;
    z-index: 99
}

.message-opened .mma-content {
    height: 300px
}

.message-opened.active {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.message-opened .mma-image img {
    display: block;
    height: auto !important;
    width: 100% !important
}

.message-opened .mma-name {
    font-size: 14px !important
}

.fixed-message-close {
    cursor: pointer;
    display: none;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 100;
    font-size: 20px
}

@media(min-width:1200px) {
    .mu-message-area .mma-row {
        height: 70px
    }
    .mma-content .mm-chat .mmc-text {
        max-width: 50%
    }
    .cat-search {
        width: 240px
    }
    .cat-select {
        width: 150px
    }
    .product-det-reviews .pdr-col:first-child {
        width: 15%
    }
    .product-det-reviews .pdr-col:nth-child(2) {
        width: 83.5%
    }
    .product-det-reviews .pdr-col:nth-child(2) .pdr-text {
        border-left: 1px solid #eceeef;
        padding-left: 10px
    }
    .product-det-reviews .ii-review .pdr-col:first-child {
        width: 10% !important
    }
    .product-det-reviews .ii-review .pdr-col:nth-child(2) {
        width: 87% !important
    }
    .product-det-reviews .ii-review .pdr-col:nth-child(2) .pdr-text {
        padding-left: 30px !important
    }
    .product-det-reviews .ii-reviewx .pdr-col:first-child {
        width: 15% !important
    }
    .product-det-reviews .ii-reviewx .pdr-col:nth-child(2) {
        width: 83% !important
    }
    .product-det-reviews .ii-reviewx .pdr-col:nth-child(2) .pdr-text {
        padding-left: 20px !important
    }
    .review-comments .rc-image {
        padding: 10px
    }
    .review-comments .rc-image img,
    .user-comments .uc-img img {
        width: 60px;
        height: 60px
    }
    .review-comments .rc-col:nth-child(2) .rc-stars {
        font-size: 12px
    }
    .feedback-buttons .fb-button {
        font-size: 17px
    }
    .ilan-top {
        height: 125px
    }
    .ilan-top-two ul li {
        width: 16.6666%
    }
    .ilanlar li .ia-row {
        height: 150px
    }
    .ilanlar li .ia-image {
        padding: 0
    }
    .ilanlar li .ia-image img {
        height: 148px;
        object-fit: cover
    }
    .ilan-user {
        height: 150px;
        padding-top: 10px
    }
    .iso-content {
        height: 188px;
        position: Relative;
        overflow-x: auto
    }
    .rc-i-bar .rc-col:first-child {
        width: 6% !important
    }
    .rc-i-bar .rc-col:nth-child(2) {
        width: 94% !important
    }
    .rc-answer .rca-image {
        padding: 10px;
        display: block
    }
    .rc-answer .rca-image img {
        width: 40px;
        height: 40px
    }
    .ai-bar .ai-dropper::after {
        right: 10px;
        top: 15px;
        font-size: 17px;
        width: 41px;
        height: 41px;
        line-height: 41px
    }
    .ai-bar .ai-delivery,
    .ai-bar .ai-delivery-dark {
        padding: 10px 15px
    }
    .ai-tabs li {
        width: 23.5%;
        margin-right: 2%
    }
    .ai-tabs li:nth-child(4) {
        margin-right: 0
    }
    .ai-tabs li .ai-t-item .row {
        height: 70px
    }
    .ai-tabs li .ai-t-item-soft {
        line-height: 70px;
        height: 70px
    }
    .ai-steps::before {
        width: 20px;
        height: 40px;
        content: ""
    }
    .ilan-step-sys .step-bg {
        border-right: 6px solid #fff
    }
    .ilan-step-sys .step-bg::after {
        content: "";
        position: absolute;
        width: 22px;
        height: 22px;
        z-index: 10;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        right: -14px;
        top: 30px;
        background: #fff
    }
    .ilan-step-sys .col-xl-3:last-child .step-bg {
        border-right: none
    }
    .step-buttons a,
    .step-buttons button {
        font-size: 15px;
        font-weight: 700;
        padding: 15px 100px
    }
    .input-images-1 .image-uploader .upload-text,
    .input-images-1 .image-uploader .uploaded .uploaded-image img {
        width: 170px;
        height: 170px
    }
    .input-images-1 .image-uploader .uploaded .uploaded-image {
        width: 170px
    }
    .step3-ilani-one-cikar,
    .step3-vitrin-ilani {
        padding: 20px 20px 20px 180px
    }
    .ui-menu {
        width: 600px
    }
    .lone-footer ul li {
        margin: 0 50px
    }
    .rc-kp-row .rc-col:first-child {
        width: 8% !important
    }
    .rc-kp-row .rc-col:nth-child(2) {
        width: 92% !important
    }
    .message-opened {
        top: 50%;
        transform: translateY(-50%);
        width: 350px;
        right: -350px
    }
    .message-opened.active {
        right: 0
    }
    .message-opened .mu-message-area .mma-row {
        height: 60px !important
    }
    .fixed-messages.active {
        right: 350px
    }
    .fixed-message-close {
        width: 64px;
        height: 64px;
        line-height: 64px;
        border-radius: 5px 5px 0 0
    }
}

.bluemode {
    background: #001324;
    color: #d0dce6
}

.bluemode .bg-grey,
.bluemode .campaign,
.bluemode .cat-product,
.bluemode .comments-all,
.bluemode .detail-all,
.bluemode .home-pro-tabs li.active,
.bluemode .home-tab-content,
.bluemode .ilan-step-sys .step-bg::after,
.bluemode .main-menu,
.bluemode .news-col,
.bluemode .newsletter,
.bluemode .oy-menu ul li a::after,
.bluemode .oy-menu ul li a::before,
.bluemode .pagenav ul li a,
.bluemode .papper-content,
.bluemode .popular-content,
.bluemode .rutbe-bg .rb-icon {
    background: #001d37
}

.bluemode .modal-content {
    background: linear-gradient(98deg, rgb(1 46 87), rgb(55 92 176))
}

.bluemode .main-menu ul li a:hover {
    background: rgba(255, 255, 255, .05);
    border-bottom-color: #0a4f8c
}

.bluemode .main-content {
    background: url(../images/epinkasa-pattern-dark.png) #001324
}

.bluemode .product-list .product .product-footer {
    background: linear-gradient(45deg, rgb(2 67 128), rgb(0 31 59))
}

.bluemode .product-list .product .price {
    background: linear-gradient(45deg, rgb(0 73 119), rgb(3 103 193));
    color: #fff !important
}

.bluemode .popular-category {
    background: #0086ff12
}

.bluemode .user-comments .uc-img img {
    border-color: #0a4f8c
}

.bluemode .form-control {
    background: #002e56;
    border-color: #002e56;
    color: #fff
}

.bluemode .btn-grey,
.bluemode .btn-primary {
    background: #0a4f8c;
    border-color: #0a4f8c;
    color: #fff
}

.bluemode .bg-white {
    background: #001d37 !important
}

.bluemode .ilan-step-sys .step-bg {
    border-right-color: #001d37
}

.bluemode .ilan-step-sys ul li.active .step-bg {
    background: #002648 !important
}

.bluemode .cat-selector::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.bluemode .cat-selector::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.bluemode .cat-selector::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.bluemode .cat-selector .cs-input input {
    background-color: #002342;
    border-color: #002648;
    color: #fff
}

.bluemode .input-images-1 .image-uploader .upload-text {
    background-color: #0a4f8c
}

.bluemode .step4-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.bluemode .step4-scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.bluemode .step4-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.bluemode .iso-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.bluemode .iso-content::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.bluemode .iso-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.bluemode .ilan-desc-text::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #001324
}

.bluemode .ilan-desc-text::-webkit-scrollbar {
    width: 5px;
    background-color: #001324
}

.bluemode .ilan-desc-text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0a4f8c
}

.bg-new,
.bluemode .bg-new {
    border: 1px solid #00396c !important
}

.bluemode .cat-search,
.bluemode .head-bot .search,
.bluemode .head-bot .search-button,
.bluemode .help-search .hs-inner .hs-search {
    background-color: #0d5493;
    color: #fff
}

.bluemode input[type=text]::placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.bluemode input[type=text]::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.bluemode input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.bluemode input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.bluemode input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.bluemode input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5) !important;
    opacity: 1 !important
}

.bluemode .mu-message-area .mma-row .mma-date {
    background: #012f58;
    max-width: 150px
}

.bluemode .mm-chat-sender .chat-input {
    background: #0a4f8c;
    border-color: #0a4f8c;
    font: inherit;
    color: #fff
}

.footern-text {
    font-family: "Source Sans Pro",sans-serif
}

.footern-text:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 80%);
    -webkit-mask-size: 200%;
    animation: 2s infinite footern-text
}

@-webkit-keyframes footern-text {
    from {
        -webkit-mask-position: 150%
    }
    to {
        -webkit-mask-position: -50%
    }
}

.newsheight {
    height: 220px;
    width: 590px
}

.bluemode .fixed-messages .messages li div.item {
    background: linear-gradient(45deg, #00407a, #084d8f)
}

.bluemode .bg-new {
    background: url(../images/epinkasa-pattern-dark.png) #002241 !important
}

.bg-new {
    background: url(../images/epinkasa-pattern.png) #fff !important
}

.kategori .catergory-zoom>a::after,
.kategori .catergory-zoom>a:hover::after {
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    width: 6px;
    height: 6px;
    background: 0 0;
    z-index: 1;
    border-radius: 50%
}

.light-effect:hover {
    -webkit-filter: sepia(20%)
}

.darkmode .light-effect:hover {
    -webkit-filter: brightness(120%)
}

.big-effect:hover {
    -webkit-filter: brightness(110%)
}

.twitchicon {
    background-image: url(../images/twitch-logo-small.png);
    background-repeat: no-repeat;
    height: 16px;
    background-position: bottom 0 right 77px
}

.oranla {
    flex: 0 0 20%;
    max-width: 20%
}

@media(max-width:900px) {
    .oranla {
        flex: 0 0 50% !important;
        max-width: 100% !important
    }
    .cat-product .pc-name a {
        width: 170px !important
    }
}

.kategori .catergory-zoom>a::after {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
    transform: scale(0);
    opacity: 0;
    transition: ease-in-out
}

.kategori .catergory-zoom>a:hover::after {
    box-shadow: 0 0 0 100px rgba(255, 255, 255, .4);
    transform: scale(200);
    opacity: 1;
    transition: 1s ease-in-out
}

.kategori .catergory-zoom>a:hover {
    -webkit-transform: scale(1.04);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2)
}

.kategori .catergory-zoom>a:hover img,
.kategori:hover {
    -webkit-transform: scale(1.04)
}

@media(max-width:1199px) {
    .main-menu ul li a {
        color: #fff;
        font-weight: 700;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }
    .cat-search,
    .cat-select,
    .product-det-reviews .pdr-col:first-child,
    .slidertwo-row .str-col:first-child {
        width: 100%
    }
    .slidertwo-row .str-col:nth-child(2) {
        width: 100%;
        margin-top: 20px
    }
    .slider-two .owl-dots {
        top: 20%
    }
    .slider-two .owl-dots .owl-dot {
        width: 7px;
        height: 7px
    }
    .right-images {
        display: flex;
        justify-content: space-between
    }
    .right-images li {
        width: 48%
    }
    .home-pro-tabs li {
        padding: 10px;
        text-align: center
    }
    .home-pro-tabs li img,
    .main-footer .foot-logo,
    .main-footer .foot-top .foot-button {
        margin: 0 auto
    }
    .home-photos a:nth-child(2) {
        margin-top: 10px
    }
    .title-style {
        font-size: 18px
    }
    .newsletter-slider .owl-nav {
        top: 20px
    }
    .campaign-item {
        padding: 10px
    }
    .campaign-item .camp-img img {
        width: 100%;
        object-fit: cover
    }
    .my-profile-page .mpp-top {
        position: Relative;
        overflow-x: auto
    }
    .my-profile-page .mpp-top ul {
        width: 1200px
    }
    .fixed-messages {
        width: 100%;
        bottom: 0;
        display: flex
    }
    .fixed-messages .all-messages {
        width: 20%;
        height: 50px;
        font-size: 13px;
        line-height: 50px
    }
    .fixed-messages .messages {
        display: flex;
        width: 80%;
        overflow-x: auto;
        white-space: nowrap;
        background: #fff
    }
    .fixed-messages .messages li a.item,
    .fixed-messages .messages li div.item {
        height: 50px;
        padding-top: 8px
    }
    .fixed-messages .messages li a.item span.on,
    .fixed-messages .messages li div.item span.on {
        left: 0;
        right: 0;
        margin: auto;
        top: 3px
    }
    .ilanlar li .ia-infos,
    .login-content,
    .oy-blank {
        padding: 20px
    }
    .message-users {
        height: 350px
    }
    .mu-message-area .mma-row {
        padding: 20px 0
    }
    .mma-content .mm-chat .mmc-text {
        max-width: 70%
    }
    .product-det-reviews .pdr-col:nth-child(2) {
        width: 100%;
        margin-top: 10px
    }
    .ai-tabs li .ai-t-item,
    .review-comments .rc-image {
        padding: 5px
    }
    .rc-answer .rca-image img,
    .review-comments .rc-image img {
        width: 25px;
        height: 25px
    }
    .review-comments .rc-col:nth-child(2) .rc-stars {
        font-size: 10px
    }
    .review-comments .rc-col:nth-child(2) .rc-top .rc-date {
        text-align: right
    }
    .feedback-buttons .fb-button {
        font-size: 13px
    }
    .ilan-top-two ul li {
        width: 33.33333%
    }
    .ilan-user {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .rc-answer .rca-image {
        padding: 5px 5px 5px 50px;
        display: inline-block
    }
    .ai-bar .ai-dropper::after {
        right: 10px;
        top: 10px;
        font-size: 13px;
        width: 30px;
        height: 30px;
        line-height: 30px
    }
    .ai-bar .ai-delivery,
    .ai-bar .ai-delivery-dark {
        padding: 5px 8px
    }
    .ai-tabs li {
        width: 48%;
        margin-right: 4%
    }
    .ai-tabs li:nth-child(2n) {
        margin-right: 0
    }
    .ai-tabs li .ai-t-item-soft {
        padding: 5px;
        text-align: Center
    }
    .ai-steps::before {
        width: 35px;
        height: 35px;
        content: "\e812";
        text-align: center;
        line-height: 32px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        color: #f3f3f3;
        font-family: "Source Sans Pro",sans-serif;
        top: -20px !important
    }
    .ai-steps.active::before {
        color: #fff
    }
    .news-detail .news-tittle,
    .news-detail .news-tittle2,
    .news-ul .news-tittle,
    .news-ul .news-tittle2 {
        font-size: 15px
    }
    .ilan-step-sys .step-bg {
        border-bottom: 6px solid #fff
    }
    .ilan-step-sys .step-bg::after {
        content: "";
        position: absolute;
        width: 22px;
        z-index: 10;
        height: 22px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -14px;
        background: #fff
    }
    .ilan-step-sys .col-xl-3:last-child .step-bg {
        border-bottom: none
    }
    .step-buttons a,
    .step-buttons button {
        padding: 15px 0;
        display: block;
        width: 100%
    }
    .input-images-1 .image-uploader .upload-text,
    .input-images-1 .image-uploader .uploaded .uploaded-image img {
        width: 100px;
        height: 100px
    }
    .input-images-1 .image-uploader .uploaded .uploaded-image {
        width: 100px
    }
    .step3-ilani-one-cikar,
    .step3-vitrin-ilani {
        padding: 20px 20px 20px 110px;
        background-size: 30%
    }
    .user-comments .uc-img img {
        width: 40px;
        height: 40px
    }
    .lone-footer ul li {
        margin: 10px
    }
    .kp-tabs li span {
        font-size: 12px !important
    }
    .message-opened {
        bottom: -100%;
        width: 100%
    }
    .message-opened.active {
        bottom: 50px
    }
    .fixed-message-close {
        width: 20%;
        height: 50px;
        line-height: 50px;
        border-radius: 0 5px 5px 0
    }
    .col-half-offset {
        max-width: 50% !important;
        padding: 2px !important
    }
    .darkmode .main-menu {
        background: #192734;
        border-bottom: 1px solid #213242;
        border-top: 1px solid #213242
    }
}