@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    color: #313131;
    list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Source Sans Pro', sans-serif;
    overflow-x: hidden;
    background: transparent;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
    display: block;
}

.wrapper {
    width: 100%;
    position: fixed;
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    height: auto;
    display: table;
    min-height: 100vh;
}

html.homePage .wrapper {
    padding-top: 80px;
}

.container {
    width: 100%;
    display: table;
    margin: auto;
    padding: 0 30px;
}

.btn-primary {
    border: none;
    height: 50px;
    width: 100%;
    font-weight: 700;
    top: 0;
    display: block;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: #3b0072;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), inset 0px -5px 2px 0px rgba(0, 0, 0, 0.2);
    border: none;
}

.btn-dark {
    border: none;
    height: 48px;
    width: 100%;
    font-weight: 700;
    border-width: 1px;
    border-color: rgb(54, 138, 161);
    background: #3b0072;
    box-shadow: inset 0px -5px 2px 0px rgba(0, 0, 0, 0.2) !important;
    border-radius: 30px;
}
/**************************** Loading ****************************/
.homeLoading {
    background-color: #3b0072;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center;
    background-size: cover;
    z-index: 999999;
    opacity: 1;
    display: block;
}

.homeLoading:before {
        content: "";
        position: absolute;
        display: block;
        height: 100vh;
        width: 100%;
        background-size: cover;
        bottom: 0px;
        right: 0px;
        opacity: 1;
    }

.homeLogo {
}



.homeLogo h2 {
        font-weight: 700;
        color: #fff;
        text-align: center;
        font-size: 28px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 30px;
        margin-top: 30px;
    }

.homeLogo p {
        color: #fff;
        text-align: center;
        margin-top: 10px;
    }

.loadingBg {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 17px;
    z-index: 8;
    border-radius: 30px;
    padding: 2px 2px;
    box-sizing: border-box;
}

.loading-bar {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(54, 138, 161);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), inset 0px 5px 2px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    height: 13px;
    z-index: 9;
    background: #3a0050;
    animation: bar 3s ease-in-out alternate;
    border-radius: 10px;
    transition: 300ms all;
}

.loading span {
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px;
    font-size: 18px;
    animation: zoom 1s ease-in-out infinite alternate;
}

.homeLogo img {
    display: table;
    margin: auto;
    width: 280px;
}
.homeLogo {
    width: 120px;
    height: 120px;
    position: relative;
    perspective: 120px;
    animation: zoom 1.5s cubic-bezier(1, 0.04, 0.46, 0.98);
    color: #fff;
    display: table;
    margin: 30vh auto 25vh;
}

.homeLogo span {
        position: absolute;
        transform: translateY(20px);
        transform-style: preserve-3d;
        transition: transform 3s;
        animation: rotate 3s 1s cubic-bezier(1, 0.04, 0.46, 0.98) infinite;
    }

.shadow {
    width: 90px;
    height: 5px;
    border-radius: 50%;
    background-color: rgb(0, 0, 0);
    display: block;
    margin: 0 auto;
    position: absolute;
    opacity: 0.7;
    bottom: -30px;
    left: 15px;
    animation: shadow 1.5s ease-in-out infinite alternate;
    animation-delay: 0;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    transition: 3s;
}

.loading {
    width: 300px;
    display: table;
    margin: auto;
}

@keyframes rotate {
    0% {
        transform: rotateY(0deg) translateY(20px);
    }

    50% {
        transform: rotateY(180deg) translateY(0px);
    }

    100% {
        transform: rotateY(360deg) translateY(20px);
    }
}

@keyframes zoom {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
    }
}

@keyframes shadow {
    0% {
        transform: scale(1.1);
        opacity: .1;
    }

    100% {
        transform: scale(.5);
    }
}

@keyframes bar {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.homeLoading.active {
    top: -100vh;
    opacity: 0;
}

.box {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    padding: 0px 0px 20px;
    width: 100%;
    display: table;
    margin: 0 auto 30px;
    overflow: hidden;
}

.login_page {
    position: relative;
    z-index: 1;
    width: 500px;
    margin: auto;
    max-width: 100%;
    padding-bottom: 100px;
    display: none;
}

.login_header {
    width: 80%;
    display: table;
    margin: 15% auto;
}

#tabmenu li.slide-line {
    display: block;
    padding: 0;
    margin: 0;
    background: none #CC0000;
    z-index: 0;
    position: absolute;
    border-radius: 3px;
    height: 5px;
    left: 0;
    top: 0;
}

.tabpage, .fp_page {
    display: none;
    padding: 10px 0px;
    line-height: 24px;
}

.tabmenu {
    display: block;
    padding: 0;
    margin: auto;
    display: table;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e8eff2;
}

    .tabmenu li {
        float: left;
        list-style: none;
        display: block;
        width: 33.33%;
        text-align: center;
        color: #3b0072;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        position: relative;
        cursor: pointer;
        padding: 20px 0px;
        border-right: 1px solid #e8eff2;
    }

        .tabmenu li a {
            display: block; /* padding:20px; */
            color: #333;
            text-decoration: none;
        }

    .tabmenu a.active { /* background:#8BC34A; */
        color: #c00;
    }

    .tabmenu li.active {
        background: #3b0072;
        color: #fff;
    }

    .tabmenu li:last-child {
        border: none;
    }

