@i@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
@i@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap&subset=latin-ext);

@import url(../font/style.css);
@import url(../fonts/style.css);
@import url(../css/select2.min.css);

* {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

html {
    height: 100%;
}

.text-left-popup {
    text-align: left !important;
    line-break: loose !important;
}

body {
    overflow: auto;
    padding: 0px;
    margin: 0px !important;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
}

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

    a[href^=tel] {
        color: inherit;
    }

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 15px;
    font-size: 13px;
    color: #777777;
}

img {
    border: none;
}

.gastropay-sprite {
    background-image: url('../../assets/img/gastropay-sprite.png');
}

.wrapper {
    width: 500px;
    margin: 50px auto;
}

input[type=radio],
input[type=checkbox] {
    opacity: 0;
    height: 5px;
    width: 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.enparaLogo {
    max-height: 40px !important;
}

.checklist label:before {
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    border: 1px solid #bababa;
    border-radius: 4px
}

label:before {
    /*    content: "";
*/ display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    /*border: 1px solid #bababa;*/
    border-radius: 4px;
}

.package-pay-bank-in label:before {
    border: 1px solid #bababa;
}

.package-pay-bank-in table label:before {
    border: 0 !important;
}

input[type=radio]:before {
    background: #f0f;
}

input[type=radio]:checked + label {
    font-weight: bold;
}

.go-DetailTop-cont .languageBox {
    right: 5%;
    display: none;
}

input[type=radio]:checked + label:before {
    content: "\2713";
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background-color: #fbd70d;
    border: 1px solid #fbd70d;
    font-weight: bold;
}

.package-pay-bank-in input[type=checkbox]:checked + label:before {
    content: "";
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background-color: #fbd70d;
    /* border-radius: 4px; */
    z-index: 1;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-top: 6px;
    border-radius: 0;
    border: 0;
}

.register-banner .text p span {
    font-size: 12px !important;
}

input[type=checkbox]:checked + label:before {
    content: "";
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background-color: #fbd70d;
    /* border-radius: 4px; */
    z-index: 1;
    width: 17px;
    height: 17px;
    margin-left: 4px;
    margin-top: 5px;
    border-radius: 0;
}

.memberinfo-form-right-checked label:after {
    content: "";
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background-color: #ffffff;
    border: 1px solid gray;
    border-radius: 4px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 25px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 0;
}

#gastroIntro {
    display: none;
}

.gastroIsBankasi {
    color: #8e8e8e;
    font-size: 14px;
    line-height: 16px;
    clear: both;
    border: 1px solid #fbd70d;
    padding: 20px;
    margin-top: 10px;
    border-radius: 10px;
}

.tableDiv.turktelekomTable {
    width: 28%;
    margin-right: 38px;
}

.gd-restaurantContact {
    padding-top: 15px !important;
}

.downloadGastroApp {
    display: none;
}

.stepCount {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

    .stepCount label {
        max-width: 100% !important;
        margin-bottom: 10px;
        line-height: 29px;
    }

.bkmexpress.FormLine1 {
    line-height: 19px;
    margin-top: -20px;
}

#usingPromotionCode a {
    text-decoration: underline;
}

.cd-İndiriminiAl {
    margin-top: 48px !important;
}

.BannerButton1.cd-İndiriminiAl {
    background: #c4161c !important;
    color: #fff;
}

#AyricalikBox li:nth-child(3) {
    margin-top: 40px;
    margin-bottom: 0px !important;
}

.languageBox {
    position: absolute;
    right: -12%;
    top: 15px;
    outline: none;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    width: 90px;
}

    .languageBox ul.language li a {
        color: #fff;
        font-size: 13px;
        text-align: center;
    }

    .languageBox ul.language li {
        width: 49%;
        text-align: center;
    }

        .languageBox ul.language li.tr {
            border-right: 1px solid #fff !important;
        }

.MobilelanguageBox {
    display: none;
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    width: 99px;
    padding-left: 15px;
}

    .MobilelanguageBox ul.language li a {
        color: #fff;
        font-size: 13px;
        text-align: center;
    }

    .MobilelanguageBox ul.language li {
        width: 46%;
        text-align: center;
        display: inline-block;
    }

        .MobilelanguageBox ul.language li.tr {
            border-right: 1px solid #fff !important;
        }

#AyricalikBox li:nth-child(3) .Ayricalikimg {
    height: 96px;
    width: 128px;
}

.cd-YeniYilHeyecani {
    width: 100%;
    max-width: 528px;
    height: 56px;
    background-image: url("../images/CountDown-Serit.png");
    background-size: 100% 100%;
    line-height: 56px;
    font-size: 23.9px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 20px;
}

*, ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.kul-Sozl {
    display: table;
}

    .kul-Sozl label {
        line-height: 30px;
        margin-left: 0px !important;
        font-weight: 300 !important;
    }

    .kul-Sozl a {
        text-decoration: underline;
    }

.nb-img {
    width: auto !important;
    margin: 0 auto;
    position: relative;
    top: 31px;
}

input, textarea {
    font-family: 'Open Sans', sans-serif !important;
}

.container {
    width: 1020px;
    margin: 0 auto;
}

.containerHeader {
    width: 1130px;
    margin: 0 auto;
}

.y-2 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.y-10 {
    width: 69%;
    display: inline-block;
    margin-left: 12px;
}

.y-12 {
    width: 100%;
    display: block;
    text-align: right;
    margin-top: 15px;
}

.fancybox-overlay {
    z-index: 99999999;
}

.colFooterLeft {
    width: 39%;
    display: inline-block;
    vertical-align: top;
}

.colFooterRight {
    width: 60%;
    display: inline-block;
    text-align: right;
    font-size: 12px;
    color: #fff;
    /*margin-top: 28px;*/
    margin-top: 14px;
    margin-bottom: 5px;
    padding-right: 10px;
    box-sizing: border-box;
}

#gastroMobil3 .MbSliderStoreWrapper {
    padding-left: 10px;
}

#chispadetay, #sinemia, #Muscle {
    max-width: 600px;
}

.cancelButtonBox {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.cancelButton {
    font-size: 12px !important;
    background: #fff;
    cursor: pointer;
    margin: 0px auto !important;
    float: none !important;
    margin-top: 20px !important;
}

    .cancelButton.yes {
        display: inline-block;
        width: auto;
        margin-left: 10px !important;
        float: right !important;
        margin-bottom: 10px !important;
    }

    .cancelButton.no {
        display: inline-block;
        width: auto;
        margin-left: 10px !important;
        float: right !important;
        margin-bottom: 10px !important;
    }

#cancelBtn .csd-text .go-dpcm-col1-btn.cancelButton.no {
    width: 100px;
    padding: 0px 0px;
    background: #fbd70d !important;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    color: #2a2a2a;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

#cancelBtn .csd-text .go-dpcm-col1-btn.cancelButton.yes {
    min-width: 100px;
    padding: 0 20px;
    background: #fbd70d !important;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.csd-header {
    color: #000;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    padding: 10px 20px;
    background: #fbd70d;
}

.csd-text {
    margin-top: 0px;
    padding: 20px;
    font-size: 13px;
}

button#cancelRecurring {
    background: #fbd70d;
    padding: 8px 20px;
    float: left;
    color: #2a2a2a;
    font-size: 14px;
    border-radius: 50px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
}

.go-dpcm-date {
    font-weight: bolder;
    color: #999;
}

#owl-demo .owl-prev {
    position: absolute;
    left: -5%;
    background-image: url(../images/sprite.png);
    background-position: -584px -76px;
    width: 25px;
    height: 18px;
    top: 35%;
}

#owl-demo .owl-next {
    position: absolute;
    right: -5%;
    background-image: url(../images/sprite.png);
    background-position: -584px -165px;
    width: 25px;
    height: 18px;
    top: 35%;
}

#owl-demo.owl-theme .owl-nav {
    width: 100%;
    top: 0px;
    bottom: 0px;
}

#owl-demo10.owl-theme .owl-nav {
    width: 100%;
    top: 0px;
    bottom: 0px;
}

#owl-demo10 .owl-prev {
    position: absolute;
    left: -5%;
    background-image: url(../images/left-chevron.png);
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    bottom: 0px;
}

#owl-demo10 .owl-next {
    position: absolute;
    right: -5%;
    background-image: url(../images/right-chevron.png);
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
    bottom: 0px;
}

#owl-demo10.owl-carousel .owl-stage,
#owl-demo10.owl-carousel .owl-stage-outer,
#owl-demo10 {
    height: auto !important;
}

.owl-action {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    margin-top: 30px;
}

.fav-rest .owl-dot {
    display: inline-block;
    margin-left: 10px;
    border-radius: 12px;
    border: none;
    background-color: #ccc;
    width: 12px;
    height: 12px;
}

    .fav-rest .owl-dot.active {
        border: none;
        background-color: #fbd70d !important;
        margin-bottom: 0px;
        border: 0px solid #fbd70d !important;
        width: 16px !important;
        height: 16px;
        position: relative;
        bottom: -2px;
        left: 2px;
    }

        .fav-rest .owl-dot.active:hover {
            width: 16px;
            height: 16px;
        }

    .fav-rest .owl-dot:hover {
        border: none;
        background-color: #fbd70d !important;
        margin-bottom: 0px;
        border: 0px solid #fbd70d !important;
        width: 12px;
        height: 12px;
    }

.fav-rest .owl-action-dot {
    padding: 0 20px;
}

.fav-rest .owl-prev {
    position: absolute;
    left: -20px;
    background-image: url(../images/left-chevron.png);
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    text-indent: -99999;
    cursor: pointer;
}

.fav-rest .owl-next {
    position: absolute;
    right: -20px;
    background-image: url(../images/right-chevron.png);
    background-size: 100% 100%;
    height: 20px;
    width: 20px;
    text-indent: -9999;
    cursor: pointer;
}

.fav-rest .disabled {
    opacity: 0.3;
}

#owl-demo2 .owl-prev {
    position: absolute;
    left: -45px;
    background-image: url(../images/sprite.png);
    background-position: -584px -76px;
    width: 25px;
    height: 18px;
}

#owl-demo2 .owl-next {
    position: absolute;
    right: -45px;
    background-image: url(../images/sprite.png);
    background-position: -584px -165px;
    width: 25px;
    height: 18px;
}

#owl-demo2.owl-theme .owl-nav [class*=owl-] {
    top: 39%;
}

#owl-demo3.owl-carousel {
    height: auto;
}

#owl-demo3 .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#owl-demo3.owl-theme .owl-dots .owl-dot {
    background-color: #cdaf06;
    border: 2px solid transparent;
    margin-top: 0px;
}

    #owl-demo3.owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #000 !important;
        border: 4px solid transparent;
    }

#owl-demo4.blogowl .owl-controls {
    margin-top: 0px;
    width: 25%;
    margin: 0 auto;
}

#owl-demo4.blogowl .owl-prev {
    position: absolute;
    left: 6%;
    top: 50%;
    background-image: url(../images/sprite.png);
    background-position: -56px -5px;
    width: 42px;
    height: 42px;
}

#owl-demo4.blogowl .owl-next {
    position: absolute;
    right: 5%;
    top: 50%;
    background-image: url(../images/sprite.png);
    background-position: -5px -5px;
    width: 42px;
    height: 42px;
}

#owl-demo4 .owl-dot.active {
    width: 14px !important;
    height: 14px;
    position: relative;
    bottom: -1px;
}

#BlogBanner #owl-demo4 .owl-dot.active {
    width: 13px !important;
    height: 12px;
    position: relative;
    bottom: 0px;
}

#owl-demo4.homeSlider.owl-theme .owl-dots .owl-dot.active span,
#owl-demo4.homeSlider.owl-theme .owl-dots .owl-dot:hover span {
    width: 14px !important;
    height: 14px;
}

.go-h-slider #owl-demo4.owl-theme {
    top: 0px;
}

#owl-demo4.blogowl .owl-nav {
    margin-top: -7px;
}

#owl-demo4.blogowl .owl-nav {
    margin-top: -7px;
}

#owl-demo6 .owl-controls {
    margin-top: -23% !important;
}

#owl-demo6 .owl-prev {
    position: absolute;
    left: 0%;
    background-image: url(../images/sprite.png);
    background-position: -740px -165px;
    width: 25px;
    height: 18px;
    top: 0px;
    z-index: 9999999;
}

#owl-demo6 .owl-nav {
    position: absolute;
    width: 100%;
    top: 40%;
}

#owl-demo6 .owl-next {
    position: absolute;
    right: 0%;
    background-image: url(../images/sprite.png);
    background-position: -771px -165px;
    width: 25px;
    height: 18px;
}

#owl-demo6.owl-carousel .owl-item img,
#gastroMobil3 .owl-carousel .owl-item img {
    width: auto !important;
    width: 55% !important;
}

#owl-demo6.owl-theme .owl-dots,
#owl-demo6.owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    bottom: 80px;
    height: auto;
}

#owl-demo7 .owl-controls {
    margin-top: 0px !important;
}

#owl-demo7 .owl-prev {
    position: absolute;
    left: -5px;
    background-image: url(../images/sprite.png);
    background-position: -192px -86px;
    width: 14px;
    height: 22px;
}

#owl-demo7 .owl-next {
    position: absolute;
    right: 14px;
    background-image: url(../images/sprite.png);
    background-position: -212px -86px;
    width: 14px;
    height: 22px;
}

#owl-demo7.owl-theme .owl-dots .owl-dot {
    margin-top: 11px !important;
}

#owl-demo7.owl-carousel .owl-stage-outer {
    height: auto !important;
}

#owl-demo7.owl-carousel .owl-stage {
    height: auto !important;
}

#owl-demo7.owl-theme .owl-dots .owl-dot {
    background-color: #eceff1;
    border: 3px solid #ccc;
}

.HomeMusteriYorum #owl-demo7.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #eceff1 !important;
    border: 4px solid #000 !important;
}

#owl-demo7.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #000 !important;
    border: 4px solid transparent;
}

#owl-demo7.owl-carousel {
    height: auto;
}

#owl-demo7.owl-theme .owl-nav {
    margin-top: 6%;
}

#owl-demo8.owl-carousel {
    height: 510px;
}

#owl-demo8 .owl-controls {
    margin-top: -25% !important;
}

#owl-demo8 .owl-prev {
    position: absolute;
    left: -10%;
    top: 50%;
    background-image: url(../images/sprite.png);
    background-position: -584px -76px;
    width: 25px;
    height: 18px;
}

#owl-demo8 .owl-next {
    position: absolute;
    right: -10%;
    top: 50%;
    background-image: url(../images/sprite.png);
    background-position: -584px -165px;
    width: 25px;
    height: 18px;
}

#owl-demo9 .owl-controls {
    margin-top: -86px;
}

#owl-demo9 .owl-prev {
    position: absolute;
    left: -65px;
    background-image: url(../images/sprite.png);
    background-position: -56px -5px;
    width: 42px;
    height: 42px;
}

#owl-demo9 .owl-next {
    position: absolute;
    right: -45px;
    background-image: url(../images/sprite.png);
    background-position: -5px -5px;
    width: 42px;
    height: 42px;
}

.go-rmcblc-list img {
    object-fit: cover;
}

.homeSlider.owl-theme .owl-dots .owl-dot {
    border: none;
}

    .homeSlider.owl-theme .owl-dots .owl-dot span {
        background-color: #fff;
        width: 12px !important;
        height: 12px;
        margin: 0px;
        filter: Alpha(Opacity=50);
        opacity: 0.99;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

.homeSlider .owl-dots {
    margin-top: -79px;
}

.homeSlider .owl-prev {
    position: absolute;
    left: 5%;
    background-image: url(../images/sprite.png);
    background-position: -56px -5px;
    width: 42px;
    height: 42px;
}

.homeSlider .owl-next {
    position: absolute;
    right: 5%;
    background-image: url(../images/sprite.png);
    background-position: -5px -5px;
    width: 42px;
    height: 42px;
}

.homeSlider.owl-theme .owl-dots .owl-dot.active span,
.homeSlider.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fbd70d !important;
    margin-bottom: 0px;
    border: 0px solid #fbd70d !important;
    width: 12px !important;
    height: 12px;
}

.homeslider.owl-theme .owl-nav {
    position: absolute !important;
    top: 50% !important;
    width: 100%;
}

header {
    width: 100%;
    height: 600px;
}

.go-h-slider {
    width: 100%;
    height: 600px;
    position: absolute;
}

.go-h-top {
    height: 102px;
    width: 1090px;
    margin: 20px auto 0 auto;
}

.go-DetailTop {
    height: 80px;
    padding: 10px 0 10px 0;
    margin-top: 0px;
    color: #2a2a2a !important;
    z-index: 99999;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

    .go-DetailTop a {
        color: #2a2a2a !important;
    }

.go-ht-logo {
    height: 102px;
    width: 151px;
    float: left;
    background-position: -299px -310px;
}

.go-dc-logo {
    height: 75px;
    width: 111px;
    float: left;
    background-position: -459px -368px;
}

    .go-dc-logo a {
        width: 88px;
        height: 60px;
        float: left;
    }

.go-dc-logo-gastropay {
    height: 75px;
    width: 111px;
    float: left;
    background-position: -459px -368px;
}

    .go-dc-logo-gastropay a {
        width: 88px;
        height: 60px;
        float: left;
    }

.go-ht-menus {
    margin-left: 5px;
    float: left;
}

.go-DetailTop .go-ht-menus {
    margin-left: 4px;
}

#menu {
    float: left;
    margin-top: 10px;
    padding-left: 25px;
}

    #menu li {
        float: left;
    }

        #menu li a {
            float: left;
            font-size: 14px;
            font-weight: bold;
            line-height: 36px;
            font-family: 'Open Sans', sans-serif;
            color: #fff;
            text-decoration: none;
            margin: 0 20px;
        }

.profilMenus li a {
    margin: 0 10px !important;
}

#parentDiv li a {
    margin: 0 20px !important;
}

.parent {
    background: url(../images/menuArrow.png) no-repeat;
    background-position: right 4px bottom 15px;
}

.go-ht-right {
    width: 455px;
    height: 36px;
    float: right;
    margin-top: 10px;
}

.registerBtn {
    color: #000;
    font-size: 14px;
    background-color: #fbd70d;
    border-radius: 50px;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    float: right;
}

    .registerBtn:hover,
    .appDownload:hover,
    .kurumsalPartnerBtn a:hover {
        background-color: #e5c408;
    }

.loginBtn {
    color: #fff;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    font-weight: 600;
    float: right;
}

.searchBox {
    border-radius: 50px;
    float: right;
}

.Searchinput::-ms-clear  {
        display:  none !important;
    width: 0px !important;
    height: 0 !important;
    color: transparent;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

select::-ms-expand  {
        display:  none;
}


.Searchinput {
    background: transparent url(../images/searchicon.png) 90% center no-repeat;
    width: 150px;
    height: 36px;
    outline: none;
    border-radius: 50px;
    border: 1px solid #fff;
    height: 36px;
    line-height: 36px;
    text-indent: -15px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

    .Searchinput:focus {
        border-color: #fbd70d;
        background: transparent url(../images/searchicon_hover.png) 90% center no-repeat;
    }

    .Searchinput::-webkit-input-placeholder,
    .Searchinput:-moz-placeholder,
    .Searchinput::-moz-placeholder,
    .Searchinput:-ms-input-placeholder,
    .Mobinput::-webkit-input-placeholder,
    .Mobinput:-moz-placeholder,
    .Mobinput::-moz-placeholder,
    .Mobinput:-ms-input-placeholder,
    .go-dpcm-col3-table tbody tr:hover .yazdir-icon,
    .go-dpcm-col3-table tbody tr:hover .list-icon,
    .ebulteninput::-webkit-input-placeholder,
    .ebulteninput:-moz-placeholder,
    .ebulteninput::-moz-placeholder,
    .ebulteninput:-ms-input-placeholder,
    .detay-url a,
    .DetailBannerTitle b,
    .checkin-table tbody tr:hover .yazdir-icon,
    .go-dpcm-col3-table tbody tr:hover .list-icon {
        color: #fff;
    }

.go-DetailTop .Searchinput {
    border: 1px solid #c2c2c2;
    color: #696969;
    background: transparent url(../images/searchicon_detail.png) 90% center no-repeat;
}

    .go-DetailTop .Searchinput::-webkit-input-placeholder,
    .go-DetailTop-DetailTop .Searchinput:-moz-placeholder,
    .go-DetailTop .Searchinput:-ms-input-placeholder,
    .go-DetailTop .Searchinput::-moz-placeholder {
        color: #696969;
    }

.go-DetailTop #SearchResult,
.go-DetailTop #parentDiv {
    border: 1px solid #dddddd;
}

.go-DetailTop #menu {
    margin-top: 20px;
}

.is-fixed #menu {
    margin-top: 15px;
    margin-left: 0px;
}

.is-fixed .go-ht-right {
    margin-top: 15px !important;
}

.go-DetailTop .go-ht-right {
    margin-top: 20px;
}

.inlineBlock {
    float: none;
    display: inline-block;
}

#partnerRestoranlar {
    background-color: #fff;
    height: 200px;
    padding: 45px 0;
}

#Kurumsalreferanslar {
    background-color: #f6f6f6;
    height: 200px;
    padding: 45px 0 0;
    float: left;
    width: 100%;
}

#partnerRestCont {
    width: 1020px;
    margin: 0 auto;
}

.ContentTitle {
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    letter-spacing: 3px;
}

.ContentText {
    font-size: 16px;
    color: #6e6e6e;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.parnetSlider {
    width: 100%;
    height: 100%;
    max-height: 104px;
}

#owl-demo .item {
    width: 115px;
    height: 95px;
    display: table;
    margin: 0px auto;
    color: #FFF;
    text-align: center;
    padding: 0px 24px;
}

    #owl-demo .item p {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

#owl-demo5 .item {
    width: 150px;
    height: 95px;
    display: table;
    margin: 10px;
    color: #FFF;
    text-align: center;
}

    #owl-demo5 .item p {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

#owl-demo .owl-pagination, #owl-demo2 .owl-pagination {
    display: none;
}

.next, .next2, .prev, .prev2 {
    z-index: 999;
    cursor: pointer;
}

.btn.next {
    float: right;
    margin: 50px -50px 0 0;
    cursor: pointer;
}

.btn.prev {
    float: left;
    margin: 50px 0 0 -50;
    cursor: pointer;
}

#yeniRestoranlar .btn.next2 {
    margin: 170px -50px 0 0;
    float: right;
    cursor: pointer;
}

#yeniRestoranlar .btn.prev2 {
    margin: 170px 0 0 -50px;
    float: left;
    cursor: pointer;
}

.go-h-slider .next4 {
    margin: 250px 0 0 0;
    width: 41px;
    height: 41px;
    float: right;
    background-position: -5px -5px;
    position: absolute;
    z-index: 99999999;
    right: 3%;
    cursor: pointer;
}

.go-h-slider .prev4 {
    float: left;
    left: 3%;
    position: absolute;
    margin-top: 250px;
    background-position: -56px -5px;
    z-index: 999999;
    cursor: pointer;
    width: 42px;
    height: 42px;
    float: left;
    cursor: pointer;
}

.parnetSlider .next {
    width: 25px;
    height: 18px;
    float: right;
    background-position: -584px -165px;
    z-index: 3;
    cursor: pointer;
}

.parnetSlider .prev {
    float: left;
    background-position: -584px -76px;
    z-index: 3;
    cursor: pointer;
    width: 25px;
    height: 18px;
    float: left;
    cursor: pointer;
}

#gastroAyricaliklar {
    background-color: #fbd70d;
    height: auto;
    padding: 45px 0;
    clear: both;
}

#gastroContent {
    width: 100%;
    float: left;
}

.yeniRestContent {
    width: 100%;
    margin-top: 25px;
}

#AyricalikBox li {
    width: 22%;
    margin: 25px 0 0 30px;
    display: inline-block;
    vertical-align: top;
}

    #AyricalikBox li:first-child {
        margin-left: 0px;
    }

.Ayricalikimg {
    width: 101px;
    height: 110px;
    text-align: center;
    margin: 0 auto;
    padding-right: 24%;
}

#AyricalikBox li:last-child {
    margin-right: 0px;
}

    #AyricalikBox li:last-child .Ayricalikimg img {
        width: 85px;
    }

.AyricalikTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.iddialiOyuncu {
    background-image: url(../images/iddialiOyuncular.jpg);
    background-size: 100% 100%;
    width: 62%;
    height: 400px;
    display: inline-block;
}

.iddialiOyuncuHeader {
    font-size: 24px;
    color: rgb(251, 215, 13);
    font-weight: bold;
    margin: 50px 50px 25px;
}

.iddialiOyuncuTitle {
    font-size: 14px;
    color: #fff !important;
    margin: 0px 263px 0px 50px;
}

.iddialiOyuncuDetail a {
    font-size: 12px;
    font-weight: bold;
    width: 119px;
    height: 34px;
    display: block;
    line-height: 34px;
    background: #fbd70d;
    margin: 25px 50px;
    border-radius: 50px;
    text-align: center;
}

    .iddialiOyuncuDetail a:hover {
        background-color: #e5c408;
    }

.gastroEposta {
    display: block;
    height: 120px;
    background: #fbd70d;
}

    .gastroEposta li:nth-child(1) {
        width: 12%;
        display: inline-block;
        vertical-align: middle;
    }

        .gastroEposta li:nth-child(1) img {
            max-height: 56px;
        }

    .gastroEposta li:nth-child(2) {
        width: 46%;
        display: inline-block;
        vertical-align: middle;
        font-weight: 600;
        font-size: 14px;
    }

    .gastroEposta li:nth-child(3) {
        width: 37%;
        padding-left: 16px;
        display: inline-block;
        vertical-align: middle;
    }

    .gastroEposta ul {
        list-style: none;
        line-height: 120px;
        margin-left: 39px;
    }

    .gastroEposta li:nth-child(3) button#btnProm {
        background: #000;
        color: #fff;
    }

    .gastroEposta li:nth-child(3) input {
        width: 71%;
        color: #000;
        max-width: 200px;
        border: none;
        font-style: normal;
    }

.HomeMusteriYorum {
    height: auto !important;
}

    .HomeMusteriYorum .CommentBox {
        height: auto;
        position: relative;
    }

        .HomeMusteriYorum .CommentBox .CommentBoxTxt {
            height: 200px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            display: table;
        }

            .HomeMusteriYorum .CommentBox .CommentBoxTxt span {
                display: table-cell;
                vertical-align: middle;
                color: #252525 !important;
            }

        .HomeMusteriYorum .CommentBox .arrow {
            content: '';
            position: absolute;
            right: 24%;
            bottom: -20px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 0px solid transparent;
            border-top: 20px solid #fff;
            clear: both;
            z-index: 22;
        }

.hmy-ovlheight {
    height: 302px;
}

.AyricalikText {
    font-size: 13px;
    margin-top: 10px;
    width: 100%;
}

.gastroEkAyricaliklar {
    display: block;
    clear: both;
    padding-top: 20px;
}

.gea-col-md-4 {
    width: 30%;
    display: inline-block;
    padding: 0px 15px;
    vertical-align: top;
    margin: 15px 0px;
}

.gea-Box {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    max-height: 293px;
}

    .gea-Box:before {
        content: '';
        background: rgba(0,0,0,0.5);
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        display: none;
    }

    .gea-Box:hover::before {
        display: block;
    }

.gea-row {
    margin: 0px -15px;
}

.gea-Box img {
    width: 100%; /*height: 100%;*/
    object-fit: cover;
    o-object-fit: cover;
}

.geab-text {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}

.geab-hoverBox {
    position: absolute;
    bottom: -70px;
    transition: all 0.5s ease;
    z-index: 99;
    width: 100%;
    padding-bottom: 20px;
}

.gea-Box:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    bottom: -30px;
    right: 0px;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, #000 0%, transparent 100%);
    z-index: 1;
    opacity: 0.7;
}

.geab-button a {
    font-size: 14px;
    font-weight: bold;
    width: 140px;
    height: 35px;
    display: block;
    line-height: 35px;
    background: #fbd70d;
    margin: 25px auto 0px;
    border-radius: 50px;
    text-align: center;
}

.detaylibilgi {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    display: block;
}

.detaylibilgi2 {
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    padding: 5px 25px;
    border-radius: 20px;
    line-height: 20px;
    text-align: right;
}

#yeniRestoranlar {
    background-color: #ebebeb;
    height: 435px;
    padding: 45px 0;
}

#MusteriYorumlar {
    background-color: #eceff1;
    height: 460px;
    padding: 45px 0;
    float: left;
    width: 100%;
}

.restoranBox {
    width: 230px;
    height: 350px;
    float: left;
    box-shadow: 0px 2px 6px #ccc;
    margin: 5px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.restoranimg {
    width: 230px;
    height: 140px;
    float: left;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
}

.restoranTitle {
    float: left;
    margin: 20px 20px 10px 20px;
    font-size: 18px;
    height: 23px;
    overflow: hidden;
    font-weight: bold;
    color: #252525;
}

.restoranText {
    float: left;
    margin: 0 20px 13px 20px;
    width: 190px;
    font-size: 12px;
    line-height: 17px;
    color: #969696;
    height: 101px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 96px;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.detaylibilgiBtn {
    width: 230px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    border-top: 1px solid #f2f2f2;
    font-size: 12px;
    float: left;
}

    .detaylibilgiBtn:hover {
        font-weight: bold;
        background-color: #fbd70d;
        border-top: 1px solid #fbd70d;
    }

.tumRestoranBtn {
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 15px;
}

    .tumRestoranBtn a {
        padding: 13px 25px;
        border: 1px solid #252525;
        border-radius: 50px;
        margin: 0 auto 0 auto;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
    }

    .tumRestoranBtn img {
        margin-left: 10px;
    }

#gastroMobil {
    background: #181818 url(../images/gastroClubMobil-bg.jpg) center center no-repeat;
    background-size: cover;
    height: 550px;
    padding: 50px 0 40px;
}

#gastroMobil2 {
    background: #181818 url(../images/gastroClubMobil-bg.jpg) center center no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
    height: 550px;
    padding: 50px 0 40px;
}

#gastroMobil3 {
    background: #fff;
    background-size: cover;
    width: 100%;
    height: 510px;
    padding: 50px 0 13px;
}

    #gastroMobil3 .container {
        position: relative;
        height: 100%;
    }

.gastroMobilLeft {
    width: 550px;
    float: left;
}

.gastroMobilTitle {
    font-size: 22px;
    color: #fbd70d;
    letter-spacing: 4px;
}

    .gastroMobilTitle span {
        font-weight: bold;
        color: #fff;
    }

.Mobil2Title {
    font-size: 22px;
    color: #fbd70d;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
}

.Mobil3Title {
    font-size: 22px;
    color: #232323;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
}

.Mobil2Text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
}

#GastroMobilCont {
    width: 870px;
    margin: 0 auto;
}

.gastroMobilRight {
    width: 270px;
    height: 550px;
    float: left;
    margin: 0 0 0 40px;
    background: url(../images/iphone_img.png) center center no-repeat;
}

.iphoneEkran {
    width: 232px;
    height: 413px;
    float: left;
    background: #fff;
    margin: 68px 0 0 19px;
}

.discFlag {
    width: 40px;
    height: 40px;
    background: #fbd70d;
    font-size: 12px;
    font-weight: bold;
    float: right;
    border-radius: 60px;
    margin: 120px 10px 0px 170px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    z-index: 9999;
}

    .discFlag b {
        font-size: 16px;
    }

.BannerDisc {
    width: 47px;
    height: 47px;
    background: #fbd70d;
    font-size: 14px;
    font-weight: bold;
    float: left;
    border-radius: 60px;
    margin-left: 10px;
    position: relative;
    line-height: 47px;
    text-align: center;
}

    .BannerDisc b {
        font-size: 18px;
    }

.BannerRez {
    width: 47px;
    height: 47px;
    background: #d32f2f;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    float: left;
    border-radius: 60px;
    margin-left: 10px;
    position: relative;
    line-height: 47px;
    text-align: center;
}

.rezFlag {
    width: 40px;
    height: 40px;
    background: #d32f2f;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    float: right;
    border-radius: 60px;
    margin: -20px 10 0 0;
    position: relative;
    line-height: 40px;
    text-align: center;
}

.kurumsalPartImg ul {
    list-style: none;
    padding: 0px;
    margin: 15px 0px 0px 0px;
}

    .kurumsalPartImg ul li {
        width: 44%;
        display: inline-block;
        padding: 11px 4px;
        line-height: 30px;
        text-align: center;
        border-radius: 7px;
    }

        .kurumsalPartImg ul li p {
            display: table;
            height: 30px;
            width: 100%;
        }

            .kurumsalPartImg ul li p span {
                display: table-cell;
                vertical-align: middle;
            }

        .kurumsalPartImg ul li img {
            max-width: 80% !important;
            max-height: 30px;
        }

#mobilGastroinfo {
    background: url(../images/Noktalicizgi_bg.png) 8px 20px no-repeat;
    width: 515px;
    height: 290px;
    float: left;
    margin-top: 50px;
}

.infoSelectBox {
    width: 520px;
    height: 80px;
    float: left;
    margin-bottom: 21px;
    cursor: pointer;
}

.infoSelecticon {
    width: 16px;
    height: 16px;
    border: 2px solid #fbd70d;
    border-radius: 20px;
    float: left;
    text-align: center;
}

.activeSelect .selectpoint {
    width: 8px;
    height: 8px;
    float: left;
    background: #fbd70d;
    border-radius: 20px;
    margin: 4px;
}

.infoSelectTitle {
    font-size: 18px;
    font-weight: bold;
    width: 475px;
    margin-left: 25px;
    color: #7a7a7a;
    float: left;
}

.infoSelectText {
    font-size: 13px;
    width: 475px;
    margin: 5px 0 0 45px;
    color: #7a7a7a;
    float: left;
}

.activeSelect .infoSelectText {
    color: #ebebeb;
}

.activeSelect .infoSelectTitle {
    color: #fbd70d;
}

.appDownload {
    font-size: 13px;
    font-weight: bold;
    padding: 13px 30px;
    background: #fbd70d;
    border-radius: 50px;
    float: left;
    margin: 40px 0 0 45px;
}

.gastroLayout2, .gastroLayout3 {
    display: none;
}

#rakamlarlaGastro {
    height: 320px;
    padding: 50px 0 40px;
    background-color: #fbd70d;
}

#rakamlarlaGastroCont {
    width: 1020px;
    margin: 0 auto;
}

.numberBoxes {
    width: 1100px;
    height: 240px;
    margin: 0px auto 0;
}

.numberBox {
    width: 350px;
    height: 240px;
    float: left;
}

.rakamlarlaGastro .numberinfo {
    color: #fbd70d;
}

.iconBack {
    width: 185px;
    height: 185px;
    background: #fff;
    border-radius: 200px;
    margin: auto;
    display: block;
    text-align: center;
}

    .iconBack img {
        margin-top: 30px;
    }

.NumberContainer {
    height: 48px;
    background: url(../images/numberBox.png);
    width: auto;
    line-height: 48px;
    margin: -40px auto 0;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-indent: 12px;
    letter-spacing: 25px;
}

.numbertxt1 {
    width: 126px;
}

.numbertxt2 {
    width: 211px;
}

.numberinfo {
    font-size: 18px;
    font-weight: bold;
    color: #252525;
    margin: 20px auto 0;
    display: block;
    text-align: center;
}

.numberLine {
    background: url(../images/numberLineBg.png);
    width: 99%;
    height: 2px;
    margin-top: -24px;
}

#gastroBilgiler {
    height: 460px;
    padding-top: 80px;
    background-color: #ebebeb;
}

.gastroKurumsalCont {
    width: 960px;
    height: 370px;
    float: left;
    margin: 100px 0 0 30px;
}

.yanHaklarDiv {
    width: 54%;
    height: 290px;
    float: left;
    background: #fbd70d;
    padding: 40px;
    box-shadow: 2px 1px 1px #ccc;
}

.yanHaklarTitle {
    font-size: 20px;
    font-weight: bold;
    color: #252525;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    letter-spacing: 1px;
}

.yanHakBox {
    width: 100%;
    height: 230px;
    float: left;
    margin-top: 40px;
}

.yanHaklarimg {
    max-width: 120px;
}

.yanHaklarText1 {
    font-size: 16px;
    color: #252525;
    font-weight: bold;
    display: block;
}

.yanHaklarText2 {
    font-size: 12px;
    color: #252525;
    display: block;
}

.uyelerOzel {
    width: 123px;
    height: 76px;
    margin: -40px 287px;
    float: right;
    position: absolute;
    background-position: -579px -311px;
}

.kurumsalPartner {
    min-width: 320px;
    height: 360px;
    background: #fff;
    margin-left: 20px;
    padding: 20px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

.kurumsalPartnerTitle {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #252525;
    letter-spacing: 2px;
    margin-top: 10px;
}

.kurumsalPartnerText {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #969696;
    margin-top: 15px;
    float: left;
}

.kurumsalPartnerimg {
    width: 202px;
    height: 103px;
    margin-top: 25px;
    float: left;
    background-position: -661px -446px;
}

.kurumsalPartnerBtn {
    float: left;
    width: 100%;
    margin: 0 auto;
}

    .kurumsalPartnerBtn a {
        font-size: 12px;
        font-weight: bold;
        width: 119px;
        height: 34px;
        display: block;
        line-height: 34px;
        background: #fbd70d;
        margin: 1px auto;
        border-radius: 50px;
        text-align: center;
    }

.siziArayalimCont {
    width: 220px;
    height: 175px;
    float: left;
    background-position: -5px -459px;
    margin-left: 20px;
}

.siziArayalim {
    width: 180px;
    height: 115px;
    float: left;
    background-position: -5px -459px;
    background: #1CAEA1 url(../images/ebultenBg.jpg) right center no-repeat;
    padding: 30px 20px;
    margin-left: 20px;
}

.siziArayalimTitle {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    float: left;
}

.siziArayalimText {
    font-size: 13px;
    color: #fff;
    line-height: 16px;
    margin-top: 10px;
    float: left;
}

.arkadasinaOnerTitle {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    float: left;
    line-height: 18px;
    margin-top: -5px;
}

.arkadasinaOner {
    width: 180px;
    height: 115px;
    float: left;
    background: #E73D31 url(../images/arkadasinaOnerbg.png) right center no-repeat;
    padding: 30px 20px;
    margin: 0px 0 20px 20px;
}

.beniArayinBtn {
    font-size: 13px;
    color: #252525;
    font-weight: bold;
    float: left;
    margin-top: 15px;
}

    .beniArayinBtn img {
        margin-top: 4px;
        float: right;
        margin-left: 7px;
    }

.arkadasinaOnerBtn {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    float: left;
    margin-top: 10px;
}

    .arkadasinaOnerBtn img {
        margin-top: 4px;
        float: right;
        margin-left: 7px;
    }

footer {
    width: 100%;
    height: 340px;
    float: left;
    z-index: 99999;
    position: relative;
}

.floatRight {
    float: right !important;
}

.go-f-top {
    background: #1c1c1c;
    height: 220px;
    padding-top: 50px;
}

#footerTopCont {
    width: 1020px;
    margin: 0 auto;
}

#footerBottom {
    background: #171717;
    height: 80px;
}

.go-ftc-links {
    width: 450px;
    float: left;
}

.go-ftcl-list {
    float: left;
    width: 200px;
}

    .go-ftcl-list:nth-child(3) {
        width: 40px;
    }

    .go-ftcl-list li {
        float: left;
        width: 100%;
    }

        .go-ftcl-list li a {
            float: left;
            font-size: 13px;
            color: #fff;
            line-height: 30px;
        }

.go-ftc-bulten {
    width: 230px;
    float: left;
    margin-left: 25px;
}

.ebultenTitle {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    float: left;
}

.ebultenText {
    float: left;
    font-size: 12px;
    color: #777777;
    margin-top: 8px;
}

.ebultenKayit {
    float: left;
    width: 188px;
    height: 38px;
    border: 1px solid #464646;
    border-radius: 3px;
    margin-top: 10px;
}

.ebulteninput {
    border: none;
    height: 38px;
    line-height: 38px;
    text-indent: 10px;
    background: transparent;
    color: #fff !important;
    font-style: italic;
    font-size: 12px;
    float: left;
    width: 144px;
    outline: none;
}

.ebultenButton {
    width: 44px;
    height: 38px;
    border: none;
    border-left: 1px solid #464646;
    cursor: pointer;
    background-color: transparent;
    background-position: -296px -252px;
}

.ebultenButtonBlogPage {
    width: 44px;
    height: 38px;
    border: none;
    border-left: 1px solid #464646;
    cursor: pointer;
    background-color: transparent;
    background-position: -296px -252px;
}

.ebultenButton2 {
    width: 100px;
    height: 40px;
    border: none;
    cursor: pointer;
    background-color: #1c1c1c;
    background-position: -296px -252px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 10px;
}

.go-ftc-right {
    float: right;
    width: 400px;
    text-align: right;
}

    .go-ftc-right span {
        margin-left: 20px;
        float: right;
    }

.copyright {
    font-size: 12px;
    color: #fff;
    margin-top: 14px;
    margin-bottom: 14px;
}

.social {
    margin-top: 15px;
    height: 40px;
    float: right;
}

#HomeBanner {
    width: 1000px;
    height: 480px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    margin-top: 120px;
}

#HomeBannerLeft {
    width: 500px;
    margin-top: 50px;
    float: none;
    margin-left: 60px;
    position: relative;
    z-index: 9;
    display: table-cell;
    vertical-align: middle;
}

#HomeBannerRight {
    width: 400px;
    height: 480px;
    float: right;
    text-align: center;
}

.HomeBannerTitle {
    font-size: 40px;
    color: #fbd70d;
    font-weight: 900;
}

.HomeBannerTxt1 {
    font-size: 16px;
    margin-top: 20px;
    float: left;
    color: #fff;
}

.HomeBannerTxt2 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: 15px;
    float: left;
}

.HomeBannerButtons {
    float: left;
    margin-top: 45px;
    width: 100%;
}

.HomeBannerTxt1 a {
    padding: 12px 22px;
    font-size: 14px;
    margin: 0px 15px 0 0;
    font-weight: 600;
    letter-spacing: 0.3px;
    background: #fbd70d;
    border-radius: 50px;
    display: inline-block;
}

.HomeBannerTxt1 span {
    margin: 0px 15px 0 0;
}

.BannerButton2 {
    padding: 13px 30px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    float: left;
    margin-left: 15px;
}

.BannerDiscLabel {
    width: 47px;
    height: 47px;
    float: left;
}

.go-h-golge {
    width: 100%;
    height: 600px;
    background: #000;
    opacity: .5;
    position: absolute;
    z-index: 9;
    display: none;
    top: 0px;
}

.goster {
    display: block !important;
}

ul#menu li ul {
    display: none;
    position: absolute;
    top: 19px;
    left: 0;
    margin-top: 40px;
    background: #fff;
    border-radius: 5px;
    width: 150px;
    z-index: 99;
}

    ul#menu li ul li {
        float: left;
        width: 100%;
    }

        ul#menu li ul li a {
            font-weight: normal;
            color: #000;
            line-height: 20px;
            padding: 7px 0px;
            text-align: left;
        }

ul#menu li > ul {
    top: auto;
    left: auto;
}

ul#menu li:hover ul {
    display: block;
}

.acilirDivTop {
    background: url(../images/acilirDivbg.png) center center no-repeat;
    width: 150px;
    height: 13px;
    margin: -12px auto 0;
    display: block;
}

.acilirDivTop2 {
    background: url(../images/acilirDivbg.png) center center no-repeat;
    width: 280px;
    height: 13px;
    margin: -12px auto 0;
    z-index: 99;
    position: absolute;
    display: block;
}

.acilirDivTop3 {
    background: url(../images/acilirDivbg.png) center center no-repeat;
    width: 240px;
    height: 13px;
    margin: -12px auto 0;
    z-index: 99;
    position: absolute;
    display: block;
}

.acilirDivTop4 {
    background: url(../images/acilirDivbg.png) 200px 1px no-repeat;
    width: 240px;
    height: 13px;
    margin: -32px 0 0 99px;
    float: right;
    z-index: 99;
    position: absolute;
    display: block;
}

.menuactive {
    z-index: 99;
    position: relative;
}

#wrapper {
    width: 100%;
    -webkit-user-select: none;
}

#ep1 {
    position: absolute;
    left: 36px;
    top: 50px;
}

.otherExample {
    position: absolute;
    left: 36px;
    top: 520px;
}

    .otherExample a {
        display: block;
        float: left;
        margin-right: 16px;
        color: #0066FF;
    }

        .otherExample a:hover {
            color: #B22222;
            text-decoration: underline;
        }

#owl-demo4 .owl-wrapper-outer {
    height: 600px;
}

#owl-demo4 .item {
    display: block;
    margin: 0 auto;
}

#owl-demo4 .owl-pagination {
    margin-top: -100px;
}

#owl-demo4 .owl-page span {
    background-color: #fff;
    cursor: pointer;
}

#owl-demo4 .owl-page {
    cursor: pointer;
}

#SearchResult {
    width: 280px;
    max-height: 326px;
    background: #fff;
    border-radius: 5px;
    margin: 50px 0 0 -10px;
    display: none;
    z-index: 99;
    position: absolute;
}

.SearchResultBox {
    width: 230px;
    float: left;
    padding: 16px 25px;
    z-index: 99999999;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}

    .SearchResultBox:first-child {
        border-radius: 5px 5px 0 0 !important;
    }

.SearchAllResult {
    width: 280px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    float: left;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    color: #2a2a2a;
    background: #fbd70d;
}

.SearchResultBox:hover {
    background: #f4f4f4;
}

.SearchTxt1 {
    color: #272727;
    font-size: 14px;
    font-weight: bold;
    float: left;
    width: 100%;
}

.SearchTxt2 {
    color: #a7a7a7;
    font-size: 12px;
    float: left;
}

#BannerDiv {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover !important;
}

#BannerDiv2 {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover !important;
}

#BannerDivCont {
    width: 1020px;
    margin: 50px auto;
    display: table;
    height: 88%;
}

#BlogBannerCont {
    width: 380px;
    min-height: 115px;
    padding: 20px 5px;
    margin: 110px auto;
    background-color: #fff;
    opacity: 0.9;
}

#DetailBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/nedirBanner.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 30px;
}

#DetailDinerClubBanner {
    width: 100%;
    height: 328px;
    background: #000 url(../images/promo_final.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 30px;
    background-repeat: no-repeat;
    background-position: 78.5%;
}

#DetailOdeaBankBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/nedirPageBanner.jpg) center center no-repeat;
    background-size: contain;
    padding-top: 30px;
}

#DetailTTPrimeBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/ttprime.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 30px;
}

#DetailCCBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/coca-cola.jpg) center right no-repeat;
    background-size: cover;
    padding-top: 30px;
}

.coca-cola-banner {
    padding-bottom: 30px;
}

#KurumsalBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/KurumsalBanner.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 30px;
}

#NasilKullanilirBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/NasilKullanilirBanner.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 30px;
}

#GastroMobilBanner {
    width: 100%;
    height: 390px;
    background: #000 url(../images/GastroMobilBg2.jpg) center center no-repeat;
    position: relative;
    overflow: hidden;
    background-size: cover;
    padding-top: 30px;
}

#BlogBanner {
    width: 100%;
    height: 440px;
}

#DetailBannerCont {
    width: 1020px;
    margin: 0 auto;
}

#WeGastroBannerCont {
    width: 1020px;
    margin: 0 auto;
}

.detay-url, .detay-url a {
    font-size: 14px;
    color: #fff;
    float: left;
}

    .detay-url span {
        margin: 0 10px;
    }

.DetailBannerTitle {
    font-size: 40px;
    color: #fbd70d;
    margin-top: 70px;
    float: left;
    width: 100%;
}

    .DetailBannerTitle.dinersclub {
        color: #fff !important;
        font-weight: bolder;
    }

img.dinersclubLogo {
    position: relative;
    bottom: -55px;
    height: 39px;
}

.DetailBannerText {
    font-size: 20px;
    color: #fff;
    margin-top: 35px;
    float: left;
    width: 470px;
}

.DetailBannerTextOdeabank {
    font-size: 27px;
    color: #fbd70d;
    margin-top: 10% !important;
    width: 546px;
    float: left;
}

.DetailBannerTextTTPrime {
    font-size: 27px;
    color: #672132;
    margin-top: 6% !important;
    width: 329px;
    float: left;
}

.DetailBannerGooglePlay {
    display: inline-block;
    width: auto;
    margin-top: 30px;
}

.DetailBannerAppStore {
    display: inline-block;
    width: auto;
}

#GastroDetail {
    padding: 50px 0 40px;
    background-color: #fff;
    float: left;
    width: 100%;
}

#BlogDetail {
    padding: 50px 0 40px;
    background-color: #f3f3f3;
    float: left;
    width: 100%;
    margin-top: 80px;
}

#BlogDetailPage {
    padding: 50px 0 40px;
    background-color: #f3f3f3;
    float: left;
    width: 100%;
}

#rakamlarlaGastroCont {
    width: 1020px;
    margin: 0 auto;
}

.firsatBox {
    width: 270px;
    height: 380px;
    float: left;
    padding: 25px;
    margin: 20px 20px 0 0;
}

    .firsatBox:hover {
        box-shadow: 1px 0px 5px #ccc;
    }

.KullanimBox {
    width: 270px;
    height: 320px;
    float: left;
    padding: 25px;
    margin: 20px 20px 0 0;
}

#GastroNedir {
    width: 1020px;
    display: block;
    margin: 30px 0 50px 0;
    float: left;
}

#NasilKullanilir {
    width: 1020px;
    display: block;
    margin: 30px 0 0 0;
    float: left;
}

.Firsatimg {
    background: #fbd70d;
    margin-top: 30px;
    width: 180px;
    height: 180px;
    border-radius: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 180px;
}

.KullanimBoximg {
    background: #fbd70d;
    overflow: hidden;
    margin-top: 30px;
    width: 210px;
    height: 210px;
    border-radius: 200px;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 180px;
}

.Kullanimicon {
    width: 75px;
    height: 75px;
    float: left;
    background: #fbd70d;
    border-radius: 80px;
    margin: -10px 10px;
    position: absolute;
}

.Kullanimicon1 {
    background-position: -509px -452px;
    width: 52px;
    height: 47px;
    float: left;
    margin: 13px;
}

.Kullanimicon2 {
    background-position: -487px -615px;
    width: 58px;
    height: 29px;
    float: left;
    margin: 22px 0 0 10px;
}

.Kullanimicon3 {
    background-position: -3px -49px;
    width: 57px;
    height: 35px;
    float: left;
    margin: 20px 7px;
}

.Firsatimg img {
    margin-top: 40px;
}

.FirsatTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 20px auto 0 0;
    height: 45px;
    line-height: 22px;
    display: block;
    text-align: center;
}

.FirsatText {
    font-size: 14px;
    color: #6e6e6e;
    margin: 10px auto 10px;
    display: block;
    width: 250px;
    text-align: center;
    height: 100px;
    float: left;
    line-height: 20px;
}

.KullanimText {
    font-size: 16px;
    color: #252525;
    margin: 20px auto 10px;
    display: block;
    width: 250px;
    text-align: center;
    height: 100px;
    float: left;
    line-height: 20px;
}

.FirsatLink {
    font-size: 14px;
    display: none;
    color: #fbd70d;
    font-weight: bold;
    margin: 10px auto;
    width: 250px;
    text-align: center;
}

.link1 {
    color: #fbd70d;
}

.link2 {
    color: #4dd0e1;
}

.link3 {
    color: #99cc66;
}

.link4 {
    color: #00bfa5;
}

.link5 {
    color: #9575cd;
}

.link6 {
    color: #ffab00;
}

.firsatBox:hover > .FirsatLink {
    display: block;
}

.firsat1 {
    background-color: #fbd70d;
}

.firsat2 {
    background-color: #4dd0e1;
}

.firsat3 {
    background-color: #00bfa5;
}

.firsat4 {
    background-color: #99cc66;
}

.firsat5 {
    background-color: #9575cd;
}

.firsat6 {
    background-color: #ffab00;
}

#owl-demo4 {
    height: 100%;
    position: relative;
}

    #owl-demo4 .owl-wrapper {
        height: 100%;
    }

    #owl-demo4 .owl-wrapper-outer {
        height: 100%;
    }

    #owl-demo4 .owl-item {
        display: block;
        margin: 1px auto;
        height: 100%;
    }

    #owl-demo4 .owl-pagination {
        margin-top: -100px;
    }

    #owl-demo4 .owl-page span {
        background-color: #fff;
    }

        #owl-demo4 .owl-page span.active {
            background: #fbd70d !important;
        }

.slicknav_menu {
    display: none;
}

.smallLogo {
    max-height: 78px;
    width: 88px;
    background-position: -5px -384px;
}

#cd-intro-tagline {
    height: 0px;
}

.go-d-url {
    width: 100%;
    float: left;
    padding: 25px 0;
    font-size: 14px;
    color: #2a2a2a;
}

.go-duc-text {
    font-size: 14px;
    color: #fff;
    width: 100%;
    float: left;
    color: #2a2a2a;
}

    .go-duc-text span {
        margin: 0 10px;
    }

.go-d-main {
    background: #ebebeb;
    padding: 45px 0;
    float: left;
    width: 100%;
}

.go-d-main2 {
    background: #fff;
    padding: 45px 0;
    float: left;
    width: 100%;
}

.go-d-profil {
    background: #f3f3f3;
    float: left;
    width: 100%;
}

.go-dmc-title {
    font-size: 28px;
    color: #2a2a2a;
    font-weight: bold;
    float: left;
}

.go-dmc-right {
    float: right;
}

.go-dmcr-title {
    color: #2a2a2a;
    font-size: 14px;
    font-weight: bold;
    float: left;
    height: 36px;
    line-height: 36px;
}

.go-dmcr-kelime {
    border: 1px solid #b7b7b7;
    font-size: 13px;
    color: #2a2a2a;
    padding: 8px 15px;
    border-radius: 50px;
    float: left;
    margin-left: 10px;
}

.go-dmcr-kelime2 {
    border: 1px solid #b7b7b7;
    font-size: 13px;
    color: #2a2a2a;
    padding: 5px 10px;
    border-radius: 50px;
    float: left;
    margin-left: 10px;
}

.go-dmcrk-icon {
    width: 10px;
    height: 10px;
    float: right;
    margin: 5px 0 0 5px;
    background-position: -620px -183px;
}

.go-dmc-cont {
    margin-top: 30px;
    float: left;
    width: 100%;
    text-align: center;
}

.go-dmc-contRestAll {
    margin-top: 20px;
    float: left;
    min-width: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.go-dmcc-box {
    width: 230px;
    height: 330px;
    float: left;
    box-shadow: 0px 2px 6px #ccc;
    margin: 0 15px 30px 15px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.go-dmcc-box-img {
    width: 230px;
    height: 140px;
    float: left;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #f2f2f2;
    display: table;
    text-align: center;
}

.go-dmcc-box-img-cont {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    height: 140px;
    overflow: hidden;
}

    .go-dmcc-box-img-cont span {
        display: table-cell;
        vertical-align: middle;
        height: 140px;
        width: 230px;
    }

    .go-dmcc-box-img-cont img {
        max-width: 100% !important;
        width: auto !important;
        margin: 0 auto;
        max-height: 140px;
    }

.go-dmcc-box-title {
    float: left;
    margin: 9px 20px 7px 20px;
    font-size: 18px;
    line-height: 18px;
    height: 38px;
    overflow: hidden;
    font-weight: bold;
    color: #252525;
}

    .go-dmcc-box-title span {
        display: table-cell;
        vertical-align: middle;
    }

.go-dmcc-box-text1 {
    float: left;
    margin: 0 20px 13px 20px;
    font-size: 13px;
    line-height: 14px;
    color: #969696;
    height: 80px;
    overflow: hidden;
    text-align: left;
}

    .go-dmcc-box-text1 b {
        color: #2a2a2a;
    }

.go-dmcc-box-btn {
    width: 230px;
    height: 43px;
    text-align: center;
    font-weight: bold;
    line-height: 43px;
    background: #fbd70d;
    border-top: 1px solid #fbd70d;
    font-size: 12px;
    float: left;
}

.go-dmcc-box-t-line {
    float: left;
    margin-bottom: 8px;
    line-height: 18px;
}

.go-dmcc-list li {
    width: 220px;
    height: 280px;
    float: left;
    padding: 10px;
    box-shadow: 0px 2px 6px #ccc;
    margin: 0 0 20px 20px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

    .go-dmcc-list li:nth-child(4n+1) {
        margin-left: 0px;
        float: left;
    }

.go-dmcc-list-img {
    width: 100%;
    height: 190px;
    position: relative;
    float: left;
    border-radius: 4px;
    overflow: hidden;
}

    .go-dmcc-list-img img {
        width: 100%;
    }

.go-dmcc-list-title {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    color: #2b2a2a;
    margin-top: 5px;
    float: left;
}

.go-dmcc-list-text1 {
    font-size: 14px;
    color: #949494;
    float: left;
    width: 100%;
}

.go-dp-top {
    height: 200px;
    width: 100%;
    padding: 25px 0;
    background: #fff;
    float: left;
    margin-bottom: 20px;
}

.go-dptl-photo {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    overflow: hidden;
    float: left;
    margin: 20px 0 0 45px;
    background-position: -622px -5px;
    text-align: center;
    font-size: 12px;
    color: #3b3b3b;
    position: relative;
}

.go-dptlp-icon {
    width: 100%;
    display: block;
    font-size: 48px;
    margin: 30px auto 0;
    background-position: -457px -453px;
    width: 46px;
    height: 46px;
}

.go-dptlp-txt {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.go-dpt-left {
    width: 200px;
    float: left;
}

.go-dpt-right {
    float: left;
    margin-left: 40px;
    width: 760px;
}

.go-dptr-buttons {
    float: right;
}

.ProfileBtn {
    padding: 7px 20px;
    float: left;
    color: #2a2a2a;
    margin-left: 10px;
    font-size: 13px;
    border: 1px solid #000;
    border-radius: 50px;
    font-weight: bold;
}

.go-dptrb-fatura {
    padding: 7px 20px;
    float: left;
    color: #2a2a2a;
    margin-left: 10px;
    font-size: 13px;
    border: 1px solid #000;
    border-radius: 50px;
    font-weight: bold;
}

.SuggestLink {
    float: right !important;
    margin-top: 10px;
}

.go-dptrb-profil {
    background: #fbd70d;
    margin-left: 10px;
    padding: 8px 20px;
    float: left;
    color: #2a2a2a;
    font-size: 13px;
    border-radius: 50px;
    font-weight: bold;
}

.go-dptrb-profil2 {
    background: #fbd70d;
    padding: 8px 20px;
    float: left;
    color: #2a2a2a;
    font-size: 13px;
    border-radius: 50px;
    font-weight: bold;
}

.go-dptrbf-icon {
    width: 18px;
    height: 16px;
    float: left;
    background-position: -636px -179px;
    margin-right: 7px;
    font-size: 16px;
    margin-top: 1px;
}

.go-dptrbp-icon {
    width: 16px;
    height: 16px;
    float: left;
    background-position: -587px -120px;
    margin-right: 7px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 1px;
}

.go-dptr-text1 {
    color: #2a2a2a;
    font-size: 18px;
    float: left;
    width: 100%;
}

.go-dptr-text2 {
    color: #2a2a2a;
    font-size: 24px;
    font-weight: bold;
    float: left;
    width: 100%;
}

.top-nav {
    background: #fff;
    margin-top: 0px;
    padding: 10px 0 10px 0;
}

.prev4, .next4 {
    display: none;
}

.go-h-slider:hover .prev4,
.go-h-slider:hover .next4 {
    display: block;
}

.go-dptr-info {
    height: 40px;
    line-height: 16px;
    max-width: 280px;
    width: 210px;
    float: left;
    margin: 30px 20px 0 0;
    font-size: 13px;
    color: #2a2a2a;
    display: table;
}

.go-dptri-text {
    display: table-cell;
    vertical-align: middle;
}

.go-dptri-bg {
    width: 40px;
    height: 40px;
    background: #fbd70d;
    border-radius: 40px;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.go-dptri-icon1 {
    width: 18px;
    height: 18px;
    font-size: 18px;
    float: left;
    background-position: -263px -378px;
    margin: 12px 0 0 12px;
}

.go-dptri-icon2 {
    width: 18px;
    height: 23px;
    font-size: 21px;
    float: left;
    background-position: -238px -376px;
    margin: 9px 0 0 12px;
}

.go-dptri-icon3 {
    width: 19px;
    height: 20px;
    font-size: 18px;
    float: left;
    background-position: -586px -139px;
    margin: 11px 0 0 11px;
}

.go-dpc-main {
    float: left;
    width: 100%;
    margin-bottom: 100px;
}

.go-dpcm-col1 {
    width: 330px;
    float: left;
}

.go-dpcm-col2 {
    width: 670px;
    float: left;
    margin-left: 20px;
}

.go-dpcm-col3 {
    width: 610px;
    height: 320px;
    float: left;
    margin-right: 20px;
    background: #fff;
}

.go-dpcm-col3-title {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #2a2a2a;
    height: 40px;
    line-height: 40px;
}

.go-dpcm-col3-box {
    width: 100%;
    float: left;
}

.go-dpcm-col3-table {
    font-size: 13px;
    width: 100%;
    border-spacing: initial;
}

    .go-dpcm-col3-table thead tr {
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 5px;
    }

    .go-dpcm-col3-table thead th {
        color: #c7c7c7;
        font-weight: 400;
        text-align: left;
        padding: 10px 15px;
        border-bottom: 1px solid #f3f3f3;
    }

    .go-dpcm-col3-table tbody tr:hover {
        background: #fbd80d;
        cursor: pointer;
    }

        .go-dpcm-col3-table tbody tr:hover td {
            color: #000;
            font-weight: bold;
            padding-left: 15px;
        }

    .go-dpcm-col3-table tbody td {
        color: #2b2b2b;
        font-weight: 400;
        text-align: left;
        padding: 10px 15px;
        border: none;
    }

    .go-dpcm-col3-table tbody {
        height: 220px;
        overflow-y: auto;
        width: 610px;
        position: absolute;
    }

.letterBox {
    width: 100%;
    float: left;
    height: 30px;
    margin-top: 20px;
}

.letterList {
    display: flex;
    flex-direction: row;
}

.letterListItem {
    float: left;
    width: 29px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    background: #ccc;
    color: #333;
    border-radius: 3px;
    margin: 0 5px 0 0;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

.letterListItem2 {
    float: left;
    width: 50px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    background: #ccc;
    color: #333;
    border-radius: 3px;
    margin: 0 5px 0 0;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

.letterList li {
    flex-grow: 1;
}

.selectedLetter {
    background-color: #fbd70d;
}

.checkin-col3 {
    width: 620px;
    height: 320px;
    float: left;
    background: #fff;
}

.checkin-col3-box {
    width: 100%;
    float: left;
}

.checkin-table {
    font-size: 13px;
    width: 100%;
    border-spacing: initial;
}

    .checkin-table thead tr {
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 5px;
    }

    .checkin-table thead th {
        color: #c7c7c7;
        font-weight: 400;
        text-align: left;
        padding: 10px 15px;
        border-bottom: 1px solid #f3f3f3;
    }

    .checkin-table tbody tr:hover {
        background: #fbd80d;
        cursor: pointer;
    }

        .checkin-table tbody tr:hover td {
            color: #000; /*font-weight: bold;*/
            padding-left: 5px;
        }

    .checkin-table tbody td {
        color: #2b2b2b;
        font-weight: 400;
        text-align: left;
        padding: 10px 15px;
        border: none;
    }

    .checkin-table tbody {
        height: 205px;
        overflow-y: auto;
        width: 630px;
        position: absolute;
    }

.checpagination {
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    position: absolute;
    bottom: 10px;
}

    .checpagination li {
        padding: 3px 6px;
        border-radius: 3px;
        font-size: 13px;
        font-weight: bold;
        background: #ccc;
        cursor: pointer;
        margin-right: 5px;
        display: inline-block;
    }

        .checpagination li.active {
            background: #fbd70d;
            cursor: auto;
        }

.PageSized {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 60px;
}

.loadDiv {
    position: absolute;
    bottom: 0px;
    left: 0px;
    top: 0px;
    right: 0px;
    color: #444;
    text-align: center;
    background-color: rgba(255, 255, 255, 1);
    z-index: 99999999999999;
    font-weight: bold;
    font-size: 16px;
    height: 100%;
    width: 100%;
}

    .loadDiv span {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 0px;
        right: 0px;
    }

.yazdir-icon {
    font-size: 22px;
    color: #aad138;
    margin-right: 12px;
    cursor: pointer;
}

.list-icon {
    color: #fcd90e;
    font-size: 22px;
    cursor: pointer;
}

.go-dpcm-col1-title {
    font-size: 16px;
    font-weight: bold;
    height: 60px;
    background: #fbd70d;
    line-height: 60px;
    color: #2a2a2a;
    text-indent: 30px;
    width: 100%;
    float: left;
}

.go-dpcm-col1-line {
    padding: 20px 30px;
    border-bottom: 1px solid #ececec;
    float: left;
    background: #fff;
    width: 270px;
}

.LineLeft {
    width: 190px;
    float: left;
}

.LineRight {
    width: 70px;
    float: left;
}

.go-dpcm-col1-l-text1 {
    font-size: 13px;
    width: 100%;
    color: #bcbcbc;
}

.go-dpcm-col1-l-text2 {
    float: left;
    font-size: 18px;
    width: 100%;
    color: #2a2a2a;
    font-weight: bold;
}

.go-dpcm-col1-btn {
    font-size: 14px;
    color: #2a2a2a;
    border: 1px solid #000;
    border-radius: 50px;
    font-weight: bold;
    float: left;
    margin: 10px auto;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    display: inline-block;
}

    .go-dpcm-col1-btn:hover,
    .go-dptrb-fatura:hover {
        background: #000;
        color: #fff;
    }

.go-dpcm-col1-btn2 {
    font-size: 14px;
    color: #2a2a2a;
    border-radius: 50px;
    padding: 10px 0px;
    font-weight: bold;
    float: left;
    margin: 10px auto 0 40px;
}

.go-dpcm-col2-top {
    width: 590px;
    height: 75px;
    float: left;
    padding: 20px 40px;
    background: #fbd70d;
}

.go-dpcm-col2-t-icon {
    width: 64px;
    height: 71px;
    float: left;
    background-position: -708px -313px;
}

.go-dpcm-col2-t-text {
    font-size: 18px;
    color: #2a2a2a;
    float: left;
    width: 300px;
    margin: 10px 0 0 30px;
}

.go-dpcm-col2-t-count {
    height: 48px;
    background: url(../images/numberBox.png);
    width: auto;
    float: left;
    line-height: 48px;
    margin: 10px auto 0 20px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-indent: 12px;
    letter-spacing: 25px;
}

.go-dpcm-col2-bottom {
    float: left;
    padding: 40px 35px;
    background: #fff;
    width: 600px;
    margin-top: 20px;
}

.go-dpcm-col2-b-text {
    float: left;
    width: 100%;
    color: #2a2a2a;
    font-weight: bold;
    font-size: 16px;
}

.go-dpcm-col2-b-fav {
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.go-r-Banner {
    width: 100%;
    height: 240px;
    float: left;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.go-r-BannerMobile {
    width: 100%;
    height: 240px;
    float: left;
    background-size: cover !important;
    background-repeat: no-repeat;
    display: none;
}

.go-rb-url {
    padding: 25px 0;
    font-size: 14px;
    color: #fff;
}

.go-rbu-text {
    font-size: 14px;
    color: #fff;
    width: 100%;
    float: left;
    color: #fff;
}

    .go-rbu-text a {
        color: #fff;
        text-shadow: 0px 0px 6px #000;
    }

    .go-rbu-text span {
        margin: 0 10px;
    }

.go-r-main {
    background: #f2f2f2;
    float: left;
    width: 100%;
}

.go-rmc-top {
    float: left;
    margin-top: -85px;
    width: 100%;
    position: relative;
}

.go-rmct-logo {
    width: 160px;
    height: 160px;
    border: 3px solid #fff;
    float: left;
    background: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

    .go-rmct-logo span {
        display: table-cell;
        vertical-align: middle;
        height: 160px;
    }

.go-rmct-info {
    width: 600px;
    float: left;
    margin-left: 30px;
}

.go-rmcti-title {
    float: left;
    font-size: 32px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
}

.go-rmctit-fav {
    float: left;
    text-shadow: none;
}

.go-rmctit-fav {
    float: right;
    background-position: -584px -5px;
    width: 28px;
    height: 26px;
    margin: 9px 0 0 10px;
    cursor: pointer;
}

.go-rmctit-favAdd {
    float: right;
    background-position: -508px -53px;
    margin-top: 2px;
    width: 34px;
    height: 31px;
    margin: 9px 0 0 10px;
    cursor: pointer;
}

.go-rmctit-favActive {
    background: #fbd70d;
    color: #2a2a2a;
    min-width: 120px;
    border-radius: 70px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    margin: -2px 0 0 -2px;
    font-size: 11px;
    padding: 5px 12px;
    float: left;
    display: none;
}

.go-rmctit-fav:hover .go-rmctit-favActive {
    display: block;
}

.favHover {
    background-position: -584px -41px;
    margin-right: 5px;
    width: 27px;
    height: 25px;
    float: left;
}

.go-rmcti-tur {
    float: left;
    font-size: 14px;
    color: #fff;
    width: 100%;
    margin-top: 7px;
    text-shadow: 0px 0px 4px #000;
}

    .go-rmcti-tur span {
        font-weight: bold;
        color: #fbd70d;
    }

.go-rmcti-contact {
    float: left;
    margin-top: 35px;
}

.go-rmctic-info {
    height: 40px;
    line-height: 16px;
    max-width: 310px;
    font-weight: bold;
    float: left;
    margin: 0 20px 0 0;
    font-size: 13px;
    color: #252525;
    display: table;
}

.go-rmctici-text {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
}

.go-rmctici-text2 {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}

.go-rmctici-bg {
    width: 40px;
    height: 40px;
    background: #fbd70d;
    border-radius: 40px;
    float: left;
    text-align: center;
    margin-right: 20px;
}

.go-rmctici-icon {
    width: 19px;
    height: 23px;
    float: left;
    margin: 9px 0 0 11px;
    background-position: -238px -376px;
}

.go-rmctici-icon2 {
    width: 18px;
    height: 18px;
    float: left;
    margin: 12px 0 0 11px;
    background-position: -263px -378px;
}

.go-rmct-buttons {
    float: right;
    height: 70px;
    margin: 70px 0px 0 0;
    position: absolute;
    right: 0px;
}

.go-rmctb-disc {
    width: 60px;
    height: 60px;
    background: #fbd70d;
    border: 3px solid #fff;
    font-size: 17px;
    font-weight: bold;
    float: right;
    border-radius: 70px;
    margin: -20px 0 0 10px;
    position: relative;
    line-height: 60px;
    text-align: center;
}

    .go-rmctb-disc b {
        font-size: 14px;
    }

.packageDisc {
    width: 45px;
    height: 45px;
    float: left;
    margin: 10px 10px 0 0;
    background: #FBD70D;
    border-radius: 60px;
    line-height: 45px;
    text-align: center;
    color: #333;
    font-weight: bold;
}

.go-rmctb-disc {
    width: auto;
    height: 40px;
    font-size: 15px;
    margin: -10px 0 0 10px;
    line-height: 40px;
    padding: 0px 10px;
}

.giftIcon {
    font-size: 25px;
    line-height: 38px;
}

.UserLimitIcon {
    font-weight: 600;
    margin: 13px 2px 0px 2px;
    float: left;
}

.go-rmctb-rez {
    width: 40px;
    height: 40px;
    background: #d32f2f;
    border: 3px solid #fff;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    float: right;
    border-radius: 70px;
    margin: -10px 0 0 10px;
    position: relative;
    line-height: 40px;
    text-align: center;
}

.go-rmctb-gift {
    width: 40px;
    height: 40px;
    background: #FBD70D;
    border: 3px solid #fff;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    float: right;
    border-radius: 70px;
    margin: -10px 0 0 10px;
    position: relative;
    line-height: 40px;
    text-align: center;
}

.go-rmc-bottom {
    float: left;
    margin: 20px 0 60px 0;
}

.go-rmcb-left {
    float: left;
    width: 630px;
    background: #fff;
    padding: 35px;
}

.go-rmcbl-title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #2a2a2a;
    width: 100%;
}

.go-rmcbl-cont {
    float: left;
    margin: 15px 0 30px 0;
    width: 100%;
}

.go-rmcbl-text {
    float: left;
    margin: 15px 0 30px 0;
    width: 100%;
    color: #7b7b7b;
    font-size: 13px;
}

.go-rmcblc-list li {
    float: left;
    margin: 10px 0 0 8px;
    padding: 3px;
    border: 1px solid #e5e5e5;
}

    .go-rmcblc-list li:nth-child(5n+1) {
        margin: 10px 0 0 0px;
    }

.go-rmcb-right {
    float: left;
    width: 300px;
    margin-left: 20px;
}

.go-rmcbr-tanitim {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.go-rmcbrt-img {
    width: 300px;
    max-height: 205px;
    float: left;
    overflow: hidden;
}

    .go-rmcbrt-img img {
        width: 220px;
    }

.go-rmct-logo-Cont {
    display: table;
    width: 100%;
}

.go-rmcbrt-icon {
    width: 68px;
    height: 93px;
    float: right;
    position: absolute;
    background-position: -352px -506px;
    margin: 10px 0 0 220px;
}

.go-rmcbrt-cont {
    padding: 20px 20px 35px 20px;
    float: left;
}

.go-rmcbrtc-title {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #2a2a2a;
    width: 100%;
}

.go-rmcbrtc-info {
    font-size: 13px;
    font-weight: bold;
    color: #fbd70d;
    float: left;
    width: 100%;
}

.go-rmcbrtc-text {
    float: left;
    font-size: 13px;
    width: 100%;
    color: #7b7b7b;
    margin-top: 10px;
}

.go-rmcbr-ozellikler {
    float: left;
    width: 300px;
    background: #fff;
}

.go-rmcbro-top {
    width: 100%;
    float: left;
    height: 60px;
    line-height: 60px;
    background: #fbd70d;
    text-indent: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #2a2a2a;
}

.go-rmcbrot-cont {
    padding: 20px;
    float: left;
    border-top: 1px solid #f6f6f6;
    width: 260px;
}

.go-rmcbrotc-title {
    font-size: 14px;
    font-weight: bold;
    color: #2a2a2a;
    float: left;
    width: 100%;
}

.go-rmcbrotc-line {
    font-size: 14px;
    font-weight: bold;
    color: #2a2a2a;
    float: left;
    width: 100%;
}

.go-rmcbrotc-cont {
    float: left;
    width: 100%;
    margin: 10px 0 0px 0;
    font-size: 14px;
    color: #7b7b7b;
}

.go-rmcbrotcc-icon {
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 70px;
    overflow: hidden;
    margin: 0 15px 15px 0;
}

.ambiyans1 {
    background-position: -108px -5px;
}

.ambiyans2 {
    background-position: -188px -5px;
}

.ambiyans3 {
    background-position: -268px -5px;
}

.ambiyans4 {
    background-position: -348px -5px;
}

.ambiyans5 {
    background-position: -428px -5px;
}

.go-rmcbrotcc-price {
    width: 100px;
    height: 30px;
    float: left;
    background-position: -103px -422px;
}

.go-rmcbrotccp-Active {
    height: 30px;
    float: left;
    background-position: -280px -422px;
}

.go-SatinAl {
    width: 100%;
    float: left;
    background: #ebebeb;
}

.go-sc-Cont {
    width: 780px;
    margin: 40px auto;
    background: #fff;
}

.FormCont {
    width: 570px;
    float: left;
    margin: 20px 100px 70px;
}

.FormLine1 {
    border-bottom: 1px solid #f5f5f5;
    padding: 30px 0;
    color: #8e8e8e;
    font-size: 14px;
    float: left;
    line-height: 16px;
    width: 100%;
}

.FormDiv1 {
    max-width: 230px;
    float: left;
    display: table;
}

    .FormDiv1 input {
        float: left;
        width: 25px;
        height: 25px;
    }

    .FormDiv1 label {
        float: left;
        max-width: 170px;
        margin-left: 15px;
        display: table-cell;
        vertical-align: middle;
    }

.FormDiv2 {
    display: table;
    float: right;
    width: 150px;
}

    .FormDiv2 label {
        float: left;
        max-width: 160px;
        margin-left: 15px;
        display: table-cell;
        vertical-align: middle;
        line-height: 30px;
    }

.LineTitle1 {
    height: 30px;
    line-height: 30px;
    float: left;
}

.FormDiv3 {
    width: 315px;
    float: right;
}

    .FormDiv3 select {
        width: 315px;
        height: 38px;
        text-indent: 15px;
        line-height: 38px;
        border: 1px solid #cccccc;
        float: left;
        border-radius: 4px;
        color: #777777;
    }

.Lineinfo1 {
    font-size: 14px;
    color: #8e8e8e;
    font-weight: bold;
    float: left;
    height: 40px;
    line-height: 40px;
}

.Lineinfo2 {
    font-size: 14px;
    color: #777;
    font-weight: bold;
    float: right;
    line-height: 19px;
}

    .Lineinfo2 .col1 {
        width: 130px;
        float: left;
        text-align: right;
        margin-right: 15px;
    }

    .Lineinfo2 .col2 {
        width: 70px;
        float: left;
        text-align: right;
    }

    .Lineinfo2.price {
        width: 40%;
    }

        .Lineinfo2.price .col1,
        .Lineinfo2.price .col2 {
            width: 50%;
            margin-right: 0px;
        }

.FormLinetotal {
    border: 1px dashed #cccccc;
    padding: 25px;
    width: 520px;
    color: #8e8e8e;
    font-size: 14px;
    line-height: 16px;
}

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

.go-SatinAl .FormLinetotal {
    width: auto;
    padding: 25px 0px;
    text-align: center;
    margin-left: 13px;
}

.go-SatinAl .FormCont {
    width: 80%;
    margin: 20px auto;
    float: none;
}

.go-SatinAl .FormLinetotal .Formtotal1 {
    height: 40px;
    width: 320px;
    float: none;
    margin: 0 auto;
}

.go-SatinAl .wizard > .actions a {
    height: 57px;
    border-radius: 10px;
    width: 263px;
    text-transform: uppercase;
    margin-bottom: 57px;
    margin-top: 20px;
    margin-left: 13px;
}

.Formtotal1 {
    height: 40px;
    width: 320px;
    float: left;
}

.go-dmccbi-flags {
    margin: 112px 0px 0px 0px;
    position: absolute;
    width: 225px;
    text-align: right;
}

    .go-dmccbi-flags .discFlag {
        position: relative;
        margin: 0px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        border: 2px solid #fff;
    }

    .go-dmccbi-flags .go-rmctb-disc {
        padding: 0px 7px;
        margin: -2px 0 0 0px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

        .go-dmccbi-flags .go-rmctb-disc b {
            font-size: 12px;
        }

    .go-dmccbi-flags .go-rmctb-gift {
        width: 35px;
        height: 35px;
        border: 2px solid #fff;
        line-height: 35px;
        margin-top: 0px;
    }

    .go-dmccbi-flags .giftIcon {
        font-size: 22px;
        line-height: 31px;
    }

    .go-dmccbi-flags .go-rmctb-rez {
        font-size: 12px;
        margin: 0px;
        border: 2px solid #fff;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

.FileUploadBox {
    width: 100%;
    color: #777;
    float: left;
    height: 38px;
    padding: 1px;
    line-height: 38px;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 4px;
}

    .FileUploadBox [name=complaintsDocument],
    .FileUploadBox [name=complaintsDocument]:focus {
        border: none !important;
        padding: 7px !important;
        height: auto;
        line-height: initial;
        text-indent: 0px;
        padding: 0px;
    }

    .FileUploadBox .PhotoFile,
    .FileUploadBox .PhotoFile:focus {
        border: none !important;
        padding: 7px !important;
        height: auto;
        line-height: initial;
        text-indent: 0px;
        padding: 0px;
    }

#ContactTypeId {
    text-indent: 0px;
    padding-left: 10px;
}

.Formtotal1txt {
    border: 1px solid #ccc;
    float: left;
    font-size: 13px;
    color: #777 !important;
    outline: none;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    text-indent: 10px;
    background-color: #fff;
}

#btnProm {
    width: 85px;
    height: 40px;
    float: left;
    background: #fbd70d;
    outline: none;
    margin-left: 5px;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #2a2a2a;
    font-size: 14px;
}
/*.register-form .promcodetxt {
    width: 40%;
}*/
#btnPromocode {
    width: 89px;
    height: 40px;
    float: left;
    background: #fbd70d;
    outline: none;
    margin-left: 5px;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #2a2a2a;
    font-size: 14px;
}

#btnPromCancel {
    width: 53px;
    height: 40px;
    float: left;
    background: #fbd70d;
    outline: none;
    margin-left: 5px;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #2a2a2a;
    font-size: 14px;
}

.btnOner {
    width: 100px;
    height: 40px;
    float: left;
    background: #fbd70d !important;
    outline: none;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #2a2a2a;
    font-size: 14px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.btnInvite {
    min-width: 100px;
    padding: 0 20px;
    height: 40px !important;
    float: left;
    background: #fbd70d !important;
    outline: none;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #2a2a2a;
    font-size: 14px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.rgstr-box {
    display: block;
    width: auto;
    margin: 41px 39px;
    background: #fff;
}

    .rgstr-box:after {
        content: "";
        display: block;
        clear: both;
    }

    .rgstr-box .go-htrl-line {
        width: 100%;
        padding: 0px;
        margin: 0px;
        margin-bottom: 16px;
    }

    .rgstr-box .go-htrl-line2 {
        margin-top: 9px;
    }

    .rgstr-box input[type="text"], .rgstr-box input[type="password"] {
        height: 44px !important;
        border-radius: 4px;
        background-color: #fff !important;
        border: solid 1px #e1e1e1 !important;
        width: 100%;
    }

    .rgstr-box input[type="submit"] {
        height: 54px;
        width: 100%;
        border-radius: 10px;
    }

.registerBtn.inlineBlock {
    margin-top: 20px
}

.primaryBtn {
    width: 100px !important;
    height: 40px;
    float: left;
    background: #fbd70d;
    text-indent: 0px !important;
    outline: none;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #000 !important;
    font-size: 14px;
    text-align: center;
}

.BtnFirst {
    width: auto !important;
    height: 40px;
    float: left;
    padding: 1px 12px;
    background: #fbd70d;
    text-indent: 0px !important;
    outline: none;
    cursor: pointer;
    border: none !important;
    border-radius: 4px;
    line-height: 40px;
    font-weight: bold;
    color: #000 !important;
    font-size: 14px;
    text-align: center;
}

    .BtnFirst:focus,
    .BtnFirst:active {
        border: none !important;
    }

.Formtotal2 {
    float: right;
    width: 175px;
}

.TotalDiv1 {
    font-size: 12px;
    color: #7c7c7c;
    font-weight: bold;
    width: 100%;
    float: left;
    height: 22px;
}

.TotalDiv2 {
    font-size: 22px;
    color: #252525;
    font-weight: bold;
    width: 100%;
    float: left;
}

.TotalDiv2Upgrade {
    font-size: 22px;
    color: #252525;
    font-weight: bold;
    width: 100%;
    float: left;
}

.actions .disabled {
    display: none !important;
}

.actions li a {
    margin: -40px 0 30px 0;
}

.FormLine2 {
    padding: 7px 0;
    color: #8e8e8e;
    font-size: 14px;
    float: left;
    line-height: 16px;
    width: 100%;
}

.FormDiv4 {
    width: 48%;
    float: left;
}

.FormLine2 input,
select,
.FormLine2 textarea {
    width: 100%;
    color: #777;
    float: left;
    height: 38px;
    padding: 1px;
    line-height: 38px;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 4px;
}

.FormLine2 textarea {
    height: 70px;
    line-height: 17px;
    text-indent: 0px;
    padding: 8px 2%;
}

.FormLine2 input:focus,
select:focus,
.Formtotal1txt:focus {
    border: 2px solid #fbd70d !important;
    padding: 0px;
    padding-left: 15px;
}

.FormLine2 textarea:focus {
    border: 2px solid #fbd70d !important;
}

.FormDiv5 {
    width: 48%;
    float: right;
}

.cepSelect {
    width: 100px !important;
    float: right !important;
}

.cepinfo {
    font-size: 13px;
    font-weight: bold;
    color: #252525;
    height: 40px;
    line-height: 40px;
    float: left;
}

.steps3 label {
    max-width: 145px;
}

.cartText1 {
    font-size: 13px;
    font-weight: bold;
    color: #777777;
    margin-left: 20px;
    line-height: 25px;
}

.FormLine1.steps3 {
    margin-bottom: 15px;
}

.cartExpMount {
    width: 47%;
}

.cartExpYear {
    width: 47%;
    margin-left: 6%;
}

.Btnprevious {
    display: none !important;
}

.current .number {
    background: url(../images/stepsMenuicon.png) center center no-repeat;
    font-size: 0px !important;
    width: 27px;
    height: 27px;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 17px 0 0 -25px;
}

.disabled .number {
    background: url(../images/stepsMenuiconDis.png) center center no-repeat !important;
    font-size: 0px !important;
    width: 27px;
    height: 27px;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 17px 0 0 -25px;
}

.done .number {
    background: url(../images/stepsMenuicon_act.png) center center no-repeat !important;
    font-size: 0px !important;
    width: 27px;
    height: 27px;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 17px 0 0 -25px;
}

#LoginBtn {
    float: right;
    position: relative;
    height: 42px;
}

#loginBox {
    width: 240px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 50px 0 0 -80px;
    display: none;
    z-index: 99;
    position: absolute;
}

.opened #LoginBox {
    display: block;
}

.go-htrl-title {
    font-weight: bold;
    font-size: 16px;
    color: #2a2a2a;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.go-htrl-line {
    width: 80%;
    float: left;
    margin: 5px 0 5px 10%;
    font-size: 11px;
    color: #2a2a2a;
    text-align: center;
    font-weight: bold;
}

    .go-htrl-line input {
        border: 1px solid #ccc;
        padding: 1px;
        height: 38px;
        line-height: 38px;
        border-radius: 4px;
        width: 100%;
        text-indent: 15px;
        box-shadow: none !important;
    }

        .go-htrl-line input:focus {
            border: 2px solid #fbd70d;
            outline: none;
            padding: 0px;
        }

.go-htrl-line2 {
    width: 100%;
    margin-top: 15px;
    float: left;
}

    .go-htrl-line2 input, .go-htrl-line2 button {
        width: 100%;
        background: #fbd70d !important;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        color: #2a2a2a;
        height: 50px;
        line-height: 50px;
        border-radius: 0 0 5px 5px;
        border: none;
        cursor: pointer;
        border: none !important;
        box-shadow: none !important;
    }

body .go-htrl-line2 button {
    border-radius: 5px 5px 5px 5px;
}

.sprite {
    background-image: url('../images/sprite.png');
}

.go-ftcr-img1 {
    background-position: -235px -85px;
    width: 126px;
    height: 75px;
    margin-left: 0px !important;
}

.go-ftcr-img2 {
    background-position: -571px -197px;
    width: 90px;
    height: 104px;
}

.go-ftcr-img3 {
    background-position: -665px -191px;
    width: 130px;
    height: 110px;
}

.faceSocial {
    width: 38px;
    font-size: 37px;
    height: 38px;
    background-position: -536px -5px;
    display: inline-block;
    margin-right: 10px;
}

.twitSocial {
    width: 38px;
    font-size: 37px;
    height: 38px;
    background-position: -104px -376px;
    display: inline-block;
    margin-right: 10px;
}

.instagramSocial {
    width: 38px;
    font-size: 37px;
    height: 38px;
    background-position: -150px -376px;
    display: inline-block;
    margin-right: 10px;
}

.instaSocial {
    width: 38px;
    font-size: 37px;
    height: 38px;
    background-position: -150px -376px;
    float: left;
    margin-right: 10px;
}

.Ayricalikimg1 {
    background-position: -371px -94px;
    width: 101px;
    height: 92px;
    display: block;
}

.Ayricalikimg2 {
    background-position: -482px -94px;
    width: 92px;
    height: 92px;
    display: block;
}

.Ayricalikimg3 {
    background-position: -235px -196px;
    width: 99px;
    height: 50px;
    display: block;
}

.next2 {
    background-position: -584px -165px;
    width: 25px;
    height: 18px;
}

.prev2 {
    background-position: -584px -76px;
    width: 25px;
    height: 18px;
}

.tumrestorantxt {
    float: left;
}

.tumrestoranimg {
    background-position: -619px -165px;
    width: 8px;
    height: 12px;
    float: left;
    margin: 3px 0 0 6px;
}

.iconBack1 {
    background-position: -344px -196px;
    width: 113px;
    height: 104px;
    margin: 25px 0 0 40px;
    float: left;
}

.iconBack2 {
    background-position: -467px -196px;
    width: 96px;
    height: 76px;
    margin: 35px 0 0 45px;
    float: left;
}

.iconBack3 {
    background-position: -5px -282px;
    width: 99px;
    height: 98px;
    margin: 30px 0 0 45px;
    float: left;
}

.siziArayalimimg {
    width: 14px;
    height: 12px;
    background-position: -637px -165px;
    display: inline-block;
    float: right;
    margin: 4px 0 0 4px;
}

.go-detail-main {
    background: #f2f2f2;
    float: left;
    width: 100%;
}

.go-dmain-Content {
    float: left;
    background: #fff;
    padding: 30px 35px;
    margin: 30px 0;
    padding-top: 30px;
}

.go-dmain-ContentCustom {
    float: left;
    background: #fff;
    margin: 30px 0;
    width: 100%;
}

.go-dmainc-Cont {
    padding: 30px 35px;
    float: left;
}

.go-main-text1 {
    float: left;
    margin: -10px 0 0 0;
    width: 100%;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

    .go-main-text1 p {
        float: left;
        margin-bottom: 15px;
    }

    .go-main-text1 ol {
        display: inline-block;
    }

.detail-btn1 {
    padding: 10px 30px;
    float: left;
    color: #333;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 50px;
    font-weight: 600;
}

.go-main-title1 {
    float: left;
    font-size: 19px;
    font-weight: bold;
    color: #2a2a2a;
    width: 100%;
    min-height: 35px;
    margin-bottom: 14px;
}

.appStoreBtn {
    background-position: -351px -615px;
    width: 132px;
    height: 42px;
    float: left;
    margin-top: 25px;
}

.googlePlayBtn {
    background-position: -582px -393px;
    width: 132px;
    height: 42px;
    float: left;
    margin-left: 10px;
    margin-top: 25px;
}

.PlatinumLogo {
    float: left;
    margin-left: 20px;
}

.DinersClubSmallLogo {
    float: left;
    margin-left: 20px;
    max-width: 120px;
}

.MbAppStore {
    background-position: -6px -86px;
    width: 179px;
    height: 63px;
    float: left;
}

.MbGooglePlay {
    background-position: -6px -153px;
    width: 179px;
    height: 63px;
    float: left;
    margin-left: 10px;
}

.SocialFix {
    position: fixed;
    right: 20px;
    top: 45%;
    width: 36px;
    height: 150px;
    z-index: 0;
}

.facebookFix {
    width: 36px;
    height: 34px;
    float: left;
    background-position: -426px -504px;
}

.twitterFix {
    width: 36px;
    height: 35px;
    float: left;
    background-position: -426px -539px;
}

.instagramFix {
    width: 36px;
    height: 35px;
    float: left;
    background-position: -426px -575px;
}

.AppDiv {
    float: left;
    margin: 20px 0 0 45px;
}

.Gastroicon1 {
    background-position: -371px -94px;
    width: 101px;
    height: 92px;
    float: left;
    margin: 40px 0 0 40px;
}

.Gastroicon2 {
    background-position: -482px -94px;
    width: 92px;
    height: 92px;
    float: left;
    margin: 45px 0 0 45px;
}

.Gastroicon3 {
    background-position: -114px -282px;
    width: 82px;
    height: 86px;
    float: left;
    margin: 45px 0 0 50px;
}

.Gastroicon4 {
    background-position: -235px -196px;
    width: 99px;
    height: 50px;
    float: left;
    margin: 60px 0 0 40px;
}

.Gastroicon5 {
    background-position: -206px -282px;
    width: 83px;
    height: 83px;
    float: left;
    margin: 48px 0 0 50px;
}

.Gastroicon6 {
    background-position: -467px -506px;
    width: 104px;
    height: 104px;
    float: left;
    margin: 40px 0 0 40px;
}

.FilterSelect1 {
    height: 25px;
    line-height: 25px;
    border: none;
    background: none;
    outline: none;
    width: 110px;
    text-indent: 5px;
}

    .FilterSelect1:focus {
        border: none !important;
        padding: 1px !important;
    }

.MbSliderBox {
    width: 920px;
    height: 450px;
    float: left;
    margin: 43px 0 0 50px;
}

.MbSliderimg {
    width: 400px;
    height: 450px;
    float: left;
    text-align: center;
}

.MbSliderText {
    font-size: 22px;
    color: #fff;
    width: 440px;
    margin: 100px 0 0 10px;
    float: left;
}

.MbSliderButtons {
    width: 400px;
    margin: 30px 0 0 10px;
    float: left;
}

.MbSliderinfo {
    font-size: 14px;
    color: #fff;
    width: 400px;
    float: left;
    margin: 20px 0 0 10px;
}

.MbSliderText .MbSelect {
    color: #fbd70d;
    font-weight: 600;
}

.GmSliderTitle {
    font-size: 22px;
    color: #191919;
    width: 440px;
    font-weight: bold;
    margin: 100px 0 0 10px;
    float: left;
}

.GmSlidertext {
    font-size: 16px;
    color: #464646;
    line-height: 25px;
    width: 400px;
    float: left;
    margin: 20px 0 0 10px;
}

#owl-demo6 .owl-dot {
    margin-top: -40px !important;
}

#gastroMobil2 .owl-page span {
    background-color: #fff;
}

#gastroMobil2 .owl-page.active span {
    background-color: transparent;
    border: 7px solid #fbd70d;
    margin-bottom: 0px;
    width: 9px;
    height: 9px;
}

.BlogContText1 {
    width: 100%;
    text-align: center;
    height: 30px;
}

    .BlogContText1 span {
        margin: 0 auto;
        width: auto;
        color: #00bcd4;
        border-bottom: 1px solid #00bcd4;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
    }

.BlogContText2 {
    font-size: 18px;
    color: #2a2a2a;
    font-weight: 600;
    margin-top: 10px;
    float: left;
    letter-spacing: 1px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 26px;
    margin-bottom: 20px;
}

.BlogContText3 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #acacac;
    margin-top: 10px;
    letter-spacing: 1px;
}

.BlogButtons {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.BlogButton1 {
    border: 1px solid #000;
    padding: 8px 25px;
    color: #5d5d5d;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
}

    .BlogButton1:hover {
        background-color: #000;
        color: #fff;
    }

#BlogBanner .owl-pagination {
    margin-top: -20px;
}

#BlogBanner .owl-page span {
    background-color: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #c4c4c4;
    background-color: #fff;
}

#BlogBanner .owl-page.active span {
    width: 14px;
    height: 14px;
    border: 1px solid #fbd70d;
    background-color: #fbd70d;
}

#BlogBanner .prev4,
#BlogBanner .next4 {
    display: block;
}

.BlogLeft {
    float: left;
    width: 720px;
}

.BlogRight {
    float: right;
    width: 280px;
    margin-left: 20px;
}

.BlogPost {
    float: left;
    width: 660px;
    padding: 30px 30px 0 30px;
    background-color: #fff;
    margin-bottom: 25px;
    overflow: hidden;
}

.Postimg {
    width: 100%;
    float: left;
}

    .Postimg img {
        width: 100%;
    }

.PostText1 {
    width: 100%;
    float: left;
    text-align: center;
    height: 30px;
    margin-top: 30px;
}

    .PostText1 span {
        margin: 0 auto;
        width: auto;
        color: #f57f17;
        border-bottom: 1px solid #f57f17;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }

    .PostText1 a {
        color: #f57f17;
        text-decoration: none;
        border-color: #f57f17;
    }

.PostText2 a {
    color: #2a2a2a;
    text-decoration: none;
}

.PostText2 {
    font-size: 18px;
    color: #2a2a2a;
    letter-spacing: 2px;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 10px;
    font-weight: 600;
}

.PostText3 {
    font-size: 14px;
    color: #959595;
    line-height: 22px;
    float: left;
    margin-top: 10px;
    padding: 0 0px;
    width: 100%;
    text-align: center;
}

.PostText4 {
    font-size: 14px;
    color: #959595;
    line-height: 22px;
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: left;
}

.PostButtons {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.PostButton1 {
    border: 1px solid #000;
    padding: 8px 25px;
    color: #5d5d5d;
    font-size: 12px;
    display: inline-block;
    letter-spacing: 1px;
}

    .PostButton1:hover {
        background: #000;
        color: #fff;
    }

.PostBottom {
    width: 100%;
    border-top: 1px solid #ededed;
    float: left;
    height: 60px;
    margin-top: 25px;
}

.PostBottomLeft {
    float: left;
    font-size: 12px;
    color: #acacac;
    line-height: 60px;
    height: 60px;
    letter-spacing: 1px;
}

.PostBottomRight {
    float: right;
    height: 60px;
    line-height: 60px;
}

.BlogSocialText {
    float: right;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #5d5d5d;
}

.BlogFacebook {
    width: 9px;
    height: 19px;
    background-position: -578px -573px;
    float: right;
    margin: 19px 0 0 15px;
}

.BlogTwitter {
    width: 19px;
    height: 16px;
    background-position: -593px -575px;
    float: right;
    margin: 21px 0 0 15px;
}

.BlogMail {
    width: 19px;
    height: 19px;
    background-position: -616px -572px;
    float: right;
    margin: 19px 0 0 15px;
}

.BlogRightSocial {
    text-align: center;
    height: 40px;
    margin: 10px 0 0 25px;
    float: left;
    width: 230px;
}

.googleSocial {
    background-position: -550px -614px;
    width: 37px;
    height: 36px;
    float: left;
    margin-right: 10px;
}

.rssSocial {
    background-position: -590px -614px;
    width: 37px;
    height: 36px;
    float: left;
}

.BlogEbulten {
    width: 250px;
    padding: 25px 0 0 25px;
    height: 175px;
    float: left;
    margin-top: 10px;
    background: #1caea0 url(../images/ebultenBg.jpg) right center no-repeat;
}

.BlogSearch {
    padding: 20px;
    background-color: #fff;
    width: 240px;
    float: left;
    margin-top: 20px;
}

.BlogTitle {
    font-size: 16px;
    color: #2a2a2a;
    font-weight: 600;
    border-bottom: 1px solid #0b0b0f;
    letter-spacing: 1px;
}

.BloginputBox {
    float: left;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 40px;
    margin-top: 15px;
}

.BlogSearchTxt {
    border: none;
    height: 38px;
    width: 180px;
    margin: 2px 0 0 2px;
    text-indent: 10px;
    outline: none;
    float: left;
}

    .BlogSearchTxt::-webkit-input-placeholder {
        color: #b7b7b7;
        font-size: 13px;
        font-style: italic;
    }

    .BlogSearchTxt:-moz-placeholder {
        color: #b7b7b7;
        font-size: 13px;
        font-style: italic;
    }

    .BlogSearchTxt::-moz-placeholder {
        color: #b7b7b7;
        font-size: 13px;
        font-style: italic;
    }

    .BlogSearchTxt:-ms-input-placeholder {
        color: #b7b7b7;
        font-size: 13px;
        font-style: italic;
    }

.BlogSearchBtn {
    width: 40px;
    height: 36px;
    background-position: -71px -47px;
    border: none;
    background-color: transparent;
    float: right;
    margin-top: 2px;
}

.BlogKategoriler {
    float: left;
    padding: 20px;
    background: #fff;
    margin-top: 20px;
    width: 240px;
}

.BlogKatList {
    float: left;
    width: 100%;
    padding: 0px;
}

    .BlogKatList li {
        float: left;
        width: 100%;
    }

        .BlogKatList li a {
            float: left;
            width: 100%;
            height: 50px;
            text-indent: 25px;
            background: url(../images/BlogKategoriBg.png) 10px center no-repeat;
            line-height: 50px;
            color: #000;
            font-size: 13px;
            border-bottom: 1px solid #f3f3f3;
            font-weight: 600;
        }

            .BlogKatList li a:hover {
                color: #1caea0;
            }

.BlogYazar {
    width: 240px;
    padding: 20px;
    height: 135px;
    float: left;
    background: url(../images/YazarOl-bg.jpg);
    margin-top: 20px;
}

.YazarTitle {
    font-size: 16px;
    color: #fff;
    width: 100%;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 5px;
    float: left;
}

.YazarTxt {
    width: 100%;
    font-size: 13px;
    float: left;
    color: #fff;
    margin-top: 10px;
}

.YazarBtn {
    background-color: #fff;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    float: left;
    margin-top: 15px;
    border-radius: 60px;
}

.EnCokOkunanlar {
    float: left;
    padding: 20px;
    background: #fff;
    margin-top: 20px;
    width: 240px;
}

.OkunanMakale {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.MakaleImg {
    width: 60px;
    height: 60px;
    float: left;
}

.MakaleTxt1 {
    color: #2a2a2a;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    float: left;
    width: 170px;
    margin-left: 10px;
}

.MakaleTxt2 {
    font-size: 12px;
    color: #b3b3b3;
    margin: 4px 0 0 10px;
    letter-spacing: 2px;
    float: left;
}

.instagramBox {
    width: 248px;
    border: 1px solid #d7d7d7;
    float: left;
    margin-top: 20px;
    padding: 15px;
}

.instagramFoto {
    float: left;
    margin-top: 15px;
}

    .instagramFoto li {
        float: left;
        margin: 8px 4px 0 4px;
        width: 72px;
        height: 72px;
        border: 1px solid #DCDCDC;
    }

        .instagramFoto li img {
            width: 100%;
        }

.BlogNavigation {
    width: 100px;
    position: absolute;
    left: 50%;
    margin: 0px 0 0 -50px;
}

    .BlogNavigation .next4 {
        width: 25px;
        height: 18px;
        float: right;
        display: block;
        background-position: -644px -573px;
        margin-right: -100px;
        margin-top: -20px;
        cursor: pointer;
    }

    .BlogNavigation .prev4 {
        width: 25px;
        height: 18px;
        float: left;
        display: block;
        background-position: -672px -573px;
        margin-left: -100px;
        margin-top: -20px;
        cursor: pointer;
    }

.FavoriNavigation {
    width: 100px;
    margin: -18px 0 0 250px;
}

.prev5 {
    width: 7px;
    height: 12px;
    float: right;
    display: block;
    background-position: -598px -102px;
    margin-top: 50px;
    margin-right: -20px;
    cursor: pointer;
}

.next5 {
    width: 7px;
    height: 12px;
    float: left;
    display: block;
    background-position: -586px -102px;
    margin-top: 50px;
    margin-left: -20px;
    cursor: pointer;
}

.icon-search {
    font-size: 20px;
    margin-top: 7px;
    display: block;
}

.icon-menu-alt {
    font-size: 22px;
    margin-top: 7px;
    display: block;
}

.icon-users {
    font-size: 20px;
    margin-top: 7px;
    display: block;
}

.icon-search.MActive {
    z-index: 99;
    position: fixed;
    margin-left: 15px;
    color: #fbd70d !important;
}

.animate-children .icon-search.MActive {
    margin-top: 10px;
}

.icon-menu-alt.MActive {
    z-index: 99;
    position: fixed;
    margin-left: 15px;
    color: #fbd70d !important;
}

.animate-children .icon-menu-alt.MActive {
    margin-top: 10px;
}

.icon-users.MActive {
    z-index: 99;
    position: fixed;
    margin-left: 15px;
    color: #fbd70d !important;
}

.animate-children .icon-users.MActive {
    margin-top: 10px;
}

.go-ht-logo.MActive {
    background-position: -566px -441px;
    width: 85px;
    height: 58px;
    background-image: url('../images/sprite.png');
    z-index: 99;
    position: fixed;
}

.go-dc-logo.MActive img,
.smallLogo img,
.mobileMenus {
    display: none;
}

.MobileMenu li {
    width: 60px;
    height: 35px;
    float: left;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-left: 1px solid #e6e6e6;
}

    .MobileMenu li:first-child {
        border: none;
    }

.go-h-slider #owl-demo4 .owl-page.active span {
    background: #fbd70d;
    margin-bottom: 3px;
}

.next6 {
    margin: 220px 0 0 0;
    width: 25px;
    height: 18px;
    float: right;
    background-position: -771px -165px;
    position: absolute;
    z-index: 99999999;
    right: 7%;
    cursor: pointer;
}

.prev6 {
    float: left;
    left: 7%;
    position: absolute;
    margin-top: 220px;
    background-position: -740px -165px;
    z-index: 999999;
    cursor: pointer;
    width: 25px;
    height: 18px;
    float: left;
    cursor: pointer;
}

.next8 {
    margin: 220px 0 0 0;
    width: 25px;
    height: 18px;
    float: right;
    background-position: -584px -165px;
    position: absolute;
    z-index: 99999999;
    right: 7%;
    cursor: pointer;
}

.prev8 {
    float: left;
    left: 7%;
    position: absolute;
    margin-top: 220px;
    background-position: -584px -76px;
    z-index: 999999;
    cursor: pointer;
    width: 25px;
    height: 18px;
    float: left;
    cursor: pointer;
}

.go-dpcm-col2-b-fav .owl-page.active span {
    background: #fbd70d !important;
    margin-bottom: 3px;
}

.go-dpcm-col2-b-fav .owl-page span {
    background: #e0e0e0 !important;
}

.overlay {
    display: none;
    width: 0px !important;
    height: 0px !important;
    overflow: hidden;
    position: absolute;
    position: fixed;
    top: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1001;
}

.OverlayLogo {
    width: 95px;
    margin: 4% auto 0 auto;
}

    .OverlayLogo img,
    .OverlayImg1 img,
    .OverlayApp img,
    .Mob-AppBG img {
        width: 100%;
    }

.OverlayTxt1 {
    width: 80%;
    margin: 4% 0 0 10%;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 18px;
}

.OverlayImg1 {
    width: 40%;
    margin: 4% auto 0 auto;
}

.OverlayMobilBox {
    background: #fbd70d;
    float: left;
    border-radius: 15px;
    width: 82%;
    margin: 4% 0 0 5%;
    padding: 4%;
    display: table;
}

.OverlayTxt2 {
    color: #000;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}

    .OverlayTxt2 span {
        font-weight: 700;
    }

.OverlayApp {
    float: right;
    width: 130px;
}

.OverlayTxt3 {
    width: 100%;
    height: 60px;
    cursor: pointer;
    margin-top: 1%;
    float: left;
    line-height: 60px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
}

.NavBox {
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.94);
    z-index: -1;
}

.NavBoxContent {
    width: 100%;
    margin-top: 75px;
}

.Mob-SearchBox {
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.94);
    z-index: -1;
}

.Mob-SearchBoxCont {
    width: 100%;
    margin-top: 110px;
}

.Mob-UyeGirisBox {
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.94);
    z-index: -1;
}

.Mob-SearchBoxCont {
    width: 100%;
    margin-top: 110px;
}

.UyelikNav {
    width: 100%;
    float: left;
}

.MSatinAl {
    width: 80%;
    margin: 20px 0 0 10%;
    font-size: 14px;
    background-color: #fbd70d;
    padding: 7px 0;
    text-align: center;
    border-radius: 60px;
    float: left;
    font-weight: 500;
}

div#gastroIntro {
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background: rgba(0,0,0,0.85);
    z-index: 99;
}

.gi-logo {
    text-align: center;
    margin-top: 10%;
}

.gi-downloadNow {
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    padding: 9%;
}

.gi-logo img {
    max-width: 100px !important;
}

.gi-downloadApp {
    background: #fbd70d;
    padding: 15px;
    margin: 0px 8%;
    border-radius: 15px;
    position: relative;
}

.gi-da-text {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    width: 50%;
    vertical-align: middle;
}

.gi-da-img {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 48%;
}

    .gi-da-img img {
        width: 100%;
        max-width: 124px !important;
    }

.gi-close {
    color: #fff;
    text-align: center;
    margin-top: 25px;
    font-size: 13px;
    letter-spacing: 0.9;
    cursor: pointer;
}

.gi-mockupIphone img {
    width: auto;
    max-width: 80%;
    max-height: 200px;
}

.gi-mockupIphone {
    text-align: center;
}

.MUyeGirisi {
    width: 80%;
    margin: 5px 0 0 10%;
    background-color: #fff;
    font-size: 14px;
    padding: 7px 0;
    text-align: center;
    border-radius: 60px;
    float: left;
    font-weight: 600;
}

.MSifreHatirlat {
    width: 90%;
    margin: 5px 0 0 5%;
    float: left;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 300;
}

.Mob-SearchTitle {
    font-size: 20px;
    letter-spacing: 3px;
    color: #fbd70d;
    width: 90%;
    margin-left: 5%;
    text-align: center;
}

.Mob-SearchLine {
    border-radius: 18px;
    width: 90%;
    margin: 0 5%;
    padding: 5px 0;
    border: 1px solid #363636;
    float: left;
    margin-top: 15px;
}

    .Mob-SearchLine .MobSelect,
    .Mobinput {
        background: transparent !important;
        border: none;
        color: #fff;
        width: 85%;
        font-size: 13px;
    }

.Mob-SearchSelect {
    position: relative;
    height: 62px;
}

    .Mob-SearchSelect select {
        -webkit-appearance: none;
        border-radius: 18px;
        width: 90%;
        margin: 0 5%;
        padding: 5px 0;
        height: 47px;
        border: 1px solid #363636;
        float: left;
        margin-top: 15px;
        color: rgba(255,255,255,0.5);
        background: transparent !important;
        padding: 0px 12px;
        font-family: 'Open Sans', sans-serif !important;
    }

        .Mob-SearchSelect select option {
            background: #000;
        }

            .Mob-SearchSelect select option:hover {
                background: #fff !important;
                color: #000 !important;
            }

    .Mob-SearchSelect:after {
        background: #000 url(../images/down-arrow.png);
        width: 20px;
        background-size: 100%;
        content: "";
        position: absolute;
        right: 34px;
        bottom: 27%;
        height: 15px;
        z-index: 9999999;
    }

.Mob-SearchLine .MobSelect option {
    background: #333;
    outline: none;
}

.Mob-SearchLine .MobSelect:focus,
.Mobinput {
    outline: none !important;
    border: none !important;
    color: #fff;
}

.MobFormForgotPassword {
    padding-top: 24px;
    display: block;
    clear: both;
}

    .MobFormForgotPassword .MSifreHatirlat {
        float: none;
        text-align: center;
        width: 100%;
        display: block;
        margin: 0px;
    }

.MobSearchicon {
    position: absolute;
    font-size: 26px;
    color: #fff;
    width: 10%;
    margin-top: 6px;
}

.Mobinput {
    height: 35px;
    line-height: 35px;
    text-indent: 20px;
    font-size: 13px;
}

.MobSearchbtn {
    background: transparent;
    width: 13%;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    border: none;
    color: #fff;
}

    .MobSearchbtn .icon-search {
        margin-left: 1px;
        margin-top: -15px;
        font-size: 22px;
        padding-left: 1px;
        color: #fff !important;
    }

.Mob-AppBox {
    position: absolute;
    bottom: 10px;
    background: #fbd70d;
    border-radius: 15px;
    width: 90%;
    margin: 0 5%;
}

.Mob-AppBG {
    width: 30%;
    position: absolute;
    bottom: 10px;
    left: 10%;
}

.MobApp-Title {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
}

.MobApp-Text {
    color: #414141;
    font-size: 13px;
    line-height: 13px;
    margin: 10px 5px 0 0;
}

.Mob-right {
    margin-left: 42%;
}

.Mob-Iphone {
    background-position: -580px -507px;
    width: 22px;
    height: 26px;
    float: left;
    margin: 5px;
}

.Mob-Android {
    background-position: -607px -507px;
    width: 25px;
    height: 30px;
    float: left;
    margin: 5px;
}

.EbultenBox {
    float: left;
    width: 180px;
    margin-left: 20px;
}

.CommentBox {
    width: 240px;
    height: 210px;
    padding: 40px;
    float: left;
    background-color: #fff;
}

.CommentBoxTxt {
    font-size: 14px;
    color: #252525 !important;
    line-height: 20px;
    text-align: center;
}

.CommentBoxUser {
    font-size: 14px;
    color: #bfbfbf;
    line-height: 20px;
    text-align: center;
    font-style: italic;
    margin-top: 10px;
}

#owl-demo7 .owl-page span {
    background-color: transparent;
    border: 2px solid #b7b7b7;
}

#owl-demo7 .owl-page.active span {
    background-color: transparent !important;
    margin-bottom: 4px;
    border: 4px solid #000;
    width: 10px !important;
    height: 10px;
}

.btn.next7 {
    width: 14px;
    height: 22px;
    margin: -25px 20px 0 0;
    float: right;
    background-position: -212px -86px;
    z-index: 99;
    cursor: pointer;
    position: relative;
}

.btn.prev7 {
    margin: -25px -50px 0 0;
    float: left;
    cursor: pointer;
    background-position: -192px -86px;
    width: 14px;
    height: 22px;
    z-index: 99;
    position: absolute;
}

#owl-demo7 {
    margin-top: 20px;
}

.imgOverlay {
    background: rgba(000,000,000,0.8);
    position: absolute;
    width: 100%;
    height: 190px;
    position: absolute;
    cursor: pointer;
    border-radius: 5px;
    display: none;
}

.Overlayicon {
    background-position: -189px -113px;
    width: 44px;
    height: 44px;
    margin: 70px auto;
}

.go-dmcc-list-img:hover > .imgOverlay {
    display: block;
}

.smallLogo a {
    width: 88px;
    height: 60px;
    float: left;
}

.profilMenus {
    float: right !important;
    margin-top: 0px !important;
    width: 270px !important;
    padding-left: 0px !important;
}

    .profilMenus li {
        float: right !important;
    }

        .profilMenus li.parent {
            background: url(../images/menuArrow.png) right center no-repeat !important;
        }

            .profilMenus li.parent a {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                max-width: 190px;
            }

        .profilMenus li a {
            font-weight: 500 !important;
        }

.Profilimg {
    float: right;
    margin-left: 10px;
    margin-top: -5px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 60px;
    background: #fff;
}

.UserPoint {
    float: right;
    margin-top: -30px;
    position: relative;
    padding-right: 15px;
}

.ProfileImgDelete {
    float: right;
    width: 50px;
    background: #C3C3C3 !important;
    color: #444;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.Pointinfo .acilirDivTop4 {
    background-position: 130px 1px;
}

.AppStoreBannerBtn {
    width: 140px;
    height: 48px;
    float: left;
    background-position: -3px -565px;
}

.AndroidBannerBtn {
    width: 140px;
    height: 48px;
    float: left;
    background-position: -3px -616px;
    margin-left: 10px;
}

.BannerButtonsMobil {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
    z-index: 9999;
}

#owl-demo8 .owl-dots {
    margin-top: -74px;
}

#owl-demo8.owl-theme .owl-dots .owl-dot {
    margin-top: 0px;
}

#owl-demo8 .owl-page span {
    background-color: #202020;
}

#owl-demo8 .owl-page.active span {
    width: 8px;
    height: 8px;
    border: 7px solid #fbd70d;
    margin-bottom: 0px;
}

.GastroMobilPhone {
    position: absolute;
    width: 1020px;
    margin: auto;
    left: 50%;
    margin-left: -510px;
    text-align: right;
    margin-top: -10px;
}

.sikayet .FormLine1 label {
    line-height: 30px;
}

.FormLine2 span.Formlabel {
    font-weight: bold;
    float: left;
    font-size: 14px;
    color: #2a2a2a;
    margin: 6px;
}

.sikayetBtn {
    background: #fbd70d !important;
    width: 200px !important;
    cursor: pointer;
    float: none !important;
    margin: 0 auto !important;
    border: none !important;
    display: block;
    height: 40px !important;
    line-height: 40px;
    color: #121212 !important;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.sikayetOneri .Toptablist a {
    color: #121212;
    background: #f9f9f9;
    color: #2a2a2a;
    font-size: 14px;
    font-weight: bold;
}

.go-dmc-cont-sss {
    width: 100%;
    margin-bottom: 50px;
    float: left;
}

.ContDiv {
    float: left;
    width: 100%;
    height: auto;
}

.sssHeader {
    width: 90%;
    line-height: 20px;
    cursor: pointer;
    padding: 30px 5%;
    background-color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #ececec;
    font-weight: bold;
    color: #2a2a2a;
}

.SssContDiv {
    font-size: 14px;
    background-color: #fff;
    color: #2a2a2a;
    padding: 30px 5%;
    width: 90%;
}

.sss_Box {
    width: 100%;
    margin-bottom: 10px;
}

.Sssicon {
    background-position: -612px -540px;
    width: 28px;
    height: 28px;
    float: right;
}

.Collapse .Sssicon {
    background-position: -578px -540px;
}

.Collapse .SssContDiv {
    display: none;
}

.wizard > .steps .done a {
    background: #abd037;
    color: #2a2a2a !important;
}

div#owl-demo10 img {
    max-height: 77px;
    width: auto;
}

#owl-demo10 .owl-item a {
    display: table;
    height: 93px;
    margin: 0 auto;
}

    #owl-demo10 .owl-item a span {
        display: table-cell;
        vertical-align: middle;
    }

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
    border-left: 1px solid #fff;
    margin-left: -1px;
}

.sikayetOneri .number {
    font-size: 0px !important;
}

.sikayetOneri .go-dmc-title {
    margin-top: 35px;
}

.go-dmc-title-info {
    font-size: 14px;
    font-weight: normal;
    color: #2a2a2a;
    margin: 10px 0px 0 20px;
    float: right;
    display: inline-block;
}

.sikayetOneri .FormCont {
    width: 800px;
}

.formDiv4-inline {
    width: 28%;
}

.formDiv5-inline {
    width: 68%;
}

.sikayetOneri .wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
    margin-left: 10px;
}

.sikayetOneri .done .number {
    background: url(../images/stepsMenuicon.png) center center no-repeat !important;
}

.go-h-top #menu {
    padding-left: 3px;
}

.LogoutTopBtn {
    border: none;
    cursor: pointer;
    background: #fff;
    margin: 0 0 6px 20px;
    font-size: 14px;
    color: #2a2a2a;
    height: 30px;
    float: left;
    line-height: 30px;
}

.YazarFormTitle {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    width: 100%;
}

.YazarFormBtn {
    padding: 0 15px;
    margin: 5px 0 0 0 !important;
    width: auto !important;
}

#inline .formErrorContent {
    margin-left: -100px;
}

.EpostaformError .formErrorContent,
.pay123formError .formErrorContent {
    margin-left: 0px !important;
}

.go-SatinAl .formErrorContent {
    width: auto !important;
    min-width: 90px !important;
}

.go-rmctici-Cont {
    float: left;
    display: table;
    vertical-align: middle;
    height: 40px;
}

.SuggestedPackDiv {
    padding-bottom: 15px;
}

.OtherPackageBtn {
    font-size: 12px;
    display: inline-block;
    font-weight: 600;
    color: #8e8e8e;
    margin-top: 10px;
    cursor: pointer;
    float: left;
}

    .OtherPackageBtn:hover {
        color: #000;
    }

.UserContractCont {
    font-family: "Times New Roman";
}

.FormSend {
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 20px;
}

.BultenSend {
    font-weight: bold;
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.kurumsalBannerTitle {
    font-size: 27px;
    line-height: 37px;
    margin-top: 100px;
}

    .kurumsalBannerTitle span {
        color: #f9d80f;
    }

.KurumsalLeft {
    width: 520px;
    float: left;
}

.KurumsalLeftTitle {
    margin: 10px 0px;
    float: left;
    color: #252525;
    font-size: 22px;
    font-weight: bold;
}

.KurumsalLeftTxt {
    font-size: 14px;
    color: #6e6e6e;
    margin: 20px 0px;
    float: left;
}

.restoranContact .KurumsalLeftTitle {
    margin: 0px;
}

.restoranContact .KurumsalLeftTxt {
    margin: 15px 0px;
}

.KurumsalRight {
    width: 430px;
    float: left;
    margin-left: 60px;
}

.kurumsalCepinf {
    width: 110px;
}

.kurumsalCepSelect {
    text-indent: 9px !important;
}

.KurummsalBtn {
    height: 50px !important;
    float: right !important;
    width: 170px !important;
    cursor: pointer;
    text-indent: 0px !important;
}

.ReminderBtn {
    height: 50px !important;
    float: left !important;
    width: 170px !important;
    cursor: pointer;
    text-indent: 0px !important;
}

.tipr_content {
    font: 12px/1.7 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #3f51b5;
    padding: 0px 12px;
    border-radius: 5px !important;
    font-weight: 500;
}

.tipr_container_bottom {
    display: none;
    position: absolute;
    margin-top: 13px;
    z-index: 1000;
}

.tipr_container_top {
    display: none;
    position: absolute;
    margin-top: -42px;
    z-index: 1000;
    border-radius: 5px !important;
    background: #3f51b5;
}

.tipr_point_top,
.tipr_point_bottom {
    position: relative;
    background: #fff;
    border-radius: 5px !important;
}

    .tipr_point_top:after,
    .tipr_point_top:before {
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        top: 100%;
        content: "";
        height: 0;
        width: 0;
    }

    .tipr_point_top:after {
        border-top-color: #3f51b5;
        border-width: 6px;
        left: 50%;
        margin-left: -6px;
    }

    .tipr_point_top:before {
        border-top-color: #dcdcdc;
        border-width: 6px;
        left: 50%;
        margin-left: -6px;
    }

    .tipr_point_bottom:after,
    .tipr_point_bottom:before {
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        bottom: 100%;
        content: "";
        height: 0;
        width: 0;
    }

    .tipr_point_bottom:after {
        border-bottom-color: #fff;
        border-width: 6px;
        left: 50%;
        margin-left: -6px;
    }

    .tipr_point_bottom:before {
        border-bottom-color: #dcdcdc;
        border-width: 9px;
        left: 50%;
        margin-left: -9px;
    }

.ProfilEdit {
    float: right;
    margin: 1px 0 0 8px;
    cursor: pointer;
    display: none;
}

.PhotoEdit {
    cursor: pointer;
    display: none;
    margin: -25px 0px 0px 0px;
    width: 150px;
    position: absolute;
    top: 35px;
}

.ProfilTxt {
    height: 30px !important;
    width: 130px !important;
    line-height: 30px !important;
    font-size: 14px;
    text-indent: 10px !important;
}

.ProfilTxt2 {
    height: 60px !important;
    width: 150px !important;
    line-height: 15px !important;
    font-size: 13px;
    float: left;
}

.ProfilBtn {
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    width: 25px;
    border: none;
    background: none !important;
    cursor: pointer;
    position: absolute;
}

.ProfilTxtAdres {
    margin-top: -10px;
}

.ProfilTxtMail {
    width: 180px !important;
}

.ImageModal {
    float: none;
    margin: auto;
}

.PhotoFile {
    text-indent: 0px !important;
    padding-top: 8px !important;
    padding-left: 10px !important;
    width: 100% !important;
}

    .PhotoFile:focus {
        text-indent: 0px !important;
        padding-top: 8px !important;
        padding-left: 10px !important;
    }

.fancybox-inner {
    overflow: hidden !important;
}

.PhotoEdit {
    display: block !important;
}

.ImageActive {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #F5F5F5;
}

.OlderPostBtn {
    cursor: pointer;
}

#SifreHatirlat {
    display: none;
}

.ModalFaturaTable td {
    padding-right: 10px;
}

    .ModalFaturaTable td.FatButton {
        padding-right: 20px;
    }

.ModalFaturaTable {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 5px;
}

.LoadingDiv {
    float: left;
    display: none;
}

.NoResult {
    width: 100%;
    text-align: center;
    margin: 25px 0;
    font-weight: 600;
}

.LoadingTop {
    margin-top: 8px;
    margin-right: 10px;
    float: left;
}

.EmptySearch {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.go-rmct-logo img {
    width: auto !important;
    max-width: 140px !important;
    max-height: 140px;
}

.GastroFatTable {
    border: 1px solid #ccc;
    padding: 30px;
}

.irsaliyetd {
    font-size: 20px;
    font-weight: 600;
}

.fatAdres {
    font-size: 12px;
    font-weight: 600;
    color: #333;
}

.FatSiraNo {
    color: #f00;
}

.Sirano {
    float: left;
    margin: 8px 0px;
    width: 200px;
}

.FatTarih {
    width: 100%;
    float: left;
}

.FatLabel {
    width: 120px;
    float: left;
}

.AdresTable {
    border: 1px solid #ccc;
    padding: 8px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 600;
}

.VergiDaireTd {
    background: #c5c5c5;
    height: 25px;
    line-height: 25px;
    text-indent: 10px;
}

.OrderTable {
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
}

.griTd {
    background: #c5c5c5;
    text-align: center;
    padding-top: 15px;
    line-height: 22px;
}

.griTd2 {
    background: #c5c5c5;
    text-align: center;
    padding-top: 5px;
    line-height: 22px;
}

.ProdTd {
    padding-top: 15px;
    padding-left: 20px;
}

.BaslikTd {
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    background: #c5c5c5;
    text-align: center;
}

.ToplamTd {
    text-align: right;
    padding: 5px 10px 0 0;
    line-height: 22px;
    font-weight: bold;
}

.TutarTable {
    margin-top: 6px;
    border: 1px solid #ccc;
    padding: 8px;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 7px solid #ccc;
}

.BottomTable {
    margin-top: 6px;
    padding: 8px;
    font-size: 10px;
    font-weight: 600;
}

.orderCompBtn {
    height: 60px;
    width: 150px;
    text-align: center;
    display: block;
    margin: 0 auto 40px auto;
    background: #fbd70d;
    outline: none;
    border-radius: 4px;
    line-height: 60px;
    font-weight: bold;
    color: #2a2a2a;
    font-size: 16px;
}

.OrderCompleteBox {
    padding: 50px 0;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
    text-align: center;
    margin: 100px 0 40px 0;
}

.OrderCompleteTxt {
    color: #646464;
    font-weight: normal;
    font-size: 25px;
}

#InvoiceShow .go-DetailTop,
#InvoiceShow .go-footer {
    display: none !important;
}

.ScrollDiv {
    overflow: scroll !important;
}

.SuggestTab, .SuggestContent {
    width: 980px;
    margin: auto;
}

    .SuggestTab li {
        width: 33%;
        text-align: center;
        height: 60px;
        line-height: 60px;
    }

        .SuggestTab li a {
            height: 60px;
            line-height: 60px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            background: #f9f9f9;
        }

        .SuggestTab li.active a {
            background: #fbd70d;
            color: #2a2a2a;
            font-size: 14px;
        }

.SuggestContent {
    background: #fff;
    margin-bottom: 40px;
}

.infoAlertMessage {
    text-align: center;
    font-size: 17px;
    color: #222;
    font-weight: 600;
    line-height: 25px;
    padding: 10px;
}

.orderAlertMessage {
    text-align: center;
    font-size: 18px;
    color: #222;
    font-weight: 600;
    line-height: 40px;
}

.custom-file-input {
    line-height: 11px !important;
    padding: 7px 0 0 30px !important;
}

.table-condensed {
    width: 100% !important;
}

.dropdown-menu {
    width: 240px !important;
}

.icon-technology {
    font-size: 14px;
    width: 24px;
    display: inline-block;
}

.EmptyCat {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 50px;
    margin-top: 20px;
}

.custom-file-input:focus {
    padding: 7px 0 0 30px !important;
}

#RestSlc {
    width: 150px;
}

.noMargin {
    margin: 0px;
}

#RegisterContractCont,
#InformationFormCont,
#IReadNotification {
    font-family: 'Times New Roman';
    background: none !important;
}

.RegisterContractTxt,
.InformationFormTxt,
.IReadNotification {
    font-family: 'Times New Roman';
    font-size: 14px;
}

    .RegisterContractTxt p,
    .InformationFormTxt p,
    .IReadNotificationTxt p {
        margin-bottom: 15px;
    }

.MobilContract {
    font-weight: 600;
}

.go-dptri-text.mail {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 190px;
}

.at-svc-facebook .at-icon-wrapper {
    background-position: -578px -573px;
    float: right;
    margin: 0px 10px 0 15px;
    background-color: transparent !important;
}

.at-svc-twitter .at-icon-wrapper {
    background-position: -593px -575px;
    float: right;
    margin: 0px 10px 0 15px;
    background-color: transparent !important;
}

.at-svc-email .at-icon-wrapper {
    background-position: -616px -572px;
    float: right;
    margin: 0px 10px 0 15px;
    background-color: transparent !important;
}

.hata404Txt1 {
    font-size: 140px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    display: inline-block;
}

.hata404Txt2 {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
}

.addthis_sharing_toolbox {
    float: right;
    margin-top: 20px;
}

.at-share-tbx-element.addthis_20x20_style .at-share-btn,
.at-share-tbx-element.addthis_20x20_white_style .at-share-btn {
    padding: 5px !important;
}

.at-svc-facebook .at-icon-wrapper img,
.at-svc-twitter .at-icon-wrapper img,
.at-svc-email .at-icon-wrapper img {
    display: none;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.compDocumentDelete {
    content: "Sil";
    float: right;
    display: none;
    background: #FBD70D;
    color: #333;
    height: 30px;
    margin: -34px 4px;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    border-radius: 3px;
    padding: 0 20px;
    right: 0px;
    cursor: pointer;
}

.fancybox-title-float-wrap .child {
    margin-top: 0px !important;
}

.fancybox-inner {
    overflow: hidden !important;
}

.custom-file-input::before {
    content: 'Dosya Yukle';
    display: inline-block;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
    margin-left: -50px;
}

.transfereft {
    color: #8e8e8e;
    font-size: 14px;
    line-height: 16px;
}

    .transfereft b {
        width: 125px;
        float: left;
    }

.fancyAuto {
    overflow: auto !important;
}

.fancyAuto2 {
    overflow-y: auto !important;
    background: #fff !important;
}

.fancybox-inner < #invoice {
    overflow: auto !important;
}

.PackageInformation {
    font-size: 18px;
}

.custom-file-input:hover::before {
    border-color: black;
}

.backNewsletter {
    border-radius: 4px;
    background: #ccc;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
}

#owl-demo {
    position: relative;
}

    #owl-demo .item img {
        max-width: 100% !important;
        width: auto;
        max-height: 73px;
        margin: 0 auto;
    }

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

.PromocodeTxt1 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 40px;
}

.PromocodeTxt2 {
    margin: 20px auto 40px auto;
    float: none;
    padding: 10px 30px;
    border: 2px solid #444;
    display: inline-block;
    border-radius: 3px;
    font-weight: 600;
    font-size: 20px;
}

.OrderComplete1 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin: 45px 5%;
    width: 90%;
    display: inline-block;
}

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

    .OrderLoadingDiv .smallLogo {
        display: inline-block;
    }

.orderMessageInfo {
    font-size: 18px;
    margin-bottom: 20px;
}

.cs-loader {
    float: left;
    top: 0;
    left: 0;
    height: 30px;
    width: 100%;
}

.cs-loader-inner {
    top: 50%;
    width: calc(100% - 200px);
    color: #FFF;
    padding: 0 100px;
    text-align: center;
}

    .cs-loader-inner span {
        font-size: 20px;
        opacity: 0;
        display: inline-block;
        color: #fbd70d;
    }

.PassChangeBtn {
    display: inline-block;
    float: none;
    text-align: center;
}

    .PassChangeBtn .FormDiv1 {
        display: inline-block;
        float: none;
    }

.SearchPageCont {
    min-width: 100%;
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}

    .SearchPageCont .go-dmcc-box {
        text-align: left;
    }

.go-h-sliderMask {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0);
}

.go-h-sliderMask-network {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    background: rgb(0 0 0 / 55%);
}


.go-h-slider .owl-item .item .HomeBannerTxt1 p {
    background: url(../images/slider-bakcground-opacity.png);
    padding: 15px;
    border-radius: 5px;
    font-weight: 400;
    letter-spacing: 0.2px;
    max-width: 500px;
}

#MyProfileForm .go-dptr-info:first-child .go-dptri-bg {
    margin-right: -5px;
}

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }

    33% {
        opacity: 1;
        transform: translateX(0px);
    }

    66% {
        opacity: 1;
        transform: translateX(0px);
    }

    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }
}

.cs-loader-inner span:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner span:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner span:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner span:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner span:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner span:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out;
}

#arkadasinaOnerForm {
    display: none;
    width: 90%;
    padding: 20px 5%;
    background: #fff;
    padding-bottom: 20px;
    float: left;
}

.Mob-UyeGirisBox, .Mob-SearchBox, .NavBox {
    display: none;
}

.ModalFooter {
    width: 100%;
    margin-top: 30px;
}

    .ModalFooter a {
        margin: 0 10px -7px 0;
    }

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 70px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 4px;
        position: absolute;
        z-index: 1;
        top: 110%;
        left: 50%;
        margin-left: -35px;
        background: #000;
        font-size: 11px;
        line-height: 16px;
        font-weight: 500;
        padding: 3px 10px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 1;
        -webkit-transition: opacity .50s ease-in-out;
        -moz-transition: opactiy .50s ease-in-out;
        -ms-transition: opacity .50s ease-in-out;
        -o-transition: opacity .50s ease-in-out;
        transition: opacity .50s ease-in-out;
    }

.go-rmctbl-item {
    float: right;
}

.forgetDeviceText {
    color: red;
}

.sikayetOneri .FormDiv1 label {
    padding-top: 5px;
}

.ana_tasiyici {
    width: 100%;
    height: auto;
    padding: 0px;
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
    max-width: 800px;
}

.tasiyici_ust {
    width: 100%;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    height: auto;
    margin-bottom: 50px;
}

.tasiyici_alt {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 20px;
    padding-bottom: 100px;
}

.sol {
    padding-top: 45px;
    float: left;
    height: 200px;
}

.orta {
    height: 200px;
    width: 437px;
    display: inline-block;
}

.sag {
    padding-top: 45px;
    float: right;
    height: 200px;
}

.hata {
    font-size: 150px;
    color: #d5d5d5;
    font-weight: bold;
    height: 155px;
    font-style: italic;
}

.uyari {
    font-size: 30px;
    color: #2a2a2a;
    font-weight: bold;
}

.uyari_text {
    font-size: 16px;
    color: #2a2a2a;
}

    .uyari_text p {
        margin: 0 0 10px;
    }

        .uyari_text p a {
            text-decoration: underline;
            color: #2a2a2a;
            font-weight: bold;
        }

            .uyari_text p a:hover {
                text-decoration: underline;
            }

.sgsttion-maxSize {
    display: block;
    position: relative;
    z-index: 999999;
    clear: both;
    text-align: right;
    color: #000;
    font-size: 11px;
}

.searchBox .Searchinput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

.searchBox .Searchinput::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.searchBox .Searchinput:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

.searchBox .Searchinput:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}


.ebultenKayit .ebulteninput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

.ebultenKayit .ebulteninput::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.ebultenKayit .ebulteninput:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

.ebultenKayit .ebulteninput:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.go-footer .go-f-top .colFooterRight {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1024px) {
    #HomeBannerLeft,
    .go-ftc-links,
    .ebultenText,
    .go-ht-logo img,
    .container,
    #BannerDivCont,
    #rakamlarlaGastroCont,
    #DetailBannerCont,
    #GastroNedir,
    .containerHeader,
    .FirsatText,
    .go-rmcbl-cont iframe,
    .go-sc-Cont,
    .BlogLeft,
    .siziArayalimTitle,
    .siziArayalimText,
    .SuggestTab,
    .SuggestContent {
        width: 100%;
    }

    .numberBox {
        width: 33%;
    }

    .Mob-AppBG {
        width: 11%;
    }

    .Mob-right {
        margin-left: 20%;
    }

    .MobilPopup .go-DetailTop .MobileMenu li span {
        color: #fff;
    }

    .MobilPopup .customNavigation,
    .js #menu,
    .go-ftc-bulten,
    .registerBtn,
    #LoginBtn,
    .searchBox,
    #HomeBannerRight,
    .go-rmcbr-tanitim,
    .MobileHide,
    .GastroMobilPhone,
    .BlogSearch,
    .BlogRightSocial,
    .EnCokOkunanlar,
    .BlogYazar,
    .instagramBox,
    #rakamlarlaGastro,
    #yeniRestoranlar,
    #gastroMobil,
    .kurumsalPartner {
        display: none;
    }

    .btn.next, .btn.next2 {
        position: absolute;
        right: 10%;
    }

    .btn.prev, .btn.prev2 {
        position: absolute;
        left: 10%;
    }

    #HomeBannerLeft {
        margin: 50px auto;
        float: none;
        display: block;
        position: absolute;
        z-index: 9;
    }

    .go-h-top {
        width: 95%;
        margin-left: 5%;
    }

    .numberBoxes {
        width: 100%;
        text-align: center;
        margin: 12px auto 0;
    }

    .js .slicknav_menu, .mobileMenus {
        display: block;
    }

    #owl-demo {
        width: 80%;
        margin-left: 10%;
    }

    .go-f-top {
        float: left;
        height: auto;
        padding: 30px 0 20px;
        width: 100%;
    }

    .go-ftcl-list {
        margin-left: 5%;
    }

    .go-ftc-bulten {
        margin: 30px 0 0 5%;
        width: 45%;
    }

    #footerBottom {
        float: left;
        width: 100%;
        height: auto;
    }

    .go-ftc-right {
        float: left;
        width: 45%;
        text-align: left;
    }

        .go-ftc-right span {
            float: left;
            margin: 0 15px 0 0;
        }

    .copyright, .social {
        margin-left: 5%;
    }

    .go-ftc-right span {
        float: right;
        margin-bottom: 10px;
    }

    .go-ftc-right {
        float: left;
        width: 30%;
        text-align: left;
        margin: 5px 5% 0 0;
    }

    .go-ftcl-list {
        width: 25%;
        margin-left: 5%;
    }

    .go-ftc-links {
        width: 65%;
    }

    .go-footer {
        height: auto;
    }

    .CommentBox {
        float: none;
        margin: 0 auto;
    }

    .go-dmcc-list li {
        width: 27%;
        padding: 2%;
        margin-left: 2%;
    }

        .go-dmcc-list li:nth-child(4n+1) {
            margin-left: 2%;
        }

        .go-dmcc-list li:nth-child(2n+1) {
            width: 27%;
        }

    .go-dc-logo {
        margin-left: 5%;
        width: 85px;
        margin-top: 5px;
    }

        .go-dc-logo img {
            width: 100%;
            z-index: 999999;
        }


    .go-dc-logo-gastropay {
        margin-left: 5%;
        width: 85px;
        margin-top: 5px;
    }

        .go-dc-logo-gastropay img {
            width: 100%;
            z-index: 999999;
        }

    .SssContDiv .registerBtn {
        display: inline-block;
    }

    .go-ht-menus {
        display: none !important;
    }

    .go-ht-right {
        width: auto;
        margin-right: 4%;
    }

    .go-ht-right {
        position: fixed;
        right: 0px;
    }

    .go-dc-logo {
        background-position: -5px -384px;
        width: 88px;
        height: 60px;
    }

    .go-dc-logo-gastropay {
        background-position: -5px -376px;
        width: 78px;
        height: 78px;
    }

    .MobilePopup .go-dc-logo {
        background-position: -566px -441px;
        position: absolute;
        z-index: 99;
    }

    .go-DetailTop .MobileMenu li span {
        color: #000;
    }

    .MobilePopup .MobileMenu li span {
        color: #fff;
    }

    .go-ht-logo {
        width: 85px;
        background: none;
    }

    .DetailBannerTitle {
        text-align: center;
    }

    .DetailBannerText {
        text-align: center;
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .MobileNav {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

        .MobileNav li {
            width: 100%;
            float: left;
            border-bottom: 1px solid #252525;
        }

            .MobileNav li a {
                width: 90%;
                padding: 10px 0 12px 10%;
                float: left;
                color: #fff !important;
                letter-spacing: 2px;
                font-weight: 500;
                font-size: 15px;
            }

    .MobileMenu li span {
        color: #fff;
        line-height: 35px;
    }

    .MobFormBtn {
        width: 90%;
        margin: 0 5%;
        float: left;
        margin-top: 30px;
        border-radius: 60px;
    }

        .MobFormBtn button {
            border: none;
            height: 45px;
            outline: none;
            width: 100%;
            background: #fbd70d !important;
            border: 0 !important;
            outline: 0 !important;
            margin: 0px;
            font-size: 16px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
        }

    .detay-url, .go-rb-url {
        margin-left: 5%;
    }

    .firsatBox {
        width: 26%;
        padding: 2%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .FirsatLink {
        float: left;
        width: 100%;
    }

    .EbultenBox {
        width: 100%;
        margin-left: 0px;
    }

    .go-rmct-logo {
        margin-left: 5%;
    }

    .go-rmct-info {
        margin-left: 5%;
        width: 90%;
    }

    .go-rmcti-title, .go-rmcti-tur {
        color: #252525;
    }

    .go-rmct-buttons {
        position: absolute;
        right: 20px;
        margin-top: 70px;
    }

    .go-rmcti-contact {
        margin-top: 20px;
    }

    .go-rmcb-left {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .ToggleBtn {
        width: 90%;
        height: 35px;
        position: absolute;
    }

    .go-rmcbl-title {
        height: 35px;
        margin-bottom: 10px;
        border-bottom: 1px solid #E2E2E2;
    }

    .ToggleBtnicon {
        width: 19px;
        height: 11px;
        background-position: -212px -165px;
        margin-left: 10px;
        display: inline-block;
    }

    .Collapse .ToggleBtnicon {
        background-position: -189px -165px;
    }

    .go-rmcb-right {
        width: 90%;
        margin-left: 5%;
    }

    .go-rmcbr-ozellikler {
        width: 100%;
        margin-top: 15px;
    }

    .go-rmcbrot-cont {
        width: 90%;
        padding: 5%;
    }

    .go-dp-top {
        width: 100%;
        height: auto;
    }

    .go-dpt-left {
        width: 25%;
    }

    .go-dpt-right {
        width: 70%;
        margin-left: 5%;
    }

    .go-dpcm-col1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .go-dpcm-col1-line {
        width: 90%;
        padding: 20px 5% !important;
    }

    .go-dpcm-col2 {
        margin-left: 0px;
        width: 100%;
    }

    .go-dpcm-col2-top {
        width: 90%;
        padding: 20px 5% !important;
        height: auto;
    }

    .go-dpcm-col2-t-count {
        float: right;
    }

    .go-dpcm-col2-bottom {
        width: 94%;
        padding: 40px 3% !important;
    }

    .BannerButtonsMobil {
        text-align: center;
    }

    .AppStoreBannerBtn {
        float: none;
        display: inline-block;
    }

    .AndroidBannerBtn {
        float: none;
        display: inline-block;
        margin-left: 2px;
    }

    .MbSliderStoreWrapper {
        margin: 0px -16px;
    }

    .FormCont, .register-form {
        width: 81%;
        margin: 20px 10% 70px;
    }

    .FormLinetotal {
        width: 90%;
        padding: 5%;
    }

    .Postimg img {
        width: 100%;
        max-height: 400px;
        overflow: hidden;
    }

    .BlogRight {
        margin-left: 0px;
        width: 100%;
    }

    .BlogEbulten {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .BlogKategoriler {
        width: 90%;
        padding: 5%;
    }

    .sssHeader {
        width: 90%;
        padding: 30px 5%;
    }

    #gastroAyricaliklar {
        width: 100%;
        float: none;
        height: auto;
        background: url(../images/GastroClubAyricaliklar_Mobil.jpg) center center no-repeat;
        background-size: cover;
    }

        #gastroAyricaliklar .ContentTitle {
            color: #fff;
        }

    #DetailBannerCont {
        width: 100%;
        position: absolute;
        top: 47%;
        transform: translateY(-53%);
        padding-top: 50px;
    }

    #WeGastroBannerCont {
        width: 100%;
        position: absolute;
        top: 47%;
        transform: translateY(-53%);
        padding-top: 50px;
    }

    #AyricalikBox li {
        width: 80%;
        margin-left: 10%;
    }

        #AyricalikBox li:first-child {
            margin-left: 10%;
        }

    .AyricalikText {
        width: 100%;
        float: none;
        color: #b1b1b1;
    }

    .yanHaklarDiv {
        width: 90%;
        padding: 40px 5%;
        height: auto;
    }

    .AyricalikTitle {
        color: #fff;
    }

    .detaylibilgi a {
        color: #fbd70e;
    }

    .Ayricalikimg1 {
        width: 114px;
        height: 105px;
        background-position: -112px -457px;
    }

    .Ayricalikimg2 {
        width: 92px;
        height: 92px;
        background-position: -11px -465px;
    }

    .Ayricalikimg3 {
        width: 109px;
        height: 56px;
        background-position: -3px -221px;
    }

    .yanHakBox {
        float: none;
        margin: 40px auto;
    }

    #owl-demo3 .owl-dots {
        margin-top: -30px;
    }

    .uyelerOzel {
        right: 0px;
        margin: -40px 0 0 0;
    }

    .siziArayalim {
        width: 40%;
        padding: 30 5%;
        margin-left: 0px;
    }

    .arkadasinaOner {
        margin: 0px;
        width: 40%;
        padding: 30px 5%;
    }

    .sikayetOneri .FormCont {
        width: 80%;
        margin: 20px 10%;
    }

    .BlogPost {
        width: 90%;
        padding: 30px 5% 0 5%;
    }

    .LogoutTopBtn {
        width: 90%;
        padding-left: 10%;
        height: 42px;
        line-height: 42px;
        outline: none;
        text-align: left;
        background: none;
        border: none;
        margin: 0px;
        float: left;
        color: #fff;
        letter-spacing: 2px;
        font-weight: 500;
        font-size: 15px;
    }

    .KurumsalLeft, .KurumsalRight {
        width: 100%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }

    .KurumsalLeftimg {
        text-align: center;
    }

    #Form1 .FormDiv1, .SuggestionForm2 .FormDiv1 {
        min-width: 200px;
    }

    #PhotoEditBox {
        width: 94% !important;
    }

    #profilBox {
        overflow: scroll;
    }

    .FormDiv1 {
        margin-top: 10px;
    }

    .go-rmcti-title, .go-rmcti-tur {
        text-shadow: none;
    }
}

@media screen and (width: 768px) {
    .go-htrl-line2 button, .go-htrl-line2 input {
        width: 80%;
        /* margin: 0 auto; */
        margin-left: 10%;
    }

    .numberBox {
        display: block !important;
    }

    .tableDiv.turktelekomTable {
        width: 100%;
        margin-right: 0px;
    }

    .numberBox:nth-child(2) .nb-mobilBox,
    .numberBox:nth-child(2) .iconBack {
        float: none !important;
    }
}


#HomeBannerLeft .bannerImg .bannerImg .bannerYazi .bannerText .bannerDescription {
    color: #ffffff;
    font-family: 'Open Sans',sans-serif;
    text-align: left;
}

#HomeBannerLeft .bannerImg .bannerImg .bannerYazi .bannerText .banneraltDesc {
    font-family: 'Open Sans',sans-serif;
    font-size: 19px;
    line-height: 30px;
    margin-top: 15px;
    text-align: left;
}

.iosLink, .androidLink {
    display: none;
}

@media screen and (max-width: 805px) {
    .register-container .register-form .box {
        width: 47%;
        margin: 1.4%;
    }

    .register-container .register-form .register-banner {
        padding: 30px 20px;
    }

    .register-container .register-form .register-bb-cont {
        margin-right: 20px;
        width: 100%;
        width: calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
    }

    #gastroMobil3 .MbSliderStoreWrapper {
        display: table;
        margin: 0 auto;
        padding-left: 0;
    }
}

@media screen and (max-width: 620px) {
    .register-banner .text p span {
        font-size: 8px !important;
    }

    .register-container .register-banner .title {
        font-size: 24px;
    }

    .register-container .register-banner .text {
        font-size: 15px;
    }

    .register-container .register-tab li a {
        font-size: 12px;
    }

    .register-container .wizard .content .register-form .register-tab li {
        padding: 0 10px;
    }

    .register-container .register-box-title {
        font-size: 15px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }

    .register-container .register-box-text {
        font-size: 11px;
    }



    .register-container .register-box-gift span {
        font-size: 12px;
    }

    .register-container .register-box-gift {
        margin: 5px 0;
    }

    .register-container .register-form .box.green .register-box-text {
        height: 85px;
    }
}

@media screen and (max-width: 768px) {
    .dotbox {
        display: none;
    }

    .languageBox {
        display: none;
    }

    .MobilelanguageBox {
        display: block;
    }

    body #OrderModal {
        width: 100% !important;
        padding: 20px 0px !important;
    }

    #MyProfileForm .go-dptr-info:first-child .go-dptri-bg {
        margin-right: 10px;
    }

    .csd-header {
        line-height: 25px;
    }

    .csd-text {
        text-align: justify;
    }

    div#PasswordChange {
        width: 89% !important;
    }

    div#cihazBox {
        width: 87% !important;
        padding: 20px !important;
    }

    .checkin-table thead th {
        padding-left: 0px;
    }

    #owl-demo8 .MbSliderBox {
        height: 380px !important;
    }

    #owl-demo8.owl-carousel {
        height: auto;
    }

    #owl-demo8 .owl-dots {
        margin-top: 0px;
    }

    .ios .iosLink, .android .androidLink {
        display: inline-block;
    }

    .ios .androidLink, .android .iosLink {
        display: none;
    }

    .downloadGastroApp {
        display: block;
        position: fixed;
        z-index: 9;
        background: #191919;
        left: 0px;
        right: 0px;
        bottom: 0px;
        padding: 5px 8px;
    }

        .downloadGastroApp img {
            width: 40px;
            vertical-align: middle;
            display: inline-block;
        }

    .dga-button {
        background: #fbd70d;
        width: auto;
        display: inline-block;
        vertical-align: middle;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 13px;
        margin-left: 15px;
        position: absolute;
        right: 25%;
        top: 20%;
        font-weight: bold;
    }

    .dga-text {
        display: inline-block;
        color: #fff;
        font-size: 10px;
        vertical-align: middle;
        font-family: arial;
        letter-spacing: 0px;
    }

        .dga-text span {
            opacity: 0.7;
            font-weight: 100;
        }

    .passive {
        opacity: 0.2;
    }
    /*.active span                                { color: #fbd70d !important;}*/
    .MobileMenu li.active {
        border-color: rgba(255,255,255,0.2);
    }

    .gstr-staticPage {
        width: 100% !important;
    }

    #gastroIntro {
        display: none;
    }

    .AppBoxs .MobApp-Text a {
        color: #525252 !important;
        font-size: 12px;
        padding-bottom: 4px;
        display: block;
        padding-right: 18%;
    }

    .parnetSlider #owl-demo .item {
        padding: 0px;
    }

        .parnetSlider #owl-demo .item p {
            padding: 10px;
        }

            .parnetSlider #owl-demo .item p img {
                width: 90%;
            }

    #owl-demo4 .owl-nav {
        display: none;
    }

    .UyelikNav a.MSatinAl,
    .UyelikNav a.MUyeGirisi {
        padding: 10px 0px;
        margin-bottom: 10px;
    }

    .tastyClubOfTheCity div#DetailBannerCont {
        top: 29%;
    }

    #owl-demo10.owl-carousel .owl-item img {
        width: auto;
        margin: 0 auto;
        height: 80px;
    }

    #NasilKullanilirBanner {
        position: relative;
    }

    #owl-demo10.owl-carousel .owl-item .item {
        text-align: center !important;
    }

    .fancybox-title-float-wrap .child,
    .gea-Box:before,
    .gea-Box:hover::before {
        display: none !important;
    }

    #owl-demo10 .owl-nav div {
        color: #000 !important;
        font-size: 1px !important;
    }

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

    .sol {
        height: 39px;
        width: 40px;
    }

        .sol img {
            width: 100%;
            height: 79px;
        }

    .sol, .sag {
        height: 39px;
        width: 10%;
        padding-top: 20px;
    }

        .sol img, .sag img {
            width: 100%;
            height: 79px;
            max-width: 50px !important;
        }

    .hata {
        font-size: 67px;
        height: auto;
    }

    .uyari {
        font-size: 24px;
    }

    .orta {
        width: 80%;
        height: auto;
    }

    .tasiyici_ust {
        width: 100%;
    }

    .tasiyici_alt {
        width: 100%;
        margin-bottom: 60px;
    }

    .ana_tasiyici {
        padding-bottom: 50px;
        margin-top: 60px;
    }

    #HomeBannerLeft .bannerImg .bannerImg .bannerYazi .bannerText .bannerDescription {
        font-size: 16px !important;
        line-height: 16px !important;
    }

    #HomeBannerLeft .bannerImg .bannerImg .bannerYazi .bannerText .banneraltDesc {
        font-size: 13px !important;
        line-height: 13px !important;
    }

    .Ayricalikimg {
        padding-right: 7%;
        float: left;
    }

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

    div#gastroBilgiler {
        padding-top: 0px;
        height: auto;
    }

    .iddialiOyuncuHeader {
        font-size: 21px;
        margin-left: 20px;
    }

    .iddialiOyuncuTitle {
        margin: 20px 166px 0px 20px;
    }

    .iddialiOyuncuDetail a {
        margin-left: 20px;
    }

    .gastroEposta {
        height: auto;
        padding: 16px;
    }

        .gastroEposta ul {
            margin: 0px;
            line-height: normal;
            padding-bottom: 10px;
        }

        .gastroEposta li:nth-child(1) {
            width: 22%;
            padding: 10px;
            padding-top: 5px;
            vertical-align: top;
        }

        .gastroEposta li:nth-child(2) {
            width: 69%;
            font-size: 12px;
        }

        .gastroEposta li:nth-child(3) {
            width: 100%;
            padding-left: 10px;
        }

    .banner.lezizKulup.sliderBannerEdit {
        margin-left: 0px !important;
        text-align: center !important;
    }

        .banner.lezizKulup.sliderBannerEdit .bannerDescription {
            text-align: center !important;
        }

        .banner.lezizKulup.sliderBannerEdit .banneraltDesc {
            text-align: center !important;
        }

    .Ayricalikimg {
        padding-right: 7%;
        float: left;
        height: 155px;
        width: 101px !important;
    }

    .HomeBannerText {
        line-height: calc(1vw + 1vh + 3vmin) !important;
    }

    .HomeBannerTxt1 a {
        margin: 0px 7px 10px 7px;
        line-height: calc(1vw + 1vh + 1vmin) !important;
    }

    #AyricalikBox .detaylibilgi a {
        color: #fbd70d;
    }

    .DetailBannerTitle.dinersclub {
        display: none;
    }

    img.dinersclubLogo {
        top: 0px;
        width: 70%;
        height: auto;
        margin: -4% 15% 0px;
    }

    .cd-İndiriminiAl {
        margin-top: 0px !important;
    }

    .numberBox {
        width: auto;
        margin: 0 auto;
        height: auto;
        position: static;
        float: none;
        margin-bottom: 0px;
        max-width: 288px;
        min-height: 82px;
    }

        .numberBox:nth-child(2) .iconBack {
            float: right !important;
        }

        .numberBox:nth-child(2) .nb-mobilBox {
            float: left;
            margin-right: 15px;
        }

    .nb-mobilBox {
        display: inline-block;
        vertical-align: top;
        margin-top: 9px;
        margin-left: 15px;
    }

    .NumberContainer {
        height: 34px;
        background: url(../images/numberBox-mbl.png);
        width: 100%;
        line-height: 32px;
        margin: 0 auto 0;
        font-size: 22px;
        color: #fff;
        font-weight: bold;
        text-indent: 8px;
        letter-spacing: 17px;
        text-align: left;
        padding: 0px;
    }

    .numberLine {
        margin-top: -17px;
    }

    .nb-img {
        max-width: 45px !important;
        top: 0px;
        margin-top: 18px !important;
    }

    .iconBack3 {
        margin-left: 18px;
        margin-top: 14px;
    }

    .iconBack1 {
        margin-left: 12%;
        margin-top: 14px;
    }

    span.iconBack {
        width: 80px;
        height: 80px;
        display: inline-block;
    }

    .iconBack2 {
        margin-left: 22px;
        margin-top: 20px;
    }

    .NumberContainer {
        z-index: 99999;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-top: 4%;
    }

    .rakamlarlaGastro .numberinfo {
        display: block;
        width: auto;
        text-align: left;
        margin: 0px;
        font-size: 13px;
    }

    .cd-YeniYilHeyecani {
        width: 95%;
        font-size: 15.9px;
        height: 35px;
        line-height: 35px;
    }

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

    .go-ftcl-list {
        width: 45%;
        margin-left: 5%;
    }

    .go-footer .go-f-top .colFooterRight {
        position: inherit;
        margin-top: 10px;
    }

    .colFooterRight {
        width: 100%;
        text-align: center;
        margin-top: 4px;
    }

    #owl-demo8 .owl-prev {
        left: 0px;
    }

    #owl-demo8 .owl-next {
        right: 0px;
    }

    .go-ftc-bulten {
        margin-top: 30px;
        width: 95%;
    }

    .firsatBox {
        width: 40%;
        padding: 4%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .FirsatText, #owl-demo .item {
        width: 100%;
    }

    .FirsatLink {
        float: left;
        width: 100%;
    }

    .SocialFix {
        display: none;
    }

    #owl-demo .item img {
        max-width: 80%;
        margin: 0 auto !important;
    }

    .btn.next, .btn.next2 {
        position: absolute;
        right: 14%;
    }

    .btn.prev, .btn.prev2 {
        position: absolute;
        left: 14%;
    }

    .HomeBannerTitle,
    .HomeBannerTitle span,
    .HomeBannerTxt1,
    .HomeBannerTxt2,
    .HomeBannerButtons {
        text-align: center;
        width: 100%;
    }

    #HomeBannerLeft {
        margin-top: 20px;
        width: 90%;
        position: relative;
        z-index: 9;
        margin-left: 5%;
        height: 78%;
    }

    .BannerButton1, .BannerButton2 {
        float: none;
    }

    .BannerRez, .BannerDisc {
        float: none;
        display: inline-block;
    }

    .HomeBannerTitle {
        line-height: 45px;
    }

    .detaylibilgi {
        margin-top: 10px;
    }

    #AyricalikBox li:nth-child(3) {
        margin-top: 22px;
    }

    .HomeBannerButtons {
        margin-top: 20px;
    }

    .overlay {
        display: none;
        z-index: 9999;
        width: 100% !important;
        height: auto !important;
        overflow: auto;
    }

    .go-ht-right {
        margin-right: 10px;
    }

    #NasilKullanilir {
        width: 100%;
    }

    .KullanimBox {
        float: none;
        margin: 20px auto 0 auto;
    }

    .MbSliderBox {
        width: 80%;
        margin: 25px 0 0 10%;
        height: auto;
    }

    .MbSliderimg {
        display: none;
    }

    #gastroMobil2 .prev6 {
        left: 3%;
    }

    #gastroMobil2 .next6 {
        right: 3%;
    }

    #gastroMobil3 .prev8 {
        left: 3%;
    }

    #gastroMobil3 .next8 {
        right: 3%;
    }

    .MbSliderText, .GmSliderTitle {
        width: 100%;
        margin: 60px 0 0 0px;
        text-align: center;
    }

    .MbSliderinfo, .GmSlidertext {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }

    .MbSliderButtons {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }

    .MbAppStore {
        float: none;
        display: inline-block;
    }

    .MbGooglePlay {
        float: none;
        display: inline-block;
    }

    .go-dmcc-box {
        width: 46%;
        margin-left: 2%;
    }

    .go-dmc-contRestAll {
        margin: 20px 0 0;
    }

    .go-dmcc-box:nth-child(2n+1) {
        width: 46%;
        margin-left: 2%;
    }

    .go-dmcc-box-btn, .FormDiv4, .FormDiv5 {
        width: 100%;
    }

    .go-dmcc-box-img {
        width: 100%;
        text-align: center;
    }

    .go-d-url {
        width: 90%;
        margin-left: 5%;
    }

    .discFlag {
        float: right;
        position: absolute;
        margin: 120px 5% 0 37%;
        display: block;
    }

    .go-dmcc-list li {
        width: 44%;
        padding: 2%;
        margin-left: 2%;
    }

        .go-dmcc-list li:nth-child(4n+1) {
            margin-left: 2%;
        }

        .go-dmcc-list li:nth-child(2n+1) {
            width: 43%;
        }

    .go-dmc-title {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .go-dpt-left {
        width: 100%;
        text-align: center;
    }

    .go-dptl-photo {
        float: none;
        margin: 0 auto;
    }

    .go-dpt-right {
        width: 90%;
        text-align: center;
    }

    .go-dptr-buttons {
        display: inline-block;
        float: none;
        margin: 15px 0;
    }

    .go-dptr-text1,
    .go-dptr-text2 {
        text-align: left;
    }

    .go-dpcm-col2-t-count {
        float: left;
    }

    #owl-demo5 .item {
        margin: 0 auto;
    }

    .go-dpcm-col2-b-text {
        text-align: center;
    }

    .owl-5 {
        display: none;
    }

    .go-dptri-text {
        text-align: left;
    }

    .Formtotal2 {
        float: left;
        margin-top: 10px;
    }

    .Lineinfo1, .Lineinfo2 {
        width: 100%;
        text-align: center;
    }

    .go-h-slider .prev4, .go-h-slider .next4 {
        display: none !important;
    }

    .BannerButton1 {
        font-size: 15px;
        padding: 11 25px;
        margin-top: 10px;
        display: inline-block;
    }

    .BannerButton2 {
        font-size: 13px;
        padding: 11 25px;
        margin-top: 10px;
        display: inline-block;
    }

    .formDiv4-inline {
        width: 30%;
    }

    .formDiv5-inline {
        width: 67%;
    }

    .cepSelect, .fancybox-inner {
        width: 100% !important;
    }

    #AlertModal {
        width: 90% !important;
        padding: 5% !important;
    }

    .fancybox-wrap {
        max-width: 90% !important;
        left: 5% !important;
    }

    .FormDiv4 {
        width: 100%;
        margin-bottom: 14px;
    }

    .top-nav {
        padding: 0px;
        margin-top: 20px !important;
    }

    .LogoutTopBtn {
        width: 100%;
        padding-left: 14%;
        height: 27px;
        line-height: 20px;
        outline: none;
        text-align: left;
        background: none;
        border: none;
        margin: 0px;
        float: left;
        color: #000;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0px;
        font-weight: 500;
        font-size: 15px;
        padding-bottom: 10px;
    }

    .Mob-right {
        margin-left: 22%;
    }

    .Mob-AppBG {
        width: 11%;
    }

    .go-ht-right {
        position: absolute;
    }

    .top-nav {
        background-color: transparent;
    }

    .smallLogo img {
        display: block;
    }

    .mobileMenus {
        display: inline-block;
    }

    .profilMenus {
        width: auto !important;
    }

    #owl-demo3.owl-carousel .owl-stage,
    #owl-demo3.owl-carousel .owl-stage-outer {
        height: auto !important;
    }

    .go-header, .go-h-slider {
        min-height: 350px;
    }

    .HomeBannerTitle {
        font-size: 21px;
        line-height: 20px;
    }

    #HomeBannerLeft {
        margin: 20px auto;
        display: table-cell;
        vertical-align: middle;
    }

    #BannerDivCont {
        margin: 50px auto;
    }

    .Pointinfo {
        left: 28px !important;
        right: inherit;
    }

    .acilirDivTop4 {
        margin-left: -32px !important;
    }

    #invoicetablefilter {
        display: none;
    }

    .checkin-table tbody td:nth-child(1) {
        max-width: 26px;
    }

    .checkin-table tbody td:nth-child(3),
    .checkin-table tbody td:nth-child(4) {
        min-width: 40px;
    }

    a.go-dpcm-col1-btn {
        font-size: 13px;
        padding: 7px 20px;
        width: 84%;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px;
    }

    .ModalFaturaTable a.ProfileBtn {
        width: 84%;
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    button.primaryBtn {
        width: 100px !important;
        height: 40px;
        float: left;
        background: #fbd70d;
        text-indent: 0px !important;
        outline: none;
        cursor: pointer;
        border: none !important;
        border-radius: 4px;
        line-height: 40px;
        font-weight: bold;
        color: #000 !important;
        font-size: 14px;
        text-align: center;
    }

    button.primaryBtn {
        width: 100px !important;
        height: 40px;
        float: left;
        background: #fbd70d;
        text-indent: 0px !important;
        outline: none;
        cursor: pointer;
        border: none !important;
        border-radius: 4px;
        line-height: 40px;
        font-weight: bold;
        color: #000 !important;
        font-size: 14px;
        text-align: center;
    }

    body #profilBox .profilBoxCont button.primaryBtn, body #profilBox .profilBoxCont .BtnFirst.various {
        min-width: 100%;
        padding: 0px !important;
    }
}

@media screen and (max-width: 340px) {
    .register-container .register-form .promcodetxt {
        width: 34%;
        margin-left: 7%;
    }
}

@media screen and (max-width: 480px) {
    .register-container .register-box-bottom .register-box-text {
        bottom: 60px;
        padding: 0 10px;
        height: auto;
    }

    .go-SatinAl .register-container .wizard > .actions a {
        margin-left: 0px;
    }

    body .register-container {
        padding: 0;
    }

    .formErrorContent {
        margin-left: -105px;
    }

    .register-container .iso-nav {
        width: 100%;
        overflow: auto;
    }

    .iso-nav::-webkit-scrollbar {
        display: none;
    }

    body .register-container .wizard > .content > .body ul {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: inherit;
    }

    body .register-container .wizard .content .register-form .register-tab li {
        display: table;
    }

    .register-container .register-form .owl-dots {
        margin-top: -80px;
    }

    .register-container .register-form .owl-theme .owl-dots .owl-dot.active span, .register-container .register-form .owl-theme .owl-dots .owl-dot:hover span {
        background-color: #fff !important;
        border: 4px solid #fff !important;
        width: 6px !important;
        height: 6px;
    }

    .register-form {
        padding: 14px 14px 0px 14px !important;
    }
    /*Wizard*/
    /*.register-container .wizard > .content {
        background-color: transparent;
    }*/
    .register-container .register-form .register-banner {
        background-image: none;
        padding: 5px 10px;
        margin-bottom: 10px;
    }

    .register-container .register-form .owl-theme .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
    }

    .register-container .register-form .register-bb-cont {
        margin-right: 10px;
        width: 100%;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
    }

    .register-container .register-banner .title {
        font-size: 16px;
        font-weight: bold;
    }

    .register-container .register-banner .text {
        font-size: 10px;
    }

    .register-container .wizard .content .register-form .register-tab li {
        padding: 0 5px;
    }

    .register-container .register-tab li a {
        font-size: 10px;
    }

    .register-container .register-form .box {
        background-color: #fff;
        padding: 10px;
    }

    .register-container .register-box-title {
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .register-container .register-box-text {
        font-size: 8px;
        height: 120px;
        overflow: auto;
    }

    .register-form .register-banner {
        height: 126px;
    }

    .go-SatinAl .FormLinetotal .Formtotal1 {
        width: 95%;
    }

    #register-login-box {
        width: 100% !important;
    }

    .register-form .register-box-star {
        width: 10px;
        background-size: cover;
        height: 10px;
        margin-right: 4px;
    }

    .register-container .register-box-gift span {
        font-size: 8px;
    }

    .register-box-gift span {
        vertical-align: text-top;
    }

    .register-container .register-box-gift {
        margin: 4px 0;
        height: 10px;
        bottom: 64px;
        left: 10px;
    }

    .register-container .register-box-button {
        font-size: 8px;
    }

        .register-container .register-box-button b {
            font-size: 14px;
        }

    .register-container .register-form .register-box-button {
        border: 1px solid #fbd70d;
        border-radius: 8px;
        height: 30px;
        line-height: 30px;
        bottom: 26px;
        left: 10px;
        right: 10px;
    }

    .register-container .register-form .register-box-price {
        font-size: 8px;
        height: 15px;
        bottom: 5px;
    }

    .register-container .register-form .box {
        min-height: 230px;
    }

    .register-container .register-form .actions.clearfix {
        background-color: transparent;
    }

    .register-container .wizard .register-form .register-tab {
        padding: 10px 0px 10px 0px;
    }

    .register-container .register-form .box.green .register-box-title {
        /*height: 65px;*/
    }

    .register-container .register-form .register-box-sign {
        border: 1px solid #fbd70d;
        border-radius: 8px;
        font-size: 14px;
        bottom: 26px;
        height: 30px;
        line-height: 30px;
        padding: 0px;
        left: 10px;
        right: 10px;
    }

    .go-SatinAl .FormLinetotal {
        margin: 5px;
    }

    #steps-uid-0 > div:last-child li:nth-child(2) {
        border: none;
        margin: 0px;
    }

    .register-container .register-form .box.green .register-box-text {
        height: 63px;
    }
    /*body .register-container .actions.clearfix {
        background-color: transparent;
    }*/
    /*Wizard end*/
    /*.register-form .box.green {
        display: none;
    }*/
    .FormDiv1 {
        max-width: inherit;
    }
    /*.TotalDiv1                                  { width: 53%; text-align: left; line-height: 30px; }*/
    .stepCount {
        width: 100%;
    }

        .stepCount label {
            line-height: 17px;
            padding-top: 6px;
        }

    .tableDiv {
        width: 100% !important;
    }

    .go-dmccbi-flags {
        width: 92%;
    }

    .go-header, .go-h-slider {
        min-height: 450px;
    }

    .go-dptri-text {
        text-align: left;
        float: left;
        margin-top: 9px;
        width: 80%;
    }

    .wizard > .content > .body label.error {
        left: 0;
    }

    .BlogKatList li a {
        height: 20px;
        line-height: 20px;
    }

    .BlogKatList {
        margin-top: 15px;
    }

    #owl-demo7 {
        margin-top: 0;
    }

        #owl-demo7 .owl-controls {
            margin-top: 0px !important;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0px;
        }

        #owl-demo7 .owl-nav {
            height: 100%;
            position: absolute;
        }

        #owl-demo7.owl-theme .owl-nav {
            top: 0px;
            width: 100%;
        }

    .CommentBox {
        width: auto;
        padding: 20px;
        height: auto;
        min-height: 200px;
    }

    #owl-demo7.owl-theme .owl-dots .owl-dot {
        margin: 5px 4px;
    }

    #owl-demo7 .owl-prev {
        left: -7%;
        top: 28%;
    }

    #owl-demo7 .owl-next {
        right: -7%;
        top: 28%;
    }

    #owl-demo6 {
        position: relative;
    }

        #owl-demo6 .owl-controls {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0px;
        }

        #owl-demo6 .owl-nav {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0px;
        }

        #owl-demo6 .owl-prev {
            left: 0px;
        }

        #owl-demo6 .owl-next {
            right: 0px;
        }

        #owl-demo6.owl-theme .owl-nav [class*=owl-] {
            top: 50%;
        }

        #owl-demo6 .owl-dots {
            position: absolute;
            width: 100%;
            bottom: 0px;
            height: auto;
        }

    .go-dmcr-kelime2 {
        margin-bottom: 10px;
        float: none;
        width: 38%;
        display: inline-block;
    }

        .go-dmcr-kelime2 .FilterSelect1 {
            width: 100%;
        }

    .go-dmc-contRestAll {
        margin: 0;
    }

    #MusteriYorumlar {
        height: auto !important;
        float: none;
        clear: both;
    }

    #EfaturaBox, #CheckinBox {
        overflow: scroll;
    }

    #PhotoEditBox {
        overflow: scroll;
        width: 90% !important;
    }

    #profilBox {
        overflow: scroll;
        width: 83% !important;
    }

        #profilBox .FormDiv1.floatRight {
            float: left !important;
        }

    .wizard > .content > .body input[type=radio] {
        float: right;
    }

    .googlePlayBtn {
        width: 50%;
        margin-left: 0;
        margin-top: 10px;
    }

    .appStoreBtn {
        width: 52%;
    }

    .googlePlayBtn.diners {
        width: 50%;
        margin-left: 0;
        margin-top: 25px;
    }

    .appStoreBtn.diners {
        width: 50%;
    }

    .PlatinumLogo {
        float: right;
        margin-left: 20px;
        margin-top: -27px;
    }

    .dinersClubSmallLogo {
        float: right;
        margin-left: 20px;
        margin-top: -44px;
    }

    .FormDiv1 input {
        float: none;
    }

    .FormDiv1 label {
        padding-top: 5px;
    }

    .firsatBox {
        width: 90%;
        padding: 4%;
        margin-left: 1%;
        margin-right: 1%;
        height: auto;
    }

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

    .FirsatLink {
        float: left;
        width: 100%;
    }

    .DetailBannerTitle {
        margin-top: 30px;
    }

    .ContentTitle {
        width: 94%;
        margin: auto 3%;
        letter-spacing: 1px;
        font-size: 18px;
    }

    .fancyboxEkAyricalik.mbl {
        width: 100% !important;
    }

    .gd-restaurantContact {
        padding-top: 15px !important;
    }

    .restaurantContact div#partnerRestoranlar {
        padding-bottom: 0px !important;
        height: auto;
    }

    .gea-row {
        margin: 0px;
    }

    .gea-col-md-4 {
        width: 100%;
        margin: 0 auto;
        padding: 0px;
    }

    .gea-Box {
        width: 80%;
        margin: 10px auto;
    }

    .geab-hoverBox {
        bottom: -11px !important;
        left: 20px;
        width: 86%;
    }

    .HomeBannerTitle {
        font-size: 33px;
        line-height: 36px;
    }

    .HomeBannerTxt1,
    .HomeBannerTxt2 {
        font-size: 15px;
        line-height: 18px;
        margin-top: 10px;
    }

    .BannerButton2 {
        margin-left: 4%;
    }

    .tumRestoranBtn {
        margin-top: -5px;
    }

    .btn.next,
    .btn.next2 {
        position: absolute;
        right: 16%;
    }

    .btn.prev,
    .btn.prev2 {
        position: absolute;
        left: 16%;
    }

    ul.go-ftcl-list li {
        width: 100%;
    }

    #BannerDivCont {
        margin-top: 75px;
        display: table;
        height: 79%;
    }

    .HomeBannerTitle {
        font-size: 19px;
        line-height: 21px;
        margin-top: 21px;
    }

    .HomeBannerTxt1,
    .HomeBannerTxt2 {
        font-size: 13px;
        line-height: 16px;
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    .siziArayalimTitle,
    .arkadasinaOnerTitle {
        font-size: 15px;
    }

    .ebultenKayit {
        width: 100%;
    }

    .ebulteninput {
        width: 65%;
    }

    .ebultenButton {
        width: 44px;
        float: right;
    }

    #footerBottom {
        padding-bottom: 70px;
    }

    .go-ftc-right {
        width: 100%;
        margin-top: 15px;
    }

        .go-ftc-right span {
            float: left;
            margin-left: 25px;
        }

    .go-ftcl-list {
        width: 40%;
        margin-left: 7%;
    }

    .go-ftc-links {
        width: 100%;
    }

    .go-ftcl-list li a {
        line-height: 15px;
        padding: 8px 0;
    }

    .EbultenBox {
        margin-left: 0px;
        width: 100%;
    }

    .siziArayalim {
        height: 160px;
    }

    .arkadasinaOner {
        height: 160px;
    }

    .MbSliderText {
        font-size: 20px;
    }

    .MbGooglePlay {
        margin: 10px 0 0 0px;
    }

    #gastroMobil2 .owl-controls {
        margin-top: -150px;
    }

    .HomeBannerButtons {
        margin-top: 5px;
        bottom: 0px;
    }

    .discFlag {
        margin: 120px 5% 0 75%;
    }

    .go-dmcc-box {
        width: 94%;
        margin-left: 3%;
    }

        .go-dmcc-box:nth-child(2n+1) {
            width: 94%;
            margin-left: 3%;
        }

    .go-dmc-right {
        width: 100%;
        text-align: center;
    }

    .go-dmcr-title {
        width: 100%;
    }

    .go-dmcr-kelime {
        float: none;
        display: inline-block;
    }

    .DetailBannerTitle {
        width: 90%;
        margin-left: 5%;
        font-size: 35px;
        line-height: 38px;
        margin-top: 15px;
    }

    b.mbl-restaurantContact {
        font-size: 28px;
    }

    .DetailBannerText {
        font-size: 18px;
    }

        .DetailBannerText.diners {
            margin-top: 9px !important;
            text-shadow: 2px 2px 6px #000;
            padding: 5px;
            margin: 0px;
            width: 97%;
            font-size: 15px;
        }

    .social {
        float: left;
        margin-left: 5%;
    }

    .btn.prev7 {
        margin-left: 20px;
    }

    .go-dmcc-list li {
        width: 92%;
        padding: 2%;
        margin-left: 2%;
        height: auto;
    }

        .go-dmcc-list li:nth-child(4n+1) {
            margin-left: 2%;
        }

        .go-dmcc-list li:nth-child(2n+1) {
            width: 92%;
        }

    .detay-url,
    .go-rmctit-fav {
        display: none;
    }

    .go-rmctic-info {
        margin-bottom: 10px;
    }

    .go-rmct-logo {
        width: 110px;
        height: 110px;
    }

        .go-rmct-logo img {
            width: 90%;
            max-width: 100%;
            max-height: 100px;
        }

    .tooltip .tooltiptext {
        width: auto;
    }

    .go-rmc-top {
        margin-top: -65px;
    }

    .go-rmct-buttons {
        right: 0px;
        margin-top: 60px;
    }

    .go-rmctb-gift,
    .go-rmctb-rez,
    .go-rmctb-disc {
        margin-left: 5px;
    }

    .giftIcon {
        line-height: 29px;
    }

    .go-rmct-buttons {
        width: 55%;
    }

    .go-rmctb-list {
        white-space: nowrap;
        overflow-x: visible;
        overflow-y: hidden;
        width: 100%;
        margin-right: 5px;
        height: 60px;
        padding-top: 10px;
        margin-top: -10px;
        float: right;
    }

    .go-rmctbl-item {
        display: inline-block;
        float: none;
    }

        .go-rmctbl-item span {
            float: none !important;
        }

    .go-dpcm-col2-top {
        text-align: center;
    }

    .go-dpcm-col2-t-icon {
        float: none;
        margin: 0 auto;
    }

    .go-dpcm-col2-t-text {
        width: 100%;
        margin-left: 0px;
    }

    .go-dpcm-col2-t-count {
        float: none;
        display: inline-block;
        margin: 0 auto;
        margin-top: 15px;
    }

    .go-dptrb-profil {
        margin-left: 0px;
        margin-top: 5px;
        font-size: 13px;
        box-sizing: border-box;
        width: 96%;
        text-align: left;
    }

    .go-dptrb-fatura {
        width: 84%;
        margin: 5px 0px;
        text-align: left;
    }

    .go-dptr-info {
        width: 100%;
    }

    .go-dptrb-profil2 {
        font-size: 13px;
        height: 36px;
        box-sizing: border-box;
        width: 92%;
        margin: 5px 15px;
        text-align: center;
    }

    a.go-dptrb-profil.SuggestLink {
        width: 92% !important;
        float: none !important;
        margin: 5px 15px;
        display: inline-block;
        text-align: center;
    }

    .checkin-table tbody {
        width: 100%;
        overflow: scroll;
    }

        .checkin-table tbody td {
            text-align: left;
            padding: 10px 0px;
        }

    .checkin-col3 {
        width: 100% !important;
    }

    #EfaturaBox, #CheckinBox {
        width: 100% !important;
        overflow: hidden;
        padding: 10px !important;
        padding-bottom: 40px !important;
    }

    .table-responsive {
        overflow-x: auto;
        min-height: 0.01%;
    }

    .go-dpcm-col3, .go-dpcm-col3-table tbody {
        width: 100%;
    }

    input#StartCheckin, input#FinishCheckin {
        width: 80px;
    }

    .checkin-col3 form.validation-form,
    .ModalFaturaTable {
        overflow: scroll;
    }

    select#RestSlc {
        width: 100px;
    }

    select#YearSlc {
        width: 71px;
    }

    select#MonthSlc {
        width: 80px;
    }

    .checpagination {
        bottom: -2px;
        width: auto;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        text-align: center;
    }

    .checkin-col3-box select.PageSized {
        bottom: -2px;
        height: 30px;
        display: none;
    }

    .siziArayalimimg {
        float: none;
    }

    .go-dptr-info {
        margin-top: 15px;
    }

    .UserPoint {
        float: left;
        margin-top: 10px;
    }

    #owl-demo8 .owl-controls {
        margin-top: -120px;
    }

    .LineTitle1,
    .Formtotal1,
    .FormDiv3,
    .FormDiv3 select,
    .FormDiv5,
    .go-rmcblc-list li a img,
    .FormDiv1,
    .yanHaklarimg img {
        width: 100%;
    }

    .FormDiv2 {
        float: left;
        width: 100%;
    }

    .Formtotal2 {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    /*.FormLinetotal .Formtotal1txt               { width: 70%; }*/
    #btnProm, #btnPromCancel { /*width: 25%; margin-left: 5%;*/
        font-size: 11px;
    }

    .FormDiv4 {
        width: 100%;
        margin-bottom: 14px;
    }

    #BlogBannerCont {
        width: 90%;
        padding: 0px 5% 10px 5%;
        height: auto;
        position: absolute;
        margin: 0px;
        bottom: 0px;
    }

    .BannerButton1 {
        font-size: 13px;
        padding: 9 15px;
        margin-top: 5px;
        display: inline-block;
    }

    .BannerButton2 {
        font-size: 12px;
        padding: 9 15px;
        margin-top: 5px;
        display: inline-block;
    }

    .BannerDisc {
        width: 35px;
        height: 35px;
        font-size: 13px;
        line-height: 35px;
    }

        .BannerDisc b {
            font-size: 15px;
        }

    .BannerRez {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
    }

    #owl-demo4 .owl-pagination {
        margin-top: -80px;
    }

    .go-rmcblc-list li {
        width: 45%;
        margin-left: 2%;
        padding: 1%;
    }

        .go-rmcblc-list li:nth-child(5n+1) {
            margin-left: 2%;
            padding: 1%;
            width: 45%;
        }

    .formDiv4-inline {
        margin-top: 10px;
        width: 40%;
    }

    .formDiv5-inline {
        width: 57%;
        margin-top: 9px;
    }

    .FormLine2 span.Formlabel {
        font-size: 13px;
    }

    .sikayetBtn {
        width: 100% !important;
    }

    #arkadasinaOnerForm {
        width: 90% !important;
        padding: 5% !important;
    }

    #AlertModal {
        width: 90% !important;
        padding: 5% !important;
    }

    .fancybox-wrap {
        width: auto !important;
        max-width: 90% !important;
        left: 5% !important;
        right: 5% !important;
    }

    .fancybox-inner {
        width: 100% !important;
        height: auto !important;
    }

    .letterBox, .go-r-Banner,
    .fancybox-prev span,
    .fancybox-next span {
        display: none;
    }

    .yanHakBox {
        width: 99%;
        height: auto !important;
    }

    #owl-demo3.owl-carousel .owl-stage,
    #owl-demo3.owl-carousel .owl-stage-outer {
        height: auto !important;
    }

    .yanHaklarimg {
        width: 35%;
    }

    .go-dpcm-col2-b-fav {
        text-align: center;
    }

    .HomeBannerTxt1 p {
        margin-bottom: 15px;
    }

    .AyricalikTitle {
        line-height: 20px;
    }

    .AyricalikText {
        line-height: 13px;
    }

    #AyricalikBox li {
        width: 90%;
        margin-left: 5%;
    }

        #AyricalikBox li:first-child {
            margin-left: 5%;
        }

    .go-rmcti-title, .go-rmcti-tur {
        text-shadow: none;
    }

    .go-r-BannerMobile {
        display: block;
    }

    .Mob-right {
        margin-left: 44%;
    }

    .Mob-AppBG {
        width: 30%;
    }

    .go-rmct-logo span {
        height: 115px;
    }

    .go-rmct-logo img {
        width: 100px !important;
    }

    .parnetSlider .owl-item {
        margin-right: 10px;
    }

    .gastroOnline .profilMenus {
        width: 39% !important;
        display: inline-block;
    }

        .gastroOnline .profilMenus li a {
            font-size: 11px;
        }

    .gastroOnline .Profilimg {
        width: 30px;
        height: 30px;
        margin-top: 0;
        margin-right: 5px;
    }

    .gastroOnline ul#menu li ul {
        right: 0px;
    }

    .gastroOnline .acilirDivTop {
        margin-right: -36px;
    }

    .gastroOnline .mobileMenus {
        display: inline-block !important;
        width: 77%;
        margin-right: -47px;
    }

    .gastroOnline .MobileMenu li span {
        font-size: 16px;
    }

    .gastroOnline .MobileMenu li {
        width: 45px;
    }

    .gastroOnline .go-ht-right {
        margin-top: 23px;
        margin-right: 2px;
    }

    #owl-demo .owl-prev {
        left: -32px;
    }

    #owl-demo .owl-next {
        right: -32px;
    }

    #owl-demo3 .owl-controls {
        margin: 0px;
    }

    #owl-demo7 {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .DetailBannerTextOdeabank {
        font-size: 20px;
        color: #fbd70d;
        margin-top: 10% !important;
        width: 90%;
        text-align: center;
        float: left;
        margin: 5%;
        text-shadow: 2px 2px #000;
    }

    #DetailOdeaBankBanner {
        width: 100%;
        height: 390px;
        background: #000 url(../images/nedirPageBanner.jpg) right bottom no-repeat;
        background-size: cover;
        background-position: 82%;
        padding-top: 30px;
    }

    #DetailTTPrimeBanner {
        width: 100%;
        height: 390px;
        background: #000 url(../images/ttprime.jpg) right bottom no-repeat;
        background-size: cover;
        background-position: 66%;
        padding-top: 30px;
    }

    .DetailBannerTextTTPrime {
        font-size: 18px;
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
        color: #fff;
        text-shadow: 1px 3px 4px #000;
    }

        .DetailBannerTextTTPrime span {
            width: 78%;
            display: block;
            margin: 0 auto;
        }

    .yanHaklarText2 {
        font-size: 12px;
        color: #252525;
    }

    .detaylibilgi2 {
        left: inherit;
        bottom: 0px;
        right: 0px;
    }

    .go-h-slider .owl-item .item .HomeBannerTxt1 p {
        font-size: 11px !important;
    }

    #BlogBanner .owl-theme .owl-dots .owl-dot {
        margin: 5px 5px;
        margin-top: 14px;
    }

    #owl-demo4.blogowl .owl-controls {
        width: 100%;
    }

    .BlogContText1, .BlogContText2 {
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    .BlogContText2 {
        display: block;
        font-size: 15px;
        margin: 0px;
        letter-spacing: 0px;
        line-height: 17px;
        float: none;
        min-height: 40px;
    }

    .BlogContText1, .BlogButtons {
        float: none;
    }

    div#BlogDetail {
        margin-top: 0px;
    }

    .fancybox-image, .fancybox-iframe {
        height: auto !important;
    }

    #BlogDetailPage {
        padding: 0px 0 40px;
    }

    .PostText4 img {
        width: auto !important;
        height: auto !important;
    }

    #BannerDiv2 {
        background-size: contain !important;
        background-position: center top !important;
    }

    #BlogBanner {
        height: 235px;
    }

    #BlogBannerCont {
        opacity: 1;
    }

    #owl-demo4.blogowl .owl-prev,
    #owl-demo4.blogowl .owl-next {
        top: 11%;
    }

    .gastro .containerHeader .go-ht-right {
        width: 135px !important;
    }

    ul#menu.profilMenus {
        position: relative;
    }

        ul#menu.profilMenus li.parent {
            position: absolute;
            right: 0;
            bottom: -35px;
        }
}

.go-dmainc-Cont ul {
    padding-left: 40px;
    list-style-type: disc;
    margin: 1px;
}

.go-dmainc-Cont li {
    list-style-type: disc;
}

.go-dmainc-Cont p {
    float: none;
}

div#Habit {
    max-width: 630px;
}

.banner .bannerText {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

    .banner .bannerText .bannerDescription {
        font-family: 'Open Sans', sans-serif;
        font-size: 40px;
        color: #fff;
        line-height: 40px;
    }

    .banner .bannerText .banneraltDesc {
        margin-top: 15px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        color: #fff;
        font-size: 23px;
    }

.bannerYazi {
    width: 100%;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.sliderBannerTop {
    width: 100% !important;
    position: relative !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

    .sliderBannerTop .HomeBannerTxt1 {
        margin-top: 1vw;
        float: none !important;
    }

.mbl-clear {
    display: block;
}

@media only screen and (min-width: 600px) and (max-width: 1025px) {
    div#DetailTTPrimeBanner {
        width: 100%;
        height: 390px;
        background-size: cover;
        background-position: 52% !important;
        padding-top: 30px;
    }

    div#DetailBannerCont {
        position: static;
    }

    div#WeGastroBannerCont {
        position: static;
    }

    .DetailBannerTextTTPrime {
        margin-top: 4% !important;
        float: none;
        display: block;
        margin-left: 5%;
        font-size: 24px;
    }

    .BannerButtonsMobil {
        margin-left: -16px;
    }

    span.detay-url {
        display: block;
        float: none;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1000px) {
    .banner .bannerDescription {
        font-size: 30px !important;
        line-height: 35px !important;
    }
}

@media only screen and (min-width: 430px) and (max-width: 599px) {
    .banner .bannerDescription {
        font-size: 17px !important;
        line-height: 25px !important;
    }

    .banner .HomeBannerButtons {
        margin-bottom: -140px;
    }

    .banner .bannerText .banneraltDesc {
        font-size: 13px !important;
    }

    span.mbl-clear {
        display: none;
    }

    .snow .item .cd-YeniYilHeyecani {
        font-size: 17px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 429px) {
    .banner .bannerDescription {
        font-size: 21px !important;
        line-height: 21px !important;
        letter-spacing: 0.8;
    }

    .banner .bannerText .banneraltDesc {
        font-size: 13px !important;
    }

    span.mbl-clear {
        display: none;
    }

    .snow .item .cd-YeniYilHeyecani {
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 319px) {
    .banner .bannerDescription {
        font-size: 15px !important;
        line-height: 10px !important;
    }

    .banner .HomeBannerButtons {
        margin-bottom: -140px;
    }

    .banner .bannerText .banneraltDesc {
        font-size: 13px !important;
    }

    span.mbl-clear {
        display: none;
    }

    .snow .item .cd-YeniYilHeyecani {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 345px) {
    .snow .item .HomeBannerTxt1 a {
        padding: 12px 15px;
    }
}

@media only screen and (max-height: 550px) {
    .snow .item .HomeBannerTxt1 a {
        padding: 8px 15px;
    }

    .snow .item .cd-YeniYilHeyecani {
        font-size: 13px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-bottom: 0px !important;
    }

    .snow .banner .bannerText .banneraltDesc {
        font-size: 13px !important;
    }
}

.chirismas_spacer {
    padding: 5px !important;
}

.bannerYazi .bannerText .HomeBannerText a {
    margin-bottom: 4px;
}

@media only screen and (max-width: 380px) {
    .bannerYazi .bannerText .HomeBannerText a {
        margin-right: 5px !important;
        padding: 8px 14px;
        font-size: 11px;
    }

    .snow .item .cd-YeniYilHeyecani {
        font-size: 12px !important;
    }
}



@media only screen and (min-width: 0px) and (max-width: 320px) {
    .gi-mockupIphone img {
        max-height: 160px;
    }

    .gi-downloadNow {
        font-size: 15px;
        padding: 5%;
    }

    .gi-da-text {
        font-size: 12px;
        width: 52%;
    }

    .gi-da-img {
        width: 46%;
    }

    .gi-close {
        margin-top: 10px;
    }

    .gi-logo {
        margin-top: 5%;
    }

    .banner .bannerDescription {
        font-size: 16px !important;
        line-height: 18px !important;
    }

    .MobileNav li a {
        padding: 5px 0 12px 6%;
    }
}

#packageDescription {
    padding: 10px;
    margin: 0px;
    margin-top: 10px !important;
    border: 1px solid #ccc;
    margin-top: -23px;
    width: 96%;
    background-color: rgba(235, 235, 235, 0);
    color: #777;
    text-align: center;
    border-radius: 4px;
    float: left;
    font-size: 13px !important;
    font-family: Arial;
}
/* ** New Year Banner Snow Start ** */
.snow:before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAMAAAD8CC+4AAAAflBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+yfIzaAAAAKnRSTlMAAgkMDQ4PERITFRlISVFUWVpgYmVobW5vc3Z3eXx9goSKjpWXoaOqrLIxv86ZAAACaElEQVR4Ae3dbW7iBhRA0WdcHJqCwRRDCsWvTT8m3v8GR7ADpPkx1jtnH1c3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYLHa9dQ3sVhvv359NPEScjrkORZr/vpz/idewuqamaexj2X65b95nv/+/IgX0O3zKZbp/Y/5KXjBlA9DF8v0NT/c34MX7C7HzLy1sUynf/+a5/n/t+AlYw73bGKpPuf7t7kJXrLNTRvL9fv821v8MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0K6nvgkqyemQ56CS1TUzT2Mf1NHt8ymoY8qHoQvq2F2OmXlrg0rGHO7ZBJVsc9MGAAAAAAAAAAAAFWIcxDiIcRDjIMZBjIMYBzEOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQLue+iaoJKdDnoNKVtfMPI19UEe3z6egjikfhi6oY3c5ZuatjUoYc7hnE5WwzU0bAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIB/LP6x+Mf+xPxj8Y/FPxb/WPxjAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABo11PfRCXkdMhzVMLqmpmnsY866Pb5FHUw5cPQRR3sLsfMvLVRCWMO92yiEra5aWOxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoF1PfROVkNMhz1EJq2tmnsY+6qDb51PUwZQPQxd1sLscM/PWRiWMOdyziUrY5qaNWgAAAAAAAAAAAABAmIkwE2EmwkyEmQgzEWYizAQAAAAAAAAAAAAAgO+81Sm+KMVvegAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAMAAAC3Ycb+AAABYlBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5zPnRAAAAdnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCorLC0uLzAxMjM0NTY3ODo7PD0+P0BBQkNERUZISktMTU5PUFFSU1VXWFlaW11eX2BhYmVnaGlqa21vcHJzdHV2d3l7fX5/gIGCg4WHZfG2JAAAB8BJREFUeAHt3X9XVNfZxvH7uvc+P2bmMDAM4DAZgmBAMQ+YRwSilWrRhBgpDZLGJNpKDbGNJjZJ7fuvdUz+yWoSLHj2Wv1+XgL3mn04++x9XSa5xxhchiS4Z2WrVUa3JMCLsf7c7KkqkyEFWXtu/cb1lemGy1A7Wdm7dOfwYPvcWJQMdXNrDDYPnj3dX+myZiVAbmVv4+7jw52lsTQGwkCyzuLm7e21mVaQ1Q6y0OjOnl3ot/mBJEIhb422m5nLkgB5iNGZRzr0nMlSBQAAAAAAAAAAAAAAAAAAAAAAAEAmN1kaoDSuycmG4AlcJJVckuE5hXJ41Tp3q4s8K4o8SmZQ/kMYQVRtv9HG2NSp8VbmZvDG9Mbdrw53ljqZrBbycuKti2vn+1UQ85A3B1cfDANtXFYHxZEz1z7+9IPlicIN3uit7n8xjHyyWigb/7+Pnvz9/pU3GjLoRSja71amG0FWB/mLgXz774G44WVs4FQVVdNAFKszv/3jZy+XLHjIGlWrjC5L4aEOmUIMwWQ10U/+7YVkQzW+GGZBMqRBL9iRgb1FAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOCePKSYZdHdkAR5XnXG22V0QwKkonP67ZXFqWaUoX6K1eyVP+zdXBpPIq8Lyjpv7/7t63vv9hvBUDsp6y7vff2PP/9m0HQZUkidXLhx70+770yVbqifvHFq6d2r///mSJQhAYrN8f5gaiR3GRIgD3mjWabzZggpuMuQEBkAAADx568XZPIQgsmQVoWGIQUalsycqjIZkqlhur4y3XBZ/RAavUt3DodFZbIUUOW3eTCs8pPVDgqN3sbdx4c7S2MMJLE62CBDAkJjWJicyUCl+E/hx9J9JELPmezXAAAAAAAAAAAAAGQukwxpkIcQgzORRMizZnu0yoMbUqCs3V84O9stgyEBCq2Zte3bm4udXIYUFqzO0s7hV3c3Ujm8zkC6F/afPju4Omi61Q+KY+e2Dw73V3slv5AUKDSmV67fWJ/jaG4iFKup2bn+WOEyJEAey1bVyIIbkiDzEKJMBuKOCDfH0clDFoPLkASFYmR8fKQIMiRAXk6cWV4+M8GLWhqUjb517aOPri1wyzgJUjF18eMnTz6+OFVIVjfIi96lz7799rNLPeL/k6Cse377/v0Pzo+zZCVBodVfvnJluU8wQhrkWTXxxhsTxE+lQh7zZrPIgiwN7P1I/pz9SlAIHGNKh0JWVq2SqJVESHm7d/p0r527IQGK1czFra3VmSrK6gcVE8u7Dx/uLk/wIp0Cqeitff7d9/fWepwKSOJLpIrJC3uPHu1dmOQh8vPkweV20hTb85dv3bo8346yX0J3V3byQXNedAaLi4POz61YkELZmR70Rk/+z6SQt0ZHW3mQ/UeQF93F9aur86/hM5vc4y+dQUCsZjc/eXBnvd90O2kyIh9/ieLouduPnx3emKuC1Q+KIwvvHz59cG22GWT1Q2j213b2t1fSKHWGPGvPLK2cm66iG9KYSKvTHW2wK57SgdgsumSvAzgzDgAAAAAAAAAAAAAAAAAAAAAAJEsHJHcZEop5LPIoWQrgoWhP9rojebAUwPOxuXfWlmcS6QVDaM28u/f57mqvdEMSMRhnb/31+4dbpytX/eFkUGwvDgdyhHRzhefkdgIQmsMla7oMR8nKrcoTSd+Gjv5Q/zErV3b8oKP+26s4MszKHYmyE8KLYRYk+3U8777Iyl05qaxcyI+wdSJ/mZW7flItQDhaRJ7yH7Jyk+jJQmJZuVBiWblQyJvtdjNPZR6Qh5SycqH6s3IBAAAFPyClFlLIsiy86kggnUjUeXQZjkrmHoKbkigDgDwWraqZBz+JuoxgOCKF5sSbc4PxRrBjE9sL7x9+c3BttuWGI/Ji8vzmzcuLnVzHedbsw5eVSzIcieLI/Nb9Lz+9PGi67HgotP6bUjIKxH7/5J9f3pyrgo6ztm/jlWr74HHkzHt/eXJ/881WPL6BhHL8RbFlMByVN3rvvLezdf44DxVJr1z9CmVV78zZuclmsGMk91ebBuSxMTJaFcGVxt4iNPxCL0sE2JkFAAAAAAAAAAAAAAAAAAAAAOB/o7sL8udSGQnkISubjVQSbiAvRk8NpsfLIEsAlI3NX7q6vthNI08a3uyv33nwyeZsFa1+UKjmbhw+e/zh2dEoqx0UWrPXHjw9fH9hJLrVD15OrWzv76z1G24JgMdq+tzK0kw7cxnSSKAY7XZaqcwDUogpJZ9CydWeQ7JUAQAAAAAAAAAAAAAAAAAAmblkiYA8xOguSwIU8ma73czTmAjkRWewuDjoFMESAMX2/OVbty7PtzNZ/aBi8sLeo0d7FyYLt9pBKnprn3/3/b21XhJX7aFiYnn34cPd5YncrX5QrGYubm2tzlRRlgAob/dOn+61c8kSAIWsrKoyC7I0QB5DUuOAZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAohBx7FGIwd2SAHnWbI+28iBLAKSs3V84O9sto6x+UGjNrG3f3lzsJJErBmWdpZ3Dr+5uTDeC1Q5S1l3Z/+bZwdVB02W1g7Kxc9sHX+yv9kq3+kGhMb1y/ebGXCJxulCspmbn+mOJhLdCHstW1ciCWxIgG0YhymoHohABAAAAAAAbEvgXStuuoNnAWXoAAAAASUVORK5CYII=), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAMAAABOo35HAAABGlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9y/ChlAAAAXnRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYoKSorLC8wMjM0NTY4OTo8PT4/QEFDSEpLTlBRUlNWV1pcXWBhYmdpa2xtb3B1dnd7fH6Bg4SFICRGzgAABJlJREFUeAHt3f9SE1kWwPF7zr23u5PODwiJEBI0IqAgQaMuS4Sgu2jvanQGxUEcZt7/Naacqpl/pmY8UFaaVH0/j/DlNEl3qs91zomqOFjdkFYAAIj64EUcDDRb7DRTJYSBpquPx7udyGgZaH04PS+2cmIZ+Obo9HK6QywLrW5MisPbKbEMJDT6693cE8tCfJolSisb+cr9PQAAAIg42IiPiSeX9SZvpdfiKZ6J1jaPjvfagdmyDNbSvz9enNxNiWUQlvY/fj4ZZMQy8FyGdhLq/IM3E43xhs8VAEBURRwsNFZrlaCEMJDYurczaPIIwULz+/99NxlUiGXgm08+/Ppup8Z1aKC1h//78J97FWIZSHLr4ZP7Le5dTDSpNXM+DY1E5//FFgAAAAAAAAAAAAAA1AcvDgYSqq12I6GWhVYHz8Y7C8yWgYTWsx8+vbSs7oGEzsGnn1/fzQyxoPXtl6//tRwNsSBx4fbd5Yo6A0hI02hsBREVBwAAgHldRAUNSVRTLkja6q3Ug6EWJLT3jo82a94ZMFiDk4uP++3gTIj1+WqxuAyVFAZ6hX/wkBD/+tUBAAAAnFao4gygSbOzkHlDLUjs7I4fr6aGWJB8qzifDuvq8E1a2377y+moaXhyCcn6h8Vko2qYLIjPV9f7DdPzJYgmWeqNrWA+rRAAAACiXp0FxKf1RtV0BwPNesPRRsNwDwMJi6Pp6aSfWGIRqzM+vyzWM0MsaHO3mB52oyEWNO1sba/laogF0VjNrT/YQJSxmoe3IiAak2DKBQ31Lqe3fv9zgfk9ISztn12cDFK5+b9U5XmiUm6s9v7Z5zmIpZXugwfdinAZGoT20zdvnpb8qovMyT/42H/x5cuLfnSlEh8Tf+NbSVw+eP/+wLRRiC+lmt959OhObvmrQnyl0ahwU2wjol7+sRW4iQUAAAAAAAAAAAAAURGZx51RKm7WQlarzt0+U4m1paVaEDdbmq9tb3VSKfVVAnFXpPXN/f3Nus76T9Q9nBbD0vYJib/OYEtcOTo7O1qJ4mZJsvXi8qfnnSDltLreYEvsHV9cHPdmHSvpT36cjha9K0dcvdZg+9beq1d7rTDjWL6xMRr2MnWlkOxecXk+7gR3NZK2B4N2KrM/JLdZT1VKipWsTU6vM9gasyxoGZ9GZaX6Y7BXM+Uww+892BBvTwVSAQAAAAAAAAAAAAAAAAAAAAAAAAAAAODF5ptD1FtXE4FlDHb2/TUcJCtJ//cFMmHOUmmSJd5eq7ydW+UTzbvr/UZws9/m9ta+9OqGkGzteTHZqEpZ69Tmida2316ejppeSlrUN0+kulWcT4d1LeNjRdx8kdjZHT9eTS2xoEmzs5ipONiW5npzK5RQCgAAAOD7NURjYjzwBD5f7rcrnhAGUrlz8OJpN2G0DLTx6P2XNw9yQyz4r7H+f/97x+IyhM9v9dsVdQYQjZGnvmbyZykAAAAAAAAAAAAAAAAAAES9OguIpvVG1bRoBpr1hqONhjfUQlgYTU8n/eSbsSAutsfnl8V6RixDLN/YLaaH3WiIBUk6W9truRpiQTRWq6k3tMJvuLRZnVwJllwAAAAASUVORK5CYII=);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    0% {
        background-position: 0 0,0 0,0 0;
    }

    50% {
        background-position: 500px 500px,100px 200px,-100px 150px;
    }

    100% {
        background-position: 500px 1000px,200px 400px,-100px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0 0,0 0,0 0;
    }

    50% {
        background-position: 500px 500px,100px 200px,-100px 150px;
    }

    100% {
        background-position: 400px 1000px,200px 400px,100px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0 0,0 0,0 0;
    }

    50% {
        background-position: 500px 500px,100px 200px,-100px 150px;
    }

    100% {
        background-position: 500px 1000px,200px 400px,-100px 300px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0 0,0 0,0 0;
    }

    50% {
        background-position: 500px 500px,100px 200px,-100px 150px;
    }

    100% {
        background-position: 500px 1000px,200px 400px,-100px 300px;
    }
}
/* ** New Year Banner Snow End ** */
.snow .banner .bannerText .banneraltDesc {
    font-size: 17px;
}

.snow .item #BannerDivCont {
    margin: 70px auto;
}

.snow .CountDown {
    margin-bottom: 0px;
}

.snow .item .cd-YeniYilHeyecani {
    height: 45px;
    line-height: 44px;
    font-size: 21.9px;
}

.snow .item .promokod {
    background: none !important;
    padding: 3px !important;
}

.snow .item .HomeBannerButtons {
    margin-top: 0px !important;
}

.snow .item .HomeBannerTxt1 a {
    margin: 15px 15px 0 0;
}

.blogSocialRight {
    float: right;
    padding-top: 4px;
}

.at-icon {
    fill: #fff;
    border: 0;
}

.stButton .stLarge {
    height: 20px !important;
    width: 45px !important;
    position: relative;
    background-image: none !important;
}

.share-facebook:hover {
    margin-bottom: 5px;
}

.share-facebook .stButton .stLarge {
    background-color: #3b5998;
}

.share-twitter .stButton .stLarge {
    background-color: #1da1f2;
}

.share-mail .stButton .stLarge {
    background-color: #848484;
}

.stButton .stLarge span {
    position: absolute;
}

.at-icon-wrapper {
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: 999;
    pointer-events: none;
}

.share-facebook {
    position: relative;
    display: inline-block;
}

.share-twitter {
    position: relative;
    display: inline-block;
}

.share-mail {
    position: relative;
    display: inline-block;
}

.stButton .stLarge:hover {
    margin-bottom: 5px;
}

.underlines {
    text-decoration: underline !important;
}

.colorBlack {
    color: black !important;
}

.go-h-slider .owl-item .item .HomeBannerText {
    padding: 15px;
}

.HomeBannerText {
    line-height: calc(1vw + 1vh + 2vmin) !important;
}

    .HomeBannerText a {
        padding: 12px 22px;
        font-size: 14px;
        margin: 0px 15 15 0;
        font-weight: 600;
        letter-spacing: 0.3px;
        border-radius: 50px;
        display: inline-block;
        line-height: 17px;
    }

.fancyboxEkAyricalik {
    width: 600px !important;
}

.bannerText p {
    padding: 20px;
}

.Formtotal1 ::-webkit-input-placeholder {
    color: #777 !important;
}

.Formtotal1 ::-moz-placeholder {
    color: #777 !important;
}

.Formtotal1 ::placeholder {
    color: #777 !important;
}

.display-table {
    display: inline-table;
}

.col-md-3 {
    float: left;
    width: 32%;
    padding-right: 12px;
}

    .col-md-3 div {
        width: 87%;
    }

.SearchPageCont {
    min-height: 100px;
}

.go-DetailTop .Searchinput::-webkit-input-placeholder {
    color: #696969 !important;
}

.go-DetailTop .Searchinput:-moz-placeholder {
    color: #696969 !important;
}

.go-DetailTop .Searchinput:-ms-input-placeholder {
    color: #696969 !important;
}

.go-DetailTop .Searchinput::-moz-placeholder {
    color: #696969 !important;
}

body .gc_faq_title {
    width: 85%;
    display: inline-block;
    vertical-align: middle;
}

body .gc_faq_icon {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
}

.no_profile {
    display: none !important;
}

.owl-item.snow #btnSecondBannerButton, .owl-item.snow #btnFirstBannerButton {
    min-width: 200px;
}

#profilBox .BtnFirst, #profilBox .primaryBtn {
    min-width: 148px;
    padding: inherit;
}





.PointText {
    float: left;
    color: #282828;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
}

.Pointvalue {
    color: #2a2a2a;
    font-size: 28px;
    font-weight: bold;
    float: left;
    line-height: 40px;
    margin-left: 10px;
}

.Pointicon, .pointcont {
    width: 12px;
    height: 12px;
    background-position: -188px -179px;
    float: left;
    margin: 15px 0 0 8px;
    cursor: pointer;
}

.Pointinfo {
    width: 240px;
    padding: 20px;
    border: 1px solid #d8d8d8;
    position: absolute;
    display: none;
    right: 0px;
    margin: 45px 0 0 -30px;
    background-color: #fff;
    font-size: 12px;
    color: #282828;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    z-index: 9;
}

.register-form {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 25px 20px 0px;
    margin: 0;
}
    /*.register-banner-list{
    display:block;
}*/
    .register-form .box {
        width: 30%;
        display: inline-block;
        box-shadow: 0 0 7px 0 rgba(215, 215, 215, 0.5);
        min-height: 370px;
        border-radius: 6px;
        box-sizing: border-box;
        padding: 20px;
        margin: 13px;
        float: left;
        cursor: pointer;
    }

        .register-form .box:hover {
            box-shadow: 0 0 7px 0 #fbd70d;
        }

        .register-form .box.green {
            background-color: #224f3d;
            color: #fff;
        }

            .register-form .box.green .register-box-title {
                border-bottom: 1px solid #1f382e;
            }

            .register-form .box.green .register-box-text {
                height: 105px;
            }

.register-banner-list {
    height: 343px;
}

.register-form .owl-dots {
    margin-top: -40px;
}

.register-form .register-banner {
    /*width: 100%;*/
    padding: 30px 50px;
    text-align: center;
    box-sizing: border-box;
    height: 333px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 30px;
}

.register-banner .title {
    font-size: 36px;
    color: #fbd70d;
    width: 100%;
}

.register-banner .text {
    font-size: 17px;
    color: #fff;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}

.wizard .register-form .register-tab {
    width: 100%;
    padding: 20px 0px 15px 0px;
    display: flex;
    justify-content: center;
}

.wizard .content .register-form .register-tab li {
    text-align: center;
    padding: 10px 30px;
}

.register-tab li a {
    font-size: 14px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

.register-tab li.active a {
    font-weight: bold;
    border-bottom: 2px solid #fbd70d;
}

.register-tab li a:hover {
    background-color: transparent;
}

.register-container .wizard > .content > .body {
    width: 100%;
}

.register-box-title {
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
    line-height: 26px;
    margin-bottom: 21px;
    padding-bottom: 16px;
    display: block;
    margin-top: 0px;
    font-size: 18px;
}

.register-box-text {
    font-size: 13px;
    height: auto;
    color: #5b5b5b;
    line-height: 1.53;
    overflow: hidden;
    letter-spacing: normal;
}

.register-box-bottom .register-box-text {
    bottom: 115px;
    position: inherit;
    padding: 0 20px;
}

.register-box-bottom {
    position: inherit;
    bottom: 0;
    left: 0;
    right: 0;
}

.green .register-box-text {
    color: #fff;
}

.register-box-gift {
    font-weight: bold;
    margin: 0px;
    height: 26px;
    position: absolute;
    bottom: 121px;
    left: 23px;
    right: 0px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 50px);
}

.register-box-button {
    width: auto;
    background-color: transparent;
    border: 2px solid #fbd70d;
    border-radius: 25px;
    height: 50px;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
    color: #252525;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    position: absolute;
    bottom: 48px;
    left: 20px;
    right: 20px;
    pointer-events: none;
}

    .register-box-button b {
        font-size: 24px;
        letter-spacing: -0.6px;
        margin-right: 5px;
    }

.register-box-price {
    color: #9d9d9d;
    text-align: center;
    font-size: 11px;
    height: 17px;
    line-height: 1.82;
    position: absolute;
    bottom: 16px;
    left: 0px;
    right: 0px;
}

.register-box-star {
    background-image: url(../images/star_icon.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
}

.register-box-gift span {
    vertical-align: text-top;
    font-size: 14px;
    line-height: 1.71;
    color: #252525;
}

.register-box-sign {
    width: auto;
    background-color: #fbd70d;
    border: 3px solid #fbd70d;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px;
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    bottom: 48px;
    left: 20px;
    right: 20px;
}

.register-form label:before {
    display: none !important;
}

.register-form input[type="radio"] {
    display: none !important;
}

    .register-form input[type="radio"]:checked ~ label {
        background-color: #fbd70d;
    }

.register-form input[type=radio]:checked + label {
    font-weight: 500 !important;
}

.register-box-close .close-icon {
    background-image: url(../images/fancybox_sprite.png);
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
}

.register-box-close {
    position: absolute;
    right: 2px;
    top: -4px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
}

    .register-box-close span {
        vertical-align: middle;
    }

.fancybox-skin {
    padding: 0 !important;
}

.register-box-checked {
    box-shadow: 0px 0px 5px 1px #fbd70d !important;
}

.register-fbox-title {
    background-color: #fbd70d;
    padding: 15px 0;
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #2a2a2a;
    width: 100%;
    text-align: center;
}

.register-container .actions.clearfix {
    background-color: #fff;
}

.register-container .wizard .content .register-form .register-tab li {
    display: inline-block;
}

.register-container .wizard > .content > .body ul {
    text-align: center;
    display: inline-block;
}

.register-container {
    margin-top: 20px;
    padding: 0 30px;
}

.go-SatinAl .register-container .FormLinetotal .Formtotal1 {
    display: inline-block;
    width: inherit;
}

.go-SatinAl .register-container .FormLinetotal {
    margin-left: 0px;
}

.register-bb-cont {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 50px;
    width: 100%;
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
}

@media only screen and (max-height:768px) {
    .register-banner-list, .register-form .register-banner {
        height: 126px;
    }
}

.register-container .register-form .owl-theme .owl-nav {
    display: none;
}

.fancybox-lock .fancybox-overlay {
    overflow-y: auto;
}

#loadingContainer, .register-welcome {
    display: none;
    background-color: rgba(0, 0, 0, 0.85);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -60px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-image: url(../../assets/images/logo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

    .loading:after {
        content: '';
        width: 120%;
        height: 120%;
        position: absolute;
        border-radius: 100%;
        top: -10%;
        left: -10%;
        opacity: 1;
        box-shadow: rgb(251, 215, 13) -4px -5px 3px -3px;
        animation: rotate 2s infinite linear;
    }

@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.register-container .FormLine2 input, .register-container select, .register-container .FormLine2 textarea {
    padding: 0 15px;
}

body .register-container .FormLine2 textarea {
    padding: 8px 15px;
}

.upgrade-package-container .wizard > .content {
    min-height: inherit;
}

.wizard > .steps .custom a, .wizard > .steps .custom a:hover, .wizard > .steps .custom a:active {
    background: #f9f9f9;
    color: #757575;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
}

.register-container .custom .number {
    background: url(../images/stepsMenuiconDis.png) center center no-repeat !important;
    font-size: 0px !important;
    width: 27px;
    height: 27px;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 17px 0 0 -25px;
}

body .register-container .wizard > .steps .current a, body .register-container .wizard > .steps .current a:hover, body .register-container .wizard > .steps .current a:active {
    background: #fbd70d;
}

.register-container .FormUyelikSatinAl .FormLine1 .PackageInformation {
    margin-top: 11px;
}

.register-container .wizard > .steps .error a, .register-container .wizard > .steps .error a:hover, .register-container .wizard > .steps .error a:active {
    background: #AF2F2F !important;
    color: #fff;
}

.go-DetailTop-cont {
    min-height: 100px;
}

#InviteFriend .formError .formErrorContent, .PasswordChangeForm .formError .formErrorContent, #PhotoForm .formError .formErrorContent {
    margin-left: -95px;
}

#childtype89 {
    display: none;
}

.go-d-main .gea-row .gea-Box .geab-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    max-height: 293px;
    height: 100%;
}

.go-ht-menus #menu .parent.menuactive ul {
    display: block !important;
}

.MbSliderStoreWrapper {
    padding-top: 10px;
    display: inline-block;
}

.register-container #AdresSec #CountyId {
    display: none;
}

.register-input-exp {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .register-input-exp span {
        position: absolute;
        right: 0px;
        bottom: -14px;
        font-size: 9px;
    }

ul#menu > li > a {
    text-transform: uppercase;
}

.gastro:not(.Android) .go-rmcbrot-cont .go-rmcbrotc-cont p span {
    color: #7b7b7b !important;
}

.ProfilBtn.icon-Ok.tip .tipr_container_top {
    margin-top: -50px;
}





/*Haktan*/
.select2-results {
    font-family: "SF UI Text Medium";
    font-size: 16px;
    color: #4a4a4a;
}

.select2-dropdown {
    border-radius: 8px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
}

.package-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 6px;
}

.package-content {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "";
    background-image: url(/assets/img/select-arrow.png);
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -18px;
    margin-top: 2px;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    background-size: 13px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
    transform: rotate(180deg);
    margin-left: -58px;
    margin-top: -32px;
}

.memberinfo-nav {
    width: 100%;
    margin-top: 10px;
    position: relative;
    margin-bottom: 0px;
}

@media screen and (max-width: 745px) {
    .memberinfo-nav {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.memberinfo-nav .border {
    position: relative;
    width: 24%;
    display: inline-block;
    margin-right: -70px;
}

@media screen and (max-width: 769px) {
    .memberinfo-nav .border {
        width: 14%;
        margin-right: 0px;
        margin-left: 39px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-nav .border {
        width: 14%;
        margin-right: 0px;
        margin-left: 49px;
        top: 6px;
    }
}

@media screen and (max-width: 426px) {
    .memberinfo-nav .border {
        position: absolute;
        margin-left: 5px;
        top: 63%;
        width: 4%;
        display: none;
    }
}

.memberinfo-nav .border:before {
    border: 1px dashed #ccc;
    content: "";
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    top: -10px;
}

.memberinfo-nav-one, .memberinfo-nav-two, .memberinfo-nav-three {
    display: inline-block;
    width: 19%;
    white-space: nowrap;
    font-size: 15px;
    color: #001328;
    font-family: "SF UI Text Bold";
    text-align: right;
    cursor: pointer;
}

@media screen and (max-width: 1025px) {
    .memberinfo-nav-one, .memberinfo-nav-two, .memberinfo-nav-three {
        font-size: 18px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-nav-one, .memberinfo-nav-two, .memberinfo-nav-three {
        font-size: 15px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-nav-one, .memberinfo-nav-two, .memberinfo-nav-three {
        width: 10%;
        font-size: 8px;
    }
}

@media screen and (max-width: 426px) {
    .memberinfo-nav-one, .memberinfo-nav-two, .memberinfo-nav-three {
        font-size: 8px;
        width: 32%;
    }
}

.memberinfo-nav-one.active:before, .memberinfo-nav-two.active:before, .memberinfo-nav-three.active:before {
    background-color: #fad70d;
    border: 1px solid #fad70d;
}

.memberinfo-nav-one.done:before, .memberinfo-nav-two.done:before, .memberinfo-nav-three.done:before {
    background-color: #1e382d;
    border: 1px solid #1e382d;
    content: "";
    background-image: url(../img/onay.png);
    background-repeat: no-repeat;
    padding: 8px 19px;
    text-align: center;
    background-position: center;
    background-size: 16px;
}

@media screen and (max-width: 769px) {
    .memberinfo-nav-one.done:before, .memberinfo-nav-two.done:before, .memberinfo-nav-three.done:before {
        background-size: 19px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-nav-one.done:before, .memberinfo-nav-two.done:before, .memberinfo-nav-three.done:before {
        background-size: 10px;
        padding: 4px 10px;
    }
}

.memberinfo-nav-one:before, .memberinfo-nav-two:before, .memberinfo-nav-three:before {
    content: "01";
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    color: #050505;
    font-family: "SF UI Text Bold";
    border-radius: 50%;
    padding: 10px;
    margin-right: 5px;
    background-color: #ffffff;
    border: 1px solid #707070;
}

@media screen and (max-width: 1025px) {
    .memberinfo-nav-one:before, .memberinfo-nav-two:before, .memberinfo-nav-three:before {
        font-size: 22px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-nav-one:before, .memberinfo-nav-two:before, .memberinfo-nav-three:before {
        font-size: 18px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-nav-one:before, .memberinfo-nav-two:before, .memberinfo-nav-three:before {
        font-size: 8px;
        background-size: 8px;
        padding: 4px 5px;
    }
}

.memberinfo-nav-two:before {
    content: "02";
}

@media screen and (max-width: 745px) {
    .memberinfo-nav-two:before {
        font-size: 8px;
        background-size: 8px;
        padding: 4px 5px;
    }
}

.memberinfo-nav-two:after {
    width: 33%;
}

.memberinfo-nav-three:before {
    content: "03";
}

@media screen and (max-width: 745px) {
    .memberinfo-nav-three:before {
        font-size: 8px;
        background-size: 8px;
        padding: 4px 5px;
    }
}

.memberinfo-nav-three:after {
    display: none;
}

.memberinfo-form {
    width: 100%;
    display: inline-block;
    /*right*/
}

.memberinfo-form-left {
    float: left;
    width: 42%;
    position: relative;
}


@media screen and (max-width: 745px) {
    .memberinfo-form-left {
        width: 100%;
    }
}

.memberinfo-form-left-img {
    width: 96%;
}

    .memberinfo-form-left-img img {
        width: 100%;
    }

.memberinfo-form-left-in {
    position: absolute;
    top: 70px;
    left: 70px;
    color: #ffffff;
    width: 67%;
    font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in {
        left: 50px;
        top: 60px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-form-left-in {
        left: 42px;
        top: 60px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-form-left-in {
        color: #363636;
        right: 0;
        top: 30px;
        left: auto;
        width: 45%;
    }
}

@media screen and (max-width: 426px) {
    .memberinfo-form-left-in {
        top: 0;
        width: 54%;
    }
}

.memberinfo-form-left-in .number-top {
    text-align: center;
    width: 100%;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in .number-top {
        font-size: 18px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-form-left-in .number-top {
        font-size: 15px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-form-left-in .number-top {
        font-size: 12px;
    }
}

.memberinfo-form-left-in .number-two {
    text-align: center;
    width: 100%;
    font-size: 20px;
    display: inline-block;
    font-weight: 600;
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in .number-two {
        font-size: 18px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-form-left-in .number-two {
        font-size: 15px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-form-left-in .number-two {
        font-size: 12px;
    }
}

.memberinfo-form-left-in .number-percent {
    text-align: left;
    font-size: 52px;
    display: block;
    font-weight: 600;
    padding-left: 40px;
    float: left;
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in .number-percent {
        font-size: 33px;
        margin-top: 14px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-form-left-in .number-percent {
        font-size: 27px;
        margin-top: 8px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-form-left-in .number-percent {
        font-size: 16px;
        padding-left: 47px;
        margin-top: 8px;
        text-align: right;
        width: 30%;
    }
}

@media screen and (max-width: 426px) {
    .memberinfo-form-left-in .number-percent {
        padding-left: 0;
    }
}

.memberinfo-form-left-in .number {
    text-align: left;
    font-size: 175px;
    display: block;
    font-weight: 600;
    margin-top: -30px;
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in .number {
        font-size: 118px;
        margin-top: -10px;
    }
}

@media screen and (max-width: 769px) {
    .memberinfo-form-left-in .number {
        font-size: 91px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-form-left-in .number {
        font-size: 54px;
        margin-top: -4px;
        text-align: center;
        width: 45%;
        float: left;
    }
}

.memberinfo-form-left-in .number-bottom {
    text-align: right;
    font-size: 35px;
    display: block;
    font-weight: 700;
    margin-top: -30px;
    margin-right: 40px;
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in .number-bottom {
        font-size: 32px;
        margin-top: -16px;
        margin-right: 46px;
    }
}

@media screen and (max-width: 1025px) {
    .memberinfo-form-left-in .number-bottom {
        font-size: 25px;
        margin-right: 32px;
    }
}

@media screen and (max-width: 745px) {
    .memberinfo-form-left-in .number-bottom {
        font-size: 16px;
        margin-right: auto;
        margin-top: -8px;
        text-align: center;
        width: 103%;
        clear: left;
    }
}

.memberinfo-form-right {
    float: left;
    width: calc(58% - 35px);
    padding-right: 35px;
}




@media screen and (max-width: 745px) {
    .memberinfo-form-right {
        width: 100%;
        padding: 0;
    }
}

.memberinfo-form-right-text {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

    .memberinfo-form-right-text h1 {
        font-family: "SF UI Text Semibold";
        font-size: 17px;
        color: #fad70d;
    }

@media screen and (max-width: 769px) {
    .memberinfo-form-right-text h1 {
        font-size: 20px;
        line-height: 28px;
    }
}

.memberinfo-form-right-text p {
    font-family: "SF UI Text Medium";
    font-size: 14px;
    color: #575a73;
    margin-top: -10px;
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right-text p {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 426px) {
    .memberinfo-form-right {
        width: 100%;
    }
}

.memberinfo-form-right-title {
    font-family: "SF UI Text Bold";
    font-size: 13px;
    color: #2c2c2c;
    width: 100%;
    margin-top: 10px;
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right-title {
        font-size: 16px;
    }
}

.memberinfo-form-right-input {
    width: 100%;
}

    .memberinfo-form-right-input input {
        width: 100%;
        height: 35px;
        border: 1px solid #707070;
        border-radius: 12px;
        margin-top: 10px;
        padding: 0px 10px;
        font-size: 12px;
        color: #575a73;
    }

.memberinfo-form-right .promotion-note {
    font-family: "SF UI Text Bold";
    font-size: 13px;
    color: #2c2c2c;
    width: 100%;
    margin-top: 10px;
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right .promotion-note {
        font-size: 16px;
    }
}

.memberinfo-form-right-promotion {
    background-color: #eaeaea;
    padding: 10px;
    border-radius: 12px;
    display: inline-block;
    width: 96%;
    margin-top: 10px;
    padding-top: 3px;
}

    .memberinfo-form-right-promotion h2 {
        font-family: "SF UI Text Bold";
        font-size: 13px;
        color: #4f4f4f;
        padding-top: 0;
        margin-top: -4px;
        padding-bottom: 0;
        margin-bottom: -5px;
    }

    .memberinfo-form-right-promotion input {
        width: 70%;
        height: 31px;
        border: none;
        border-radius: 4px;
        margin-top: 5px;
        padding: 0px 10px;
        font-size: 18px;
        color: #575a73;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        float: left;
    }

@media screen and (max-width: 1025px) {
    .memberinfo-form-right-promotion input {
        width: 58%;
        margin-right: 35px;
    }
}

@media screen and (max-width: 426px) {
    .memberinfo-form-right-promotion input {
        margin-right: 25px;
    }
}

.memberinfo-form-right-promotion button {
    width: 29%;
    height: 31px;
    border-radius: 4px;
    margin-top: 5px;
    background-color: #1f382e;
    font-family: "SF UI Text Bold";
    font-size: 13px;
    color: #ffffff;
    border: none;
    float: left;
    margin-left: 6px;
    cursor: pointer;
}

.memberinfo-form-right-note {
    font-family: "SF UI Text Medium";
    font-size: 13px;
    color: #000000;
    margin-top: 10px;
}

    .memberinfo-form-right-note span {
        font-family: "SF UI Text Bold";
    }

.memberinfo-form-right-checked {
    margin-top: 0;
}

    .memberinfo-form-right-checked input {
        position: relative;
        width: 16px;
        height: 16px;
        margin: 0;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
    }

        .memberinfo-form-right-checked input:after {
            content: "";
            position: absolute;
            display: block;
            z-index: 1;
            width: 19px;
            height: 20px;
            border: 1px solid #d3d4dc;
            border-radius: 2px;
        }

    .memberinfo-form-right-checked label {
        color: #000000;
        font-family: "SF UI Text Medium";
        margin-left: -17px;
        line-height: 31px;
        margin-top: 9px;
    }

@media screen and (max-width: 769px) {
    .memberinfo-form-right-checked label {
        font-size: 14px;
    }
}

.memberinfo-form-right-checked input[type=checkbox]:before {
    background-color: #fad70d;
    background-size: 8px;
    background-repeat: no-repeat;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 13px;
    height: 13px;
    color: #d3d4dc;
    background-position: 3px;
    margin: 3px;
}

.memberinfo-form-right-checked input[type=checkbox]:checked + label {
    color: #000000;
    font-family: "SF UI Text Medium";
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right-checked input[type=checkbox]:checked + label {
        font-size: 14px;
        padding-right: 0;
    }
}

.memberinfo-form-right-checked input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #d3d4dc;
    border-radius: 2px;
}

.memberinfo-form-right-send {
    width: 211px;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    float: right;
    border: none;
    font-family: "SF UI Text Bold" !important;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 55px;
    cursor: pointer;
    position: relative;
    margin-right: 10px !important;
    top: -75px;
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right-send {
        font-size: 18px;
        width: 150px;
        height: 43px;
        position: relative;
    }
}

.memberinfo-form-right-send img {
    margin-top: 3px;
    position: absolute;
    margin-left: 11px;
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right-send img {
        width: 11px;
        margin-top: 3px;
        margin-left: 6px;
    }
}

/*memberinfo*/
.container {
    width: 1164px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 1025px) {
    .container {
        width: 965px;
    }
}

@media screen and (max-width: 769px) {
    .container {
        width: 100%;
    }
}

.yellow-button {
    background-color: #fad70d;
    border-radius: 12px;
    height: 50px;
}

    .yellow-button a {
        color: #292929;
        font-size: 34px;
        font-family: "SF UI Text Bold";
        display: block;
        width: 100%;
        height: 100%;
    }

@media screen and (max-width: 1025px) {
    .yellow-button a {
        font-size: 18px;
    }
}

@media screen and (max-width: 426px) {
    .yellow-button a {
        font-size: 16px;
    }
}

.member-bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 769px) {
    .member-bg {
        background-position: top;
    }
}

.member-login-c {
    width: 841px;
    margin: 0 auto;
    height: 100%;
    max-height: 100%;
    display: table;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 769px) {
    .member-login-c {
        width: 100%;
    }
}

.member-login-c .member-login-text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    line-height: 70px;
}

@media screen and (max-width: 1025px) {
    .member-login-c .member-login-text {
        line-height: 50px;
    }
}

.member-login-c .member-login-text h1 {
    font-family: "SF UI Text Bold";
    font-size: 35px;
    text-align: center;
    color: #ffffff;
    text-shadow: -2px 4px #000000;
}

@media screen and (max-width: 1025px) {
    .member-login-c .member-login-text h1 {
        font-size: 28px;
    }
}

@media screen and (max-width: 769px) {
    .member-login-c .member-login-text h1 {
        font-size: 26px;
    }
}

@media screen and (max-width: 426px) {
    .member-login-c .member-login-text h1 {
        font-size: 23px;
    }
}

.member-login-c .member-login-text h1 span {
    font-size: 68px;
    color: #fad70d;
    font-family: "SF UI Text Regular";
    width: 100%;
    display: block;
}

@media screen and (max-width: 1025px) {
    .member-login-c .member-login-text h1 span {
        font-size: 37px;
    }
}

@media screen and (max-width: 769px) {
    .member-login-c .member-login-text h1 span {
        font-size: 35px;
    }
}

@media screen and (max-width: 426px) {
    .member-login-c .member-login-text h1 span {
        font-size: 25px;
    }
}

.member-login-c .member-login-text p {
    font-family: "SF UI Text Bold";
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    margin-top: 40px;
    text-shadow: -2px 4px #000000;
    display: block;
}

@media screen and (max-width: 1025px) {
    .member-login-c .member-login-text p {
        font-size: 24px;
    }
}

@media screen and (max-width: 769px) {
    .member-login-c .member-login-text p {
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (max-width: 426px) {
    .member-login-c .member-login-text p {
        font-size: 13px;
    }
}

.member-login-c .member-login-text p span {
    font-size: 60px;
    color: #fad70d;
}

@media screen and (max-width: 1025px) {
    .member-login-c .member-login-text p span {
        font-size: 37px;
    }
}

@media screen and (max-width: 769px) {
    .member-login-c .member-login-text p span {
        font-size: 35px;
    }
}

@media screen and (max-width: 426px) {
    .member-login-c .member-login-text p span {
        font-size: 25px;
    }
}

.member-login-c .member-button {
    margin: 0 auto;
    height: 77px;
    width: 395px;
    text-align: center;
    line-height: 76px;
    margin-top: 65px;
}

@media screen and (max-width: 769px) {
    .member-login-c .member-button {
        width: 100%;
        height: 55px;
        line-height: 55px;
    }
}

/*member-login-c*/
.modal-fix {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    display: none;
}

    .modal-fix .modal-bg {
        background-color: #000000 !important;
        opacity: 0.8 !important;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .modal-fix .modal-fix-in {
        background: #ffffff;
        left: 50%;
        top: 50%;
        width: 500px;
        height: auto;
        position: absolute;
        z-index: 10002;
        min-height: auto;
        border-radius: 20px;
        transform: translate(-50%, -50%);
        min-height: 200px;
        padding-bottom: 25px;
        overflow: hidden;
    }

.modal-fix-ootp {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    display: none;
}

    .modal-fix-ootp .modal-bg {
        background-color: #000000 !important;
        opacity: 0.8 !important;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .modal-fix-ootp .modal-fix-in {
        background: #ffffff;
        left: 50%;
        top: 50%;
        width: 500px;
        height: auto;
        position: absolute;
        z-index: 10002;
        min-height: auto;
        border-radius: 20px;
        transform: translate(-50%, -50%);
        min-height: 200px;
        padding-bottom: 25px;
        overflow: hidden;
    }

.modal-fix-pay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 0;
    display: none;
}

    .modal-fix-pay .modal-bg {
        background-color: #000000 !important;
        opacity: 0.8 !important;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .modal-fix-pay .modal-fix-in {
        background: #ffffff;
        left: 50%;
        top: 50%;
        width: 500px;
        height: auto;
        position: absolute;
        z-index: 10002;
        min-height: auto;
        border-radius: 20px;
        transform: translate(-50%, -50%);
        min-height: 200px;
        padding-bottom: 25px;
        overflow: hidden;
    }

.modal-fix-kartekle {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    display: none;
}

    .modal-fix-kartekle .modal-bg {
        background-color: #000000 !important;
        opacity: 0.8 !important;
        position: fixed;
        width: 100%;
        height: 100%;
    }

    .modal-fix-kartekle .modal-fix-in {
        background: #ffffff;
        left: 50%;
        top: 50%;
        width: 500px;
        height: auto;
        position: absolute;
        z-index: 10002;
        min-height: auto;
        border-radius: 20px;
        transform: translate(-50%, -50%);
        min-height: 200px;
        padding-bottom: 25px;
        overflow: hidden;
    }

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-in {
        width: 90%;
    }

    .modal-fix-ootp .modal-fix-in {
        width: 90%;
    }

    .modal-fix-pay .modal-fix-in {
        width: 90%;
    }

    .modal-fix-kartekle .modal-fix-in {
        width: 90%;
    }
}

.modal-fix .modal-fix-in.package {
    width: 587px;
    padding-bottom: 0;
}

.modal-fix-ootp .modal-fix-in.package {
    width: 587px;
    padding-bottom: 0;
}

.modal-fix-pay .modal-fix-in.package {
    width: 587px;
    padding-bottom: 0;
}

.modal-fix-kartekle .modal-fix-in.package {
    width: 587px;
    padding-bottom: 0;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-in.package {
        width: 90%;
        padding-bottom: 20px;
    }

    .modal-fix-ootp .modal-fix-in.package {
        width: 90%;
        padding-bottom: 20px;
    }

    .modal-fix-kartekle .modal-fix-in.package {
        width: 90%;
        padding-bottom: 20px;
    }

    .modal-fix-pay .modal-fix-in.package {
        width: 90%;
        padding-bottom: 20px;
    }
}

.modal-fix .modal-fix-in .modal-fix-close, .modal-fix-closee {
    position: absolute;
    right: 25px;
    top: 25px;
}

    .modal-fix .modal-fix-in .modal-fix-close img, .modal-fix .modal-fix-in .modal-fix-closee img {
        width: 20px;
        cursor: pointer;
    }

.modal-fix .modal-fix-detail .modal-img {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 23px;
    /*margin-left: 20px;*/
}

.modal-fix .modal-fix-detail .modal-sub-text {
    font-size: 15px;
    font-family: "SF UI Text Medium";
    color: #000000;
    text-align: center;
    margin-top: 23px;
    width: 60%;
    margin: 0 auto;
}



.modal-fix-ootp .modal-fix-in .modal-fix-close-ootp, .modal-fix-closee {
    position: absolute;
    right: 25px;
    top: 25px;
}

    .modal-fix-ootp .modal-fix-in .modal-fix-close-ootp img, .modal-fix .modal-fix-in .modal-fix-closee img {
        width: 20px;
        cursor: pointer;
    }

.modal-fix-ootp .modal-fix-detail .modal-img {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 23px;
    /*margin-left: 20px;*/
}

.modal-fix-ootp .modal-fix-detail .modal-sub-text {
    font-size: 15px;
    font-family: "SF UI Text Medium";
    color: #000000;
    text-align: center;
    margin-top: 23px;
    width: 60%;
    margin: 0 auto;
}




.modal-fix-pay .modal-fix-in .modal-fix-close-pay, .modal-fix-closee {
    position: absolute;
    right: 25px;
    top: 25px;
}

    .modal-fix-pay .modal-fix-in .modal-fix-close-pay img, .modal-fix .modal-fix-in .modal-fix-closee img {
        width: 20px;
        cursor: pointer;
    }

.modal-fix-pay .modal-fix-detail .modal-img {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 23px;
    /*margin-left: 20px;*/
}

.modal-fix-pay .modal-fix-detail .modal-sub-text {
    font-size: 15px;
    font-family: "SF UI Text Medium";
    color: #000000;
    text-align: center;
    margin-top: 23px;
    width: 60%;
    margin: 0 auto;
}

.modal-fix-kartekle .modal-fix-in .modal-fix-close-kartekle, .modal-fix-closee {
    position: absolute;
    right: 25px;
    top: 25px;
}

    .modal-fix-kartekle .modal-fix-in .modal-fix-close-kartekle img, .modal-fix .modal-fix-in .modal-fix-closee img {
        width: 20px;
        cursor: pointer;
    }

.modal-fix-kartekle .modal-fix-detail .modal-img {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 23px;
    /*margin-left: 20px;*/
}

.modal-fix-kartekle .modal-fix-detail .modal-sub-text {
    font-size: 15px;
    font-family: "SF UI Text Medium";
    color: #000000;
    text-align: center;
    margin-top: 23px;
    width: 60%;
    margin: 0 auto;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .modal-sub-text {
        font-size: 13px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-sub-text {
        font-size: 13px;
    }

    .modal-fix-pay .modal-fix-detail .modal-sub-text {
        font-size: 13px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-sub-text {
        font-size: 13px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .modal-sub-text {
        font-size: 12px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-sub-text {
        font-size: 12px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-sub-text {
        font-size: 12px;
    }

    .modal-fix-pay .modal-fix-detail .modal-sub-text {
        font-size: 12px;
    }
}

.modal-fix .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
    width: 100%;
    font-family: "SF UI Text Light";
}

.modal-fix-ootp .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
    width: 100%;
    font-family: "SF UI Text Light";
}

.modal-fix-kartekle .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
    width: 100%;
    font-family: "SF UI Text Light";
}

.modal-fix-pay .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
    width: 100%;
    font-family: "SF UI Text Light";
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 13px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 13px;
    }

    .modal-fix-pay .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 13px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 13px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 12px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 12px;
    }

    .modal-fix-pay .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 12px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-sub-text.modal-sub-text-100 {
        font-size: 12px;
    }
}

.modal-fix .modal-fix-detail .code-box-list {
    margin-top: 40px;
    margin: 0 auto;
    text-align: center;
}

.modal-fix-ootp .modal-fix-detail .code-box-list {
    margin-top: 40px;
    margin: 0 auto;
    text-align: center;
}

.modal-fix-pay .modal-fix-detail .code-box-list {
    margin-top: 40px;
    margin: 0 auto;
    text-align: center;
}

.modal-fix-kartekle .modal-fix-detail .code-box-list {
    margin-top: 40px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .code-box-list {
        margin-top: 20px;
        text-align: center;
    }

    .modal-fix-ootp .modal-fix-detail .code-box-list {
        margin-top: 20px;
        text-align: center;
    }

    .modal-fix-pay .modal-fix-detail .code-box-list {
        margin-top: 20px;
        text-align: center;
    }

    .modal-fix-kartekle .modal-fix-detail .code-box-list {
        margin-top: 20px;
        text-align: center;
    }
}

.modal-fix .modal-fix-detail .code-box-list input {
    width: 48px;
    margin-left: 15px;
    height: 64px;
    border-radius: 10px;
    border: none;
    margin-top: 20px;
    color: #191919;
    font-size: 30px;
    font-family: "SF UI Text Medium";
    text-align: center;
    border: 1px solid #c3b5b5;
}

    .modal-fix .modal-fix-detail .code-box-list input:first-child {
        margin-left: 0;
    }


.modal-fix-ootp .modal-fix-detail .code-box-list input {
    width: 48px;
    margin-left: 15px;
    height: 64px;
    border-radius: 10px;
    border: none;
    margin-top: 20px;
    color: #191919;
    font-size: 30px;
    font-family: "SF UI Text Medium";
    text-align: center;
    border: 1px solid #c3b5b5;
}

    .modal-fix-ootp .modal-fix-detail .code-box-list input:first-child {
        margin-left: 0;
    }

.modal-fix-pay .modal-fix-detail .code-box-list input {
    width: 48px;
    margin-left: 15px;
    height: 64px;
    border-radius: 10px;
    border: none;
    margin-top: 20px;
    color: #191919;
    font-size: 30px;
    font-family: "SF UI Text Medium";
    text-align: center;
    border: 1px solid #c3b5b5;
}

    .modal-fix-pay .modal-fix-detail .code-box-list input:first-child {
        margin-left: 0;
    }

.modal-fix-kartekle .modal-fix-detail .code-box-list input {
    width: 48px;
    margin-left: 15px;
    height: 64px;
    border-radius: 10px;
    border: none;
    margin-top: 20px;
    color: #191919;
    font-size: 30px;
    font-family: "SF UI Text Medium";
    text-align: center;
    border: 1px solid #c3b5b5;
}

    .modal-fix-kartekle .modal-fix-detail .code-box-list input:first-child {
        margin-left: 0;
    }

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .code-box-list input {
        display: inline-block;
    }

    .modal-fix-ootp .modal-fix-detail .code-box-list input {
        display: inline-block;
    }

    .modal-fix-pay .modal-fix-detail .code-box-list input {
        display: inline-block;
    }

    .modal-fix-kartekle .modal-fix-detail .code-box-list input {
        display: inline-block;
    }
}

.modal-fix .modal-fix-detail .code-box-list input.active {
    border: 1px solid #fbd70d;
}

.modal-fix-ootp .modal-fix-detail .code-box-list input.active {
    border: 1px solid #fbd70d;
}

.modal-fix-pay .modal-fix-detail .code-box-list input.active {
    border: 1px solid #fbd70d;
}

.modal-fix-kartekle .modal-fix-detail .code-box-list input.active {
    border: 1px solid #fbd70d;
}

@media screen and (max-width: 1025px) {
    .modal-fix .modal-fix-detail .code-box-list input {
        font-size: 62px;
    }

    .modal-fix-ootp .modal-fix-detail .code-box-list input {
        font-size: 62px;
    }

    .modal-fix-pay .modal-fix-detail .code-box-list input {
        font-size: 62px;
    }

    .modal-fix-kartekle .modal-fix-detail .code-box-list input {
        font-size: 62px;
    }
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .code-box-list input {
        font-size: 27px;
        margin-top: 20px;
    }

    .modal-fix-ootp .modal-fix-detail .code-box-list input {
        font-size: 27px;
        margin-top: 20px;
    }

    .modal-fix-pay .modal-fix-detail .code-box-list input {
        font-size: 27px;
        margin-top: 20px;
    }

    .modal-fix-kartekle .modal-fix-detail .code-box-list input {
        font-size: 27px;
        margin-top: 20px;
    }
}

.modal-fix .modal-fix-detail .modal-timing {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix .modal-fix-detail .modal-timing-getcard {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix .modal-fix-detail .modal-timing-getcard-finish {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}


.modal-fix .modal-fix-detail .modal-send-button {
    width: 80%;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    margin: 0 auto;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 28px;
    display: block;
}


.modal-fix-ootp .modal-fix-detail .modal-timing {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix-ootp .modal-fix-detail .modal-timing-getcard {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix-ootp .modal-fix-detail .modal-timing-getcard-finish {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}


.modal-fix-ootp .modal-fix-detail .modal-send-button {
    width: 80%;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    margin: 0 auto;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 28px;
    display: block;
}

.modal-fix-pay .modal-fix-detail .modal-timing {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix-pay .modal-fix-detail .modal-timing-getcard {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix-pay .modal-fix-detail .modal-timing-getcard-finish {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}


.modal-fix-pay .modal-fix-detail .modal-send-button {
    width: 80%;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    margin: 0 auto;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 28px;
    display: block;
}










.modal-fix-kartekle .modal-fix-detail .modal-timing {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix-kartekle .modal-fix-detail .modal-timing-getcard {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}

.modal-fix-kartekle .modal-fix-detail .modal-timing-getcard-finish {
    color: #000000;
    font-size: 15px;
    font-family: "SF UI Text Bold";
    text-align: center;
    margin-bottom: 20px;
}


.modal-fix-kartekle .modal-fix-detail .modal-send-button {
    width: 80%;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    margin: 0 auto;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 28px;
    display: block;
}

@media screen and (max-width: 1025px) {
    .modal-fix .modal-fix-detail .modal-send-button {
        font-size: 18px;
        height: 40px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-send-button {
        font-size: 18px;
        height: 40px;
    }

    .modal-fix-pay .modal-fix-detail .modal-send-button {
        font-size: 18px;
        height: 40px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-send-button {
        font-size: 18px;
        height: 40px;
    }
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .modal-send-button {
        font-size: 16px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-send-button {
        font-size: 16px;
    }

    .modal-fix-pay .modal-fix-detail .modal-send-button {
        font-size: 16px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-send-button {
        font-size: 16px;
    }
}

.modal-fix .modal-fix-detail .modal-activation {
    color: #007aff;
    font-size: 13px;
    font-family: "SF UI Text Bold";
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    text-decoration: underline;
}

.modal-fix-ootp .modal-fix-detail .modal-activation {
    color: #007aff;
    font-size: 13px;
    font-family: "SF UI Text Bold";
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    text-decoration: underline;
}

.modal-fix-pay .modal-fix-detail .modal-activation {
    color: #007aff;
    font-size: 13px;
    font-family: "SF UI Text Bold";
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    text-decoration: underline;
}

.modal-fix-kartekle .modal-fix-detail .modal-activation {
    color: #007aff;
    font-size: 13px;
    font-family: "SF UI Text Bold";
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    text-decoration: underline;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .modal-activation {
        font-size: 11px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-activation {
        font-size: 11px;
    }

    .modal-fix-pay .modal-fix-detail .modal-activation {
        font-size: 11px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-activation {
        font-size: 11px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .modal-activation {
        font-size: 10px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-activation {
        font-size: 10px;
    }

    .modal-fix-pay .modal-fix-detail .modal-activation {
        font-size: 10px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-activation {
        font-size: 10px;
    }
}

.modal-fix .modal-fix-detail .modal-activation-code {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-family: "SF UI Text Light";
    font-size: 30px;
    letter-spacing: 20px;
    margin-top: 17px;
}

.modal-fix-ootp .modal-fix-detail .modal-activation-code {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-family: "SF UI Text Light";
    font-size: 30px;
    letter-spacing: 20px;
    margin-top: 17px;
}

.modal-fix-pay .modal-fix-detail .modal-activation-code {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-family: "SF UI Text Light";
    font-size: 30px;
    letter-spacing: 20px;
    margin-top: 17px;
}

.modal-fix-kartekle .modal-fix-detail .modal-activation-code {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-family: "SF UI Text Light";
    font-size: 30px;
    letter-spacing: 20px;
    margin-top: 17px;
}

@media screen and (max-width: 1025px) {
    .modal-fix .modal-fix-detail .modal-activation-code {
        font-size: 25px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-activation-code {
        font-size: 25px;
    }

    .modal-fix-pay .modal-fix-detail .modal-activation-code {
        font-size: 25px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-activation-code {
        font-size: 25px;
    }
}

.modal-fix .modal-fix-detail .modal-sub-text-100 {
    font-size: 18px;
}

.modal-fix .modal-fix-detail .modal-member-ok-text {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    width: 100%;
    line-height: 35px;
}


.modal-fix-ootp .modal-fix-detail .modal-sub-text-100 {
    font-size: 18px;
}

.modal-fix-ootp .modal-fix-detail .modal-member-ok-text {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    width: 100%;
    line-height: 35px;
}

.modal-fix-pay .modal-fix-detail .modal-sub-text-100 {
    font-size: 18px;
}

.modal-fix-pay .modal-fix-detail .modal-member-ok-text {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    width: 100%;
    line-height: 35px;
}

.modal-fix-kartekle .modal-fix-detail .modal-sub-text-100 {
    font-size: 18px;
}

.modal-fix-kartekle .modal-fix-detail .modal-member-ok-text {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    width: 100%;
    line-height: 35px;
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .modal-member-ok-text {
        font-size: 18px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-member-ok-text {
        font-size: 18px;
    }

    .modal-fix-pay .modal-fix-detail .modal-member-ok-text {
        font-size: 18px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-member-ok-text {
        font-size: 18px;
    }
}

.modal-fix .modal-fix-detail .modal-member-ok-text span {
    font-size: 17px;
    width: 100%;
}

.modal-fix-ootp .modal-fix-detail .modal-member-ok-text span {
    font-size: 17px;
    width: 100%;
}

.modal-fix-pay .modal-fix-detail .modal-member-ok-text span {
    font-size: 17px;
    width: 100%;
}

.modal-fix-kartekle .modal-fix-detail .modal-member-ok-text span {
    font-size: 17px;
    width: 100%;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .modal-member-ok-text span {
        font-size: 15px;
    }

    .modal-fix-ootp .modal-fix-detail .modal-member-ok-text span {
        font-size: 15px;
    }

    .modal-fix-pay .modal-fix-detail .modal-member-ok-text span {
        font-size: 15px;
    }

    .modal-fix-kartekle .modal-fix-detail .modal-member-ok-text span {
        font-size: 15px;
    }
}

.modal-fix .modal-fix-detail .package-modal-image {
    /*background-image: url("/assets/img/modal-image.png");*/
    width: 100%;
    height: 160px;
    /*background-position: 0 -110px;*/
    background-position: center;
    background-size: cover;
}

.modal-fix-ootp .modal-fix-detail .package-modal-image {
    /*background-image: url("/assets/img/modal-image.png");*/
    width: 100%;
    height: 160px;
    /*background-position: 0 -110px;*/
    background-position: center;
    background-size: cover;
}

.modal-fix-pay .modal-fix-detail .package-modal-image {
    /*background-image: url("/assets/img/modal-image.png");*/
    width: 100%;
    height: 160px;
    /*background-position: 0 -110px;*/
    background-position: center;
    background-size: cover;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-image {
    /*background-image: url("/assets/img/modal-image.png");*/
    width: 100%;
    height: 160px;
    /*background-position: 0 -110px;*/
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-image {
        height: 111px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-image {
        height: 111px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-image {
        height: 111px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-image {
        height: 111px;
    }
}

.modal-fix .modal-fix-detail .package-modal-title {
    width: 260px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #fad70d;
    font-family: "SF UI Text Bold";
    font-size: 19px;
    display: block;
    margin: 0 auto;
    margin-top: -25px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 8px;
}

.modal-fix-ootp .modal-fix-detail .package-modal-title {
    width: 260px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #fad70d;
    font-family: "SF UI Text Bold";
    font-size: 19px;
    display: block;
    margin: 0 auto;
    margin-top: -25px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 8px;
}

.modal-fix-pay .modal-fix-detail .package-modal-title {
    width: 260px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #fad70d;
    font-family: "SF UI Text Bold";
    font-size: 19px;
    display: block;
    margin: 0 auto;
    margin-top: -25px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 8px;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-title {
    width: 260px;
    height: 50px;
    line-height: 45px;
    border: 2px solid #fad70d;
    font-family: "SF UI Text Bold";
    font-size: 19px;
    display: block;
    margin: 0 auto;
    margin-top: -25px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 8px;
}

@media screen and (max-width: 1025px) {
    .modal-fix .modal-fix-detail .package-modal-title {
        font-size: 18px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-title {
        font-size: 18px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-title {
        font-size: 18px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .package-modal-title {
        font-size: 16px;
        width: 32%;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-title {
        font-size: 16px;
        width: 32%;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-title {
        font-size: 16px;
        width: 32%;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-title {
        font-size: 16px;
        width: 32%;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-title {
        font-size: 13px;
        width: 60%;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-title {
        font-size: 13px;
        width: 60%;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-title {
        font-size: 13px;
        width: 60%;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-title {
        font-size: 13px;
        width: 60%;
    }
}

.modal-fix .modal-fix-detail .package-modal-top-text {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 15px;
    height: auto;
    overflow-y: auto;
    /*max-height: 75px;*/
}

.modal-fix-ootp .modal-fix-detail .package-modal-top-text {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 15px;
    height: auto;
    overflow-y: auto;
    /*max-height: 75px;*/
}

.modal-fix-pay .modal-fix-detail .package-modal-top-text {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 15px;
    height: auto;
    overflow-y: auto;
    /*max-height: 75px;*/
}

.modal-fix-kartekle .modal-fix-detail .package-modal-top-text {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 15px;
    height: auto;
    overflow-y: auto;
    /*max-height: 75px;*/
}

.package-modal-top-text * {
    font-family: "SF UI Text Regular" !important;
    color: #292929;
    line-height: 20px;
}



.modal-fix .modal-fix-detail .package-modal-top-text-bottom {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 5px;
    height: auto;
    overflow-y: auto;
    max-height: 60px;
    vertical-align: middle;
    position: relative;
}

.modal-fix-ootp .modal-fix-detail .package-modal-top-text-bottom {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 5px;
    height: auto;
    overflow-y: auto;
    max-height: 60px;
    vertical-align: middle;
    position: relative;
}

.modal-fix-pay .modal-fix-detail .package-modal-top-text-bottom {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 5px;
    height: auto;
    overflow-y: auto;
    max-height: 60px;
    vertical-align: middle;
    position: relative;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-top-text-bottom {
    width: 76%;
    display: block;
    margin: 0 auto;
    font-family: "SF UI Text Regular";
    font-size: 16px;
    color: #292929;
    line-height: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c7c7c7;
    padding: 0 20px;
    padding-bottom: 5px;
    height: auto;
    overflow-y: auto;
    max-height: 60px;
    vertical-align: middle;
    position: relative;
}

.bottom-icon-img {
    vertical-align: middle;
    width: 25px !important;
    height: auto;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .package-modal-top-text,
    .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96%;
        font-size: 13px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-top-text,
    .modal-fix-ootp .modal-fix-detail .package-modal-top-text-bottom {
        width: 96%;
        font-size: 13px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-top-text,
    .modal-fix-pay .modal-fix-detail .package-modal-top-text-bottom {
        width: 96%;
        font-size: 13px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-top-text,
    .modal-fix-kartekle .modal-fix-detail .package-modal-top-text-bottom {
        width: 96%;
        font-size: 13px;
    }
}

.modal-fix .modal-fix-detail .package-modal-top-text-bottom {
    padding-top: 0;
    margin-top: 15px;
    border: none;
    text-align: center;
}

.modal-fix .modal-fix-detail .package-modal-price {
    text-align: center;
}

.modal-fix-ootp .modal-fix-detail .package-modal-top-text-bottom {
    padding-top: 0;
    margin-top: 15px;
    border: none;
    text-align: center;
}

.modal-fix-ootp .modal-fix-detail .package-modal-price {
    text-align: center;
}

.modal-fix-pay .modal-fix-detail .package-modal-top-text-bottom {
    padding-top: 0;
    margin-top: 15px;
    border: none;
    text-align: center;
}

.modal-fix-pay .modal-fix-detail .package-modal-price {
    text-align: center;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-top-text-bottom {
    padding-top: 0;
    margin-top: 15px;
    border: none;
    text-align: center;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-price {
    text-align: center;
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-price {
        text-align: left;
        padding-left: 20px;
        margin-top: -30px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price {
        text-align: left;
        padding-left: 20px;
        margin-top: -30px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price {
        text-align: left;
        padding-left: 20px;
        margin-top: -30px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price {
        text-align: left;
        padding-left: 20px;
        margin-top: -30px;
    }
}

.modal-fix .modal-fix-detail .package-modal-price .package-modal-price-image {
    display: inline-block;
    padding-top: 5px;
    position: relative;
    top: 4px;
}

    .modal-fix .modal-fix-detail .package-modal-price .package-modal-price-image img {
        width: 60px;
    }

.modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-price-image {
    display: inline-block;
    padding-top: 5px;
    position: relative;
    top: 4px;
}

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-price-image img {
        width: 60px;
    }

.modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-price-image {
    display: inline-block;
    padding-top: 5px;
    position: relative;
    top: 4px;
}

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-price-image img {
        width: 60px;
    }

.modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-price-image {
    display: inline-block;
    padding-top: 5px;
    position: relative;
    top: 4px;
}

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-price-image img {
        width: 60px;
    }

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-price .package-modal-price-image {
        width: 49px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-price-image {
        width: 49px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-price-image {
        width: 49px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-price-image {
        width: 49px;
    }
}

.modal-fix .modal-fix-detail .package-modal-price .package-modal-old-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    position: relative;
    margin-left: 12px;
    color: #2f2f2f;
}

.modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-old-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    position: relative;
    margin-left: 12px;
    color: #2f2f2f;
}

.modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-old-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    position: relative;
    margin-left: 12px;
    color: #2f2f2f;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-old-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    position: relative;
    margin-left: 12px;
    color: #2f2f2f;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .package-modal-price .package-modal-old-price {
        font-size: 22px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-old-price {
        font-size: 22px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-old-price {
        font-size: 22px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-old-price {
        font-size: 22px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-price .package-modal-old-price {
        margin-left: 15px;
        font-size: 24px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-old-price {
        margin-left: 15px;
        font-size: 24px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-old-price {
        margin-left: 15px;
        font-size: 24px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-old-price {
        margin-left: 15px;
        font-size: 24px;
    }
}

.modal-fix .modal-fix-detail .package-modal-price .package-modal-old-price .tl {
    font-family: "SF UI Text Medium";
    font-size: 16px;
    margin-right: -5px;
    color: #2f2f2f;
}

.modal-fix .modal-fix-detail .package-modal-price .package-modal-old-price:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #d0021b;
    position: absolute;
    transform: rotate(13deg) translateY(-50%);
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
}

.modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 35px;
    position: relative;
    margin-left: 6px;
    color: #2f2f2f;
}


.modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-old-price .tl {
    font-family: "SF UI Text Medium";
    font-size: 16px;
    margin-right: -5px;
    color: #2f2f2f;
}

.modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-old-price:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #d0021b;
    position: absolute;
    transform: rotate(13deg) translateY(-50%);
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
}

.modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 35px;
    position: relative;
    margin-left: 6px;
    color: #2f2f2f;
}

.modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-old-price .tl {
    font-family: "SF UI Text Medium";
    font-size: 16px;
    margin-right: -5px;
    color: #2f2f2f;
}

.modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-old-price:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #d0021b;
    position: absolute;
    transform: rotate(13deg) translateY(-50%);
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
}



.modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 35px;
    position: relative;
    margin-left: 6px;
    color: #2f2f2f;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-old-price .tl {
    font-family: "SF UI Text Medium";
    font-size: 16px;
    margin-right: -5px;
    color: #2f2f2f;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-old-price:before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #d0021b;
    position: absolute;
    transform: rotate(13deg) translateY(-50%);
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
}



.modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 35px;
    position: relative;
    margin-left: 6px;
    color: #2f2f2f;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 55px;
        font-size: 67px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 55px;
        font-size: 67px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 55px;
        font-size: 67px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 55px;
        font-size: 67px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 16px;
        font-size: 47px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 16px;
        font-size: 47px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 16px;
        font-size: 47px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price {
        margin-left: 16px;
        font-size: 47px;
    }
}

.modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
    font-family: "SF UI Text Bold";
    font-size: 26px;
    margin-right: -11px;
}

.modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
    font-family: "SF UI Text Bold";
    font-size: 26px;
    margin-right: -11px;
}

.modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
    font-family: "SF UI Text Bold";
    font-size: 26px;
    margin-right: -11px;
}

.modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
    font-family: "SF UI Text Bold";
    font-size: 26px;
    margin-right: -11px;
}



@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
        font-size: 25px;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
        font-size: 25px;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
        font-size: 25px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price span.tl {
        font-size: 25px;
    }
}

.modal-fix .modal-fix-detail .all-package {
    display: inline-block;
    width: 217px;
    height: 44px;
    border-radius: 11px;
    border: 2px solid rgb(29, 56, 47);
    line-height: 43px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #4f4f4f;
    font-family: "SF UI Text Medium";
    position: relative;
    padding-left: 24px;
    margin-left: 77px;
}

.modal-fix-ootp .modal-fix-detail .all-package {
    display: inline-block;
    width: 217px;
    height: 44px;
    border-radius: 11px;
    border: 2px solid rgb(29, 56, 47);
    line-height: 43px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #4f4f4f;
    font-family: "SF UI Text Medium";
    position: relative;
    padding-left: 24px;
    margin-left: 77px;
}

.modal-fix-pay .modal-fix-detail .all-package {
    display: inline-block;
    width: 217px;
    height: 44px;
    border-radius: 11px;
    border: 2px solid rgb(29, 56, 47);
    line-height: 43px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #4f4f4f;
    font-family: "SF UI Text Medium";
    position: relative;
    padding-left: 24px;
    margin-left: 77px;
}

.modal-fix-kartekle .modal-fix-detail .all-package {
    display: inline-block;
    width: 217px;
    height: 44px;
    border-radius: 11px;
    border: 2px solid rgb(29, 56, 47);
    line-height: 43px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 13px;
    color: #4f4f4f;
    font-family: "SF UI Text Medium";
    position: relative;
    padding-left: 24px;
    margin-left: 77px;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .all-package {
        margin-left: 50px;
    }

    .modal-fix-ootp .modal-fix-detail .all-package {
        margin-left: 50px;
    }

    .modal-fix-pay .modal-fix-detail .all-package {
        margin-left: 50px;
    }

    .modal-fix-kartekle .modal-fix-detail .all-package {
        margin-left: 50px;
    }
}

@media screen and (max-width: 745px) {
    .modal-fix .modal-fix-detail .all-package {
        margin-left: 30px;
    }

    .modal-fix-ootp .modal-fix-detail .all-package {
        margin-left: 30px;
    }

    .modal-fix-pay .modal-fix-detail .all-package {
        margin-left: 30px;
    }

    .modal-fix-kartekle .modal-fix-detail .all-package {
        margin-left: 30px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .all-package {
        width: 88%;
        margin-left: 20px;
    }

    .modal-fix-ootp .modal-fix-detail .all-package {
        width: 88%;
        margin-left: 20px;
    }

    .modal-fix-pay .modal-fix-detail .all-package {
        width: 88%;
        margin-left: 20px;
    }

    .modal-fix-kartekle .modal-fix-detail .all-package {
        width: 88%;
        margin-left: 20px;
    }
}

.modal-fix .modal-fix-detail .all-package:hover {
    background-color: rgb(29, 56, 47);
    color: #ffffff;
}

.modal-fix .modal-fix-detail .all-package-img {
    background-color: rgb(29, 56, 47);
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 6px;
}

.modal-fix-ootp .modal-fix-detail .all-package:hover {
    background-color: rgb(29, 56, 47);
    color: #ffffff;
}

.modal-fix-ootp .modal-fix-detail .all-package-img {
    background-color: rgb(29, 56, 47);
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 6px;
}

.modal-fix-pay .modal-fix-detail .all-package:hover {
    background-color: rgb(29, 56, 47);
    color: #ffffff;
}

.modal-fix-pay .modal-fix-detail .all-package-img {
    background-color: rgb(29, 56, 47);
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 6px;
}


.modal-fix-kartekle .modal-fix-detail .all-package:hover {
    background-color: rgb(29, 56, 47);
    color: #ffffff;
}

.modal-fix-kartekle .modal-fix-detail .all-package-img {
    background-color: rgb(29, 56, 47);
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 6px;
}

@media screen and (max-width: 769px) {
    .modal-fix .modal-fix-detail .all-package-img {
        left: 13px;
    }

    .modal-fix-ootp .modal-fix-detail .all-package-img {
        left: 13px;
    }

    .modal-fix-pay .modal-fix-detail .all-package-img {
        left: 13px;
    }

    .modal-fix-kartekle .modal-fix-detail .all-package-img {
        left: 13px;
    }
}

.modal-fix .modal-fix-detail .package-send-button {
    width: 172px;
    height: 48px;
    background-color: #fad70d;
    border-radius: 12px;
    border: none;
    font-family: "SF UI Text Medium";
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 25px !important;
    margin-right: 55px;
    position: relative;
    float: right;
}

.modal-fix-ootp .modal-fix-detail .package-send-button {
    width: 172px;
    height: 48px;
    background-color: #fad70d;
    border-radius: 12px;
    border: none;
    font-family: "SF UI Text Medium";
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 25px !important;
    margin-right: 55px;
    position: relative;
    float: right;
}

.modal-fix-pay .modal-fix-detail .package-send-button {
    width: 172px;
    height: 48px;
    background-color: #fad70d;
    border-radius: 12px;
    border: none;
    font-family: "SF UI Text Medium";
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 25px !important;
    margin-right: 55px;
    position: relative;
    float: right;
}

.modal-fix-kartekle .modal-fix-detail .package-send-button {
    width: 172px;
    height: 48px;
    background-color: #fad70d;
    border-radius: 12px;
    border: none;
    font-family: "SF UI Text Medium";
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    margin-top: 25px !important;
    margin-right: 55px;
    position: relative;
    float: right;
}

@media screen and (max-width: 745px) {
    .modal-fix .modal-fix-detail .package-send-button {
        margin-left: 20px;
        width: 131px;
    }

    .modal-fix-ootp .modal-fix-detail .package-send-button {
        margin-left: 20px;
        width: 131px;
    }

    .modal-fix-pay .modal-fix-detail .package-send-button {
        margin-left: 20px;
        width: 131px;
    }

    .modal-fix-kartekle .modal-fix-detail .package-send-button {
        margin-left: 20px;
        width: 131px;
    }
}

@media screen and (max-width: 426px) {
    .modal-fix .modal-fix-detail .package-send-button {
        width: 88%;
        margin-left: 20px;
        margin-top: 0px !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-send-button {
        width: 88%;
        margin-left: 20px;
        margin-top: 0px !important;
    }

    .modal-fix-pay .modal-fix-detail .package-send-button {
        width: 88%;
        margin-left: 20px;
        margin-top: 0px !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-send-button {
        width: 88%;
        margin-left: 20px;
        margin-top: 0px !important;
    }
}

.modal-fix .modal-fix-detail .package-send-button img {
    margin-top: 2px;
    position: absolute;
    margin-left: 11px;
    width: 7px;
}

.modal-fix-ootp .modal-fix-detail .package-send-button img {
    margin-top: 2px;
    position: absolute;
    margin-left: 11px;
    width: 7px;
}

.modal-fix-pay .modal-fix-detail .package-send-button img {
    margin-top: 2px;
    position: absolute;
    margin-left: 11px;
    width: 7px;
}

.modal-fix-kartekle .modal-fix-detail .package-send-button img {
    margin-top: 2px;
    position: absolute;
    margin-left: 11px;
    width: 7px;
}

/*modal-fix*/
.package-content {
    display: none;
    width: 100%;
    padding-bottom: 50px;
}

    .package-content .select-package {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .package-content .select2-container {
        color: #7698b2;
        font-size: 12px;
        font-weight: 300;
        width: 50% !important;
        margin: 0 auto;
        margin-top: 13px;
        display: block;
        position: relative;
    }

@media screen and (max-width: 769px) {
    .package-content .select2-container {
        width: 100% !important;
    }
}

.package-content .select2-container .select2-search__field,
.package-content .select2-container .select2-search--dropdown {
    display: none;
}

.package-content .select2-container .select2-results__option {
    padding: 11px 24px;
}

.package-content .select2-results__option--highlighted[aria-selected] {
    background-color: #7698b2;
    color: #ffffff;
}

.package-content .select2-selection--single {
    border-radius: 8px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    border: none;
    height: 50px;
}

.package-content .select2-selection__rendered {
    line-height: 50px;
    font-family: "SF UI Text Semibold";
    font-size: 14px;
    color: #4a4a4a;
    line-height: 50px !important;
    padding-left: 20px !important;
}

.package-content .package-list {
    margin-top: 0px;
    width: calc(100% + 83px);
    margin-left: -83px;
    text-align: left;
    display: block;
}

@media screen and (max-width: 1025px) {
    .package-content .package-list {
        margin-left: -43px;
        width: calc(100% + 43px);
    }
}

@media screen and (max-width: 769px) {
    .package-content .package-list {
        margin-left: -43px;
        width: calc(100% + 43px);
    }
}

@media screen and (max-width: 745px) {
    .package-content .package-list {
        width: 100%;
        margin-left: 0 !important;
    }
}

.package-content .package-list .package-item {
    display: inline-block;
    width: 24.1%;
    margin-left: 98px;
    background-color: #faf9f0;
    border: 3px solid #faf9f0;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    min-height: 414px;
    margin-top: 40px;
    cursor: pointer;
    /* float: left; */
}

@media screen and (max-width: 1025px) {
    .package-content .package-list .package-item {
        width: 28.6%;
    }
}

@media screen and (max-width: 769px) {
    .package-content .package-list .package-item {
        width: 44.1%;
    }
}

@media screen and (max-width: 745px) {
    .package-content .package-list .package-item {
        width: 100%;
        margin-left: 0 !important;
    }
}

.package-content .package-list .package-item:hover {
    border-color: #fad70d;
}

.package-content .package-list .package-item.selected {
    border-color: #fad70d;
}

.package-content .package-list .package-item .package-campain {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1;
    padding: 10px;
}

.package-content .package-list .package-item .package-campain-in {
    position: absolute;
    z-index: 2;
    width: 100%;
    margin-top: 15px;
    margin-left: 10px;
}

    .package-content .package-list .package-item .package-campain-in img {
        float: left;
    }

.package-content .package-list .package-item .package-campain-text {
    clear: left;
    width: 100%;
    font-family: "SF UI Text Bold";
    font-size: 19px;
    color: #292929;
    width: 30%;
    float: left;
    margin-top: 10px;
}

@media screen and (max-width: 769px) {
    .package-content .package-list .package-item .package-campain-text {
        width: 23%;
    }
}

@media screen and (max-width: 745px) {
    .package-content .package-list .package-item .package-campain-text {
        font-size: 15px;
    }
}

.package-content .package-list .package-item .package-campain-bg {
    border-top: 80px solid transparent;
    border-bottom: 80px solid transparent;
    border-left: 80px solid #fad70d;
    top: -49px;
    left: -9px;
    width: 0;
    height: 0;
    z-index: 2;
    transform: rotate(225deg);
    position: absolute;
}

@media screen and (max-width: 1025px) {
    .package-content .package-list .package-item .package-campain-bg {
        left: -36px;
    }
}

.package-content .package-title {
    font-family: "SF UI Text Regular";
    font-size: 18px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
    margin-top: 40px;
}

.package-content .package-img {
    display: block;
    background-image: url(/assets/img/package-img.png);
    width: 91px;
    height: 83px;
    margin: 0 auto;
    margin-top: 16px;
}

.package-content .package-price {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 15px;
}

    .package-content .package-price .package-old-price {
        display: inline-block;
        font-family: "SF UI Text Bold";
        font-size: 24px;
        position: relative;
        color: #2f2f2f;
        margin-right: 15px;
    }

        .package-content .package-price .package-old-price .tl {
            font-family: "SF UI Text Medium";
            font-size: 22px;
            margin-right: -5px;
        }

        .package-content .package-price .package-old-price:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #d0021b;
            position: absolute;
            left: 0;
            top: 50%;
            transform: rotate(13deg) translateY(-50%);
        }

    .package-content .package-price .package-now-price {
        display: inline-block;
        font-family: "SF UI Text bold";
        font-size: 39px;
        position: relative;
        color: #2f2f2f;
    }

        .package-content .package-price .package-now-price span {
            font-size: 18px;
        }

            .package-content .package-price .package-now-price span.tl {
                font-family: "SF UI Text Bold";
                font-size: 28px;
                margin-right: -15px;
            }

.package-content .package-note {
    font-family: "SF UI Text Regular";
    font-size: 12px;
    width: 91%;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    line-height: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 769px) {
    .package-content .package-note {
        font-size: 11px;
    }
}

.package-content .package-stars {
    width: 95%;
    display: inline-block;
    text-align: center;
    margin-top: 6px;
    font-family: "SF UI Text Bold";
    font-size: 14px;
    color: #292929;
    line-height: 2;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}

    .package-content .package-stars img {
        display: inline;
        position: relative;
        top: 6px;
    }

.package-content .all-package {
    display: block;
    width: 63%;
    height: 50px;
    border-radius: 11px;
    border: 2px solid rgb(29, 56, 47);
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 11px;
    color: #4f4f4f;
    font-family: "SF UI Text Medium";
    position: relative;
    padding-left: 24px;
    position: absolute;
    bottom: -20px;
    left: 59px;
}

    .package-content .all-package:hover {
        background-color: rgb(29, 56, 47);
        color: #ffffff;
    }

.package-content .all-package-img {
    background-color: rgb(29, 56, 47);
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
    position: absolute;
    left: 34px;
    top: 3px;
}

@media screen and (max-width: 1025px) {
    .package-content .all-package-img {
        left: 10px;
    }
}

.package-button {
    width: 100%;
    height: 128px;
    background-color: #f2f2f2;
    display: inline-block;
    margin-top: 50px;
}

    .package-button .package-send-button {
        width: 345px;
        height: 50px;
        background-color: #fad70d;
        border-radius: 12px;
        border: none;
        font-family: "SF UI Text Bold";
        font-size: 20px;
        cursor: pointer;
        margin: 0 auto;
        display: block;
        margin-top: 45px !important;
        position: relative;
    }

.package-content .package-button .package-send-button img {
    margin-top: 3px;
    position: absolute;
    margin-left: 11px;
    right: 20px;
    top: 13px;
}

/*package-content*/
.package-pay {
    /*-form*/
}

.package-pay-in {
    display: inline-block;
    width: 100%;
}

.package-pay-left {
    float: left;
    width: 30%;
}

@media screen and (max-width: 426px) {
    .package-pay-left {
        float: left;
        width: 100%;
    }
}

.package-pay-right {
    float: left;
    width: 60%;
    margin-left: 10%;
}

@media screen and (max-width: 769px) {
    .package-pay-right {
        width: 62%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 426px) {
    .package-pay-right {
        width: 100%;
        margin-left: 0;
    }
}

.package-pay-product {
    width: 100%;
    min-height: 335px;
    border: 1px solid #fad70d;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 35px;
    position: relative;
}

@media screen and (max-width: 769px) {
    .package-pay-product {
        padding-bottom: 10px;
        min-height: auto;
    }
}

.package-pay-product-img {
    width: 100%;
    height: 145px;
    /*background-size: 108%;*/
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    background-size: cover;
}

    .package-pay-product-img:before {
        content: "";
        position: absolute;
        /*background-color: rgba(0, 0, 0, 0.3);*/
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

.package-pay-product-title {
    width: 100%;
    position: relative;
    top: auto;
    /* transform: translateY(-50%); */
    text-align: center;
    font-family: "SF UI Text Bold";
    font-size: 30px;
    color: #2f2f2f;
    margin-top: 16px;
}

@media screen and (max-width: 769px) {
    .package-pay-product-title {
        font-size: 22px;
    }
}

.package-pay-product-top-text {
    font-size: 13px;
    font-family: "SF UI Text Medium";
    color: #000000;
    padding: 20px 20px 0 20px;
}

    .package-pay-product-top-text p *, .package-pay-product-top-text ul * {
        font-size: 15px !important;
        font-family: "SF UI Text Light" !important;
    }


@media screen and (max-width: 769px) {
    .package-pay-product-top-text {
        font-size: 12px;
    }
}

@media screen and (max-width: 426px) {
    .package-pay-product-top-text {
        font-size: 9px;
        padding: 0;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

.package-pay-product-bottom-text {
    float: left;
    width: 100%;
    padding: 20px;
    font-size: 16px;
    font-family: "SF UI Text Light";
    color: #000000;
}


.package-pay-product-bottom-text-in {
    float: left;
    width: auto;
    margin-left: 15px;
    margin-top: 10px;
    text-align: center;
    font-family: "SF UI Text Medium";
}

@media screen and (max-width: 769px) {
    .package-pay-product-bottom-text-in {
        font-size: 12px;
        margin-left: 11px;
    }
}

.package-pay-product .package-pay-product-bottom-img {
    float: left;
    background-color: #fad70d;
    border-radius: 50%;
    padding: 10px;
    display: inline-block;
    top: 3px;
}

@media screen and (max-width: 769px) {
    .package-pay-product .package-pay-product-bottom-img img {
        width: 15px;
    }
}

.package-pay-product .package-price {
    /*display: inline-block;*/
    text-align: center;
    width: 100%;
    bottom: 20px;
    position: absolute;
}

    .package-pay-product .package-price .package-old-price {
        display: inline-block;
        font-family: "SF UI Text Bold";
        font-size: 29px;
        position: relative;
        color: #2f2f2f;
    }

@media screen and (max-width: 769px) {
    .package-pay-product .package-price .package-old-price {
        font-size: 20px;
    }
}

.package-pay-product .package-price .package-old-price .tl {
    font-family: "SF UI Text Medium";
    font-size: 21px;
    margin-right: -5px;
}

@media screen and (max-width: 769px) {
    .package-pay-product .package-price .package-old-price .tl {
        font-size: 17px;
    }
}

.package-pay-product .package-price .package-old-price:before {
    content: "";
    width: 100%;
    height: 3px !important;
    background-color: #d0021b;
    position: absolute;
    transform: rotate(13deg) translateY(-50%);
    left: 0 !important;
    top: 50% !important;
}

@media screen and (max-width: 769px) {
    .package-pay-product .package-price .package-old-price:before {
        left: 38px;
        top: -13px;
        height: 60px;
    }
}

.package-pay-product .package-price .package-now-price {
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 43px;
    position: relative;
    margin-left: 13px;
    color: #2f2f2f;
}

@media screen and (max-width: 769px) {
    .package-pay-product .package-price .package-now-price {
        font-size: 35px;
        margin-left: 0;
        font-size: 29px;
    }
}

.package-pay-product .package-price .package-now-price span {
    font-size: 18px;
}

@media screen and (max-width: 769px) {
    .package-pay-product .package-price .package-now-price span {
        font-size: 26px;
    }
}

.package-pay-product .package-price .package-now-price span.tl {
    font-family: "SF UI Text Bold";
    font-size: 32px;
    margin-right: -15px;
}

@media screen and (max-width: 769px) {
    .package-pay-product .package-price .package-now-price span.tl {
        font-size: 26px;
        margin-right: -9px;
    }
}

.package-pay-form {
    width: 100%;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* On mouse-over, add a grey background color */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
    /*-in*/
}

    .package-pay-form ul {
        margin-bottom: 20px;
    }

@media screen and (max-width: 426px) {
    .package-pay-form ul {
        margin-top: 19px;
        width: 100%;
        display: inline-block;
    }
}

.package-pay-form .bankradio {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 28px;
    margin-top: 19px;
    font-size: 16px;
    font-weight: 300;
    color: #575a73;
    font-family: "SF UI Text Bold";
    margin-left: 15px;
}

.cardradio {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 28px;
    margin-top: 19px;
    font-size: 16px;
    font-weight: 300;
    color: #575a73;
    font-family: "SF UI Text Bold";
    margin-left: 15px;
}

@media screen and (max-width: 769px) {
    .package-pay-form .bankradio {
        font-size: 14px;
        padding-left: 25px;
        margin-left: 8px;
        line-height: 22px;
    }
}

@media screen and (max-width: 769px) {
    .cardradio {
        font-size: 14px;
        padding-left: 25px;
        margin-left: 8px;
        line-height: 22px;
    }
}

@media screen and (max-width: 426px) {
    .package-pay-form .bankradio {
        font-size: 12px;
        width: 100%;
        margin-left: 0;
        margin-top: 9px;
        padding-left: 35px;
    }
}

@media screen and (max-width: 426px) {
    .cardradio {
        font-size: 12px;
        width: 100%;
        margin-left: 0;
        margin-top: 9px;
        padding-left: 35px;
    }
}

.package-pay-form .bankradio:first-child {
    margin-left: 0;
}

.cardradio:first-child {
    margin-left: 0;
}


.package-pay-form .bankradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.cardradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.package-pay-form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 2px solid #4a4a4a;
    background-color: #ffffff;
}

.package-pay-form .bankradio:hover input ~ .checkmark {
    background-color: #ccc;
}


.cardradio:hover input ~ .checkmark {
    background-color: #ccc;
}

.package-pay-form .checkmark:after {
    content: "";
    position: absolute;
    display: block;
}

.package-pay-form .bankradio input:checked ~ .checkmark:after {
    display: block;
    background-color: rgb(29, 56, 47);
}

.cardradio input:checked ~ .checkmark:after {
    display: block;
    background-color: rgb(29, 56, 47);
}

.package-pay-form .bankradio .checkmark:after {
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.cardradio .checkmark:after {
    top: 50%;
    left: 50%;
    width: 11px;
    height: 11px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.package-pay-form-left {
    width: 70%;
    float: left;
}



    .package-pay-form-left .package-pay-form-title {
        font-size: 13px;
        font-family: "SF UI Text Bold";
    }

@media screen and (max-width: 769px) {
    .package-pay-form-left .package-pay-form-title {
        font-size: 16px;
    }
}

.package-pay-form-left .package-pay-form-input input {
    width: 100%;
    height: 35px;
    border: 1px solid #707070;
    border-radius: 8px;
    margin-top: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-family: "SF UI Text Light";
}

.package-pay-form-right {
    width: 27%;
    float: left;
    margin-left: 16px;
}

@media screen and (max-width: 769px) {
    .package-pay-form-right {
        width: 39%;
        margin-left: 7px;
    }
}

@media screen and (max-width: 426px) {
    .package-pay-form-right {
        width: 100%;
        margin-top: 15px;
    }
}

.package-pay-form-right .package-pay-form-title {
    font-size: 13px;
    font-family: "SF UI Text Bold";
}

@media screen and (max-width: 769px) {
    .package-pay-form-right .package-pay-form-title {
        font-size: 16px;
    }
}

.package-pay-form-right .package-pay-form-input input {
    width: 100%;
    height: 56px;
    border: 1px solid #707070;
    border-radius: 8px;
    margin-top: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-family: "SF UI Text Light";
}

.package-pay-form-right .bank-list {
    display: inline-block;
    width: 100%;
    /*    margin-top: 27px;
*/
}

@media screen and (max-width: 426px) {
    .package-pay-form-right .bank-list {
        margin-top: 0;
    }
}

.package-pay-form-right .bank-list-item {
    display: inline-block;
    margin-left: 7px;
}

    .package-pay-form-right .bank-list-item:first-child {
        margin-left: 0;
    }

.package-pay-form .package-pay-bank-in {
    margin-top: 17px;
    display: inline-block;
    width: 99%;
}

    .package-pay-form .package-pay-bank-in .select2-container {
        width: 178px !important;
    }

@media screen and (max-width: 426px) {
    .package-pay-form .package-pay-bank-in .select2-container {
        width: 100% !important;
    }
}

.package-pay-form .package-pay-bank-in .select2-container {
    color: #7698b2;
    font-size: 12px;
    font-weight: 300;
    display: block;
    position: relative;
}

    .package-pay-form .package-pay-bank-in .select2-container .select2-search__field,
    .package-pay-form .package-pay-bank-in .select2-container .select2-search--dropdown {
        display: none;
    }

    .package-pay-form .package-pay-bank-in .select2-container .select2-results__option {
        padding: 11px 24px;
    }

.package-pay-form .package-pay-bank-in .select2-results__option--highlighted[aria-selected] {
    background-color: #7698b2;
    color: #ffffff;
}

.package-pay-form .package-pay-bank-in .select2-selection--single {
    border: none;
    height: 33px;
    border: 1px solid #707070;
    border-radius: 8px;
}

.package-pay-form .package-pay-bank-in .select2-selection__rendered {
    font-family: "SF UI Text Medium";
    font-size: 11px;
    color: #4a4a4a;
    line-height: 31px !important;
    padding-left: 20px !important;
}

.package-pay-form .package-pay-bank-in .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    background-image: url(/assets/img/form-select.png);
}

.package-pay-form .package-pay-bank-in .package-pay-multi {
    width: 100%;
    display: inline-block;
    margin-left: -15px;
}

    .package-pay-form .package-pay-bank-in .package-pay-multi .package-pay-form-title {
        font-size: 13px;
        font-family: "SF UI Text Bold";
        margin-left: 15px;
    }

@media screen and (max-width: 769px) {
    .package-pay-form .package-pay-bank-in .package-pay-multi .package-pay-form-title {
        font-size: 16px;
    }
}

.package-pay-form .package-pay-bank-in .package-pay-multi-item {
    display: inline-block;
    margin-left: 15px;
    margin-top: 15px;
}

@media screen and (max-width: 426px) {
    .package-pay-form .package-pay-bank-in .package-pay-multi-item {
        width: 100%;
    }
}

.package-pay-form .package-pay-bank-in .package-pay-multi-item.fw {
    width: 71%;
}

@media screen and (max-width: 426px) {
    .package-pay-form .package-pay-bank-in .package-pay-multi-item.fw {
        width: 100%;
    }
}

.package-pay-form .package-pay-bank-in .checklist {
    margin-top: 12px;
}

    .package-pay-form .package-pay-bank-in .checklist input {
        position: absolute;
        width: 16px;
        height: 16px;
        margin: 0;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
    }

        .package-pay-form .package-pay-bank-in .checklist input:after {
            content: "";
            position: absolute;
            display: block;
            z-index: 1;
            width: 16px;
            height: 16px;
            border: 1px solid #dedede;
            border-radius: 2px;
        }

    .package-pay-form .package-pay-bank-in .checklist label {
        line-height: 32px;
        font-family: "SF UI Text Bold";
        font-size: 16px;
        color: #575a73;
        margin-left: 0;
    }

    .package-pay-form .package-pay-bank-in .checklist input[type=checkbox]:before {
        background-repeat: no-repeat;
        position: absolute;
        left: 2px;
        z-index: 2;
        opacity: 0;
        width: 80%;
        height: 80%;
        background-color: rgb(29, 56, 47);
        margin: 2.5px;
    }



    .package-pay-form .package-pay-bank-in .checklist input[type=checkbox]:checked:before {
        content: "";
        position: absolute;
        top: 0px;
        opacity: 1;
        left: 0px;
        border-radius: 2px;
    }

    .package-pay-form .package-pay-bank-in .checklist label:after {
        content: "";
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 24px;
        font-weight: bold;
        background-color: #ffffff;
        border: 1px solid gray;
        border-radius: 4px;
        content: "";
        display: inline-block;
        width: 24px;
        height: 25px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 3px;
        z-index: 0;
    }

.package-pay-form .package-pay-bank-in .installment {
    display: none;
}

    .package-pay-form .package-pay-bank-in .installment table {
        width: 100%;
    }

        .package-pay-form .package-pay-bank-in .installment table th {
            border-bottom: 2px solid #fafafd;
            font-family: "SF UI Text Bold";
            font-size: 15px;
            color: #525252;
            padding: 20px 0;
        }

        .package-pay-form .package-pay-bank-in .installment table tbody tr {
            border-bottom: 2px solid #fafafd;
            font-family: "SF UI Text Regular";
        }

            .package-pay-form .package-pay-bank-in .installment table tbody tr.active {
                font-family: "SF UI Text Bold";
            }

        .package-pay-form .package-pay-bank-in .installment table td {
            border-bottom: 1px solid #fafafd;
            padding: 13px 0;
            font-size: 18px;
            font-weight: 300;
            color: #4a4a4a;
            text-align: center;
        }

    .package-pay-form .package-pay-bank-in .installment .bankradio {
        margin-top: 0;
    }





#taksit-load-div-web .taksit-sayisi table {
    width: 100%;
}

    #taksit-load-div-web .taksit-sayisi table th {
        border-bottom: 2px solid #fafafd;
        font-family: "SF UI Text Bold";
        font-size: 15px;
        color: #525252;
        padding: 20px 0;
    }

    #taksit-load-div-web .taksit-sayisi table tbody tr {
        border-bottom: 2px solid #fafafd;
        font-family: "SF UI Text Regular";
    }

        #taksit-load-div-web .taksit-sayisi table tbody tr.active {
            font-family: "SF UI Text Bold";
        }

    #taksit-load-div-web .taksit-sayisi table td {
        border-bottom: 1px solid #fafafd;
        padding: 13px 0;
        font-size: 18px;
        font-weight: 300;
        color: #4a4a4a;
        text-align: center;
    }

#taksit-load-div-web .taksit-sayisi .bankradio {
    margin-top: 0;
}




.package-pay-form .package-pay-bank-in .package-pay-bank-send {
    width: 211px;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    float: right;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 55px;
    cursor: pointer;
    position: relative;
}

    .package-pay-form .package-pay-bank-in .package-pay-bank-send img {
        margin-top: 3px;
        position: absolute;
        margin-left: 11px;
        right: 15px;
        top: 13px;
    }


.kartekle-submit-btn {
    width: 211px;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    float: right;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 55px;
    cursor: pointer;
    position: relative;
}

#visaWebAcizRiza li {
    margin-bottom: 15px;
}

#visaWebAcizRiza strong {
    font-size: 13px;
}

.package-pay-form .package-pay-bank-in .invoice {
    display: none;
}

    .package-pay-form .package-pay-bank-in .invoice .fw .select2-container {
        width: 100% !important;
    }

    .package-pay-form .package-pay-bank-in .invoice .form-light-text {
        font-family: "SF UI Text Light";
        font-size: 18px;
        color: #575a73;
    }

    .package-pay-form .package-pay-bank-in .invoice .mt-f {
        margin-top: 25px;
    }

    .package-pay-form .package-pay-bank-in .invoice input {
        width: 100%;
        height: 56px;
        border: 1px solid #707070;
        border-radius: 8px;
        margin-top: 10px;
        padding: 0 15px !important;
        font-size: 18px;
        font-family: "SF UI Text Light";
        margin-left: 15px;
    }

    .package-pay-form .package-pay-bank-in .invoice .l-0 {
        margin-left: 0;
    }

    .package-pay-form .package-pay-bank-in .invoice .checklist-half {
        display: inline-block;
        width: auto;
        margin-top: 0;
    }

        .package-pay-form .package-pay-bank-in .invoice .checklist-half input {
            border: none;
            width: 16px !important;
            height: 16px !important;
            padding: 0 !important;
            margin-top: 0 !important;
            font-size: 0 !important;
        }

            .package-pay-form .package-pay-bank-in .invoice .checklist-half input[type=checkbox]:before {
                background-color: #fad70d;
            }

        .package-pay-form .package-pay-bank-in .invoice .checklist-half label {
            font-family: "SF UI Text Light";
            margin-right: 7px;
        }

    .package-pay-form .package-pay-bank-in .invoice .package-pay-checklist .form-light-text {
        float: left;
        margin-right: 55px;
    }




.package-pay-form .package-pay-bank-in .kartekle {
    display: none;
}

    .package-pay-form .package-pay-bank-in .kartekle .fw .select2-container {
        width: 100% !important;
    }

    .package-pay-form .package-pay-bank-in .kartekle .form-light-text {
        font-family: "SF UI Text Light";
        font-size: 18px;
        color: #575a73;
    }

    .package-pay-form .package-pay-bank-in .kartekle .mt-f {
        margin-top: 25px;
    }

    .package-pay-form .package-pay-bank-in .kartekle input {
        width: 100%;
        height: 56px;
        border: 1px solid #707070;
        border-radius: 8px;
        margin-top: 10px;
        padding: 0 15px !important;
        font-size: 18px;
        font-family: "SF UI Text Light";
        margin-left: 0;
    }

    .package-pay-form .package-pay-bank-in .kartekle .l-0 {
        margin-left: 0;
    }

    .package-pay-form .package-pay-bank-in .kartekle .checklist-half {
        display: inline-block;
        width: auto;
        margin-top: 0;
    }

        .package-pay-form .package-pay-bank-in .kartekle .checklist-half input {
            border: none;
            width: 16px !important;
            height: 16px !important;
            padding: 0 !important;
            margin-top: 0 !important;
            font-size: 0 !important;
        }

            .package-pay-form .package-pay-bank-in .kartekle .checklist-half input[type=checkbox]:before {
                background-color: #fad70d;
            }

        .package-pay-form .package-pay-bank-in .kartekle .checklist-half label {
            font-family: "SF UI Text Light";
            margin-right: 7px;
        }

    .package-pay-form .package-pay-bank-in .kartekle .package-pay-checklist .form-light-text {
        float: left;
        margin-right: 55px;
    }


.package-pay-form .package-pay-bank-in .kartEkleKullanimKosullari {
    font-family: "SF UI Text Bold";
}

    .package-pay-form .package-pay-bank-in .kartEkleKullanimKosullari a {
        color: #166a62;
        text-decoration: underline;
    }

.package-pay-form .package-pay-bank-in .kartEkleAcikRiza {
    font-family: "SF UI Text Bold";
}

    .package-pay-form .package-pay-bank-in .kartEkleAcikRiza a {
        color: #166a62;
        text-decoration: underline;
    }


.package-pay-form .package-pay-bank-in .contract {
    font-family: "SF UI Text Bold";
}

    .package-pay-form .package-pay-bank-in .contract a {
        color: #166a62;
        text-decoration: underline;
    }

.package-pay-form .package-pay-bank-in ul {
    margin-top: 10px;
}

    .package-pay-form .package-pay-bank-in ul li {
        font-family: "SF UI Text Light";
        font-size: 12px;
        margin-top: 10px;
    }

        .package-pay-form .package-pay-bank-in ul li:first-child {
            margin-top: 0;
        }

        .package-pay-form .package-pay-bank-in ul li:before {
            content: "";
            background-color: #fad70d;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 10px;
        }

.package-pay-transfer-note, .package-pay-bkm-note {
    color: #d0021b;
    font-size: 14px;
    font-family: "SF UI Text Light";
}

.package-pay-bkm-note {
    color: #333;
}

.package-pay-transfer .ppt-item, .package-pay-bkm .ppt-item {
    margin-top: 30px;
    border-bottom: 1px solid #c4c1c1;
    width: 70%;
    padding-bottom: 15px;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 745px) {
    .package-pay-transfer .ppt-item, .package-pay-bkm .ppt-item {
        width: 100%;
    }
}

.package-pay-transfer .ppt-item-left, .package-pay-bkm .ppt-item-left {
    float: left;
    font-family: "SF UI Text Medium";
    font-size: 16px;
    color: #2c2c2c;
}

@media screen and (max-width: 745px) {
    .package-pay-transfer .ppt-item-left, .package-pay-bkm .ppt-item-left {
        font-size: 15px;
    }
}

.package-pay-transfer .ppt-item-right, .package-pay-bkm .ppt-item-right {
    float: left;
    font-family: "SF UI Text Light";
    font-size: 15px;
    color: #000000;
    margin-left: 20px;
    display: inline-block;
}

@media screen and (max-width: 745px) {
    .package-pay-transfer .ppt-item-right, .package-pay-bkm .ppt-item-right {
        font-size: 13px;
        width: 100%;
        margin-left: 0;
        margin-top: 9px;
    }
}

.package-pay-transfer .ppt-item-right-img, .package-pay-bkm .ppt-item-right-img {
    position: absolute;
    right: 20px;
    top: 0;
}

@media screen and (max-width: 745px) {
    .package-pay-transfer .ppt-item-right-img, .package-pay-bkm .ppt-item-right-img {
        right: 1px;
        top: 27px;
    }
}

.package-pay-transfer .ppt-item-right.price, .package-pay-bkm .ppt-item-right.price {
    font-family: "SF UI Text SemiBold";
    font-size: 23px;
    margin-top: -4px;
}

@media screen and (max-width: 745px) {
    .package-pay-transfer .ppt-item-right.price, .package-pay-bkm .ppt-item-right.price {
        font-size: 17px;
        margin-top: 7px;
    }
}

/*package-pay*/
.package-pay-bank {
    display: block;
}

.package-pay-transfer, .package-pay-bkm {
    display: none;
}

.congr-container {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

    .congr-container .congr-text-one {
        font-family: "SF UI Text Bold";
        font-size: 28px;
        color: #292929;
        margin-top: 17px;
    }

@media screen and (max-width: 769px) {
    .congr-container .congr-text-one {
        font-size: 26px;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-text-one {
        font-size: 21px;
    }
}

.congr-container .congr-text-two {
    font-family: "SF UI Text Medium";
    font-size: 22px;
    color: #292929;
    margin-top: 5px;
}

@media screen and (max-width: 769px) {
    .congr-container .congr-text-two {
        font-size: 20px;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-text-two {
        font-size: 16px;
    }
}

.congr-container .congr-box {
    width: 55%;
    border-radius: 13px;
    /*box-shadow: 0 0 72px 0 rgba(0, 0, 0, 0.08);*/
    -webkit-box-shadow: 0px 5px 19px 9px rgb(236, 236, 236);
    -moz-box-shadow: 0px 5px 19px 9px rgb(236, 236, 236);
    box-shadow: 0px 5px 19px 9px rgb(236, 236, 236);
    background-color: #f8f8f8;
    margin: 0 auto;
    margin-top: 35px;
    text-align: center;
    padding: 30px 25px;
}

@media screen and (max-width: 768px) {
    .congr-container .congr-box {
        box-sizing: border-box;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-box {
        width: 100%;
        padding: 20px;
    }
}

.congr-container .congr-box-title {
    font-family: "SF UI Text Bold";
    font-size: 30px;
    color: #292929;
    border-bottom: 1px solid #292929;
    padding-bottom: 10px;
    width: 78%;
    margin: 0 auto;
}

@media screen and (max-width: 769px) {
    .congr-container .congr-box-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-box-title {
        font-size: 23px;
    }
}

.congr-container .congr-box-title:before {
    content: "";
    background-image: url(/assets/img/congr-prod-icon.png);
    width: 45px;
    height: 44px;
    display: inline-table;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 0;
    vertical-align: middle;
}

.congr-container .congr-box-text {
    font-family: "SF UI Text Light";
    font-size: 15px;
    color: #000000;
    width: 70%;
    margin: 0 auto;
    line-height: 25px;
    margin-top: 15px;
}

@media screen and (max-width: 769px) {
    .congr-container .congr-box-text {
        font-size: 13px;
        width: 100%;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-box-text {
        font-size: 11px;
    }
}

.congr-container .congr-explorebutton {
    width: 30%;
    height: 50px;
    margin: 0 auto;
    background-color: #fad70d;
    border-radius: 12px;
    font-family: "SF UI Text Light";
    font-size: 13px;
    margin-top: 36px;
}

@media screen and (max-width: 1025px) {
    .congr-container .congr-explorebutton {
        width: 50%;
    }
}

@media screen and (max-width: 769px) {
    .congr-container .congr-explorebutton {
        font-size: 12px;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-explorebutton {
        width: 100%;
    }
}

.congr-container .congr-explorebutton a {
    color: #292929;
    line-height: 50px;
}

.congr-container .congr-explorebutton span {
    font-family: "SF UI Text Bold";
}

.congr-container .congr-text-three {
    font-family: "SF UI Text Medium";
    font-size: 36px;
    color: #fad70d;
    margin-top: 27px;
}

@media screen and (max-width: 769px) {
    .congr-container .congr-text-three {
        font-size: 33px;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-text-three {
        font-size: 25px;
    }
}

.congr-container .congr-text-four {
    font-family: "SF UI Text Bold";
    font-size: 20px;
    color: #000000;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 30px;
    width: 50%;
}

@media screen and (max-width: 769px) {
    .congr-container .congr-text-four {
        font-size: 17px;
        width: 70%;
    }
}

@media screen and (max-width: 426px) {
    .congr-container .congr-text-four {
        font-size: 12px;
        width: 100%;
    }
}

.congr-container .congr-app {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.congr-container .congr-app-item {
    display: inline-block;
    margin-left: 15px;
}

@media screen and (max-width: 426px) {
    .congr-container .congr-app-item img {
        width: 150px;
    }
}

/*congr-container*/

/*# sourceMappingURL=style.css.map */
.memberSlide .slick-slide {
    height: auto;
}

label.error {
    display: none !important;
}

input.error {
    border-color: #ff3b3b !important;
}

.memberSlide input {
    outline: none;
}

.modalCloseBtn, .modalCloseBtnCls {
    width: 211px;
    height: 50px;
    background-color: #fad70d;
    border-radius: 12px;
    border: none;
    font-family: "SF UI Text Bold";
    font-size: 20px;
    margin-top: 30px !important;
    margin-bottom: 55px;
    cursor: pointer;
    position: relative;
}

.package-button.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
    height: 68px;
}

    .package-button.fixed .package-send-button {
        margin-top: 16px !important;
        font-size: 16px;
        height: 40px;
    }

.package-button-step-2 {
    display: none;
}

    .package-button-step-2 img {
        position: absolute;
        right: 20px;
        width: 9px;
        top: 12px;
    }

.package-modal-top-text p span, .package-modal-top-text ul span {
    font-size: 16px;
}

.package-pay input {
    height: 35px !important;
    font-size: 14px !important;
}

.memberss .select2-container {
    min-width: 100% !important;
}

.package-content .select2-selection__rendered {
    position: relative;
    padding-left: 65px !important;
}

    .package-content .select2-selection__rendered:before {
        position: absolute;
        content: '';
        background-image: url(/assets/img/compass.png);
        width: 24px;
        height: 24px;
        left: 25px;
        top: 13px;
        background-repeat: no-repeat;
        background-color: #fad70d;
        border-radius: 60px;
    }

.ppt-item-right-img {
    cursor: pointer;
}

.tooltiptext {
    display: none;
    width: 120px;
    background-color: #5a5a5a;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}


#installmentChk {
    display: none;
}

.pt-0 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.bgRed {
    background-color: red;
}

.bgGreen {
    background-color: #1f382e;
}

.bgWhiteError {
    background-color: white !important;
    color: red !important;
}

.bgWhiteSuccess {
    background-color: white !important;
    color: #1f382e !important;
}

.bgGreen h2 {
    color: white;
}


.bgRed h2 {
    color: white;
}

.errorNote {
    padding: 3px;
    margin-top: 5px;
    /* margin: 5px 5px; */
    float: left;
    font-family: "SF UI Text Medium";
    font-size: 11px;
    font-weight: 100;
    color: white;
    display: none;
}

.troy {
    height: 25px;
    width: auto;
}

.masterCard {
    height: 24px;
    width: auto;
}

.visa {
    height: 26px;
    width: auto;
}

.all-package-detail {
    display: block;
    width: 63%;
    height: 50px;
    border-radius: 11px;
    border: 2px solid #fad70d;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 11px;
    color: #4f4f4f;
    font-family: "SF UI Text Medium";
    position: relative;
    padding-left: 24px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

    .all-package-detail:hover {
        background-color: #fad70d;
    }

.package-content .getDetail-img {
    background-color: #fad70d;
    border-radius: 50%;
    padding: 8px;
    display: inline-block;
    position: absolute;
    left: 34px;
    top: 11px;
}

.w50 {
    float: left;
    width: 49%;
    margin-right: 6px;
}

.mt-20 {
    margin-top: 12px;
    display: inline-block;
}

.btnContainer a {
    padding: 12px 22px;
    font-size: 14px;
    margin: 0px 15px 15px 0;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 50px;
    display: inline-block;
    line-height: 17px;
}

.modal-member-ok-text.contract {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: "SF UI Text Bold";
    font-size: 24px;
    width: 89% !important;
    line-height: 35px;
    padding: 20px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .modal-member-ok-text.contract li, .modal-member-ok-text.contract p {
        font-family: "SF UI Text Light";
        font-size: 13px;
        line-height: 25px;
    }

    .modal-member-ok-text.contract strong {
        margin-left: 0px !important;
        font-size: 16px;
    }

.modal-img-small img {
    width: 100px;
}

#userNotificationContent {
    text-align: left;
    width: 100%;
    height: 100%;
    float: left;
    padding: 5px 15px;
}

    #userNotificationContent strong {
        float: left;
        padding: 10px 0px;
        font-family: "SF UI Text Bold";
    }

    #userNotificationContent p strong, #userNotificationContent li strong {
        font-family: "SF UI Text Medium";
        font-weight: 300;
        color: #4a4a4a;
        font-size: 14px;
    }

    #userNotificationContent p:first-child strong {
        font-weight: bold;
        font-size: 16px;
    }

    #userNotificationContent li {
        width: 85%;
        padding-left: 20px;
        padding-right: 25px;
        line-height: 10px
    }

.smsModalCls {
    margin-left: 20px !important;
}

.messageLoad {
    width: 75%;
    text-align: center;
    margin: 0 auto;
}

.all-package-img img {
    width: 17px;
}

.smsModalError {
    width: 90%;
    height: 40px;
    text-align: center;
    line-height: 19px;
    padding: 0px;
    color: red;
    margin: 0 auto;
    margin-top: 7px;
}

    .smsModalError span {
        display: none;
        color: red;
        font-size: 0.8em;
    }


.package-content .select2-selection--single {
    border-radius: 8px !important;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
    border: none !important;
    height: 50px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
    margin-top: -42px !important;
}

div.error .select2-selection--single, .contract.error, .errorfix:after {
    border-color: #ff3b3b !important;
}
/** Responsive **/
@media screen and (max-width: 992px) {
    .memberinfo-form-left-in .number-top {
        font-size: 18px;
    }

    .memberinfo-form-right-input input {
        width: 100%;
        margin-left: 0px;
    }

    .w50 {
        width: 100%;
    }

    .memberinfo-form {
        width: 100%;
        display: block;
        padding-right: 15px;
    }

    .memberinfo-form-right-promotion {
        width: 100%;
        box-sizing: border-box;
    }

    .memberinfo-form-right-note {
        margin-top: 20px;
        line-height: 21px;
    }

    .memberinfo-form-right-send {
        top: auto;
        right: auto;
        width: 100%;
        margin-right: 0 !important;
    }

    .memberinfo-form-right-checked label {
        margin-left: 0;
        line-height: 21px;
        margin-top: 9px;
    }

    .package-content {
        width: 100%;
    }

        .package-content .select2-container {
            width: 100% !important;
            float: left;
        }

        .package-content .package-list .package-item {
            width: 100%;
            margin-left: 0;
        }



    .package-modal-top-text * {
        width: 95% !important;
    }

    .modal-fix .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }



    .modal-fix-ootp .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }




    .modal-fix-pay .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }












    .modal-fix-kartekle .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }




    .container {
        box-sizing: border-box;
    }

    .package-pay-product .package-price {
        text-align: center;
        width: 100%;
        bottom: auto;
        position: relative;
    }

    .package-pay-form .package-pay-bank-in {
        width: 100%;
    }

        .package-pay-form .package-pay-bank-in .checklist label {
            font-size: 13px;
        }

    .package-pay-form-right {
        margin-left: 0;
    }

    .package-pay-form .package-pay-bank-in .package-pay-bank-send {
        width: 100%;
        font-size: 16px;
    }

    .memberinfo-form-right {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .memberinfo-form-left {
        width: 42%;
    }

    .memberinfo-form-right {
        width: calc(54% + 19px);
        padding-right: 0;
    }

    .memberinfo-form-right-checked input {
        position: absolute;
        left: 0;
        top: 10px;
    }

    .memberinfo-form-right-checked label {
        padding-top: 7px;
    }

    .package-content .package-list {
        margin-left: 0;
        width: calc(100% + 33px);
    }

        .package-content .package-list .package-item {
            width: 44.6%;
            margin-right: 31px;
        }

    .package-pay-right {
        margin-left: 6%;
    }

    .package-pay-form-right {
        width: 35%;
        padding-left: 15px;
    }

    .package-pay-form-left {
        width: 58%;
    }

    .package-pay-form .bankradio {
        padding-left: 23px;
    }

    .package-pay-form .bankradio {
        padding-left: 37px;
        clear: left;
        width: 100%;
        margin-left: 0;
    }
}

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

    .iconBack {
        margin-left: -30px !important;
    }

    .package-pay-form .bankradio {
        padding-left: 36px;
    }

    .package-pay-form-left, .package-pay-form-right, .package-pay-right {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }

    .memberinfo-form-left-in .number-top {
        font-size: 18px;
    }

    .memberinfo-form-right-input input {
        width: 100%;
        margin-left: 0px;
    }

    .w50 {
        width: 100%;
    }

    .memberinfo-form {
        width: 100%;
        display: block;
        padding-right: 15px;
    }

    .memberinfo-form-right-promotion {
        width: 100%;
        box-sizing: border-box;
    }

    .memberinfo-form-right-note {
        margin-top: 20px;
        line-height: 21px;
    }

    .memberinfo-form-right-send {
        top: auto;
        right: auto;
        width: 100%;
        margin-right: 0 !important;
    }

    .memberinfo-form-right-checked label {
        margin-left: 0;
        line-height: 21px;
        margin-top: 9px;
    }

    .package-content {
        width: 100%;
    }

        .package-content .select2-container {
            width: 100% !important;
            float: left;
        }

        .package-content .package-list .package-item {
            width: 100%;
            margin-left: 0;
        }



    .package-modal-top-text * {
        width: 95% !important;
    }

    .modal-fix .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }

    .modal-fix .modal-fix-detail .all-package {
        width: 83% !important;
        margin-left: 10px !important;
        font-size: 12px !important;
    }



    .modal-fix-ootp .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix-ootp .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }

    .modal-fix-ootp .modal-fix-detail .all-package {
        width: 83% !important;
        margin-left: 10px !important;
        font-size: 12px !important;
    }




    .modal-fix-pay .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix-pay .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }

    .modal-fix-pay .modal-fix-detail .all-package {
        width: 83% !important;
        margin-left: 10px !important;
        font-size: 12px !important;
    }







    .modal-fix-kartekle .modal-fix-detail .package-modal-top-text, .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        width: 96% !important;
        font-size: 13px !important;
        display: inline-block !important;
        padding-right: 20px !important;
        max-height: 127px !important;
        overflow-y: auto !important;
        margin-top: 10px !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-title {
        font-size: 13px !important;
        width: 53% !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-top: -15px !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-price {
        margin-top: 0 !important;
    }

        .modal-fix-kartekle .modal-fix-detail .package-modal-price .package-modal-now-price {
            font-size: 32px !important;
        }

    .modal-fix-kartekle .modal-fix-detail .all-package {
        width: 83% !important;
        margin-left: 10px !important;
        font-size: 12px !important;
    }

    .all-package {
        font-size: 12px !important;
    }

    .modal-fix .modal-fix-detail .package-send-button {
        width: 93% !important;
        margin-left: 10px !important;
        margin-top: -1px !important;
        margin-right: auto !important;
        float: left !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-send-button {
        width: 93% !important;
        margin-left: 10px !important;
        margin-top: -1px !important;
        margin-right: auto !important;
        float: left !important;
    }

    .modal-fix-pay .modal-fix-detail .package-send-button {
        width: 93% !important;
        margin-left: 10px !important;
        margin-top: -1px !important;
        margin-right: auto !important;
        float: left !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-send-button {
        width: 93% !important;
        margin-left: 10px !important;
        margin-top: -1px !important;
        margin-right: auto !important;
        float: left !important;
    }

    .container {
        box-sizing: border-box;
    }

    .package-pay-product .package-price {
        text-align: center;
        width: 100%;
        bottom: auto;
        position: relative;
    }

    .package-pay-form .package-pay-bank-in {
        width: 100%;
    }

        .package-pay-form .package-pay-bank-in .checklist label {
            font-size: 13px;
        }

    .package-pay-form-right {
        margin-left: 0;
    }

    .package-pay-form .package-pay-bank-in .package-pay-bank-send {
        width: 100%;
        font-size: 16px;
    }

    .memberinfo-form-right {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .memberinfo-form-left {
        width: 100%;
    }

    .memberinfo-form-right {
        width: 100%;
    }

    .memberinfo-nav-one, .memberinfo-nav-two, .memberinfo-nav-three {
        width: 32%;
    }

    .package-content .package-list {
        width: 100%;
    }
}

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

    .package-button.fixed .package-send-button {
        font-size: 16px;
        width: 60%;
        float: left;
        margin-left: 15px;
        margin-top: 11px !important;
    }
}


#smsModalCodeInputGetCard::-webkit-inner-spin-button,
#smsModalCodeInputGetCard::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#smsModalCodeInputGetCard {
    width: 70% !important;
    font-size: 50px;
    letter-spacing: 12px;
}

#smsModalCodeInputGetCardvisaFinishProccessPayment::-webkit-inner-spin-button,
#smsModalCodeInputGetCardvisaFinishProccessPayment::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#smsModalCodeInputGetCardvisaFinishProccessPayment {
    width: 70% !important;
    font-size: 50px;
    letter-spacing: 12px;
}


#smsModalCvvInputGetCardvisaFinishProccessPayment::-webkit-inner-spin-button,
#smsModalCvvInputGetCardvisaFinishProccessPayment::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#smsModalCvvInputGetCardvisaFinishProccessPayment {
    width: 40% !important;
    font-size: 50px;
    letter-spacing: 12px;
}



#smsModalCodeInput::-webkit-inner-spin-button,
#smsModalCodeInput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#smsModalCodeInput {
    width: 50% !important;
    font-size: 50px;
    letter-spacing: 12px;
}


#Code::-webkit-inner-spin-button,
#Code::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#Code {
    width: 50% !important;
    font-size: 50px;
    letter-spacing: 12px;
}

button, input, select {
    outline: none !important;
}

* {
    outline: none !important;
}

@media only screen and (max-width: 500px) {
    .package-div-main-left {
        margin-left: 5px !important;
    }

        .package-div-main-left img {
            display: none;
        }

    .package-price-content {
        width: 145px !important;
    }

    .package-now-price-main span.tl-main {
        font-size: 15px !important;
    }

    .package-now-price-main #priceSpan {
        font-size: 20px !important;
    }

    .package-div-main-right {
        margin-left: -14px !important;
    }

    .package-button-continue.fixed .package-send-button {
        font-size: 13px !important;
    }

    .package-old-price-main #oldPriceSpan {
        font-size: 15px !important;
    }

    .center-div {
        left: 0 !important;
        transform: translateX(0) !important;
    }
}

@media only screen and (max-width: 768px) {
    .bank-list {
        display: none !important;
    }

    .package-pay-form .package-pay-bank-in .installment table td {
        font-size: 12px;
    }

    .package-pay-form .package-pay-bank-in .installment table th {
        font-size: 13px;
    }

    #taksit-load-div-web table td {
        font-size: 12px;
    }

    #taksit-load-div-web table th {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .member-login-c {
        width: 90%;
        margin: 0 auto;
        height: 90%;
        max-height: 90%;
        display: table;
        padding: 0;
    }

    .modal-fix .modal-fix-detail .package-modal-top-text-bottom {
        text-align: left !important;
    }

    .modal-fix-ootp .modal-fix-detail .package-modal-top-text-bottom {
        text-align: left !important;
    }

    .modal-fix-pay .modal-fix-detail .package-modal-top-text-bottom {
        text-align: left !important;
    }

    .modal-fix-kartekle .modal-fix-detail .package-modal-top-text-bottom {
        text-align: left !important;
    }

    .package-pay-product-bottom-text {
        display: block;
        text-align: center;
        box-sizing: border-box;
        margin-top: -15px;
        float: none;
    }

    .package-pay-product .package-pay-product-bottom-img {
        display: inline-block;
        top: 11px;
        position: relative;
        float: none;
    }

    .package-pay-product-bottom-text-in {
        display: inline-block;
        float: none;
    }

    .package-campain-in {
        margin-top: 8px !important;
        margin-left: 2px !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 770px) {
    .package-div-main-right {
        margin-left: 10px !important;
    }
}

@media only screen and (max-width: 321px) {
    .package-div-main-left {
        padding-right: 10px !important;
    }

    .package-div-main-right {
        margin-left: -11px !important;
    }
}



@media screen and (width: 768px) {

    .package-content .package-list .package-item .package-campain-bg {
        left: -7px;
        top: -42px;
    }

    .package-pay-product-title {
        padding-left: 13px;
        text-align: left;
    }


    .package-pay-product .package-price {
        text-align: left;
        padding-left: 13px;
    }


    .package-pay-product-bottom-text {
        text-align: left;
    }

    .package-pay-product-top-text {
        text-align: left;
        padding-left: 13px;
    }
}

@media screen and (max-width: 768px) {
    .numberBox {
        text-align: left !important;
    }
}

a#register-login {
    text-decoration: none;
    color: #000 !important;
    font-size: 11px;
    color: #2a2a2a !important;
    text-align: center;
    font-weight: bold;
}

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

    a#register-login {
        text-decoration: none;
        font-size: 11px;
        color: #fff !important;
        text-align: center;
        font-weight: bold;
    }
}

@media screen and (max-width: 480px) {
    .go-dmccbi-flags {
        width: 85% !important;
    }

    .go-dmccbi-flags {
        margin: 142px 0px 0px 0px !important;
    }

    a#register-login {
        text-decoration: none;
        font-size: 11px;
        color: #fff !important;
        text-align: center;
        font-weight: bold;
    }
}

.FormDiv1 > label:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 4px;
}


/*Sonradan ekledim geri almak isterlerse sileceğim*/
.gea-Box img {
    width: 100%; /*height: 100%;*/
    object-fit: cover;
    o-object-fit: cover;
}

.geab-text {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}

.geab-hoverBox {
    position: absolute;
    bottom: 0px;
    transition: all 0.5s ease;
    z-index: 99;
    width: 100%;
    padding-bottom: 20px;
}

.gea-Box:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    bottom: -30px;
    right: 0px;
    width: 100%;
    height: 50%;
    background: inherit !important;
    z-index: 1;
    opacity: 0.7;
}

.gea-Box:before {
    background: inherit !important;
}

.geab-button a {
    font-size: 14px;
    font-weight: bold;
    width: 140px;
    height: 35px;
    display: block;
    line-height: 35px;
    background: #fbd70d;
    margin: 25px auto 0px;
    border-radius: 50px;
    text-align: center;
    display: none !important;
}

.smallScreenText {
    text-align: center;
}

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

    .smallScreenText {
        text-align: left !important;
    }
}



.kvkkDiv * {
    font-family: "SF UI Text Light";
    font-size: 13px !important;
    line-height: 25px;
    font-weight: 500;
    text-align: left !important;
    padding-left: 15px;
}

.kvkkDiv h5 {
    font-size: 15px !important;
    font-weight: bold;
}

.kvkkDiv h6 {
    font-size: 14px !important;
    font-weight: bold;
}

.kvkkDiv h4 {
    font-size: 17px !important;
    font-weight: bold;
}

.kvkkDiv ul {
    /*padding-left: 15px;*/
    margin-left: 5px;
}

.kvkkDiv li {
    list-style-type: disc;
    margin-left: 10px !important;
}


.memberinfo-form-right-checkedKvkk {
    margin-top: 0;
}

    .memberinfo-form-right-checkedKvkk input {
        position: relative;
        width: 16px;
        height: 16px;
        margin: 0;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
    }

        .memberinfo-form-right-checkedKvkk input:after {
            content: "";
            position: absolute;
            display: block;
            z-index: 1;
            width: 19px;
            height: 20px;
            border: 1px solid #d3d4dc;
            border-radius: 2px;
        }

    .memberinfo-form-right-checkedKvkk label {
        color: #000000;
        font-family: "SF UI Text Medium";
        margin-left: -17px;
        line-height: 31px;
        margin-top: 9px;
    }

@media screen and (max-width: 769px) {
    .memberinfo-form-right-checkedKvkk label {
        font-size: 14px;
    }
}

.memberinfo-form-right-checkedKvkk input[type=checkbox]:before {
    background-color: #fad70d;
    background-size: 8px;
    background-repeat: no-repeat;
    position: absolute;
    left: 2px;
    z-index: 2;
    opacity: 0;
    width: 13px;
    height: 13px;
    color: #d3d4dc;
    background-position: 3px;
    margin: 3px;
}


.select2-hidden-accessible.error + .select2 .select2-selection {
    border-color: #ff3b3b;
}

​

input[type=checkbox].error + label:after {
    border-color: #ff3b3b !important;
}

.memberinfo-form-right-checkedKvkk input[type=checkbox]:checked + label {
    color: #000000;
    font-family: "SF UI Text Medium";
}

@media screen and (max-width: 769px) {
    .memberinfo-form-right-checkedKvkk input[type=checkbox]:checked + label {
        font-size: 14px;
        padding-right: 0;
    }
}

.memberinfo-form-right-checkedKvkk input[type=checkbox]:checked:before {
    content: "";
    position: absolute;
    top: 0px;
    opacity: 1;
    left: 0px;
    border: 1px solid #d3d4dc;
    border-radius: 2px;
}

.memberinfo-form-right-checkedKvkk label:after {
    content: "";
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
    background-color: #ffffff;
    border: 1px solid gray;
    border-radius: 4px;
    content: "";
    display: inline-block;
    width: 24px;
    height: 25px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 0;
}


.customRadio input[type="radio"] {
    position: absolute;
    left: -9999px
}

    .customRadio input[type="radio"] + label {
        position: relative;
        padding: 3px 0 0 40px;
        cursor: pointer
    }

        .customRadio input[type="radio"] + label:before {
            content: '';
            background: #fff;
            border: 2px solid #311B92;
            height: 25px;
            width: 25px;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0
        }

        .customRadio input[type="radio"] + label:after {
            content: '';
            background: #311B92;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            left: 5px;
            opacity: 0;
            transform: scale(2);
            transition: transform 0.3s linear, opacity 0.3s linear
        }

    .customRadio input[type="radio"]:checked + label:after {
        opacity: 1;
        transform: scale(1)
    }

.cardradio .checkmark {
    top: -18px;
    left: 20px;
}

.item-author {
    font-size: 14px;
}









.FormLine2 .FormDivPermission .checklist {
    margin-top: 12px;
}

    .FormLine2 .FormDivPermission .checklist input {
        position: absolute;
        width: 14px;
        height: 14px;
        margin: 0;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
    }

        .FormLine2 .FormDivPermission .checklist input:after {
            content: "";
            position: absolute;
            display: block;
            z-index: 1;
            width: 14px;
            height: 14px;
            border: 1px solid #dedede;
            border-radius: 2px;
        }

    .FormLine2 .FormDivPermission .checklist label {
        line-height: 24px;
        font-family: "SF UI Text Bold";
        font-size: 14px;
        color: #575a73;
        margin-left: 0;
    }

    .FormLine2 .FormDivPermission .checklist input[type=checkbox]:before {
        background-repeat: no-repeat;
        position: absolute;
        left: 2px;
        z-index: 2;
        opacity: 0;
        width: 80%;
        height: 80%;
        background-color: rgb(29, 56, 47);
        margin: 2.5px;
    }



    .FormLine2 .FormDivPermission .checklist input[type=checkbox]:checked:before {
        content: "";
        position: absolute;
        top: 0px;
        opacity: 1;
        left: 0px;
        border-radius: 2px;
    }

    .FormLine2 .FormDivPermission .checklist label:after {
        content: "";
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 24px;
        font-weight: bold;
        background-color: #ffffff;
        border: 1px solid gray;
        border-radius: 4px;
        content: "";
        display: inline-block;
        width: 24px;
        height: 25px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 3px;
        z-index: 0;
    }






.FormLine22 .FormDivSub .checklist {
    margin-top: 12px;
}

    .FormLine22 .FormDivSub .checklist input {
        position: absolute;
        width: 14px;
        height: 14px;
        margin: 0;
        display: inline-block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
    }

        .FormLine22 .FormDivSub .checklist input:after {
            content: "";
            position: absolute;
            display: block;
            z-index: 1;
            width: 14px;
            height: 14px;
            border: 1px solid #dedede;
            border-radius: 2px;
        }

    .FormLine22 .FormDivSub .checklist label {
        line-height: 24px;
        font-family: "SF UI Text Bold";
        font-size: 14px;
        color: #575a73;
        margin-left: 0;
    }

    .FormLine22 .FormDivSub .checklist input[type=checkbox]:before {
        background-repeat: no-repeat;
        position: absolute;
        left: 2px;
        z-index: 2;
        opacity: 0;
        width: 80%;
        height: 80%;
        background-color: rgb(29, 56, 47);
        margin: 2.5px;
    }

    .FormLine22 .FormDivSub .checklist input[type=checkbox]:checked:before {
        content: "";
        position: absolute;
        top: 0px;
        opacity: 1;
        left: 0px;
        border-radius: 2px;
    }

    .FormLine22 .FormDivSub .checklist label:after {
        content: "";
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); */
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 24px;
        font-weight: bold;
        background-color: #ffffff;
        border: 1px solid gray;
        border-radius: 4px;
        content: "";
        display: inline-block;
        width: 24px;
        height: 25px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: 3px;
        z-index: 0;
    }


.gpay-color {
    color: #00d300 !important;
}

.gpay-backcolor {
    background: #00d300 !important;
    background-color: #00d300 !important;
}