form label {
    position: relative;
    width: 100%;
    margin: 0px;
    float: left;
}

form .label {
    position: absolute;
    top: 13px;
    left: 30px;
    font-size: 14px;
    color: #9098a9;
    font-weight: 500;
    transform-origin: 0 0;
    transition: all 0.2s ease;
    border-radius: 20px;
    padding: 5px 0px;
}

form input, form select {
    -webkit-appearance: none;
    width: 100%;
    font-family: inherit;
    height: 45px !important;
    font-weight: 500;
    border: 1px solid #e6eef1;
    background: none;
    color: #223254;
    transition: all 0.15s ease;
    padding-left: 20px;
    padding-right: 5px;
    font-size: 14px;
    border-radius: 30px !important;
}

form select {
    background: url(../images/icon/selectArrow.png) no-repeat right center;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
}

    form input:hover, form select:hover {
        background-color: #fff;
    }

form input:not(:placeholder-shown) + span {
    color: #5a667f;
    transform: translateY(-22px) scale(0.75);
    background: #fff;
    padding: 5px 20px;
    border: 1px solid #ced4da;
}

form input:focus, form select:focus {
    background-color: #fff;
    outline: none;
    border-color: #098da4 !important;
    box-shadow: none !important;
}

    form input:focus + span {
        background: #097188;
        color: #fff;
        transform: translateY(-20px) scale(0.75);
        padding: 5px 20px;
        border: 1px solid #097188 !important;
    }

form .form-group:last-child {
    margin-bottom: 0px;
}

form input[type=radio]:checked::after, form input[type=checkbox]:checked::after {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    background: #078da5;
    left: 2px;
    top: 2px;
    border-radius: 5px;
}

input[type=checkbox], input[type=radio] {
    width: 15px;
    height: 15px !important;
    top: 3px;
    position: relative;
    margin-right: 3px;
}

a.sifremiUnuttumBtn {
    display: table;
    padding: 10px 20px;
    float: none;
    font-size: 16px;
    font-weight: 700;
    color: #098da4;
    margin: auto;
}

    a.sifremiUnuttumBtn i {
        margin-right: 10px;
    }

.fp_head {
    display: block;
    padding: 0;
    margin: auto;
    display: table;
    position: relative;
    width: 100%;
    box-shadow: 0px 3px 20px 0px rgba(2, 8, 22, 0.3);
    border-bottom: 1px solid #e30613;
}

.forgotPassword .fp_head li {
    float: left;
    list-style: none;
    display: block;
    width: 50%;
    line-height: 65px;
    text-align: center;
    color: #313131;
    font-weight: 700;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    font-size: 16px !important;
    width: 77%;
}

    .forgotPassword .fp_head li.backLoginBtn {
        width: 23%;
        background-color: rgba(220, 11, 21, 0.2);
        box-shadow: inset 0px 5px 10px 0px rgba(222, 14, 24, 0.43);
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
    }

        .forgotPassword .fp_head li.backLoginBtn i {
            font-size: 18px;
            top: 2px;
            position: relative;
        }

.header {
    position: fixed;
    width: 100%;
    z-index: 2;
    height: 80px;
    padding-top: 12px;
    display: inline-block;
    transition: 300ms all;
    top: 0px;
    z-index: 99;
}

.backBtn {
    float: left;
    color: #fff;
    font-size: 24px;
    padding: 35px 20px;
    display: block;
    position: fixed;
    top: 0;
    text-shadow: 3px 0px 2px rgba(25, 102, 123, 0.3);
    z-index: 2;
    left: 5%;
    cursor: pointer;
}

.logo {
    display: table;
    margin: 10px 0 0 10%;
    cursor: pointer;
    margin: auto;
    z-index: 1;
    position: relative;
}

.menuBtn {
    float: left;
    color: #fff;
    padding: 18px 30px;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

.accountStatic .totalrate {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.accountStatic .accountDate {
    font-size: 15px;
    height: 50px;
    display: block;
    background: #eaeaea;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    margin: 15px 0px;
}

    .accountStatic .accountDate span, .accountNextDate span {
        float: right;
        font-weight: 700;
    }

.accountStatic .accountNextDate {
    font-size: 15px;
    height: 50px;
    display: block;
    background: rgba(249, 158, 15, 0.44);
    line-height: 50px;
    padding: 0 20px 0px 0px;
    border-radius: 54px;
    margin: 20px 0px 0px;
    position: relative;
    color: #3b0072;
}

    .accountStatic .accountNextDate i {
        height: 36px;
        float: left;
        line-height: 36px;
        width: 36px;
        text-align: center;
        margin-right: 10px;
        background: #f99e0f;
        border-radius: 30px;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
        margin-left: 8px;
        margin-top: 7px;
        color: #fff;
        margin-right: 20px;
    }

    .accountStatic .accountNextDate span {
        color: #3b0072;
    }

.accountStatic .accountPart {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    padding: 20px 20px;
    width: 100%;
    display: table;
    margin: 20px auto 0px;
}

    .accountStatic .accountPart ul {
        padding: 0;
        width: 100%;
    }

        .accountStatic .accountPart ul li {
            color: #3b0072;
            width: 100%;
            font-size: 14px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            padding: 7px 0px;
            line-height: 18px;
        }

    .accountStatic .accountPart i {
        float: left;
        height: 165px;
        display: block;
        width: 40px;
        background: rgba(0, 0, 0, 0.1);
        text-align: center;
        line-height: 165px;
        margin-right: 10px;
    }

    .accountStatic .accountPart ul li strong {
        font-size: 15px;
        display: block;
    }

    .accountStatic .accountPart ul li:last-child {
        border: none;
    }

    .accountStatic .accountPart ul li strong {
        float: right;
        width: 130px;
    }

        .accountStatic .accountPart ul li strong:before {
            content: ":";
            margin-right: 10px;
            font-weight: 300;
        }

.accountStatic .accountActivitiesBtn {
    border-radius: 4px;
    background-image: -moz-linear-gradient( 150deg, rgb(68,68,68) 0%, rgb(49,49,49) 100%);
    background-image: -webkit-linear-gradient( 150deg, rgb(68,68,68) 0%, rgb(49,49,49) 100%);
    background-image: -ms-linear-gradient( 150deg, rgb(68,68,68) 0%, rgb(49,49,49) 100%);
    height: 40px;
    display: block;
    width: 100%;
    float: left;
    background-color: #313131;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
}

    .accountStatic .accountActivitiesBtn i {
        margin-right: 10px;
    }

.accountList {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    padding: 12px 0px;
    width: 100%;
    display: table;
    margin: 0 auto 20px;
}

    .accountList ul li:last-child {
        border: none !important;
    }

    .accountList ul {
        list-style: none;
    }

.accountName {
    font-size: 16px;
    line-height: initial;
    color: #3b0072;
    font-weight: 700;
    padding: 10px 20px;
    position: relative;
}

    .accountName strong {
        display: block;
        color: #098da4;
        font-weight: normal;
    }

.accountShort {
    border-bottom: 1px solid #f4e4e4;
    padding: 10px 0px;
    font-size: 14px;
    font-weight: 700;
}

    .accountShort i:nth-child(2) {
        margin-left: 30px;
    }

    .accountShort i {
        margin-right: 5px;
    }

.accountStatus {
    padding-top: 7px;
    font-size: 15px;
    font-weight: 700;
    opacity: .5;
}

a .accountName:before {
    display: inline-block;
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 22px;
}

.accountList ul li a {
    display: block;
    padding: 0 0px;
}

.accountList ul li {
    border-bottom: 1px solid #e6eef1;
}

.scrollPage {
    height: calc(100vh - 175px);
    padding-bottom: 100px;
    overflow-y: scroll;
    margin-top: 150px;
    transition: 1s ease all;
    opacity: 0;
    padding-top: 10px;
}

.accountTable .tabmenu li {
    font-size: 14px;
    line-height: 18px;
    width: 33.33%;
    padding: 13px 0px 13px;
}

.accountTable .tabpage {
    padding: 10px 0px;
    margin-bottom: 40px;
}

.accordionButton {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #eef0f4;
}

    .accordionButton:nth-child(2n) {
        background: #f7f7f7;
    }

    .accordionButton > i {
        position: absolute;
        right: 20px;
        top: 18px;
        font-size: 12px;
        opacity: 0.5;
        transition: 300ms all;
    }

    .accordionButton.on > i {
        transform: rotate(180deg);
    }

.ac_title {
    color: #3b0072;
    font-size: 14px;
}

    .ac_title span {
        background: #0c8ea5;
        border-radius: 20px;
        padding: 3px 10px;
        margin: 0 10px;
        color: #fff;
        font-weight: 700;
    }

.accordionButton .accountShort {
    padding-top: 0px;
    border: none;
}

.accordionContent ul li {
    color: #3b0072;
}

.accordionContent ul {
    list-style: none;
    background: #eef0f4;
    padding: 10px 20px;
    font-size: 14px;
    width: 100%;
    margin-top: -1px;
    box-shadow: inset 0px 12px 29px 0px hsla(0, 0%, 0%, 0.1);
}

    .accordionContent ul li strong {
        width: 45%;
        display: block;
        float: left;
        font-weight: normal;
    }

.accordionButton.on .ac_title, .accordionButton.on i {
    color: #FF9800;
}

.activityList {
}

    .activityList ul {
    }

        .activityList ul li {
            padding: 10px 20px;
            display: inline-block;
            width: 100%;
        }

            .activityList ul li:nth-child(even) {
                background: #f7f7f7;
            }

    .activityList .accountShort {
        padding: 0px;
        border: none;
    }

.activityShort {
    font-size: 14px;
    padding-bottom: 10px;
}

.agentInfo {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    padding: 12px 20px;
    width: 100%;
    display: table;
    margin: 0 auto 30px;
}

.agentAvatar {
    box-shadow: 0px 20px 60px 0px rgba(2, 8, 22, 0.3);
    width: 70px;
    height: 70px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-top: -40px;
    float: left;
}

.agentName {
    color: #3b0072;
    width: 100%;
    height: 30px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: -14px;
}

    .agentName i {
        margin-right: 10px;
    }

.other {
    width: 100%;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
}

    .other ul li {
        width: 100%; /* margin-top: 13px; */
        font-size: 14px;
        border-top: 1px solid #e6eef1;
        padding: 7px 0px;
        color: #3b0072;
        line-height: 18px;
    }

        .other ul li i {
            margin-right: 10px;
            float: left;
            display: inline-block;
            line-height: 18px;
        }

a.callBtn {
    border-radius: 4px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 35px;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 30px;
    background-color: rgb(101, 177, 112);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), inset 0px -5px 2px 0px rgba(0, 0, 0, 0.2);
    font-weight: 600;
}

.userInfo {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    padding: 12px 20px;
    width: 100%;
    display: table;
    margin: 0 auto 20px;
}

.userAvatar {
    width: 60px;
    height: 60px;
    position: relative;
    overflow: hidden;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 50%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

.userName {
    float: left;
    width: calc(100% - 60px);
    padding-left: 20px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #3b0072;
    line-height: 30px;
    margin-top: 5px;
}

.userNo {
    float: left;
    width: calc(100% - 60px);
    padding-left: 20px;
    color: #098da4;
    font-size: 16px;
}

.userInfo .other ul li {
    color: #3b0072;
}

h2.userTitle {
    color: #fff;
    line-height: 32px;
    font-size: 32px;
    text-align: center;
    font-weight: 300;
    position: relative;
}

.changePassword .box {
    margin-top: 30px;
}

.loginbox .loginForm {
    width: 100%;
    padding: 0 20px;
}

.loginbox .formTitle {
    width: 100%;
    text-align: center;
    color: #3b0072;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
}

.changePassword form .label {
}

.loginbox .loginForm .form-group input {
    box-shadow: none !important;
    padding: 0 20px;
    font-size: 30px;
    color: #3b0072;
}

.lokasyon-page {
    display: none;
    height: 80vh;
    width: 100%;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    margin-bottom: 30px;
}

.location-btn-bar {
    width: 20%;
    float: left;
    min-height: 600px;
    background: #3f3f3f;
    display: table
}

.ortala {
    vertical-align: middle;
    display: table-cell
}

.lokasyon-page.open {
    display: table;
    float: left;
    text-align: center;
    position: relative;
    padding-bottom: 0
}

.lokasyon-vertical {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

#lokasyonstyled, #lokasyonstyled2 {
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left
}

.pd-lokasyon {
    width: calc(100% - 550px);
    float: left;
    display: inline-block
}

#marker-tooltip {
    position: absolute;
    z-index: 22;
    padding: 5px 20px;
    margin-left: -50px;
    background: #f6fcff;
    color: #141414
}

div#lokasyonlar {
    position: absolute;
    bottom: 0;
    background: #436775;
    padding: 20px
}

.map {
    width: 100%;
    height: 100%;
    position: relative
}

.map-container {
    width: 100%;
    height: 100%
}

.harita-top-tab {
    position: absolute;
    width: 380px;
    z-index: 5;
    background: #fff;
    left: 50px;
    top: 30px
}

    .harita-top-tab ul {
        display: inline-block;
        width: 100%
    }

        .harita-top-tab ul li {
            position: relative;
            display: inline-block;
            width: 100%;
            display: none
        }

        .harita-top-tab ul li {
            display: none;
            width: 100%;
            height: 100%;
            color: #a19f9f !important;
            font-size: 23px;
            font-weight: 400;
            padding: 15px 40px;
            box-sizing: border-box;
            cursor: pointer;
            align-items: center;
            justify-content: space-between
        }

            .harita-top-tab ul li a {
                display: flex;
                width: 100%;
                height: 100%;
                color: #a19f9f !important;
                font-size: 23px;
                font-weight: 400;
                padding: 15px 40px;
                box-sizing: border-box;
                cursor: pointer;
                align-items: center;
                justify-content: space-between
            }

            .harita-top-tab ul li:nth-child(1) {
                display: flex;
                border: solid 1px #dd011a;
                box-sizing: border-box;
                align-items: center;
                justify-content: space-between
            }

    .harita-top-tab.active ul li {
        display: flex
    }

.gm-style-iw.gm-style-iw-c {
    background: rgba(9, 141, 164, 0.9);
    box-sizing: border-box;
    padding: 0 !important;
    border-radius: 0 !important;
    text-align: left;
    color: #fff !important;
    max-width: 290px !important;
    overflow: inherit;
    border-radius: 4px !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important
}

.gm-style-iw.gm-style-iw-c div #content {
    width: 100%;
    padding-bottom: 15px
}

.gm-style-iw-d h1 {
    font-size: 16px;
    padding: 9px 20px;
    box-sizing: border-box;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
}

.gm-style-iw.gm-style-iw-c div #content p {
    padding: 0 20px;
    box-sizing: border-box;
    display: table;
    font-size: 13px;
    margin-bottom: 5px;
    z-index: 10;
    width: 100%;
    color: #fff !important;
}

.gm-style-iw.gm-style-iw-c div #content a {
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    position: absolute;
    right: 20px;
    bottom: -9px;
    border-radius: 4px;
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 222;
    background: #145262;
}

.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect {
    color: #ffff;
    right: 0 !important;
    bottom: 0 !important;
    background: #FFC107 !important;
    top: -30px !important;
    opacity: 1;
    color: #fff !important;
    background: rgba(9, 141, 164, 0.9);
}

.gm-style .gm-style-iw-t::after {
    z-index: 0;
    background: linear-gradient(45deg, rgba(28, 146, 167, 0.9) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%);
    display: none;
}

.six .scrollPage {
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    z-index: 222;
}

select#haritaSec {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: 50px;
    outline: none;
    padding: 0 30px;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    outline: none;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    background: url(../images/icon/selectArrow.png) no-repeat right center #fff;
}
/**************************** GiriÅŸ Yap  ****************************/
div#pageLoad { /* display: none; */
}

html:before {
    content: "";
    height: 138px;
    top: 0px;
    width: 100%;
    position: fixed;
    background: url(../images/bg_top.png) repeat-x;
    z-index: 0;
}

html:after {
    content: "";
    height: 110px;
    bottom: 0px;
    position: fixed;
    background: url(../images/bg_bottom.png) repeat-x;
    z-index: 0;
    width: 100%;
    left: 0px;
}

.loginPage {
    position: relative;
    top: 0;
    width: 90%;
    max-width: 100%;
    display: block;
    margin: auto;
    left: 5%;
    z-index: 2;
    box-sizing: content-box;
    float: left;
}

    .loginPage .backBtn {
        display: none;
    }

.logoBig {
    display: table;
    margin: 5vh auto 30px;
    width: 325px;
}

.homeLink ul {
    width: 100%;
}

    .homeLink ul li {
        width: 33.33%;
        float: left;
        margin-top: 20px;
    }

        .homeLink ul li a {
            width: 100%;
            text-align: center;
            display: block;
            font-size: 13px;
            font-weight: 600;
            color: #3b0072;
            line-height: 16px;
        }

            .homeLink ul li a img {
                height: 40px;
                width: auto;
            }

            .homeLink ul li a i {
                display: table;
                margin: 0 auto 10px;
            }

.loginType {
    width: 320px;
    display: block;
    margin: auto;
    max-width: 90%;
}

    .loginType a {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(54, 138, 161);
        background-color: rgb(25, 102, 123);
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), inset 0px -5px 2px 0px rgba(0, 0, 0, 0.2);
        top: 0;
        height: 55px;
        z-index: 16;
        width: 100%;
        display: block;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        line-height: 50px;
        font-size: 24px;
        margin-top: 15px;
    }

        .loginType a.kurumsal-btn {
            background: #650071;
        }

        .loginType a.bireysel-btn {
            background: #cb7700;
        }

a.musteriol-btn {
    border-radius: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    background-color: rgb(255, 255, 255);
    display: block;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #3b0072;
    margin: auto;
    text-align: center;
    width: 150px;
    margin-top: 25px;
}

.musteriForm {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 171;
    position: relative;
    padding: 0 20px;
    width: 90%;
    display: table;
    margin: 0 auto 50px;
}

    .musteriForm .formTitle {
        border-bottom: 1px solid #e6eef1;
        width: calc(100% + 40px);
        margin-left: -20px;
        text-align: center;
        margin-bottom: 20px;
        color: #3b0072;
        font-size: 18px;
        font-weight: 700;
        line-height: 50px;
    }

form > input {
    border-radius: 70px;
}

.musteriForm > form > ul > li {
    width: calc(50% - 7.5px);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    color: #9aa5c0;
    font-size: 12px;
    line-height: 16px;
    position: relative;
}

    .musteriForm > form > ul > li:nth-child(even) {
        margin-right: 0px;
    }

    .musteriForm > form > ul > li:nth-child(3), .musteriForm > form > ul > li:nth-child(4), .musteriForm > form > ul > li:nth-child(7), .musteriForm > form > ul > li:nth-child(8), .musteriForm > form > ul > li:nth-child(9), .musteriForm > form > ul > li:nth-child(10) {
        width: 100%;
    }

    .musteriForm > form > ul > li label {
        float: none;
        width: auto;
        display: inline-block;
        margin-right: 10px;
        color: #9aa5c0;
        margin-top: 5px;
    }

    .musteriForm > form > ul > li a {
        color: #3b0072;
    }

input#sendHeaderForm {
    background-color: rgb(101, 177, 112);
    box-shadow: inset 0px -5px 2px 0px rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 0px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 35px;
    margin-bottom: 0px;
}

form span.contact-error {
    color: #FFC107 !important;
    margin: 10px 0px 0 !important;
    display: block;
    transform: inherit !important;
}

.loginTypePage {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
    left: 0;
    z-index: 2;
    box-sizing: content-box;
    float: left;
    min-height: 100vh;
    display: none; /* background: url(../images/bg.png) #3b0072; */ /* background-position: center; */ /* background-size: cover; */
    transition: 300ms all;
}

    .loginTypePage:before {
        content: "";
        background: rgb(255,255,255);
        background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
        position: absolute;
        height: 0%;
        width: 100%;
        bottom: 0px;
        z-index: 2;
        pointer-events: none;
    }

    .loginTypePage:after {
        content: "";
        width: 100%;
        position: absolute; /* top: 0px; */
        left: 0px; /* background: rgba(25, 102, 123, 0.2); */
        display: block;
        width: 100%;
        bottom: 0px;
        right: 0px;
    }

.logoWhite {
    position: relative;
    display: block;
    width: 250px;
    z-index: 2;
    margin: 25vh auto 30px;
}

.loginForm {
    position: relative;
    z-index: 2;
    width: 80%;
    display: table;
    margin: auto;
}

    .loginForm .form-group input {
        background-color: rgb(255, 255, 255) !important;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
        position: relative;
        width: 100%;
        height: 50px !important;
        display: block;
    }

    .loginForm .form-group {
        margin-bottom: 15px;
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #3b0072;
    }

.loginTypePage .pageTitle {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 24px;
    position: absolute;
    font-weight: 300;
    z-index: 2;
    top: 35px;
    text-shadow: 3px 0px 2px rgba(25, 102, 123, 0.3);
    pointer-events: none;
}

html.loginTypePageBg {
    background-image: url(../images/bg_yeni.png);
}

    html.loginTypePageBg:before, html.loginTypePageBg:after {
        height: 0px;
        transition: 300ms all ease-in-out;
    }

    html.loginTypePageBg .loginTypePage:after {
    }

    html.loginTypePageBg .loginTypePage:before {
        height: 80%;
        transition: 500ms all;
    }

html.loginTypePageBg {
    background-size: cover;
    background-position: center;
}

.newPassword {
    display: none;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 171;
    position: relative;
    padding: 0 20px 30px;
    width: 90%;
    display: table;
    margin: 0 auto 50px;
}

    .newPassword .formTitle {
        border-bottom: 1px solid #e6eef1;
        width: calc(100% + 40px);
        margin-left: -20px;
        text-align: center;
        margin-bottom: 20px;
        color: #3b0072;
        font-size: 18px;
        font-weight: 700;
        line-height: 50px;
    }

    .newPassword .form-group {
        display: inline-block;
        width: 100%;
    }

        .newPassword .form-group img {
            border-radius: 30px;
            float: right;
        }

    .newPassword .form-group {
        font-size: 15px;
    }

        .newPassword .form-group .label {
            top: 10px;
        }

        .newPassword .form-group input:not(:placeholder-shown) + span, .newPassword .form-group input:focus + span {
            border: 1px solid #ced4da;
        }
/**************************** GiriÅŸ Yap  ****************************/

html.homePage::before {
    content: "";
    background-image: url(../images/bg_yeni.png);
    height: 235px;
    background-position: center;
    background-color: #3b0072;
    display: block;
    position: fixed;
    top: 0px;
    width: 100%;
    background: rgb(25,102,123);
    background: -moz-linear-gradient(232deg, rgba(25,102,123,1) 0%, rgba(10,142,165,1) 40%, rgba(25,102,123,1) 60%, rgba(25,102,123,1) 100%);
    background: -webkit-linear-gradient(232deg, rgba(25,102,123,1) 0%, rgba(10,142,165,1) 40%, rgba(25,102,123,1) 60%, rgba(25,102,123,1) 100%);
    background: linear-gradient(232deg, rgba(25,102,123,1) 0%, rgba(10,142,165,1) 40%, rgba(25,102,123,1) 60%, rgba(25,102,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b0072", endColorstr="#3b0072", GradientType=1);
    display: block !important;
    transition: 500ms ease-in-out all;
}

html.homePage:after, html.homePage:before {
    display: none;
}

a.tel i {
    color: #fff;
    border: 1px solid #fff;
    height: 32px;
    width: 32px;
    border-radius: 20px;
    line-height: 30px;
    text-align: center;
}

a.tel {
    float: right;
    padding: 10px 30px;
    position: relative;
    z-index: 1;
}

.homePage div#pageLoad {
    width: 100%;
    z-index: 2;
    position: relative;
}

.homePage .pageTitle {
    height: 80px;
    line-height: 80px;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
}

.accountStatic {
    width: 100%;
    margin-bottom: 30px;
}

.accountSelect {
    width: 100%;
    border: none;
    background: none;
    padding: 10px 30px 10px 10px;
    color: #098da4;
    outline: none;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
    position: relative;
    background: url(../images/icon/selectArrow.png) no-repeat right center;
    font-size: 16px;
    margin-bottom: 10px;
}

    .accountSelect:before {
        display: inline-block;
        font-family: "font awesome 5 free";
        font-weight: 900;
        content: "\f105";
        position: absolute;
        right: 0px;
        top: 22px;
        background: red;
        display: block;
        width: 10px;
        height: 10px;
    }

.total {
    position: absolute;
    right: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    top: 18px;
}

.accountBar {
    border-style: solid; /* border-width: 1px; */
    border-color: rgb(255, 255, 255);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.42);
    width: 100%;
    height: 52px;
    border-radius: 30px;
    background-color: #3b0072;
    position: relative;
    padding: 8px;
}

.completed {
    position: absolute;
    left: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    top: 18px;
}

.accountBar .line {
    content: "";
    background-image: -moz-linear-gradient( 180deg, rgb(9,141,164) 0%, rgb(47,185,209) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(9,141,164) 0%, rgb(47,185,209) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(9,141,164) 0%, rgb(47,185,209) 100%);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    height: 37px;
    width: 0%;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    transition: 1s all ease-in-out;
}

    .accountBar .line.active:before {
        background: #2fb9d1;
        content: "";
        position: absolute;
        display: block;
        height: 40px;
        right: 0px;
        width: 1px;
        top: -2px;
    }

.mobilMenu {
    background-image: -moz-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    background-image: -webkit-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    background-image: -ms-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    position: fixed;
    z-index: 999;
    width: 80%;
    padding: 30px;
    height: 100%;
    left: -80%;
    transition: 400ms ease-in-out all;
    overflow: hidden;
    top: 0px;
}

    .mobilMenu.active {
        left: 0%;
        box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
    }

    .mobilMenu .logo_menu {
        width: 90%;
        margin-bottom: 30px;
    }

    .mobilMenu ul {
        padding-bottom: 220px;
    }

        .mobilMenu ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

            .mobilMenu ul li a {
                font-size: 18px;
                color: #fff;
                display: block;
                padding: 15px 10px;
            }

                .mobilMenu ul li a i {
                    margin-right: 20px;
                }

            .mobilMenu ul li:last-child {
                border: none;
            }

.menuSocial {
    background-image: -moz-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    background-image: -webkit-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    background-image: -ms-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 66px;
    z-index: 2;
    left: 0px;
    padding: 10px 0 0 30px;
}

    .menuSocial a {
        font-size: 18px;
        color: #fff;
        display: inline-block;
        padding: 15px 10px;
    }

.menuShadow {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    top: 0px;
}

.accountList ul li ul {
    border-top: 1px solid #e6eef1;
    width: 100%;
    padding: 0px 20px;
}

    .accountList ul li ul li {
        color: #3b0072;
        width: 100%;
        font-size: 14px;
        border-bottom: 1px solid #e6eef1;
        padding: 7px 0px;
        line-height: 18px;
    }

        .accountList ul li ul li strong {
            float: right;
            width: 130px;
        }

            .accountList ul li ul li strong:before {
                content: ":";
                margin-right: 10px;
                font-weight: 300;
            }

.onayBekliyor {
    border-radius: 30px;
    background: #f38484;
    line-height: 40px;
    width: calc(100% - 40px);
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.accountList .accountBar {
    width: calc(100% - 40px);
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.header:before {
    position: fixed;
    top: 0px;
    transition: 400ms ease-in-out all;
    background-image: -moz-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    background-image: -webkit-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    background-image: -ms-linear-gradient( -135deg, rgb(25,102,123) 0%, rgb(10,142,165) 50%, rgb(25,102,123) 100%);
    height: 0;
    content: "";
    display: block;
    width: 100%;
}

body.sticky .wrapper {
    margin-top: 80px;
}

.box.canliyayinPage iframe {
    width: 100%;
    border-radius: 20px;
    height: 290px;
    margin-bottom: 20px;
}

.box.canliyayinPage h2 {
    text-align: center;
    display: block;
    width: 100%;
    color: #3b0072;
}

.box.canliyayinPage {
    padding: 20px;
}

.musteriForm.referansEkle .formTitle {
    font-size: 16px;
    font-weight: normal;
    line-height: initial;
    padding: 20px 10px;
}

.musteriForm.referansEkle {
    width: 100%;
}

.tesekkurler {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(230, 238, 241);
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2), 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    padding: 50px 20px;
    width: 100%;
    display: table;
    margin: 0 auto 20px;
    text-align: center;
    color: #3b0072;
    line-height: initial;
}

    .tesekkurler h2 {
        font-weight: 700;
        font-size: 24px;
        color: #65b170;
        margin-bottom: 10px;
    }

        .tesekkurler h2 i {
            display: table;
            margin: auto;
            font-size: 48px;
            margin-bottom: 10px;
        }

    .tesekkurler p {
        color: #3b0072;
    }

html.homePage.sticky::before {
    height: 0px;
}

body.sticky .header:before {
    height: 80px;
}

.tabpage .alert {
    width: 90%;
    display: table;
    margin: auto;
}

.accountBar .line.full {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.accountBar .line.active.full:before {
    display: none;
}

.durumAktarim {
    border-radius: 30px;
    background: #4e929e;
    line-height: 40px;
    width: calc(100% - 40px);
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.katilimOnaylandi {
    border-radius: 30px;
    background: #8BC34A;
    line-height: 40px;
    width: calc(100% - 40px);
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.katilimBeklemede {
    border-radius: 30px;
    background: #fba365;
    line-height: 40px;
    width: calc(100% - 40px);
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.ayrilma {
    border-radius: 30px;
    background: #f38484;
    line-height: 40px;
    width: calc(100% - 40px);
    margin: auto;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}
.colorInherit {
    color: inherit
}















/*THANK YOU MODAL END*/

.demo {
    background-color: #cd2d6a;
}

.modal-box {
    font-family: 'Ubuntu', sans-serif;
}

.modal-box .show-modal {
        color: #cd2d6a;
        background-color: #fff;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 15px;
        margin: 80px auto 0;
        border: none;
        box-shadow: 10px 10px 8px rgba(0, 0, 0, 0.2);
        display: block;
    }
.modal-box .show-modal:hover {
            color: #cd2d6a;
            border: none;
        }
.modal-box .modal {
        top: 90px !important;
    }
.modal-box .modal-dialog {
        width: 400px;
        margin: 20px auto 0;}
.modal-box .modal-dialog .modal-content {
text-align: center;
border-radius: 20px;
}

.modal-box .modal-dialog .modal-content .close {
color: #c32262;
  font-size: 30px;
  text-shadow: none;
  line-height: 25px;
  height: 30px;
  width: 30px;
  opacity: 1;
  position: absolute;
  left: auto;
  top: 10px;
  right: 10px;
  z-index: 1;
  transition: all 0.3s;
}

.modal-box .modal-dialog .modal-content .close span {
    margin: -2px 0 0 0;
    display: block;
}

.modal-box .modal-dialog .modal-content .close:hover {
    text-shadow: 0 0 5px #555;
}

.modal-box .modal-dialog .modal-content .modal-body {
    padding: 50px 20px 20px !important;
}

.modal-box .modal-dialog .modal-content .modal-body .icon {
    color: #cd2d6a;
    font-size: 100px;
    margin: 0 0 40px;
    display: inline-block;
    position: relative;
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top,
.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:before,
.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:after {
    background: #bcbfbe;
    width: 35%;
    height: 3px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:before,
.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:after {
    content: "";
    width: 75%;
    top: 20px;
    left: 15px;
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:after {
    width: 50%;
    top: 35px;
                left: 30px;
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top-1 {
transform: rotate(0deg) translateX(-225%);
}

 .modal-box .modal-dialog .modal-content .modal-body .icon .box-top-2 {
     transform: rotate(45deg) translateX(-225%);
 }

 .modal-box .modal-dialog .modal-content .modal-body .icon .box-top-3 {
     transform: rotate(90deg) translateX(-225%);
 }

 .modal-box .modal-dialog .modal-content .modal-body .icon .box-top-4 {
     transform: rotate(135deg) translateX(-225%);
 }

 .modal-box .modal-dialog .modal-content .modal-body .icon .box-top-5 {
     transform: rotate(180deg) translateX(-225%);
 }

 .modal-box .modal-dialog .modal-content .modal-body .icon .box-top-6 {
     transform: rotate(225deg) translateX(-225%);
 }

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top-7 {
    transform: rotate(270deg) translateX(-225%);
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top-8 {
    transform: rotate(315deg) translateX(-225%);
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:before {
    transform: rotate(-25deg) translateX(-30%);
}

.modal-box .modal-dialog .modal-content .modal-body .icon .box-top:after {
        transform: rotate(-35deg) translateX(-25%);
}

.modal-box .modal-dialog .modal-content .modal-body .description {
    color: #555;
    font-size: 16px;
    margin: 0 20px 40px;
}

.modal-box .modal-dialog .modal-content .modal-body .description span {
   color: #cd2d6a;
   text-transform: capitalize;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe {
    color: #fff;
    background: #0062cc;
    font-size: 18px;
    font-size: 700;
    padding: 20px 60px;
    margin: 0 0 20px;
    border: none;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.2s ease-in-out 0s;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe:before,
.modal-box .modal-dialog .modal-content .modal-body .subscribe:after {
    content: "";
    background-color: #098da4;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe:after {
    background-color: #0062cc;
    z-index: -2;
    transition: all 0.4s ease 0.3s;
}

.modal-box .modal-dialog .modal-content .modal-body .subscribe:hover:before,
.modal-box .modal-dialog .modal-content .modal-body .subscribe:hover:after {
    transform: translateX(-50%) translateY(-50%) scale(0);
}

@media only screen and (max-width: 576px) {
.modal-dialog {
    width: 93% !important;
}

.modal-box .modal-dialog .modal-content .modal-body .description {
    margin: 0 0 40px;
}
}
/*THANK YOU MODAL END*/

/*ScroolStyle*/
.scrollStyle::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.scrollStyle::-webkit-scrollbar {width: 4px;background-color: #3b0072;}
.scrollStyle::-webkit-scrollbar-thumb {background-color: #3b0072;border: 2px solid #555555;}



.postFormloader {
    background: url(../images/bg_yeni.png) #158ea6;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: center;
    background-size: cover;
    z-index: 999999;
    opacity: 1;
    display: block;
    text-align: center;
}

.homeLogo2 img {
    display: table;
    margin: auto;
    width: 280px;
}

.homeLogo2 {
    width: 120px;
    height: 120px;
    position: relative;
    perspective: 120px;
    animation: zoom 1.5s cubic-bezier(1, 0.04, 0.46, 0.98);
    color: #fff;
    display: table;
    margin: 30vh auto 25vh;
}

.homeLogo2 span {
        transform: translateY(20px);
        transform-style: preserve-3d;
        transition: transform 3s;
        animation: rotate 3s 1s cubic-bezier(1, 0.04, 0.46, 0.98) infinite;
        width:100%;
    }
.postFormloader .postFormText {
    color: #fff;
    font-weight: 700;
}
.mobileContainer {
    width: 100% !important;
    display: flow-root !important;
    margin: auto !important;
    padding: 0 30px !important;
    height: 90%;
    overflow: auto !important;
}