* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-weight: normal;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

body {
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
}

h1 {
    font-size: 40px;
    color: #222;
}

h2 {
    font-size: 34px;
    color: #222;
}

h3 {
    font-size: 30px;
    color: #222;
}

h4 {
    font-size: 26px;
    color: #222;
}

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


a {
    text-decoration: none;
    cursor: pointer;
    outline: 0 !important;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.border-none {
    border: none;
}

textarea, input {
    outline: none;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}


input, textarea, button, select, a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
}

/* Clearfix */
.clearfix:after, .clearfix:before {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}

/*////////////////// GENERAL LAYOUT & ITEMS //////////////////*/
section {
    max-width: 1920px;
    margin: 0 auto;
}

    section .promo {
        position: relative;
        width: 100%;
        background: #000;
    }

        section .promo img {
            width: 100%;
            display: block;
        }

    section .promovid {
        height: 400px;
        overflow: hidden;
    }

        section .promovid img {
            width: 100%;
            display: block;
            position: absolute;
            cursor: pointer;
            z-index: 99;
        }

article {
    position: relative;
    margin: 0 auto;
}

    article .titleBar {
        position: relative;
        width: 100%;
        padding: 80px 0 80px 45px;
        background: #00915A;
    }

        article .titleBar h1 {
            color: #fff;
            font-family: 'bnpp_sansregular';
            font-size: 62px;
            line-height: 62px;
        }

            article .titleBar h1 span {
                font-family: 'bnpp_sanslight';
            }

        article .titleBar p {
            color: #fff;
            margin: 0;
            font-size: 32px;
            line-height: 36px;
            font-family: 'open_sanslight';
        }

        article .titleBar:before, article .titleBar:after {
            content: "";
            background: #00915A;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
            z-index: -1;
        }

        article .titleBar:before {
            right: 100%;
        }

        article .titleBar:after {
            left: 3.125%;
        }

section .applyBtn {
    display: block;
    text-transform: uppercase;
    padding: 25px 20px;
    border: 1px solid #ee8718;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #ee8718;
    font-size: 18px;
    font-family: 'open_sansbold';
    transition: all .3s ease;
}

    section .applyBtn.right {
        float: right;
    }

    section .applyBtn:hover {
        background: #ee8718;
        color: #fff;
    }

    section .applyBtn.green {
        border-color: #00915A;
        color: #00915A;
    }

        section .applyBtn.green:hover {
            background: #00915A;
            color: #fff;
        }

    section .applyBtn.orange {
        border-color: #ee8718;
        background: #ee8718;
        color: #fff;
    }

        section .applyBtn.orange:hover {
            color: #fff;
            background: #ee7318;
        }

    section .applyBtn.center {
        margin: 0 auto;
    }

    section .applyBtn.lit {
        width: 340px;
        margin-bottom: 15px;
    }

    section .applyBtn.bgGreen {
        border-color: #00915A;
        background: #00915A;
        color: #fff;
    }

        section .applyBtn.bgGreen:hover {
            background: #fff;
            color: #00915A;
        }

    section .applyBtn.white {
        border-color: #d8d8d8;
        background: #fff;
        color: #808080;
        width: auto !important;
    }

        section .applyBtn.white:hover {
            background: #d8d8d8;
            color: #fff;
        }

    section .applyBtn.auto {
        display: inline-block;
        font-size: 16px;
        padding: 20px 40px;
        margin: 0 5px;
    }

    section .applyBtn.bottPos {
        margin-top: 30px;
        margin-bottom: 50px;
    }

.titleBar.fullGreen {
    position: relative;
    width: 100%;
    background: #00915A;
}

    .titleBar.fullGreen div {
        margin: 0 auto;
        max-width: 1286px;
        width: 66.979166666667%;
        padding: 55px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 62px;
        line-height: 50px;
        color: #fff;
        font-family: 'bnpp_sanslight';
        margin-bottom: 25px;
    }

        .titleBar.fullGreen h1 span {
            font-family: 'bnpp_sansbold';
        }

    .titleBar.fullGreen p {
        color: #fff;
        font-size: 32px;
        line-height: 36px;
        font-family: 'open_sanslight';
        margin: 0;
    }

/* Accordion */
.accordionBox {
    float: left;
    clear: left;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 50px 0;
}

    .accordionBox.last {
        border: none;
    }

    .accordionBox .title {
        font-size: 24px;
        line-height: 28px;
        color: #363636;
        font-family: 'open_sanssemibold';
        padding-left: 45px;
        cursor: pointer;
        transition: all .3s ease;
        background: url(../img/accor-plus-passive_icon.png) no-repeat left center;
    }

        .accordionBox .title.active {
            background: url(../img/accor-plus-green_icon.png) no-repeat left center;
            color: #00915A;
        }

    .accordionBox .content {
        display: none;
        color: #363636;
        font-size: 18px;
        font-family: 'open_sanslight';
        padding-left: 45px;
        margin: 35px 0;
    }

        .accordionBox .content ul.static-page-orange-item {
            list-style-type: disc;
            color: #ee8718;
        }

            .accordionBox .content ul.static-page-orange-item span {
                color: black !important;
            }

        .accordionBox .content p {
            font-size: 18px;
            line-height: 26px;
        }

    .accordionBox .title.widthImg {
        display: table;
    }

        .accordionBox .title.widthImg label {
            display: table-cell;
            width: 100%;
            vertical-align: middle;
            cursor: pointer;
        }

        .accordionBox .title.widthImg img {
            margin: 0 25px 0 10px;
            display: table-cell;
            vertical-align: middle;
        }

    .accordionBox .content p.sTitle {
        color: #00915A;
        font-size: 22px;
        margin-bottom: 30px;
    }

.splashBox {
    display: none;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    top: 150px;
    background: #fff;
}

    .splashBox .close {
        position: absolute;
        right: 0;
        top: 0;
    }

        .splashBox .close img {
            margin: 0 !important;
            width: 42px !important;
        }

    .splashBox.error {
        width: 570px;
        margin-left: -285px;
        padding: 70px 45px;
    }

        .splashBox.error img {
            float: left;
            margin-right: 40px;
        }

        .splashBox.error p {
            width: 338px;
            float: left;
            color: #282828;
            font-size: 26px;
            line-height: 30px;
            margin: 0;
            font-family: 'open_sanssemibold';
        }

    .splashBox.success {
        width: 530px;
        margin-left: -265px;
        padding: 70px 50px;
        text-align: center;
    }

        .splashBox.success img {
            margin-bottom: 45px;
        }

        .splashBox.success h4 {
            font-size: 40px;
            color: #282828;
            font-family: 'open_sanssemibold';
        }

        .splashBox.success h5 {
            font-size: 24px;
            margin: 10px 0 30px 0;
            color: #282828;
            font-family: 'open_sanslight';
        }

        .splashBox.success p {
            font-size: 16px;
            line-height: 22px;
            margin: 0;
            color: #808080;
            font-family: 'open_sanslight';
        }

#acikMusteriPopup div {
    padding-left: 120px !important;
}

#acikMusteriPopup img {
    position: absolute !important;
    top: 45% !important;
    transform: translateY(-50%) !important;
    margin-right: 0px !important;
}

#acikMusteriPopup {
    width: 650px !important;
    margin-left: -320px !important;
    padding: 40px !important;
}

.splashBox.warning {
    width: 640px;
    margin-left: -320px;
    padding: 50px;
}

    .splashBox.warning img {
        float: left;
        margin-right: 30px;
    }

    .splashBox.warning div {
        padding-left: 135px;
    }

        .splashBox.warning div p {
            color: #222222;
            font-size: 18px;
            line-height: 22px;
            margin: 0;
            font-family: 'open_sansregular';
        }

        .splashBox.warning div .continue-btn {
            margin-right: 5px;
            margin-top: 20px;
            width: auto;
            padding: 10px 17px;
        }

.splashBox.procConfirm h5 {
    color: #282828;
}

.splashBox.procConfirm p {
    margin-bottom: 25px;
}

.splashBox.procConfirm .continue-btn {
    margin: 0 5px;
}

.splashBox.procConfirm button.continue-btn.edit {
    color: #808080;
    border-color: #c7c7c7;
}

.splashBox.agreement {
    width: 620px;
    margin-left: -310px;
    padding: 35px;
    top: 50px;
    height: auto !important;
}

    .splashBox.agreement h4 {
        font-family: 'open_sanslight';
        margin-bottom: 30px;
    }

    .splashBox.agreement .agreementBox {
        width: 100%;
        height: 425px;
    }

        .splashBox.agreement .agreementBox p {
            font-family: 'open_sanslight';
            font-size: 14px;
            line-height: 22px;
            padding-right: 25px;
        }

.splashBox.pdf {
    margin-left: -465px;
}

    .splashBox.pdf iframe {
        width: 980px;
        height: 700px;
    }

.jspContainer {
    overflow: hidden;
    position: relative;
    width: 100% !important;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 2px;
    width: 1px;
    height: 100%;
    background: #eaeaea;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #eaeaea;
    position: relative;
}

.jspDrag {
    width: 5px;
    background: #b5b5b5;
    position: relative;
    top: 0;
    left: -2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d;
    }

.jspVerticalBar .jspArrow {
    height: 1px;
    background: #eaeaea;
}

.jspHorizontalBar .jspArrow {
    width: 1px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Video Box */
.videoBox {
    width: 100%;
    position: relative;
}

    .videoBox video {
        width: 100%;
        display: block;
    }

    .videoBox a .frontPoppers {
        z-index: 10000 !important;
    }

/*
.videoBox .playBtn { width: 118px; position: absolute; display: block; left: 50%; top: 50%; margin: -59px 0 0 -59px; z-index: 90; }
.videoBox .playBtn img { display: block; }
.videoBox .pauseBtn { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 90; }
.videoBox .frontEndBtn { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 90; }
*/
.frontV video {
    cursor: pointer;
    min-height: 200px;
}

.frontV img.frontCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200px;
    display: block;
    z-index: 999;
    cursor: pointer;
}


.homeVideoBox .homeLongVideo {
    display: none;
}

.frontV img.frontPoppers {
    position: absolute;
    width: 198px;
    top: 50px;
    right: 50px;
    z-index: 1000;
}

.frontV img.frontPoppers2 {
    position: absolute;
    width: 198px;
    top: 135px;
    right: 50px;
    z-index: 1000;
}

.bottomShareBox .share {
    float: left;
}

    .bottomShareBox .share.right {
        float: right;
    }

.bottomShareBox span {
    display: block;
    float: left;
    line-height: 24px;
    font-family: 'open_sansbold';
    font-size: 13px;
    margin-right: 15px;
}

.bottomShareBox div {
    float: left;
}

    .bottomShareBox div a {
        float: left;
        margin-right: 3px;
        display: block;
    }

    .bottomShareBox div a {
        display: block;
    }

        .bottomShareBox div a.mail {
            margin-right: 0;
        }

section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
    position: absolute;
    font-size: 13px;
    top: 20px;
    width: 70%;
    left: 50%;
    margin: 0 0 0 -35%;
    text-align: center;
    font-family: 'open_sansbold';
    color: #282828;
}

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet a {
        color: #00915A;
        text-decoration: underline;
    }

.bottomShareBox.paymentPlan {
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
    padding: 20px 0;
}

    .bottomShareBox.paymentPlan.top {
        margin-top: 0;
    }

    .bottomShareBox.paymentPlan .applyBtn {
        margin-bottom: 0 !important;
    }

    .bottomShareBox.paymentPlan ul.bottAddFavPrint {
        top: 50%;
        position: absolute;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

.bottomShareBox ul.bottAddFavPrint {
    float: right;
}

    .bottomShareBox ul.bottAddFavPrint.left {
        float: left;
    }

    .bottomShareBox ul.bottAddFavPrint li {
        float: left;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px dotted #e1e1e1;
        font-family: 'open_sansbold';
    }

        .bottomShareBox ul.bottAddFavPrint li a {
            display: block;
            color: #363636;
        }

            .bottomShareBox ul.bottAddFavPrint li a img {
                float: left;
                margin-right: 15px;
            }

            .bottomShareBox ul.bottAddFavPrint li a span {
                line-height: 24px;
                font-size: 13px;
                margin-right: 0;
            }

        .bottomShareBox ul.bottAddFavPrint li.fav {
            border: none;
            margin-right: 0;
            padding-right: 0;
        }

            .bottomShareBox ul.bottAddFavPrint li.fav span {
                margin-right: 0;
            }

        .bottomShareBox ul.bottAddFavPrint li.email {
            border: none;
            margin-right: 0;
            padding-right: 0;
        }

            .bottomShareBox ul.bottAddFavPrint li.email span {
                margin-right: 0;
            }

.bottSupportBox {
    margin-top: 30px;
    float: left;
    display: block;
    width: 100%;
    clear: both;
    padding: 35px 35px 35px 45px;
    color: #282828;
    border: 2px dashed #ebebeb;
}

    .bottSupportBox img {
        float: left;
        margin-right: 35px;
    }

    .bottSupportBox p {
        margin: 0;
        font-size: 18px;
        line-height: 22px !important;
        margin-top: 11px;
    }

/* Top Browser Error Box */
.browserError {
    width: 100%;
    color: #fff;
    padding: 22px 30px;
    font-size: 16px;
    background: #f6ad0f;
}

    .browserError div {
        line-height: 26px;
        float: left;
        font-family: 'open_sanssemibold';
    }

        .browserError div img {
            margin-right: 20px;
            float: left;
        }

    .browserError a {
        float: none !important;
        display: inline !important;
        color: #fff;
        font-family: 'open_sanslight';
        font-size: 18px;
        outline: 0;
        text-decoration: underline !important;
    }

    .browserError span {
        display: block;
        margin: 0 auto;
        font-family: 'open_sanslight';
    }

.shortTooltip {
    white-space: normal;
    margin-bottom: 30px;
    position: relative;
    display: table;
    cursor: pointer;
}

    .shortTooltip .icon {
        float: left !important;
        width: 30px !important;
        height: 30px;
        padding-top: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #d5d5d5;
        color: #fff !important;
        text-align: center !important;
        font-size: 14px !important;
        font-family: 'open_sansbold';
        display: inline-block !important;
    }

    .shortTooltip label {
        font-size: 13px;
        padding-left: 15px;
        display: table-cell;
        vertical-align: middle;
        color: #636363;
        cursor: pointer;
        font-family: 'open_sansbold';
    }

    .shortTooltip:hover .icon {
        background: #f49c14;
    }

    .shortTooltip:hover div {
        display: block;
    }

    .shortTooltip.active .icon {
        background: #f49c14;
    }

    .shortTooltip.active div {
        display: block;
    }

    .shortTooltip div {
        display: none;
        position: absolute;
        left: -50px;
        bottom: 55px;
        border: 1px solid #d5d5d5;
        background: #f8f8f8;
        color: #2a2b2a;
        padding: 30px;
        font-size: 13px;
        line-height: 18px;
        text-align: left;
        font-family: 'open_sanslight';
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        min-width: 300px;
        max-width: 500px;
        width: auto;
        z-index: 99999;
        box-shadow: 0px 2px 8px 0px rgba(214,214,214,0.6);
    }

        .shortTooltip div span {
            width: 24px;
            height: 16px;
            left: 52px;
            bottom: -16px;
            position: absolute;
            background: url(../img/short-tooltip_icon.png) no-repeat 0 0;
        }

        .shortTooltip div.medium {
            width: 400px;
        }

        .shortTooltip div.large {
            width: 500px;
        }

.leftPerCent50 {
    margin-left: 50%;
}



.resultPart .shortTooltip {
    margin: 0 0 0 10px;
    display: block;
    float: left;
}

    .resultPart .shortTooltip .icon {
        width: 24px !important;
        height: 24px;
        padding-top: 2px;
    }

    .resultPart .shortTooltip div {
        left: -135px;
        bottom: 45px;
    }

        .resultPart .shortTooltip div span {
            left: 134px;
        }

table thead th .shortTooltip {
    margin: 0;
    position: absolute;
    display: table;
    cursor: pointer;
    top: -10px;
    right: -10px;
    z-index: 99999;
}

    table thead th .shortTooltip div {
        left: -53px;
        bottom: 45px;
    }

    table thead th .shortTooltip .icon {
        width: 25px !important;
        height: 25px;
        padding-top: 3px;
    }

    table thead th .shortTooltip div span {
        padding: 0;
        background-color: initial;
        -webkit-border-radius: initial;
        -moz-border-radius: initial;
        border-radius: initial;
    }

.tabsBox table thead th .shortTooltip div {
    top: 45px;
    bottom: initial;
}

    .tabsBox table thead th .shortTooltip div span {
        top: -16px;
        bottom: initial;
        background: url(../img/short-tooltip_icon-2.png) no-repeat 0 0;
    }

ul.listBullet li {
    list-style: disc inside;
}

ul.listBullet ul {
    margin: 10px 0;
}

    ul.listBullet ul li {
        padding-left: 15px;
        font-size: 14px;
        color: #282828;
        font-family: 'open_sanslight';
        margin-bottom: 4px;
    }

ul.listBullet li.bulletNone {
    list-style: none;
}

ul.listBullet li span.title {
    font-size: 16px;
    color: #00915A;
    font-family: 'open_sanssemibold';
}

ul.listBullet li ul.icons li {
    list-style: square inside url("../img/bullet_icon.png");
}

.showMobile {
    display: none !important;
}

.showDescktop {
    display: block !important;
}

#bigScreen {
    display: block;
}

#mobileScreen {
    display: none;
}

.mobileTableRouter {
    display: none;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}

    .mobileTableRouter img {
        display: block;
        float: left;
        margin-right: 15px;
    }

    .mobileTableRouter span {
        font-size: 14px;
        display: block;
        padding-top: 5px;
    }

.contentBox .promo.promoVid .applyBtn {
    width: 260px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.showMobileBtns {
    display: none !important;
}

.showDescktopBtns {
    display: block !important;
}

.slideSplashBox {
    display: none;
    width: 716px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -358px;
    top: 180px;
}

    .slideSplashBox .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide {
    display: block;
}

    #campPopupSlide .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -17px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat 0 0;
    }

    #campPopupSlide .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 425px;
        z-index: 9999;
    }

        #campPopupSlide .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide .slidesjs-container {
        min-height: 520px;
    }

    #campPopupSlide .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide .slidesjs-slide p {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        margin: 50px 0 0 0;
        text-align: center;
        font-family: 'open_sansbold';
        font-size: 18px;
        line-height: 22px;
        color: #fff;
    }


.slideSplashBox2 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox2 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide2 {
    display: block;
}

    #campPopupSlide2 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(../img/camp-popup-slide_arrows.png) no-repeat 0 0;
    }

    #campPopupSlide2 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide2 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide2 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide2 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide2 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide2 .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide2 .slidesjs-container {
        min-height: 730px;
    }

    #campPopupSlide2 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide2 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide2 .slidesjs-slide p {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        margin: 35px 0 0 0;
        text-align: center;
        font-family: 'open_sansbold';
        font-size: 18px;
        line-height: 22px;
        color: #fff;
    }

.slideSplashBox3 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox3 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide3 {
    display: block;
}

    #campPopupSlide3 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat 0 0;
    }

    #campPopupSlide3 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide3 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide3 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide3 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide3 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide3 .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide3 .slidesjs-container {
        min-height: 730px;
    }

    #campPopupSlide3 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide3 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide3 .slidesjs-slide p {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        margin: 35px 0 0 0;
        text-align: center;
        font-family: 'open_sansbold';
        font-size: 18px;
        line-height: 22px;
        color: #fff;
    }

.slideSplashBox4 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox4 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide4 {
    display: block;
}

    #campPopupSlide4 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat 0 0;
    }

    #campPopupSlide4 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide4 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide4 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide4 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide4 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide4 .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide4 .slidesjs-container {
        min-height: 730px;
    }

    #campPopupSlide4 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide4 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide4 .slidesjs-slide p {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        margin: 35px 0 0 0;
        text-align: center;
        font-family: 'open_sansbold';
        font-size: 18px;
        line-height: 22px;
        color: #fff;
    }

.slideSplashBox5 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox5 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide5 {
    display: block;
}

    #campPopupSlide5 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat 0 0;
    }

    #campPopupSlide5 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide5 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide5 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide5 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide5 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide5 .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide5 .slidesjs-container {
        min-height: 730px;
    }

    #campPopupSlide5 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide5 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide5 .slidesjs-slide p {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        margin: 35px 0 0 0;
        text-align: center;
        font-family: 'open_sansbold';
        font-size: 18px;
        line-height: 22px;
        color: #fff;
    }

.slideSplashBox6 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox6 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide6 {
    display: block;
}

    #campPopupSlide6 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat 0 0;
    }

    #campPopupSlide6 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide6 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide6 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide6 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide6 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide6 .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide6 .slidesjs-container {
        min-height: 730px;
    }

    #campPopupSlide6 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide6 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide6 .slidesjs-slide p {
        float: left;
        clear: both;
        display: block;
        width: 100%;
        margin: 35px 0 0 0;
        text-align: center;
        font-family: 'open_sansbold';
        font-size: 18px;
        line-height: 22px;
        color: #fff;
    }

.slideSplashBox7 {
    display: none;
    width: 900px;
    position: fixed;
    z-index: 99999995;
    left: 35%;
    margin-left: -170px;
    top: 25%;
}

    .slideSplashBox7 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide7 {
    display: block;
}

    #campPopupSlide7 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 45%;
        margin-top: -45px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide7 .slidesjs-previous {
        left: -75px;
        margin-top: -35px;
    }

    #campPopupSlide7 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide7 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 445px;
        z-index: 9999;
    }

        #campPopupSlide7 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide7 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a:hover, #campPopupSlide7 .slidesjs-pagination li a.active {
                    background-color: #fff;
                }

    #campPopupSlide7 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide7 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide7 .slidesjs-slide p {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

nav.display {
    position: relative;
    width: 100%;
    padding: 0;
    /*z-index: 9990010;*/
    border-bottom: 1px solid #eaeaea;
}

    nav.display ul {
        float: left;
    }

        nav.display ul li {
            float: left;
        }

            nav.display ul li a {
                position: relative;
                display: inline-block;
                padding: 25px 25px 24px 25px;
                color: #282828;
                font-size: 13px;
                font-family: 'open_sansbold';
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
            }

                nav.display ul li a::after {
                    display: none;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background: #fff;
                    content: " ";
                    z-index: 9999999;
                }

            nav.display ul li:hover a {
                color: #00915A;
                border-color: #eaeaea;
            }

                nav.display ul li:hover a::after {
                    display: block;
                }

            nav.display ul li.active a {
                color: #00915A;
            }

            nav.display ul li ul {
                display: none;
                width: 100%;
                padding: 0 25px;
                padding-bottom: 20px;
                padding-top: 20px;
                position: absolute;
                top: 66px;
                left: 0;
                background: #fff;
                z-index: 9990010;
                box-shadow: 1px 1px 1px #CCC;
                border-top: 1px solid #eaeaea;
            }

                nav.display ul li ul li {
                    float: left;
                    clear: both;
                    width: 100%;
                    padding: 0 0 0 30px !important;
                    text-transform: uppercase;
                }

                    nav.display ul li ul li img {
                        display: none;
                    }

                    nav.display ul li ul li a {
                        font-size: 14px;
                        padding: 11px 0 11px 35px;
                        color: #282828;
                        border: none;
                        display: block;
                    }

                        nav.display ul li ul li a::after {
                            display: none !important;
                        }

            nav.display ul li:hover ul li a {
                color: #282828;
            }

            nav.display ul li ul li:hover {
                background: #00915A;
            }

                nav.display ul li ul li:hover a {
                    /*background: url(../img/nav_icon.png) no-repeat left center;*/
                    color: #fff;
                }

            nav.display ul li.item0 ul li {
                padding-left: 15px !important;
            }

            nav.display ul li.item1 ul li {
                padding-left: 130px !important;
            }

            nav.display ul li.item2 ul li {
                padding-left: 346px !important;
            }

            nav.display ul li.item3 ul li {
                padding-left: 460px !important;
            }

            nav.display ul li.item4 ul li {
                padding-left: 679px !important;
            }

            nav.display ul li.item5 ul li {
                padding-left: 819px !important;
            }

    nav.display .prodServLink {
        float: right;
        margin: 20px 45px 0 0;
    }

.menufx {
    box-shadow: 0px 0px 0px !important;
}

/*
nav.display ul li ul { display: none; width: 100%; padding: 30px 30px 0 30px; position: absolute; top: 67px; left: 0; background: #fff; border-top: 1px solid #eaeaea; z-index: 9990010; box-shadow: 1px 1px 1px #CCC; }
nav.display ul li ul li { float: left; width: 15.314347125202%; margin: 0 1.6120365394949% 1.6120365394949% 0; padding: 0 !important; }
nav.display ul li ul li a { padding: 0; }
nav.display ul li ul li img { width: 100%; display: block; margin-bottom: 15px; }
nav.display ul li ul li span { display: block; font-size: 16px; color: #1c1c1c; font-family: 'open_sanslight'; }
nav.display ul li ul li.active span { color: #00915A; }
nav.display ul li ul li.last { margin-right: 0; }
nav.display ul li ul li.double { width: 32.2391111111111%; }
*/

nav.display .srcInitBtn {
    display: none;
    float: right;
    width: 18px;
    height: 18px;
    margin-top: 27px;
    background: url(../img/src-btn.png) no-repeat 0 0;
}

    nav.display .srcInitBtn.active {
        background-position: 0 -18px;
    }

.searchBox {
    display: none;
    position: absolute;
    width: 100%;
    top: 68px;
    left: 0;
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid #eaeaea;
    z-index: 9990000;
}

    .searchBox div {
        width: 86.979166666667%;
        margin: 0 auto;
        background: #f2f2f2;
        padding: 20px 0;
    }

        .searchBox div input {
            height: 42px;
            width: 80%;
            margin-left: 35px;
            font-family: 'open_sansregular';
            font-size: 24px;
            color: #b3b3b3;
            float: left;
            background: none;
            border: none;
        }

        .searchBox div button {
            float: right;
            margin-right: 20px;
            padding: 12px 0;
            width: 75px;
            text-align: center;
            background: #b0b0b0;
            color: #fff;
            border: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            font-family: 'open_sansbold';
        }

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Mobile Nav */
nav.mobile {
    display: none;
    position: absolute;
    top: 0;
    left: -91.176470588235%;
    width: 91.176470588235%;
    height: auto !important;
    background: #fff;
    z-index: 99999995;
}

    nav.mobile .link {
        display: block;
        color: #fff;
        width: 100%;
        padding: 25px 0 25px 25px;
        margin-bottom: 1px;
        background: #ee8718;
        font-family: 'open_sansbold';
        font-size: 13px;
    }

        nav.mobile .link.branch {
            background: #00915A;
        }

        nav.mobile .link.branch2 {
            background: #d67308;
        }

        nav.mobile .link.close {
            padding: 15px 0;
            text-align: center;
            font-size: 11px;
            color: #fff;
            background: #000;
        }

            nav.mobile .link.close span {
                font-family: 'open_sanslight';
                margin-right: 5px;
            }

    nav.mobile ul {
        float: left;
        width: 100%;
        display: block;
        background: #fff;
    }

        nav.mobile ul li {
            float: left;
            clear: left;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
        }

            nav.mobile ul li a {
                display: block;
                width: 100%;
                padding: 25px 40px 25px 25px;
                font-family: 'open_sansbold';
                font-size: 13px;
                color: #282828;
                background: url(../img/mnav-icon_close.png) no-repeat right center;
            }

            nav.mobile ul li.active a {
                color: #00915A;
                background: url(../img/mnav-icon_active.png) no-repeat right center;
            }

            nav.mobile ul li ul {
                display: none;
                margin-bottom: 10px;
            }

                nav.mobile ul li ul li {
                    border: none;
                }

                    nav.mobile ul li ul li a {
                        font-size: 14px;
                        color: #1c1c1c;
                        font-family: 'open_sanslight';
                        padding: 10px 0 10px 25px;
                        background: none;
                    }

            nav.mobile ul li.active ul li a {
                color: #1c1c1c;
                background: none;
            }

            nav.mobile ul li ul li:first-child a {
                padding-top: 0;
            }

            nav.mobile ul li.single a {
                background: url(../img/mnav-icon_close_signle.png) no-repeat right center;
            }


/*////////////////// HOME PAGE //////////////////*/
.homeScrollDown {
    width: 3%;
    height: 5%;
    position: absolute;
    bottom: 9%;
    left: 50%;
    margin-left: -1.5%;
    cursor: pointer;
    z-index: 9999;
}

section.home {
    border: none;
}

    section.home ul {
        float: left;
        width: 100%;
    }

        section.home ul li {
            position: relative;
            float: left;
            width: 33.158999999999%;
            margin: 0.28041666666667% 0.26041666666667% 0 0; /*width: 33.350785340314%; margin: 5px 5px 0 0;*/
        }

            section.home ul li.double {
                width: 66.57999999999826%;
            }

            section.home ul li img {
                width: 100%;
                display: block;
            }

            section.home ul li.double img.mobile {
                display: none;
            }

            section.home ul li.last {
                margin-right: 0;
            }

            section.home ul li div {
                position: absolute;
                bottom: 40px;
                left: 40px;
                color: #fff;
            }

                section.home ul li div h2 {
                    color: #fff;
                    font-size: 46px;
                    font-family: 'bnpp_sansbold';
                }

                section.home ul li div span {
                    display: block;
                    font-size: 19px;
                    font-family: 'open_sansregular';
                    margin: 20px 0 30px 0;
                }

                section.home ul li div .more {
                    display: block;
                    color: #fff;
                    height: 24px;
                    line-height: 23px;
                    font-size: 14px;
                    font-family: 'open_sansbold';
                    padding-left: 40px;
                    background: url(../img/arrow_icon.png) no-repeat 0 0;
                    margin: 0;
                }
            /*anasayfadegisik
section.home ul li .title { position: absolute; bottom: 40px; left: 40px;  background: #fbfaf7; font-size: 30px; color: #282828; font-family: 'bnpp_sansregular'; }
section.home ul li .title>a {color:#282828;padding-top: 26px;padding-left:30px;padding-right:30px;display:block;}
section.home ul li .title span>a {color:#282828;padding-bottom: 26px;padding-left:30px;padding-right:30px;display:block;}
*/
            section.home ul li .title {
                position: absolute;
                bottom: 40px;
                left: 40px;
                padding: 19px 25px 12px 25px;
                background: #fbfaf7;
                font-size: 30px;
                color: #282828;
                font-family: 'bnpp_sansregular';
                line-height: 1;
            }

                /**/

                section.home ul li .title span {
                    margin: 0px;
                    font-size: 17px;
                    padding-top: 7px;
                }

.halff img {
    margin-bottom: 40px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

.tnick {
    width: 100%;
    display: block;
    float: left;
    font-size: 14px;
    color: #5f5f5f;
    font-family: 'open_sansregular' !important;
}

.twtowner {
    display: block;
    float: left;
    width: 100%;
    height: 52px;
}


/*section.home .promo video { position: relative; top: 50%; transform: translateY(-50%); }*/
.homeVideoBox {
    width: 100%;
    overflow: hidden;
    background: #000;
}

.homeVideo {
    width: 100%;
}

/*FRIEND SHARE*/
.shareFriend article {
    margin-right: 19.373626% !important;
}

.shareFriend .title {
    font-size: 32px !important;
    color: #5a5a5a !important;
}

    .shareFriend .title b {
        font-family: 'open_sansbold';
    }

.shareFriend .miniTitle {
    font-family: 'open_sanslight';
    font-size: 25px;
    color: #00915A !important;
}

.shareFriend .fRow {
    position: relative;
    float: left;
    width: 33.3%;
}

    .shareFriend .fRow input {
        width: 85%;
        height: 60px;
        border: 1px solid #a3e4be;
        display: block;
        margin-bottom: 18px;
        padding-left: 13px;
        color: #949494;
    }

        .shareFriend .fRow input::-webkit-input-placeholder {
            color: #949494;
            opacity: 1 !important;
        }

        .shareFriend .fRow input:-moz-placeholder {
            color: #949494;
        }

        .shareFriend .fRow input::-moz-placeholder {
            color: #949494;
        }

        .shareFriend .fRow input:-ms-input-placeholder {
            color: #949494 !important;
        }

    .shareFriend .fRow span {
        line-height: 28px;
        display: block;
        width: 30px;
        height: 30px;
        border: 1px solid #9ee2bb;
        border-radius: 28px;
        text-align: center;
        font-size: 21.5px;
        font-family: open_sanslight;
        color: #00915A;
        position: absolute;
        left: -44px;
        top: 13px;
    }

.shareFriend .continue-btn {
    margin-top: -75px;
    margin-right: 55px;
}
/*////////////////// FORM PAGE //////////////////*/
.form-part {
}

section.form {
    border: none;
}

    section.form .promo .title-time {
        position: absolute;
        top: 0;
        height: 100%;
        width: 85.9375%;
        left: 50%;
        margin-left: -42.96875%;
    }

        section.form .promo .title-time .titles {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            float: left;
            width: 60%;
        }

        section.form .promo .title-time .time {
            right: 0;
            float: right;
            height: 76px;
            position: absolute;
            top: 40%;
            transform: translateY(-40%);
            -webkit-transform: translateY(-40%);
            -ms-transform: translateY(-50%);
        }

            section.form .promo .title-time .time img {
                width: auto;
                height: 100%;
                float: left;
                margin-right: 20px;
            }

        section.form .promo .title-time .buttons {
            right: 0;
            float: right;
            position: absolute;
            bottom: 50px;
        }

            section.form .promo .title-time .buttons a.applyBtn {
                margin-left: 35px;
                width: 300px;
            }

        section.form .promo .title-time .titles h1, section.form .promo .title-time .titles h2 {
            color: #fff;
            display: block;
        }

        section.form .promo .title-time .titles h1 {
            font-size: 62px;
            margin-bottom: 35px;
            line-height: 48px;
            font-family: 'bnpp_sanslight';
        }

            section.form .promo .title-time .titles h1 span {
                font-family: 'bnpp_sansregular';
            }

        section.form .promo .title-time .titles h2 {
            font-size: 32px;
            font-family: 'open_sanslight';
            line-height: 34px;
        }

        section.form .promo .title-time .time div {
            float: left;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

        section.form .promo .title-time .time span {
            display: block;
        }

        section.form .promo .title-time .time .title {
            font-size: 16px;
            color: #fff;
            font-family: 'open_sansbold';
        }

        section.form .promo .title-time .time .date {
            font-size: 22px;
            color: #fdf511;
            font-family: 'open_sanslight';
        }

            section.form .promo .title-time .time .date strong {
                font-family: 'open_sansbold';
            }

        section.form .promo .title-time .time2 .date {
            color: #19BB5C;
        }

        section.form .promo .title-time .time2 .title {
            color: #19BB5C;
        }

        section.form .promo .title-time .titles.title1 {
            left: 22%;
            width: 45%;
        }

            section.form .promo .title-time .titles.title1 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title1 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title2 {
            left: 23%;
        }

            section.form .promo .title-time .titles.title2 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title2 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title3 {
            left: 25%;
        }

            section.form .promo .title-time .titles.title3 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title3 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title4 {
            left: 30%;
            width: 47%;
        }

            section.form .promo .title-time .titles.title4 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title4 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title5 {
            left: 26%;
        }

            section.form .promo .title-time .titles.title5 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title5 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title6 {
            left: 22%;
        }

            section.form .promo .title-time .titles.title6 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title6 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title7 {
            left: 22%;
        }

            section.form .promo .title-time .titles.title7 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title7 h2 {
                color: #000;
            }

        section.form .promo .title-time .titles.title8 {
            left: 28%;
            width: 52%;
        }

            section.form .promo .title-time .titles.title8 h1 {
                color: #000;
            }

            section.form .promo .title-time .titles.title8 h2 {
                color: #000;
            }

    /** NEW VERSION BANNER ***/
    section.form .promo.newVersion {
        float: left;
    }

        section.form .promo.newVersion .title-time {
            width: 90.5%;
            margin-left: -45.25%;
        }

            section.form .promo.newVersion .title-time .titles {
                left: 26.9%;
                width: 51%;
            }

                section.form .promo.newVersion .title-time .titles h1 {
                    margin-bottom: 15px;
                    color: #232323;
                    font-size: 2.6vw;
                    line-height: 1;
                }

                    section.form .promo.newVersion .title-time .titles h1 span {
                    }

                section.form .promo.newVersion .title-time .titles h2 {
                    font-size: 1.875vw;
                    line-height: 1.1;
                    color: #232323;
                    letter-spacing: -0.015em;
                }

        section.form .promo.newVersion.hasButtons {
            float: left;
            background: #ffffff;
        }

        section.form .promo.newVersion .title-time .time {
            height: 21%;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

            section.form .promo.newVersion .title-time .time .title {
                font-size: 0.83vw;
            }

            section.form .promo.newVersion .title-time .time .date {
                font-size: 1.145vw;
            }

        section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
            position: absolute;
            right: 5%;
            top: 0%;
            width: 20%;
            margin-top: 13%;
        }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div {
                width: 49%;
                float: right;
            }

                section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div a {
                    width: 100%;
                }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn div.left {
                padding-left: 0;
            }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn div.right {
                padding-right: 2% !important;
            }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton {
                margin-left: 10px;
                display: block;
                text-transform: uppercase;
                padding: 8% 0;
                border: 1px solid #ee8718;
                background: #ee8718;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
                color: #fff;
                font-size: 0.677vw;
                font-family: 'open_sansbold';
                text-align: center;
            }

                section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton.green {
                    border-color: #00915A;
                    background: #00915A;
                    color: #fff;
                }
/** NEW VERSION BANNER ***/


.accordion-title {
    position: relative;
    width: 100%;
    padding: 60px 0 60px 3.3333333333333%;
    margin-top: 3px;
    font-size: 26px;
    line-height: 25px;
    background: #f4f4f4;
    color: #282828;
    font-family: 'open_sanslight';
    cursor: pointer;
    transition: all .3s ease;
}

    .accordion-title span.title {
        padding-left: 40px;
        background: url(../img/accor-plus-passive_icon.png) no-repeat left center;
    }

    .accordion-title.acc-open {
        background-color: #00915A;
    }

        .accordion-title.acc-open span.title {
            color: #fff;
            background: url(../img/accor-minus_icon.png) no-repeat left center;
        }

    .accordion-title.done {
        color: #fff;
        background: #00915A;
    }

        .accordion-title.done span.title {
            opacity: 0.7;
            background: url(../img/accor-plus_icon.png) no-repeat left center;
        }

        .accordion-title.done.acc-open span.title {
            background: url(../img/accor-minus_icon.png) #00915A no-repeat left center;
        }

    .accordion-title .okey {
        position: absolute;
        display: none;
        right: 0;
        top: 0;
        width: 148px;
        height: 100%;
        background: #00915A;
        text-align: center;
    }

    .accordion-title.done .okey {
        display: block;
    }

    .accordion-title .okey img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -18px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .accordion-title:after, .accordion-title:before, .accordion-container:after, .accordion-container:before {
        content: ' ';
        display: table;
    }

    .accordion-title:after, .accordion-container:after {
        clear: both;
    }

.accordion-container {
    position: relative;
    display: none; /*width: 93.333333333333%;*/
    margin: 0 auto;
    padding: 60px 3.3333333333333%;
}

    .accordion-container.grey {
        background: #f5f5f5;
    }

.form-list {
    float: left;
    width: 29.76190476190467%;
    margin: 0 5.3571428571429% 0 0;
}

    .form-list.last {
        margin-right: 0;
    }

    .form-list.video img {
        width: 100%;
    }

    .form-list.confText span {
        display: block;
        color: #282828;
    }

        .form-list.confText span.title {
            font-family: 'open_sansbold';
            font-size: 60px;
        }

        .form-list.confText span.subTitle {
            font-family: 'open_sansregular';
            font-size: 40px;
            line-height: 42px;
            margin-bottom: 20px;
        }

        .form-list.confText span.desp {
            font-family: 'open_sanslight';
            font-size: 22px;
            margin-bottom: 80px;
        }

    .form-list.confText a.social {
        float: left;
        padding: 3px;
        background: #fff;
    }

        .form-list.confText a.social img {
            float: left;
            margin-right: 20px;
        }

        .form-list.confText a.social span {
            float: left;
            display: block;
            line-height: 34px;
            font-family: 'open_sansbold';
            color: #3256a6;
            font-size: 13px;
            padding-right: 20px;
        }

        .form-list.confText a.social.twitter {
            margin-left: 10px;
        }

            .form-list.confText a.social.twitter span {
                color: #13b1fb;
            }

.alertBox {
    width: 100%;
    color: #fff;
    padding: 20px 70px;
    font-size: 14px;
    clear: both;
    font-family: 'open_sanslight';
    margin: 8px 0 30px 0;
}

    .alertBox.okey {
        background: url(../img/alert-icon_okey.gif) #00915A no-repeat 20px center;
    }

    .alertBox.error {
        background: url(../img/alert-icon_error.gif) #e33b3b no-repeat 20px center;
        padding-bottom: 10px;
    }

        .alertBox.error ul {
        }

            .alertBox.error ul li {
                list-style: disc outside;
                margin-bottom: 10px;
            }

        .alertBox.error span {
            display: list-item;
        }

    .alertBox.info {
        background: url(../img/alert-icon_info.gif) #00915A no-repeat 20px center;
    }

section.form .promo img.mobile {
    display: none;
}

section.form .promo img.normal {
    display: block;
}


/*////////////////// CAMPAING DETAIL & NEDIR PAGE //////////////////*/
section.campDetail {
    padding-bottom: 80px;
}

.campDetail article .titleBar {
    float: left;
    padding: 60px 0 60px 55px;
    z-index: -1;
    padding-right: 0 !important;
}

    .campDetail article .titleBar h1 {
        width: 51%;
        float: right;
    }

.campDetail article .campDetailImg {
    width: 44.167962674961%;
    float: left;
    top: 30px;
    margin: 0 0 0 30px;
    position: absolute;
}

.campDetail article .campDetailImgnoAb {
    position: relative;
    margin-top: -11.5%;
}

.campDetail article .campDetailImg.left {
    margin-right: inherit !important;
    float: left;
}

.campDetail article .contentBox {
    float: right;
    width: 55.832037325039%;
    padding: 40px 0 30px 0;
    padding-left: 0 !important;
    min-height: 300px;
}

    .campDetail article .contentBox.contentTable {
        width: 100%;
    }

    .campDetail article .contentBox h2 {
        font-size: 32px;
        line-height: 38px;
        color: #363636;
        margin-bottom: 15px;
        font-family: 'open_sanslight';
    }

        .campDetail article .contentBox h2 strong {
            font-family: 'open_sanssemibold';
        }

    .campDetail article .contentBox p.lit {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 25px;
        font-family: 'open_sanssemibold';
    }

    .campDetail article .contentBox .applyBtn {
        float: left;
        width: 280px;
    }

.detPageBottListThem {
    float: left;
    clear: both; /*margin-top: 120px;*/
    width: 100%;
}

    .detPageBottListThem h3 {
        position: relative;
        display: block;
        font-family: 'open_sanslight';
        color: #fff;
        font-size: 38px;
        background: #aeaeae;
        padding: 40px 30px 40px 45px;
    }

    .detPageBottListThem h2 {
        position: relative;
        display: block;
        font-family: 'open_sanslight';
        color: #fff;
        font-size: 38px;
        background: #00915A;
        padding: 40px 30px 40px 45px;
    }

    .detPageBottListThem h3:before {
        position: absolute;
        bottom: -30px;
        left: 0;
        content: '';
        display: inline-block;
        width: 23px;
        height: 30px;
        background: url(../img/campdetail_detailInfo_icon.png) no-repeat 0 0;
    }

    .detPageBottListThem ul {
        list-style: disc inside;
        margin: 35px 0 0 55px;
    }

        .detPageBottListThem ul li {
            margin-bottom: 20px;
            font-size: 16px;
            color: #282828;
            font-family: 'open_sansregular';
        }

            .detPageBottListThem ul li a {
                color: #00915A;
            }

    .detPageBottListThem p.k {
        padding-left: 50px;
        padding-top: 35px;
        padding-right: 60px;
    }

    .detPageBottListThem p.lit2 {
        padding-left: 50px;
        font-size: 12px;
        color: #999999;
        margin-bottom: 5px;
    }

/* TYPE 2 */
.campDetail article .campDetailImg.type2 {
    position: relative;
    top: inherit;
}

section.campDetail.type2 {
    border: none;
}

.campDetail.type2 .promo {
    position: relative;
}

    .campDetail.type2 .promo .social {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 66px;
        z-index: 99;
    }

        .campDetail.type2 .promo .social a {
            display: block;
        }

        .campDetail.type2 .promo .social img {
            display: block;
            width: 100%;
        }

.type2 article {
    margin-top: 0px;
}

.campDetail.type2 article .titleBar:after {
    left: 10.125%;
}

.campDetail.type2 article .titleBar {
    padding-left: 45px;
}

    .campDetail.type2 article .titleBar h1 {
        width: 100%;
        margin-bottom: 10px;
    }

.campDetail.type2 article .campDetailImg {
    margin-top: -52px;
    margin-right: -54px;
}

.campDetail article .campDetailImg.type2 {
    margin: -20px 0 0 45px;
}

.campDetail.type2 article .campDetailImg.left {
    margin-right: inherit !important;
}

.campDetail article .contentBox.type2 {
    padding-top: 50px;
    padding-bottom: 0;
    width: 47%;
    margin-bottom: 50px;
}

.campDetail.type2 article .contentBox h2 {
    font-size: 40px;
    line-height: 42px;
    color: #00915A;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed';
    margin-bottom: 30px;
}

.campDetail.type2 article .contentBox p.lit {
    font-size: 28px;
    line-height: 30px;
    color: #363636;
    font-family: 'open_sanslight';
}

.detPageBottListThem.campDet {
    border-left: 6px solid #fff;
}

    .detPageBottListThem.campDet ul {
        float: left;
        list-style: none;
        margin-top: 45px;
    }

        .detPageBottListThem.campDet ul li {
            float: left;
            width: 23.1999999999%;
            border: 1px solid #e5e5e5;
            margin: 0 2.3980815347722% 2.3980815347722% 0; /*min-height: 323px;*/
            padding-bottom: 10px;
        }

            .detPageBottListThem.campDet ul li img {
                width: 100%;
            }

            .detPageBottListThem.campDet ul li span {
                display: block;
                padding: 20px 20px 0 20px;
                font-size: 18px;
                color: #363636;
                font-family: 'open_sanslight';
                text-align: center;
            }

                .detPageBottListThem.campDet ul li span strong {
                    font-family: 'open_sansbold';
                }

            .detPageBottListThem.campDet ul li:nth-child(4n) {
                margin-right: 0;
            }

.applyBtn.contBott {
    max-width: 70%;
    clear: both;
    font-family: 'open_sanslight';
}

    .applyBtn.contBott strong {
        font-family: 'open_sansbold';
    }

    .applyBtn.contBott.center {
        margin-bottom: 20px;
    }

article.minusMarTop {
    margin-top: -35px;
}

.campDetail .videoBox .playBtn {
    bottom: 50px;
    margin-top: inherit;
    top: inherit;
}

    .campDetail .videoBox .playBtn.center {
        width: 118px;
        left: 50%;
        top: 50%;
        margin: -59px 0 0 -59px;
    }

.campSocialShare {
    margin-bottom: 30px;
}

    .campSocialShare .twitter-share-button {
        margin-left: 10px;
    }

.campDetail.type2 article .contentBox .applyBtn {
    font-family: 'open_sansbold';
    font-size: 18px;
    width: 280px;
    margin-bottom: 15px;
}

    .campDetail.type2 article .contentBox .applyBtn.first {
        margin-right: 20px;
    }

.campDetail img {
    width: 100%;
    display: block;
}

.campDetail .detVideo {
    display: none;
}


/*////////////////// FAQ & PRICES PAGE //////////////////*/
.campDetail article .titleBar.faq h1 {
    width: 100%;
    line-height: normal;
}

section.campDetail .contentBox.faq {
    margin-top: 0px;
    background: #fff;
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: left;
}

table.prices {
    width: 100%;
    border-top: 1px solid #00915A;
    border-right: 1px solid #00915A;
    border-bottom: 1px solid #00915A;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    table.prices thead th {
        background: #00915A;
        color: #fff;
        font-family: 'open_sansbold';
        font-size: 14px;
        text-align: center;
        padding: 17px 10px;
    }

        table.prices thead th.text-left, table.prices tbody td.text-left {
            text-align: left;
        }

    table.prices tr td {
        border-left: 1px solid #00915A;
        border-bottom: 1px solid #00915A;
        font-size: 14px;
        font-family: 'open_sanslight';
        text-align: center;
        padding: 20px 10px;
    }

    table.prices thead th.paddLeft25, table.prices tbody td.paddLeft25 {
        padding-left: 25px;
    }

table.prices2 thead th {
    border-left: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
}

    table.prices2 thead th:first-child {
        border-left: 1px solid #00915A !important;
        background-color: #00915A;
    }

    table.prices2 thead th:last-child {
        border-right: 1px solid #00915A !important;
        background-color: #00915A;
    }

table.prices2 tr td {
    padding: 17px 5px !important;
}

table#taksitTablo tr td {
    border-left: 1px solid #00915A;
    border-bottom: 1px solid #00915A;
    font-size: 14px;
    font-family: 'open_sanslight';
    text-align: center;
    padding: 20px 10px;
}

table#dovizTablo tr td {
    border-left: 1px solid #00915A;
    border-bottom: 1px solid #00915A;
    font-size: 14px;
    font-family: 'open_sanslight';
    text-align: center;
    padding: 20px 10px;
}

table#odemePlaniTablo {
    width: 50%;
    border: 1px solid #00915A;
}

    table#odemePlaniTablo tr td.title {
        text-align: left;
        background-color: #00915A;
        color: #FFF;
        font-weight: bold;
        font-family: 'open_sansbold';
        border-bottom: 1px solid #FFF;
    }

    table#odemePlaniTablo tr td {
        border-left: 1px solid #00915A;
        border-bottom: 1px solid #00915A;
        font-size: 14px;
        font-family: 'open_sanslight';
        text-align: center;
        padding: 20px 10px;
    }

.faq p a {
    text-decoration: underline;
    color: #363636;
}

.contact p a {
    text-decoration: underline;
    color: #363636;
}

h3.printTitle {
    display: none;
}

.accordionBox.acdSecondLevel:first-child {
    padding-top: 0;
}

.accordionBox.acdSecondLevel:last-child {
    border: none;
    padding-bottom: 0;
}

.accordionBox.acdThirdLevel:last-child {
    border: none;
}

.accordionBox.acdThirdLevel {
    padding: 0;
}

.accordionBox.acdSecondLevel .title {
    font-size: 15px;
}

.accordionBox.acdThirdLevel .title {
    font-size: 14px;
}

.accordionBox.acdSecondLevel .title {
    font-size: 18px;
    line-height: 28px;
    padding-left: 45px;
    background: url(../img/accor-plus-passive_icon_lit.png) no-repeat left center;
}

    .accordionBox.acdSecondLevel .title.active {
        background: url(../img/accor-plus-green_icon_lit.png) no-repeat left center;
    }

.campDetail article .contentBox.textCont {
    width: 100% !important;
    padding-left: 0;
}

    .campDetail article .contentBox.textCont p {
        font-size: 18px;
        line-height: 26px;
        color: #363636;
        font-family: 'open_sanslight';
    }


/*////////////////// SIDEBAR & CONTENT PAGES //////////////////*/
section.sidebarCont {
    padding: 60px 30px 80px 30px;
}

    section.sidebarCont aside {
        float: left;
        width: 23.626373626374%;
        border-top: 3px solid #000;
        padding-top: 20px;
    }

    section.sidebarCont article {
        float: left;
        width: 100%;
        margin-right: 0;
    }

        section.sidebarCont article .titleBar:after, section.sidebarCont article .titleBar:before {
            display: none;
        }

    section.sidebarCont aside h2 {
        font-size: 30px;
        color: #282828;
        font-family: 'open_sansbold';
        margin-bottom: 20px;
    }

    section.sidebarCont aside .sideMenuOpen {
        display: none;
        width: 100%;
    }

        section.sidebarCont aside .sideMenuOpen span {
            width: 18px;
            height: 18px;
            display: inline-block;
            background: url(../img/accor-plus-passive_icon_lit.png) no-repeat;
            vertical-align: middle;
            margin-left: 15px;
        }

        section.sidebarCont aside .sideMenuOpen.active span {
            background: url(../img/accor-plus-green_icon_lit.png) no-repeat;
            padding-right: 25px;
        }

    section.sidebarCont aside ul li {
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        font-family: 'open_sansbold';
        font-size: 13px;
        text-transform: uppercase;
    }

        section.sidebarCont aside ul li:last-child {
            border: none;
        }

        section.sidebarCont aside ul li a {
            width: 100%;
            display: block;
            padding: 20px 0;
            padding-right: 25px !important;
            color: #282828;
        }

        section.sidebarCont aside ul li:hover a {
            color: #00915A;
        }

        section.sidebarCont aside ul li.active a {
            color: #00915A;
            background: url(../img/sidebar-nav_icon.png) no-repeat right center;
        }

    section.sidebarCont article .titleBar {
        padding: 52px 70px;
    }

        section.sidebarCont article .titleBar h1 {
            font-size: 62px;
            line-height: 66px;
            font-family: 'bnpp_sanslight';
        }

            section.sidebarCont article .titleBar h1 strong {
                font-family: 'bnpp_sansregular';
            }

        section.sidebarCont article .titleBar p {
            font-size: 32px;
            line-height: 34px;
            margin-top: 15px;
        }

        section.sidebarCont article .titleBar.krediKartiPage h1 {
        }

        section.sidebarCont article .titleBar.krediKartiPage p {
            font-size: 25px;
        }

    section.sidebarCont article .contentBox {
        width: 90.217391304348%;
        margin: 0 auto;
        margin-top: -20px;
        min-height: 360px;
    }

    section.sidebarCont article .contentBox2 {
        min-height: 0px;
    }

    section.sidebarCont article .contentBox.faq {
        margin-top: 0;
    }

    section.sidebarCont article .contentBox.odemePlani {
        margin-top: 40px;
    }

    section.sidebarCont article .contentBox.noVideo {
        margin-top: 40px;
    }

    section.sidebarCont article .contentBox .promo {
        border: 6px solid #fff;
        margin-bottom: 30px;
    }

    section.sidebarCont article .contentBox .promoVid {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        section.sidebarCont article .contentBox .promoVid img {
            cursor: pointer;
        }

    section.sidebarCont article .contentBox .promo.promoVid img {
        display: block;
    }

    section.sidebarCont article .contentBox .promoVid .detVideo {
        display: none;
    }

    section.sidebarCont article .contentBox p {
        font-size: 20px;
        line-height: 26px;
        color: #282828;
        font-family: 'open_sanslight';
    }

        section.sidebarCont article .contentBox p small {
            font-size: 90%;
        }

        section.sidebarCont article .contentBox p a {
            color: #282828;
            text-decoration: underline;
        }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 28px;
            line-height: 36px;
            font-family: 'open_sanslight';
            margin-bottom: 30px;
        }

        section.sidebarCont article .contentBox p.title {
            font-size: 40px;
            line-height: 46px;
            font-family: 'bnpp_sanslight';
            margin: 10px 0 30px 0;
        }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 30px;
            line-height: 36px;
            font-family: 'bnpp_sanslight';
            margin: 10px 0 30px 0;
        }

        section.sidebarCont article .contentBox p.title.type2 {
            display: inline-block;
            margin-top: 35px;
        }

        section.sidebarCont article .contentBox p.title.type3 {
            display: inline-block;
            margin-top: 15px;
        }

        section.sidebarCont article .contentBox p.title strong {
            font-family: 'bnpp_sansbold';
        }

        section.sidebarCont article .contentBox p.title.green a {
            color: #00915A;
            text-decoration: underline;
        }

        section.sidebarCont article .contentBox p.green {
            color: #00915A;
        }

.contentBox.minHeightAuto {
    min-height: initial !important;
}

.detPageBottListThem.noBg h3 {
    font-size: 40px;
    line-height: 40px;
    color: #222;
    background: none;
    font-family: 'open_sanslight';
    margin: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    .detPageBottListThem.noBg h3:before {
        display: none;
    }

.detPageBottListThem.noBg ul {
    float: left;
    list-style: none;
    margin-left: 0;
}

    .detPageBottListThem.noBg ul li {
        float: left;
        width: 23.1999999999%;
        border: 1px solid #e5e5e5;
        margin: 0 2.3980815347722% 2.3980815347722% 0;
        min-height: 271px;
        padding-bottom: 10px;
    }

.detPageBottListThem.servBox ul.triple li:first-child {
    margin-left: 12.8064076738605%;
}

.detPageBottListThem.servBox ul.binary li:first-child {
    margin-left: 25.599999999999%;
}

.detPageBottListThem.campDet.servBox ul.triple li:first-child {
    margin-left: 10.806408%;
}

.detPageBottListThem.campDet.servBox ul.binary li:first-child {
    margin-left: 25.599999999999%; /*margin-left: 23.279999999999%; margin-left: 29.199999999999%;*/
}

.detPageBottListThem.campDet.servBox ul.binary {
    margin-left: 0 !important;
    width: 100%;
}

.detPageBottListThem.noBg ul li img {
    width: 100%;
}

.detPageBottListThem.noBg ul li span {
    display: block;
    padding: 20px 20px 30px 20px;
    font-size: 18px;
    color: #363636;
    font-family: 'open_sanslight';
    text-align: center;
}

    .detPageBottListThem.noBg ul li span strong {
        font-family: 'open_sansbold';
    }

.detPageBottListThem.noBg ul li:nth-child(4n) {
    margin-right: 0;
}

.contentBox .subTitle {
    font-size: 40px;
    color: #282828;
    font-family: 'open_sanslight';
    display: inline-block;
    margin: 20px 0;
}

.interBankingList {
    width: 100%;
}

.interBankingBox {
    width: 48%;
    margin: 0 4% 4% 0;
    float: left;
}

    .interBankingBox:nth-child(2n) {
        margin-right: 0;
    }

    .interBankingBox img {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    .interBankingBox p {
        width: 100%;
        padding: 0 50px;
        text-align: center;
        font-size: 20px !important;
        font-family: 'open_sanslight' !important;
    }

        .interBankingBox p strong {
            font-family: 'open_sanssemibold';
        }

.transactionsTable {
    width: 100%;
    font-size: 14px;
    font-family: 'open_sanslight';
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
    -webkit-border-radius: 0px 4px 0px 0px;
}

    .transactionsTable thead th {
        padding: 25px 5px;
        text-align: center;
        border-left: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        vertical-align: middle;
    }

        .transactionsTable thead th.empty {
            border: none;
        }

        .transactionsTable thead th.first {
            border-radius: 4px 0px 0px 0px;
            -moz-border-radius: 4px 0px 0px 0px;
            -webkit-border-radius: 4px 0px 0px 0px;
        }

        .transactionsTable thead th.last {
            border-radius: 0px 4px 0px 0px;
            -moz-border-radius: 0px 4px 0px 0px;
            -webkit-border-radius: 0px 4px 0px 0px;
        }

    .transactionsTable tbody td {
        padding: 15px 0;
        width: 20%;
        text-align: center;
        vertical-align: middle;
        border-left: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }

        .transactionsTable tbody td.name {
            width: 40%;
            padding: 15px 20px;
            text-align: right;
        }

            .transactionsTable tbody td.name.title {
                font-family: 'open_sanssemibold';
                text-align: left;
            }

        .transactionsTable tbody td img {
            width: 22px;
        }

.tabBottParag {
    width: 100%;
    margin: 20px 0;
    display: inline-block;
}

.contentBox .accordion-container.confirmation .form-list {
    width: 50%;
    margin-right: 0;
}

    .contentBox .accordion-container.confirmation .form-list.confText {
        padding-right: 30px;
        margin-right: 0;
    }

        .contentBox .accordion-container.confirmation .form-list.confText .title {
            font-size: 40px;
            line-height: 42px;
            margin-bottom: 15px;
        }

    .contentBox .accordion-container.confirmation .form-list.video {
        margin-right: 0;
    }

        .contentBox .accordion-container.confirmation .form-list.video #cms_player_1422613310 {
            width: 100%;
        }

/*////////////////// ABOUT PAGE //////////////////*/
section.campDetail.about {
    padding-bottom: 0px !important;
}

section.campDetail .contentBox.about {
    margin-top: 0px;
    width: 100% !important;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 80px;
    min-height: 250px;
}

    section.campDetail .contentBox.about .left {
        float: left;
        width: 46%;
    }

    section.campDetail .contentBox.about .right {
        float: right;
        width: 46%;
    }

        section.campDetail .contentBox.about .left p, section.campDetail .contentBox.about .right p {
            font-size: 18px;
            line-height: normal;
            width: 100%;
            color: #363636;
            font-family: 'open_sanslight';
        }

            section.campDetail .contentBox.about .left p a, section.campDetail .contentBox.about .right p a {
                color: #363636;
                text-decoration: underline;
            }

        section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
            font-size: 25px;
            line-height: normal;
            color: #363636;
            font-family: 'open_sanssemibold';
            margin-bottom: 15px;
        }

.aboutTeams {
    padding-top: 0px;
    margin-top: 0 !important;
    border: none;
}

    .aboutTeams div {
        width: 100%;
        text-align: center;
        color: #282828;
        font-family: 'open_sanslight';
    }

    .aboutTeams .title {
        font-size: 82px;
    }

    .aboutTeams .subTitle {
        font-size: 32px;
    }

    .aboutTeams ul.team {
        margin: 40px 0;
        width: 100%;
    }

        .aboutTeams ul.team li {
            position: relative;
            float: left;
            width: 25%;
            overflow: hidden;
            display: block;
        }

            .aboutTeams ul.team li img {
                width: 100%;
                display: block;
            }
        /**.aboutTeams ul.team li img.over { display: none; }**/
        .aboutTeams ul.team.big li {
            width: 100%;
        }

    .aboutTeams .subTitle.type2 {
        margin-top: 70px;
    }

    /*
.aboutTeams ul.team li:hover img.over { display: block; }
.aboutTeams ul.team li:hover img.normal { display: none; }
.aboutTeams ul.team li:focus img.over { display: block; }
.aboutTeams ul.team li:focus img.normal { display: none; }
*/
    .aboutTeams ul.team li .details {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        display: none;
        color: #fff;
        text-align: center;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

        .aboutTeams ul.team li .details span {
            display: block;
            line-height: normal;
        }

            .aboutTeams ul.team li .details span.name {
                font-size: 38px;
                line-height: 38px;
                font-family: 'bnpp_sansbold';
            }

            .aboutTeams ul.team li .details span.job {
                display: none;
                font-size: 20px;
                line-height: 20px;
                font-family: 'open_sansregular';
            }

            .aboutTeams ul.team li .details span.seperator {
                display: none;
                width: 110px;
                height: 1px;
                background: #fff;
                opacity: 0.8;
                margin: 20px auto;
            }
/*
.aboutTeams ul.team li:hover .details { display: block; }
.aboutTeams ul.team li:focus .details { display: block; }
*/


/*////////////////// TUTORIALS PAGE //////////////////*/
section.aboutTeams.tutorials {
    margin-top: 0;
}

section.aboutTeams ul.tutorials {
    padding-top: 60px;
}

    section.aboutTeams ul.tutorials li {
        position: relative;
        float: left;
        width: 33.125%;
        margin: 0 0.3125% 0.3125% 0;
    }

        section.aboutTeams ul.tutorials li.double {
            width: 66.5625%;
        }

            section.aboutTeams ul.tutorials li.double img.mobile {
                display: none;
            }

        section.aboutTeams ul.tutorials li.last {
            margin-right: 0;
        }

        section.aboutTeams ul.tutorials li img {
            display: block;
            width: 100%;
        }

        section.aboutTeams ul.tutorials li a {
            position: absolute;
            left: 50px;
            bottom: 50px;
            display: block;
            padding: 0 30px 0 75px;
            max-width: 45%;
            background: url(../img/tutorials_icon.png) #fff no-repeat 30px center;
        }

            section.aboutTeams ul.tutorials li a span {
                padding: 20px 0;
                display: inline-block;
                font-size: 18px;
                line-height: 20px;
                color: #282828;
                font-family: 'bnpp_sansbold';
            }

.tutorialVid {
    width: 100%;
    display: none;
}

.fancybox-inner .tutorialVid video {
    width: 100%;
}


/*////////////////// CAMPAIGNS LIST PAGE //////////////////*/
.campListPart {
    padding: 0 1.71875%;
    padding-top: 30px;
}

    .campListPart h2 {
        font-size: 30px;
        color: #282828;
        float: left;
        font-family: 'open_sanslight';
        font-size: 30px;
        padding-top: 7px;
        color: #282828;
        float: left;
        border: thin solid green;
        border-radius: 25px;
        padding: 7px;
    }

    .campListPart .select {
        width: 365px;
        margin-left: 10px;
        float: right;
    }

        .campListPart .select.sectorFilter {
            width: 435px;
        }

    .campListPart ul {
        float: left;
        width: 100%;
        clear: both;
        padding-top: 30px;
    }

        .campListPart ul li {
            display: none;
            float: left;
            width: 23.78640776699%;
            margin: 0 1.6181229773463% 1.6181229773463% 0;
        }

            .campListPart ul li:nth-child(4n) {
                margin-right: 0;
            }

            .campListPart ul li img {
                display: block;
                width: 100%;
            }

            .campListPart ul li span {
                padding: 25px 0;
                font-size: 22px;
                color: #1c1c1c;
                display: block;
                font-family: 'open_sanslight';
            }

    .campListPart .loadMoreBtn {
        width: 130px;
        clear: both;
        display: block;
        margin: 50px auto;
        text-align: center;
    }

        .campListPart .loadMoreBtn img {
            margin-bottom: 20px;
        }

        .campListPart .loadMoreBtn span {
            display: block;
            font-size: 14px;
            color: #ef9136;
            font-family: 'bnpp_sansbold';
        }

    .campListPart .accordionBox {
        border: none !important;
    }

        .campListPart .accordionBox .title {
            font-size: 30px;
            /*padding-top: 7px;*/
            color: #282828 !important;
            font-family: 'open_sanslight';
            padding-left: 0px;
            background: url(../img/downArr.png) 340px center no-repeat;
        }

            .campListPart .accordionBox .title.active {
                background: url(../img/upArr.png) 340px top no-repeat;
            }

@media (max-width: 1024px) {
    .campListPart .accordionBox .title {
        font-size: 24px;
        background-position-x: 290px;
    }
}

@media (max-width: 768px) {
    .campListPart .accordionBox .title {
        font-size: 20px;
        padding-top: 3px;
        background-position-x: 240px;
    }

        .campListPart .accordionBox .title.active {
            background-position-x: 240px;
        }
}

@media (max-width: 480px) {
    .campListPart .accordionBox .title {
        width: 100%;
        text-align: left;
        padding-left: 10px;
    }
}

/*////////////////// SMART ACCOUNT PAGE //////////////////*/
.tabsBox .ui-tabs-nav {
    border-bottom: 2px solid #00915A;
    padding: 0px !important;
    margin-bottom: 0;
    width: 100%;
}

    .tabsBox .ui-tabs-nav li {
        border-left: 2px solid #e0e0e0;
        margin: 2px 5px 0 0;
        border-right: 2px solid #e0e0e0;
        border-top: 2px solid #e0e0e0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        top: 2px !important;
        background-color: #FFF;
        z-index: 1;
        outline: 0;
    }

        .tabsBox .ui-tabs-nav li a {
            outline: 0;
        }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 25px 35px;
            min-width: 140px;
            text-align: center;
            font-size: 13px;
            color: #b2b2b2;
            font-family: 'open_sansbold';
        }

        .tabsBox .ui-tabs-nav li:hover a {
            color: #00915A;
        }

        .tabsBox .ui-tabs-nav li.ui-tabs-active {
            border-color: #00915A;
            border-bottom: 2px solid #fff;
            margin-bottom: -2px;
            padding-bottom: 0px;
            border-bottom: none;
            top: 2px;
            background-color: #FFF;
        }


            .tabsBox .ui-tabs-nav li.ui-tabs-active a {
                color: #00915A;
            }

.tabsBox .ui-tabs-panel {
    padding: 15px !important;
    border: 2px solid #00915A !important;
    float: left;
    width: 100%;
    margin-top: -2px;
    position: relative;
    z-index: 2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 150px;
    overflow-x: auto;
}

    .tabsBox .ui-tabs-panel ul {
        list-style: disc outside;
        margin-left: 20px;
    }

        .tabsBox .ui-tabs-panel ul li {
            font-size: 16px;
            font-family: 'open_sansregular';
            margin-bottom: 15px;
        }

/*hesaplamaarac2*/
.creditCalBox2 {
    width: 100%;
    clear: both;
    background: #eff8f3;
    padding: 14px;
    margin-bottom: 60px;
}

    .creditCalBox2 .contentPTop {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        padding-bottom: 40px;
    }

        .creditCalBox2 .contentPTop .calTitle {
            padding-top: 40px;
            padding-bottom: 45px;
            font-size: 45px;
            color: #cbcccc;
            font-family: 'bnpp_sanslight';
            font-weight: normal;
            text-align: center;
        }

        .creditCalBox2 .contentPTop .row1 {
            width: 32.916666666666666%;
            padding-left: 5.416666666666667%;
            float: left;
        }

        .creditCalBox2 .contentPTop .row2 {
            width: 32.916666666666666%;
            padding-left: 5.416666666666667%;
            float: left;
        }

        .creditCalBox2 .contentPTop .row3 {
            width: 34.16666666666667%;
            padding-left: 9%;
            float: left;
        }

        .creditCalBox2 .contentPTop .iTitle {
            margin-bottom: 10px;
            font-size: 14px;
            color: #2a2b2a;
            font-family: 'open_sansbold';
            font-weight: normal;
            display: block;
        }

        .creditCalBox2 .contentPTop .iMiniText {
            margin-top: 20px;
            font-size: 12px;
            color: #343434;
            font-family: 'open_sanslight';
            display: block;
        }

        .creditCalBox2 .contentPTop .newInput {
            width: 100%;
            border: 1px solid #e2e2e2;
            background-color: #eff9f3;
            height: 55px;
            padding-left: 10px;
            font-family: 'open_sanslight';
        }

        .creditCalBox2 .contentPTop .ui-selectmenu-button {
            background-color: #eff9f3;
        }

            .creditCalBox2 .contentPTop .ui-selectmenu-button span.ui-selectmenu-text {
                padding: 15px 65px 15px 15px;
                line-height: normal;
                color: #282828;
                background: url(../img/custom-select-off_icon2.png) no-repeat right center;
            }

            .creditCalBox2 .contentPTop .ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
                background: url(../img/custom-select-on_icon2.png) no-repeat right center;
            }

        .creditCalBox2 .contentPTop .applyBtn {
            padding: 16px 20px;
            width: 80%;
            font-size: 16px;
        }

        .creditCalBox2 .contentPTop .iMiniU {
            margin-top: 20px;
            font-family: 'open_sansbold';
        }

        .creditCalBox2 .contentPTop .iMiniULight {
            font-family: 'open_sanslight';
            margin-top: 10px;
        }

            .creditCalBox2 .contentPTop .iMiniULight label {
                font-size: 11px !important;
            }

            .creditCalBox2 .contentPTop .iMiniULight span {
                font-size: 14px !important;
            }

        .creditCalBox2 .contentPTop .iMiniU label {
            font-size: 14px;
            font-family: 'open_sansbold';
        }

        .creditCalBox2 .contentPTop .iMiniU span {
            font-size: 18px;
            float: right;
            font-family: 'open_sansbold';
        }

    .creditCalBox2 .contentPBottom {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        margin-top: 14px;
    }

    .creditCalBox2 .selectInputSwitcher .switchButton {
        margin-left: 0px !important;
    }


    .creditCalBox2 .resultPart {
        position: relative;
        height: auto !important;
    }

        .creditCalBox2 .resultPart .resultText {
            float: left;
            width: 65.8333333333%;
            padding: 6% 6% 6%;
        }

        .creditCalBox2 .resultPart ul li {
            float: left;
            width: 100%;
            padding: 20px 0;
            border-bottom: 1px solid #dfdfdf;
        }

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

            .creditCalBox2 .resultPart ul li.single {
                border-bottom: 1px solid #dfdfdf;
            }

            .creditCalBox2 .resultPart ul li label {
                width: 60%;
                font-size: 18px;
                color: #333333;
                display: block;
                font-family: 'open_sanslight';
                float: left;
                text-align: left;
            }

            .creditCalBox2 .resultPart ul li span {
                width: 40%;
                font-size: 20px;
                color: #00915A;
                float: right;
                display: block;
                text-align: right;
                font-family: 'open_sansbold';
            }

                .creditCalBox2 .resultPart ul li span em {
                    font-style: normal;
                    color: #333333;
                    font-family: 'open_sanslight';
                }

        .creditCalBox2 .resultPart .applyBtn {
            float: none;
            display: block;
            clear: both;
            padding: 16px 20px;
            width: 80%;
            font-size: 16px;
        }

        .creditCalBox2 .resultPart .payPlanBtn {
            font-size: 12px;
            margin-left: 7.6923076923077%;
            color: #4c4c4c;
            text-decoration: underline;
            font-family: 'open_sansbold';
        }

            .creditCalBox2 .resultPart .payPlanBtn.first {
                margin-right: 10% !important;
            }

        .creditCalBox2 .resultPart .btnPart {
            float: left;
            width: 34.16666666666667%;
            padding-left: 9%;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -26.5px;
        }



        .creditCalBox2 .resultPart .resBottom {
            margin-top: 50px;
            float: left;
            clear: both;
            width: 100%;
            display: table;
        }

            .creditCalBox2 .resultPart .resBottom .applyBtn {
                margin-top: 0;
                min-width: 260px;
                clear: none;
                font-size: 16px;
            }

            .creditCalBox2 .resultPart .resBottom .btns {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

                .creditCalBox2 .resultPart .resBottom .btns .payPlanBtn {
                    margin: 0 0 5px 0;
                }

        .creditCalBox2 .resultPart.heightFix ul li {
            min-height: 69px;
            display: table;
        }

            .creditCalBox2 .resultPart.heightFix ul li label {
                float: none !important;
                display: table-cell !important;
                vertical-align: middle !important;
            }

    .creditCalBox2 .shortTooltip {
        display: inline-block;
        float: none;
        top: 4px;
    }

.cepteTebFaizHesaplaAlt {
    display: none;
}

.krediFaizHesaplaAlt {
    display: none;
}

.cepteTebVadeHesaplaAlt {
    display: none;
}

.creditCalBox2Co {
    display: none;
    padding: 0px;
    border-top: 1px solid #cbcccc;
    margin-top: 30px;
    margin-bottom: 0px;
}

    .creditCalBox2Co ul {
        list-style: none !important;
        margin-left: 0px !important;
    }

    .creditCalBox2Co .contentPBottom {
        margin-top: 0px;
        border-top: 1px solid #cbcccc;
    }

    .creditCalBox2Co .resultPart .resultText {
        padding: 6% 6% 20px 6%;
    }

    .creditCalBox2Co .resultPart .resBottom {
        margin-top: 15px;
    }
/**/

.bottBinary3Btn div {
    width: auto !important;
}

.bottBinary3Btn a.applyBtn {
    width: 300px;
    max-width: 100%;
}

.bottBinary3Btn .leftz {
    padding-right: 10px;
}

.bottBinaryBtn {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
}

    .bottBinaryBtn a.applyBtn {
        margin-bottom: 0;
    }

    .bottBinaryBtn div {
        width: 50%;
        float: left;
    }

        .bottBinaryBtn div.right {
            padding-right: 10px;
        }

            .bottBinaryBtn div.right a {
                float: right;
            }

        .bottBinaryBtn div.left {
            padding-left: 10px;
        }

            .bottBinaryBtn div.left a {
                float: left;
            }

    .bottBinaryBtn .center {
        width: 100%;
    }

        .bottBinaryBtn .center a {
            margin-left: auto;
            margin-right: auto;
        }

.bottBinaryBtn {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
}

.bottBinaryBtn {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
}

.bottSupportTitle {
    font-size: 26px;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 60px;
    font-family: 'open_sanslight';
}

ul.bottSupportLinks {
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

    ul.bottSupportLinks li {
        float: left;
        width: 33.333333333333%;
        text-align: center;
        border-left: 1px solid #ececec;
    }

        ul.bottSupportLinks li a {
            display: block;
            padding: 20px 0;
            font-family: 'open_sansregular';
            font-size: 18px;
            color: #7c7c7c;
        }

    ul.bottSupportLinks.two li {
        width: 50%;
    }

.cardPackage {
    padding: 25px;
    float: left;
    width: 48%;
    margin: 0 4% 4% 0;
    border: 1px solid #f2f2f2;
    color: #363636;
}

    .cardPackage:nth-child(2n) {
        margin-right: 0;
    }

    .cardPackage.last {
        margin-right: 0;
    }

    .cardPackage h3 {
        font-size: 18px;
        color: #363636;
        font-family: 'open_sanssemibold';
        margin-bottom: 15px;
    }

    .cardPackage p {
        font-size: 18px;
        color: #363636;
        font-family: 'open_sanslight' !important;
        margin-bottom: 15px;
    }

    .cardPackage em {
        font-size: 18px;
        font-family: 'open_sanslight';
    }

    .cardPackage.single {
        width: 100%;
        margin: 0;
    }

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

.ui-tabs {
    padding: 0 !important;
    margin-top: 15px;
    float: left;
    width: 100%;
}

.tableMobileFix {
    float: left;
    clear: both;
    width: 100%;
}




/*////////////////// CALCULATION MEANS PAGE //////////////////*/
.calcWidgetBox {
    width: 70%;
}

    .calcWidgetBox.wid100Pes {
        width: 100%;
    }

    .calcWidgetBox.comparison {
        width: 85%;
    }

    .calcWidgetBox .halfBox {
        width: 50%;
    }

    .calcWidgetBox .halfMore {
        width: 66.66666666666%;
    }

    .calcWidgetBox .marLefthHalf {
        margin-left: 50%;
    }

    .calcWidgetBox .marLefthHalf2 {
        margin-left: 38%;
        margin-right: 20px;
    }

    .calcWidgetBox .marLefthHalfMore {
        margin-left: 33.33333333333%;
    }

    .calcWidgetBox h3 {
        margin-bottom: 30px;
        color: #282828;
        font-size: 40px;
        font-family: 'open_sanslight';
    }

    .calcWidgetBox.comparison .halfMore .applyBtn {
        float: none !important;
        margin: 0 auto !important;
    }

ul.accSettings {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.calcWidgetBox.wid100Pes ul.accSettings {
    width: 75%;
}

ul.accSettings li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    ul.accSettings li label {
        padding: 17px 0 18px 0;
        float: left;
        width: 50%;
        font-size: 14px;
        color: #2a2b2a;
        font-family: 'open_sansbold';
        text-align: left;
    }

    ul.accSettings li .inputs {
        float: left;
        width: 50%;
    }

    ul.accSettings li .select {
        float: left;
        width: 50%;
    }

        ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
            padding: 15px 50px 15px 15px;
            background: url(../customerForms/img/custom-select-off_icon_lit.gif) no-repeat right center;
        }

        ul.accSettings li .select .ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
            background: url(../customerForms/img/custom-select-on_icon_lit.gif) no-repeat right center;
        }

        ul.accSettings li .select.half .ui-selectmenu-button {
            width: 50% !important;
        }

    ul.accSettings li .inputs input {
        width: 100%;
        padding: 15px;
        border: 1px solid #e2e2e2;
        background: #fff;
        font-size: 16px;
        font-family: 'open_sanslight';
    }

        ul.accSettings li .inputs input:focus {
            border-color: #00915A;
        }

    ul.accSettings li .inputs.half input {
        width: 50%;
    }

    ul.accSettings li .inputs.sevenPerc input {
        width: 75%;
    }

    ul.accSettings li .interRate {
        padding: 16px 0;
        float: left;
        font-size: 16px;
        color: #2a2b2a;
        font-family: 'open_sansregular';
    }

ul.accResult {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

    ul.accResult.marTop30 {
        margin-top: 50px;
        float: left;
    }

    ul.accResult li {
        float: left;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #dfdfdf;
    }

        ul.accResult li:last-child {
            border: none;
        }
        /*ul.accResult li.single { border-bottom: 1px solid #dfdfdf; }*/
        ul.accResult li label {
            font-size: 20px;
            color: #333333;
            display: block;
            width: 38%;
            font-family: 'open_sanslight';
            float: left;
            text-align: left;
        }

            ul.accResult li label em {
                font-size: 14px;
                font-style: normal;
            }

        ul.accResult li span {
            font-size: 20px;
            color: #00915A;
            float: left;
            width: 50%;
            display: block;
            text-align: left;
            font-family: 'open_sansbold';
        }

            ul.accResult li span em {
                font-style: normal;
                color: #333333;
                font-family: 'open_sanslight';
            }

            ul.accResult li span.grey {
                color: #636363;
            }

.calcWidgetBox .applyBtn {
    width: 280px;
    clear: both;
    color: #fff;
    background: #ee8718;
}

    .calcWidgetBox .applyBtn.lit {
        /*width: 220px;*/
        clear: both;
        color: #fff;
        background: #ee8718;
    }

    .calcWidgetBox .applyBtn:hover {
        color: #ee8718;
        background: #fff;
    }

    .calcWidgetBox .applyBtn.green {
        background: #fff;
        color: #00915A;
    }

        .calcWidgetBox .applyBtn.green:hover {
            background: #00915A;
        }

    .calcWidgetBox .applyBtn.bgGreen {
        background: #00915A;
        color: #fff;
    }

    .calcWidgetBox .applyBtn.center {
        margin: 0 auto;
    }

    .calcWidgetBox .applyBtn.bottom {
        margin-top: 40px;
    }

    .calcWidgetBox .applyBtn.middle {
        margin-top: 40px;
        margin-bottom: 40px;
    }

.calcWidgetBox.wid100Pes .applyBtn.middle {
    margin-top: 0;
    margin-bottom: 0;
}

.calcWidgetBox .applyBtn.back {
    width: 200px;
    background: #fff;
    border-color: #dbdbdb;
    color: #858585;
}

.calcWidgetBox .applyBtn.left {
    float: left;
    clear: none;
}

.calcWidgetBox .payPlanBtn {
    font-size: 13px;
    color: #636363;
    text-decoration: underline;
    font-family: 'open_sansbold';
}

.credit .payPlanBtn {
    display: block;
    float: left;
    margin-right: 30px;
}

    .credit .payPlanBtn:last-child {
        margin-right: 0;
    }

ul.accSettings li div.text {
    float: left;
    width: 33.33333333333%;
    padding: 16px 0;
    font-size: 14px;
    color: #2a2b2a;
    font-family: 'open_sanslight';
    text-align: left;
}

    ul.accSettings li div.text.title {
        color: #282828;
        font-size: 22px;
    }

    ul.accSettings li div.text.green {
        color: #00915A;
    }

.calcWidgetBox.comparison ul.accSettings li label {
    width: 33.33333333333%;
}

.calcWidgetBox.comparison ul.accSettings li .inputs {
    width: 33.33333333333%;
}

    .calcWidgetBox.comparison ul.accSettings li .inputs input {
        width: 75%;
    }

.calcWidgetBox.comparison ul.accSettings li .select {
    width: 33.33333333333%;
}

    .calcWidgetBox.comparison ul.accSettings li .select .ui-selectmenu-button {
        width: 75% !important;
    }

.calcWidgetBox.comparison ul.accSettings li .full {
    width: 66.66666666666%;
}

    .calcWidgetBox.comparison ul.accSettings li .full input {
        width: 87%;
    }

.calcWidgetBox.comparison ul.accResult li label {
    width: 33.33333333333%;
}

.calcWidgetBox.comparison ul.accResult li span {
    width: 33.33333333333%;
}

.calcWidgetBox.comparison .halfMore .applyBtn {
    float: left;
    margin-right: 10px;
    clear: none;
}

    .calcWidgetBox.comparison .halfMore .applyBtn:last-child {
        margin-right: 0;
    }

.calcWidgetBox.comparison.step1 {
    width: 100%;
}

.comparison.step1 ul.accSettings li {
    width: 47%;
    float: left;
    margin-right: 6%;
}

    .comparison.step1 ul.accSettings li label {
        width: 22%;
    }

    .comparison.step1 ul.accSettings li .select {
        width: 78%;
    }

        .comparison.step1 ul.accSettings li .select .ui-selectmenu-button {
            width: 100% !important;
        }

    .comparison.step1 ul.accSettings li .inputs {
        width: 78%;
    }

        .comparison.step1 ul.accSettings li .inputs input {
            width: 100%;
        }

    .comparison.step1 ul.accSettings li div.text {
        width: 78%;
    }

    .comparison.step1 ul.accSettings li:nth-child(2n) {
        margin-right: 0;
    }

.comparison.step1 ul.accResult {
    width: 610px;
    margin: 0 auto;
}

    .comparison.step1 ul.accResult li label {
        width: 50%;
    }

    .comparison.step1 ul.accResult li span {
        width: 50%;
        text-align: right;
    }

.planComparBtns {
    width: 610px;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}

    .planComparBtns a {
        margin: 0 15px;
    }

.depositTable {
    width: 100%;
    font-size: 14px;
    margin-bottom: 17px;
    clear: both;
}

    .depositTable thead th {
        position: relative;
        border-right: 10px solid #fff;
        border-bottom: 15px solid #fff;
        font-size: 14px;
        color: #282828;
        background: #f2f2f2;
        font-family: 'open_sanslight';
    }

        .depositTable thead th:first-child {
            background: none;
        }

        .depositTable thead th span {
            display: block;
            width: 100%;
            background-color: #f2f2f2;
            padding: 17px 0;
            text-align: center;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            color: #000;
        }

    .depositTable tbody td {
        min-width: 60px;
        border-right: 10px solid #fff;
        border-bottom: 10px solid #fff;
        text-align: center;
        font-size: 14px;
        color: #282828;
        font-family: 'open_sanslight';
    }

        .depositTable tbody td a {
            padding: 17px 5px;
            width: 100%;
            height: 100%;
            display: block;
            border: 1px solid #e1e1e1;
            color: #282828;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            cursor: default;
        }
        /*.depositTable tbody td a:hover { border-color: #00915A; }*/
        .depositTable tbody td.active a {
            border-color: #00915A;
        }

        .depositTable thead th:last-child, .depositTable tbody td:last-child {
            border-right: 0;
        }

        .depositTable tbody td.title {
            min-width: 130px;
            background: #f2f2f2;
            padding: 17px 0;
            width: 25% !important;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            font-family: 'open_sansbold';
        }

/*depositTable2*/
.depositTable2 thead th {
    background-color: #00915A;
    border: 1px solid #00915A !important;
    border-left: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
    padding: 0px !important;
    font-size: 14px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

    .depositTable2 thead th:first-child {
        border-left: 1px solid #00915A !important;
        background-color: #00915A;
    }

    .depositTable2 thead th:last-child {
        border-right: 1px solid #00915A !important;
    }

    .depositTable2 thead th span {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
        background-color: #00915A;
        color: #FFF;
    }

.depositTable2 tbody td {
    border: 1px solid #00915A !important;
    padding: 0px !important;
    font-family: 'open_sansregular';
    font-size: 14px;
}

    .depositTable2 tbody td.title {
        background-color: #FFF !important;
        color: #5c5c5c !important;
        font-family: 'open_sanssemibold';
    }

    .depositTable2 tbody td a {
        border: 0px !important;
    }

.depositTable2 .shortTooltip {
    right: 5px !important;
}

    .depositTable2 .shortTooltip .icon {
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        background-color: #eff0f1;
        color: #00915A !important;
    }
/**/



#faizTablo thead th {
    white-space: nowrap;
}

section.sidebarCont article .contentBox p.depositSeeDet {
    width: 100%;
    text-align: center;
    font-family: 'open_sansbold';
    font-size: 13px;
    color: #282828;
}

    section.sidebarCont article .contentBox p.depositSeeDet a {
        color: #00915A;
        text-decoration: underline;
    }

.topRateSelection {
    float: right;
    margin-bottom: 30px;
}

    .topRateSelection .tit {
        float: left;
        display: block;
        font-size: 14px;
        line-height: 54px;
        color: #2a2b2a;
        font-family: 'open_sansbold';
        margin-right: 50px;
    }

    .topRateSelection .select {
        float: left;
        width: 170px;
    }

.resultPart .applyBtn.marTopBot {
    margin-top: 30px;
    margin-bottom: 20px;
}

.paymentPlanTable {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

    .paymentPlanTable ul li {
        float: left;
        padding: 20px 30px;
        width: 100%;
        background: #fdfdfd;
    }

        .paymentPlanTable ul li.odd {
            background: #f7f7f7;
        }

        .paymentPlanTable ul li span {
            width: 50%;
            float: left;
            display: block;
            font-size: 18px;
        }

            .paymentPlanTable ul li span.left {
                width: 45%;
                text-align: left;
                font-size: 18px;
                color: #333333;
                font-family: 'open_sanslight';
            }

            .paymentPlanTable ul li span.right {
                text-align: left;
                color: #636363;
                font-size: 20px;
                font-family: 'open_sansbold';
            }

.bottomShareBox.paymentPlan {
    margin-bottom: 120px;
}

.tooltip.infoMessage {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}

    .tooltip.infoMessage .shortTooltip {
        float: left;
        margin-bottom: 0;
        margin-right: 20px;
    }

        .tooltip.infoMessage .shortTooltip:hover .icon {
            background: #d5d5d5;
        }

section.sidebarCont article .contentBox .tooltip.infoMessage p {
    float: left;
    margin-bottom: 0;
    padding-top: 4px;
}

.accSettings.mobile {
    display: none;
}

/*////////////////// CAMPAING DETAIL PAGE - NEW //////////////////*/
section.sidebarCont.campDetail article {
    width: 71%;
}

    section.sidebarCont.campDetail article .contentBox {
        width: 49%;
        margin-top: 0;
    }

    section.sidebarCont.campDetail article .titleBar {
        padding: 40px 60px;
    }

        section.sidebarCont.campDetail article .titleBar:after {
            display: block !important;
            left: 4.799999999999% !important;
        }

        section.sidebarCont.campDetail article .titleBar h1 {
            clear: both;
            font-family: 'bnpp_sansregular';
        }

.detPageBottListThem.text {
}

    .detPageBottListThem.text h3 {
        margin: 0;
        color: #fff;
    }

    .detPageBottListThem.text ul {
        list-style: disc inside;
        margin: 30px 0 0 45px;
    }

        .detPageBottListThem.text ul li {
            margin: 0 0 10px 0;
            min-height: inherit;
            width: 100%;
            float: none;
            border: none;
        }


/*////////////////// CALCULATION MAIN PAGE //////////////////*/
.calcWidgets ul {
    max-width: 1260px;
    padding-top: 60px;
    margin: 0 auto;
}

    .calcWidgets ul li {
        width: 285px;
        height: 265px;
        float: left;
        margin: 0 15px 30px 15px;
        background: #fbfbfb;
        text-align: center;
        position: relative;
    }

        .calcWidgets ul li:nth-child(5n) {
            clear: both;
        }

        .calcWidgets ul li a {
            display: block;
            padding: 10px 0;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .calcWidgets ul li img {
            width: 60px;
            display: inline-block;
        }

        .calcWidgets ul li span {
            width: 100%;
            display: inline-block;
            padding-top: 20px;
            font-size: 16px;
            color: #606060;
            font-family: 'open_sanslight';
        }

        .calcWidgets ul li img.over {
            display: none;
        }

        .calcWidgets ul li:hover {
            background: #eff9f3;
        }

            .calcWidgets ul li:hover img {
                display: none;
            }

                .calcWidgets ul li:hover img.over {
                    display: inline-block;
                }

            .calcWidgets ul li:hover span {
                color: #00915A;
            }


/*////////////////// BRANCHES PAGE //////////////////*/
section.branches {
    position: relative;
    min-height: 400px;
}

    section.branches article {
        width: 67.1875%;
        margin: 40px 0 0 25%;
        float: left;
    }

        section.branches article.map {
            width: 100%;
            max-width: 100%;
            height: 100%;
            min-height: 500px;
            margin: 0;
        }
        /*section.branches article .listBox { width: 67.1875%; margin: 40px 0 0 25%; float: left; }*/
        section.branches article h2 {
            font-size: 32px;
            margin-bottom: 35px;
            color: #282828;
            font-family: 'open_sanslight';
        }

        section.branches article ul {
        }

            section.branches article ul li {
                float: left;
                width: 100%;
                margin-bottom: 60px;
                padding-right: 10px;
            }

                section.branches article ul li span {
                    font-size: 16px;
                    display: block;
                    color: #4d4d4d;
                    font-family: 'open_sanslight';
                }

                    section.branches article ul li span strong {
                        font-family: 'open_sanssemibold';
                    }

                section.branches article ul li p {
                    font-size: 16px;
                    line-height: 20px;
                    display: block;
                    color: #4d4d4d;
                    margin-bottom: 5px;
                    font-family: 'open_sanslight';
                }

                section.branches article ul li a {
                    font-size: 12px;
                    margin-top: 15px;
                    display: block;
                    color: #676767;
                    font-family: 'open_sansbold';
                }

                    section.branches article ul li a:hover {
                        color: #00915A;
                    }

                section.branches article ul li .title {
                    font-size: 18px;
                    color: #00915A;
                    margin-bottom: 15px;
                    font-family: 'open_sansbold';
                }

    section.branches .brancSrcBox {
        position: absolute;
        top: 40px;
        left: 40px;
        width: 19%;
        z-index: 990;
    }

        section.branches .brancSrcBox .navi {
            float: left;
            width: 100%;
            border: 1px solid #ebebeb;
            margin-bottom: 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #fff;
            display: flex;
        }

            section.branches .brancSrcBox .navi a {
                font-size: 13px;
                padding: 18px 0;
                max-height: 54px;
                float: left;
                display: block;
                width: 50%;
                text-align: center;
                color: #acacac;
                font-family: 'open_sansbold';
            }

                section.branches .brancSrcBox .navi a.active {
                    background: #f9f9f9;
                    color: #00915A;
                }

                section.branches .brancSrcBox .navi a.map {
                    border-right: 1px solid #ebebeb;
                }

                section.branches .brancSrcBox .navi a span {
                    display: inline-block;
                    margin-right: 10px;
                }

                section.branches .brancSrcBox .navi a.map span {
                    width: 12px;
                    height: 18px;
                    background: url(../img/brancbox-nav-icon_map.png) no-repeat 0 0;
                }

                section.branches .brancSrcBox .navi a em {
                    line-height: 20px;
                    font-style: normal;
                    display: inline-block;
                    vertical-align: top;
                }

                section.branches .brancSrcBox .navi a.map.active span {
                    background: url(../img/brancbox-nav-icon_map.png) no-repeat 0 -18px;
                }

                section.branches .brancSrcBox .navi a.list span {
                    width: 11px;
                    height: 8px;
                    background: url(../img/brancbox-nav-icon_list.png) no-repeat 0 0;
                }

                section.branches .brancSrcBox .navi a.list.active span {
                    background: url(../img/brancbox-nav-icon_list.png) no-repeat 0 -8px;
                }

        section.branches .brancSrcBox .srcSel {
            width: 100%;
            padding: 10px;
            float: left;
            border: 1px solid #ebebeb;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #fff;
        }

            section.branches .brancSrcBox .srcSel input {
                padding: 15px 10px 15px 20px;
                font-size: 14px;
                color: #4d4d4d;
                width: 100%;
                margin-bottom: 10px;
                border: 1px solid #dfdfdf;
                font-family: 'open_sanslight';
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                section.branches .brancSrcBox .srcSel input:focus {
                    border-color: #00915A;
                }

            section.branches .brancSrcBox .srcSel .select {
                margin-bottom: 10px;
            }

                section.branches .brancSrcBox .srcSel .select .ui-selectmenu-button {
                    font-size: 14px;
                    color: #4d4d4d;
                }

                    section.branches .brancSrcBox .srcSel .select .ui-selectmenu-button span.ui-selectmenu-text {
                        background: url(../img/branc_custom-select_icon.png) no-repeat right center;
                        padding-right: 30px;
                    }

            section.branches .brancSrcBox .srcSel button {
                padding: 15px 0;
                font-size: 13px;
                color: #fff;
                background: #00915A;
                width: 100%;
                font-family: 'open_sansbold';
                text-align: center;
                border: none;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

    section.branches .mapBox {
        width: 100%;
        max-height: 800px;
        min-height: 175px;
    }

.subeList li {
    height: 140px;
}

    .subeList li p {
        min-height: 40px;
    }

.twitter-typeahead {
    width: 100%;
}

.tt-dropdown-menu {
    max-height: 175px;
    overflow-y: auto;
    width: 100%;
    background-color: #FFF;
    border-bottom: 1px solid #e2e2e2;
    margin-top: -10px;
}

.tt-suggestion {
    padding: 15px 15px;
    font-size: 14px;
    font-family: 'open_sanslight';
    color: #282828;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}

    .tt-suggestion:last-child {
        border-bottom: 0;
    }

    .tt-suggestion p {
        padding: 0px;
        margin: 0px;
    }

    .tt-suggestion:hover {
        background: #00915A;
        color: #fff;
    }

/*////////////////// 404 PAGE //////////////////*/
section.page404 {
    padding: 0 !important;
}

.page404Cont {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

    .page404Cont img {
        width: 100%;
        display: block;
    }

    .page404Cont .messageBox {
        top: 25%;
        left: 25%;
        position: absolute;
        z-index: 9999;
    }

        .page404Cont .messageBox h2 {
            font-size: 70px;
            color: #1bba5d;
            font-family: 'open_sanslight';
        }

        .page404Cont .messageBox p {
            font-size: 30px;
            line-height: 34px;
            color: #5a5a5a;
            font-family: 'open_sansregular';
            margin: 0;
        }

            .page404Cont .messageBox p a {
                color: #5a5a5a;
                font-family: 'open_sansbold';
            }


/*////////////////// CONTACT PAGE //////////////////*/
section.contact {
    margin-top: 0;
}

section.campDetail .contentBox.about.contact {
    border-bottom: 0;
}

    section.campDetail .contentBox.about.contact p.title {
        font-size: 30px;
        line-height: 36px;
        font-family: 'bnpp_sanslight';
        margin: 10px 0 30px 0;
    }

    section.campDetail .contentBox.about.contact p.green {
        color: #00915A;
    }

.title2 {
    font-size: 40px;
    margin-bottom: 20px;
    clear: both;
    color: #282828;
    font-family: 'open_sanslight';
}

.subTitle2 {
    font-size: 20px;
    color: #282828;
    font-family: 'open_sanslight';
}

.contactForm {
    max-width: 60.677083333333%;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 100px;
}

    .contactForm .form-list {
        max-width: 45.922746781116%;
        margin-right: 8.1545064377682%;
    }

        .contactForm .form-list.last {
            margin-right: 0;
        }

        .contactForm .form-list label {
            text-align: left;
        }

        .contactForm .form-list textarea {
            height: 149px;
        }

    .contactForm .sendForm {
        font-size: 18px;
        width: 290px;
        padding: 25px 0;
        margin: 0 auto;
        margin-top: 55px;
        display: block;
        clear: both;
        text-align: center;
        border: 1px solid #10a14d;
        background: none;
        color: #10a14d;
        font-family: 'open_sansbold';
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        margin-top: 60px;
    }

        .contactForm .sendForm:hover {
            border: 1px solid #10a14d;
            background: #10a14d;
            color: #fff;
        }

.splashBox.contact {
    width: 750px;
    margin-left: -375px;
    top: 100px;
    padding: 50px;
}

    .splashBox.contact h4 {
        font-size: 40px;
        margin-bottom: 40px;
        color: #282828;
        font-family: 'open_sanslight';
    }

    .splashBox.contact p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 30px 0;
        color: #333333;
        font-family: 'open_sanslight';
    }

        .splashBox.contact p a {
            color: #00915A;
            font-family: 'open_sanssemibold';
            text-decoration: underline;
        }

        .splashBox.contact p strong {
            font-family: 'open_sanssemibold';
        }


/*////////////////// BENEFIT PAGE //////////////////*/
.promo.benefit .benArrow img {
    width: auto;
    display: block;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: auto;
    bottom: 70px;
    overflow: auto;
    margin: auto;
    z-index: 99999;
}

/*////////////////// SITEMAP //////////////////*/
.campDetail article .contentBox.siteMap {
    width: 100%;
}

.mapSide {
    float: left;
    width: 33.3333333%;
}

    .mapSide ul {
        margin-top: 50px;
        float: left;
        clear: both;
        width: 100%;
    }

        .mapSide ul li {
            width: 100%;
            font-size: 22px;
            color: #282828;
            font-family: 'open_sansbold';
        }

            .mapSide ul li a {
                color: #282828;
                padding-right: 35px;
            }

                .mapSide ul li a:hover {
                    color: #00915A;
                    background: url(../img/sidebar-nav_icon.png) no-repeat right center;
                }

            .mapSide ul li ul {
                margin-top: 30px;
                clear: both;
            }

                .mapSide ul li ul li {
                    font-size: 13px;
                    margin-bottom: 20px;
                    color: #636363;
                }

                    .mapSide ul li ul li a {
                        color: #636363;
                        padding: 0;
                    }

                        .mapSide ul li ul li a:hover {
                            background: none;
                        }


/*////////////////// SUPPORT CENTER //////////////////*/
.binaryTextBox {
    width: 100%;
    margin-bottom: 30px;
    clear: both;
}

    .binaryTextBox p {
        float: left;
        margin: 0;
        width: 48%;
        margin-right: 4%;
    }

        .binaryTextBox p:last-child {
            margin-right: 0;
        }

.supportCenAccor {
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 35px;
}

    .supportCenAccor .accordionBox {
        border: 0;
        display: table;
        padding: 0;
    }

        .supportCenAccor .accordionBox .title {
            position: relative;
            padding: 22px 0 22px 82px;
            border-top: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            border-left: 1px solid #e5e5e5;
            float: left;
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }

            .supportCenAccor .accordionBox .title.icon1 {
                background: url(../img/supp-accord-title_icon-1.gif) no-repeat 30px center;
            }

            .supportCenAccor .accordionBox .title.icon2 {
                background: url(../img/supp-accord-title_icon-2.gif) no-repeat 30px center;
            }

            .supportCenAccor .accordionBox .title.icon3 {
                background: url(../img/supp-accord-title_icon-3.gif) no-repeat 30px center;
            }

            .supportCenAccor .accordionBox .title.icon4 {
                background: url(../img/supp-accord-title_icon-4.gif) no-repeat 30px center;
            }

            .supportCenAccor .accordionBox .title.icon5 {
                background: url(../img/supp-accord-title_icon-5.png) no-repeat 30px center;
            }

            .supportCenAccor .accordionBox .title span {
                position: absolute;
                right: 0;
                top: 0;
                display: block;
                width: 83px;
                height: 100%;
                background: url(../img/support-accordion_icon.gif) no-repeat center center;
            }

            .supportCenAccor .accordionBox .title.active span {
                background: url(../img/support-accordion_icon_open.gif) no-repeat center center;
            }

        .supportCenAccor .accordionBox .content {
            width: 100%;
            padding: 35px 58px;
            margin: 0;
            clear: both;
            float: left;
            border-top: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            border-left: 1px solid #e5e5e5;
        }

            .supportCenAccor .accordionBox .content p {
                margin: 0;
            }

            .supportCenAccor .accordionBox .content .applyBtn {
                width: 300px;
                margin-top: 30px;
            }

                .supportCenAccor .accordionBox .content .applyBtn.facebook {
                    color: #fff;
                    border-color: #3256A6;
                    background-color: #3256A6;
                }

                .supportCenAccor .accordionBox .content .applyBtn.twitter {
                    color: #fff;
                    border-color: #000000;
                    background-color: #000000;
                }

            .supportCenAccor .accordionBox .content .bottBinaryBtn {
                margin-bottom: 0;
                margin-top: 0;
            }

.contentBox.supportCenter .title2, .contentBox.supportCenter .subTitle2 {
    text-align: center;
}

.contentBox.supportCenter .title2 {
    margin-top: 15px;
}

.supportCenter .contactForm {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
}

    .supportCenter .contactForm .form-list {
        width: 48%;
        max-width: 48%;
        margin-right: 4%;
    }

        .supportCenter .contactForm .form-list.last {
            margin-right: 0;
        }

        .supportCenter .contactForm .form-list .ui-selectmenu-button {
            margin-bottom: 0;
        }

    .supportCenter .contactForm .sendForm {
        margin-top: 15px;
    }

.processingListBox {
    clear: both;
    width: 100%;
    margin-top: 30px;
}

    .processingListBox ul {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        .processingListBox ul:last-child {
            margin-right: 0;
        }

        .processingListBox ul li {
            border-bottom: 1px solid #ececec;
            font-size: 16px;
            font-family: 'open_sanssemibold';
        }

            .processingListBox ul li a {
                display: block;
                padding: 20px 10px 20px 25px;
                color: #363636;
                background: url(../img/supp-center-list_icon.gif) no-repeat 0 center;
            }

            .processingListBox ul li:hover a {
                color: #00915A;
                background: url(../img/supp-center-list_icon-over.gif) no-repeat 0 center;
            }



/*** FAİZ ORANI POP UP */
.faizOraniSplashBox {
    width: 60% !important;
    top: 20% !important;
    margin-left: -30% !important;
    padding: 50px 2% 2% 2%;
    height: 500px;
}

    .faizOraniSplashBox.splashBox .tableMobileFix {
    }

.ihtiyacKredisiFaizOrani {
    width: 70% !important;
    margin-left: -35% !important;
}

.faizOraniSplashBox h5 {
    color: #c2c2c2;
    font-size: 30px;
    font-family: 'open_sanslight';
    line-height: 1em;
    margin-bottom: 10px;
    text-align: center;
}

    .faizOraniSplashBox h5 b {
        font-weight: normal;
        font-family: 'open_sansregular';
    }
/** HESAP MAKİNESİ POP UP  **/
.overlay.loading {
    background: transparent;
    opacity: 1;
}

.calculatorSplashBox .back {
    position: absolute;
    left: 1%;
    top: 1%;
    display: none;
}

.calculatorSplashBox .table-paging {
    width: 100%;
    float: left;
    text-align: center;
    display: block;
    padding-top: 4%;
}

    .calculatorSplashBox .table-paging .prev-page {
        content: '';
        display: inline-block;
        width: 9px;
        height: 16px;
        background: url(/Content/img/popup-paging-prev.png) no-repeat;
        margin-right: 10px;
        opacity: 0.7;
    }

        .calculatorSplashBox .table-paging .prev-page.active {
            cursor: pointer;
            opacity: 1;
        }

    .calculatorSplashBox .table-paging .currentPage {
        color: #aeadad;
        font-size: 18px;
        font-family: open_sanslight;
        letter-spacing: 0.02em;
        line-height: 21px;
        display: inline-block;
    }

    .calculatorSplashBox .table-paging .totalPage {
        color: #aeadad;
        font-size: 18px;
        font-family: open_sanslight;
        letter-spacing: 0.02em;
        line-height: 21px;
    }

        .calculatorSplashBox .table-paging .totalPage:before {
            content: '/';
            display: inline-block;
            margin-right: 4px;
        }

    .calculatorSplashBox .table-paging .next-page {
        content: '';
        display: inline-block;
        width: 9px;
        height: 16px;
        background: url(/Content/img/popup-paging-next.png) no-repeat;
        margin-left: 10px;
    }

        .calculatorSplashBox .table-paging .next-page.active {
            cursor: pointer;
            opacity: 1;
        }

.calculatorSplashBox .close {
    top: 1% !important;
    right: 1% !important;
}

.calculatorSplashBox {
    width: 832px !important;
    top: 2.5% !important;
    margin-left: -416px !important;
    padding: 50px 2% 2% 2% !important;
    height: 95%;
}

.calculatorPopup {
    padding-left: 0 !important;
    width: 98%;
}

    .calculatorPopup div {
    }

.calculatorSplashBox h5 {
    color: #c2c2c2;
    font-size: 30px;
    font-family: 'open_sanslight';
    line-height: 1em;
    margin-bottom: 20px;
    text-align: center;
}

    .calculatorSplashBox h5 b {
        font-weight: normal;
        font-family: 'open_sansregular';
    }

.calculatorPopup .form-list input, .calculatorPopup .form-list .ui-selectmenu-button {
    background-color: #eff9f3;
}

.calculatorPopup .form-list {
    width: 90%;
    margin-top: 0 !important;
    width: 365px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

    .calculatorPopup .form-list .right {
        float: right;
    }

    .calculatorPopup .form-list .subInfo {
        color: #2a2b2a;
        font-size: 12px;
        font-family: 'open_sanslight';
        display: block;
        line-height: 2em;
    }

    .calculatorPopup .form-list label {
        margin-bottom: 10px;
    }

        .calculatorPopup .form-list label.smallText {
            font-size: 12px;
        }

    .calculatorPopup .form-list a.formPopupBtn {
        border-color: #00915A;
        background: #00915A;
        color: #fff;
        display: block;
        text-transform: uppercase;
        padding: 17px 20px;
        border: 1px solid #00915A;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -size: 16px;
        font-family: 'open_sansbold';
        width: 230px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }

.calculatorPopup-Result {
    float: left;
    width: 100%;
    padding-top: 30px;
    display: none;
}

    .calculatorPopup-Result > div {
        color: #333333;
        font-family: open_sanslight;
        font-size: 16px;
        line-height: 1;
        padding-bottom: 25px;
        padding-top: 20px;
        border-bottom: 1px solid #dfdfdf;
    }

        .calculatorPopup-Result > div .right {
            float: right;
            color: #00915A;
        }

        .calculatorPopup-Result > div .green {
            font-family: open_sansbold;
        }

    .calculatorPopup-Result .lastItem {
        border: 0;
        font-family: open_sansbold;
        color: #000000;
        padding-bottom: 0;
    }

    .calculatorPopup-Result .links {
        text-align: center;
        border: none;
        padding: 0;
        padding-top: 10px;
    }

        .calculatorPopup-Result .links a {
            display: inline-block;
            font-size: 11px;
            color: #464443;
            font-family: open_sansbold;
            border-bottom: 2px solid #d1d0d0;
            margin: 0 25px;
        }

.calculatorSplashBox .calculatorTable {
    width: 98%;
    display: none;
    float: left;
}

    .calculatorSplashBox .calculatorTable h5 {
        text-align: center;
    }

    .calculatorSplashBox .calculatorTable p.printArea {
        font-size: 16px;
        line-height: 26px;
    }

    .calculatorSplashBox .calculatorTable table.prices thead th {
        font-size: 12px;
        padding: 13px 0 !important;
    }

    .calculatorSplashBox .calculatorTable table.prices tbody td {
        font-size: 12px;
        padding: 13px 0 !important;
    }

    .calculatorSplashBox .calculatorTable .tooltip.infoMessage {
        margin: 0 !important;
    }

    .calculatorSplashBox .calculatorTable h5 {
        margin-bottom: 15px;
    }

.calculatorSplashBox .calculatorSplashBox .jspVerticalBar {
    top: 4%;
}

.calculatorPopup .topRateSelection {
    width: 100%;
    margin: 0;
}

    .calculatorPopup .topRateSelection .select {
        width: 100%;
    }

    .calculatorPopup .topRateSelection .tit {
        float: none;
        font-size: 15px;
    }

.calculatorSplashBox .tableMobileFix {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: inherit;
}

.faizOraniSplashBox .tableMobileFix {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: inherit;
}

.calculatorSplashBox .jspHorizontalBar {
    display: none;
}

.faizOraniSplashBox .jspHorizontalBar {
    display: none;
}

.faizOraniSplashBox .depositTable {
    margin-top: 10px;
}

.faizOraniSplashBox .shortTooltip.down div {
    right: -50px;
    top: 34px;
    bottom: initial;
    left: initial;
}

.calculatorSplashBox .shortTooltip.down div {
    right: -50px;
    top: 34px;
    bottom: initial;
    left: initial;
}

.calculatorPopup-Result .lastItem .text {
    float: left;
}

.calculatorPopup-Result .lastItem .shortTooltip {
    float: left;
    left: 10px;
    top: -5px;
    margin: 0;
}

.faizOraniSplashBox .detail-p {
    font-family: 'open_sansbold';
    color: #282828;
}

    .faizOraniSplashBox .detail-p a {
        color: #00915A;
    }

@media (max-width: 1280px) {
    .promo-bottBinaryBtn > div {
        width: 50% !important;
        float: right;
    }

        .promo-bottBinaryBtn > div a {
            font-size: 11px !important;
            margin: 0 !important;
        }

    .calculatorSplashBox .calculatorTable p.printArea {
        font-size: 14px;
        line-height: 18px;
        padding-top: 3px;
    }

    .calculatorSplashBox .calculatorTable table.prices thead th {
        font-size: 11px;
        padding: 10px !important;
    }

    .calculatorSplashBox .calculatorTable table.prices tbody td {
        font-size: 11px;
        padding: 10px !important;
    }
}

@media (max-width: 1024px) {
    .calculatorSplashBox .calculatorPopup div {
        margin: auto !important;
    }

    .calculatorSplashBox {
        width: 90% !important;
        right: 0;
        margin: auto !important;
        left: 0 !important;
        padding: 5%;
    }

        .calculatorSplashBox .calculatorPopup .form-list {
            width: 90%;
        }

        .calculatorSplashBox .calculatorPopup .form-part {
            border: 5px solid #eff8f3;
            padding: 3%;
        }

    .calculatorSplashBox {
        width: 100% !important;
        margin: 0 !important;
        left: 0 !important;
    }

        .calculatorSplashBox h5 {
            font-size: 24px;
            text-align: center;
        }

    .faizOraniSplashBox h5 {
        font-size: 24px;
        text-align: center;
    }

    .calculatorSplashBox .calculatorPopup-Result {
        display: none;
    }

    .faizOraniSplashBox {
        height: 70%;
        width: 70% !important;
        margin-left: -35% !important;
    }

    .calculatorPopup .topRateSelection .tit {
        font-size: 13px;
    }

    .calculatorPopup .form-list .newInput {
        margin-bottom: 0;
    }

    .calculatorPopup .form-list .input {
        margin-bottom: 20px !important;
    }

    .faizOraniSplashBox .detail-p {
        font-size: 11px;
    }
}


@media (max-width: 768px) {
    .calculatorPopup .topRateSelection .tit {
        font-size: 11px;
    }

    .calculatorPopup .form-list label.smallText {
        font-size: 10px;
    }
}

@media (max-width: 640px) {
    .calculatorSplashBox .tableMobileFix {
        overflow: auto;
    }

    .calculatorSplashBox .calculatorTable table.prices thead th {
        font-size: 10px;
        padding: 5px !important;
    }

    .calculatorSplashBox .calculatorTable table.prices tbody td {
        font-size: 14px;
        padding: 20px 10px !important;
    }
}

@media (max-width: 480px) {
    .calculatorSplashBox {
        top: 15px !important;
    }

        .calculatorSplashBox h5 {
            font-size: 21px;
        }

    .faizOraniSplashBox h5 {
        font-size: 21px;
    }

    .calculatorSplashBox .calculatorPopup .form-list .subInfo {
        font-size: 11px;
    }

    .calculatorSplashBox .close img {
        width: 30px !important;
    }

    .calculatorSplashBox .calculatorPopup .form-list a.formPopupBtn {
        width: 80%;
        font-size: 12px;
    }

    .calculatorSplashBox .calculatorPopup div {
        font-size: 12px;
    }

    .calculatorPopup-Result .links a {
        margin-bottom: 10px;
    }

    .calculatorSplashBox .calculatorTable {
        padding-bottom: 30px;
    }

    .calculatorSplashBox .calculatorPopup-Result .left {
        width: 60%;
        float: left;
    }

    .calculatorSplashBox .calculatorPopup-Result .longText {
        padding-bottom: 35px;
    }

    .calculatorPopup-Result .lastItem .shortTooltip .icon {
        width: 20px !important;
        height: 20px;
        padding-top: 3px;
    }

    .calculatorPopup-Result .lastItem .shortTooltip div {
        left: -100px;
    }
}
/**  HESAP MAKİNESİ POP UP **/




/**Tooltip Screen Size Fix **/

table thead th .shortTooltip.downtype div {
    right: -50px;
    top: 40px;
    bottom: initial;
    left: initial;
}

.shortTooltip div span {
    width: 24px !important;
    right: 52px;
    top: -16px;
    left: auto;
    background: url(../img/short-tooltip_icon-2.png) no-repeat 0 0;
}

/** **/

#krediVadeSelect select {
    display: block !important;
}

/*////////////////// RESPONSIVE //////////////////*/

@media (min-width: 1921px) {
    section.form .promo.newVersion .title-time .titles h1 {
        font-size: 50px;
    }

    section.form .promo.newVersion .title-time .titles h2 {
        font-size: 36px;
    }

    section.form .promo.newVersion .title-time .time .title {
        font-size: 16px;
    }

    section.form .promo.newVersion .title-time .time .date {
        font-size: 22px;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        font-size: 13px;
    }
}


@media (max-width: 1900px) {
    /* Sidebar & Content Pages */
    /*section.sidebarCont article { margin-right: 0; }*/
}

@media (max-width: 1680px) {
    /* General */
    section .applyBtn {
        padding: 20px 20px;
        font-size: 17px;
    }

        section .applyBtn.lit {
            width: 280px;
        }

    .accordionBox {
        padding: 40px 0;
    }

        .accordionBox .title {
            font-size: 20px;
            line-height: 24px;
        }

    .titleBar.fullGreen div {
        padding: 45px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 54px;
        line-height: 54px;
        margin-bottom: 20px;
    }

    .titleBar.fullGreen p {
        font-size: 28px;
        line-height: 32px;
    }

    section .applyBtn {
        padding: 19px 20px;
    }

        section .applyBtn.lit {
            width: 300px;
        }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        width: 260px;
    }

    .bottBinaryBtn {
        margin-top: 25px;
        margin-bottom: 45px;
    }

    section .applyBtn.auto {
        font-size: 15px;
        padding: 20px 40px;
    }

    .multiButtonBox {
        margin-bottom: 40px;
    }

    .browserError {
        padding: 20px 30px;
        font-size: 15px;
    }


    /* Home */
    section.home ul li div {
        bottom: 35px;
        left: 35px;
    }

        section.home ul li div h2 {
            font-size: 40px;
        }

        section.home ul li div span {
            font-size: 16px;
            margin: 10px 0 20px 0;
        }

        section.home ul li div .more {
            font-size: 20px;
            margin: 0;
        }
    /*anasayfadegisik
    section.home ul li .title { bottom: 35px; left: 35px; font-size: 26px;}
    section.home ul li .title>a {padding-top:20px;padding-left:28px;padding-right:28px}
    section.home ul li .title span>a {padding-bottom:20px;padding-left:28px;padding-right:28px}
    */
    section.home ul li .title {
        bottom: 35px;
        left: 35px;
        font-size: 26px;
    }
    /**/
    /*Friend Share*/
    .shareFriend.sidebarCont article {
        width: 76.373626% !important;
        margin-right: 16.373626% !important;
    }

    .shareFriend .title {
        font-size: 25px !important;
    }

    .shareFriend .fRow span {
        left: -40px;
    }

    /* Form Pages */
    .form-list label {
        margin-bottom: 18px;
    }

    section .inputs input, section .inputs textarea {
        padding: 17px;
    }

    .form-part input, .form-part textarea {
        padding: 14px 15px;
    }

    .form-part textarea {
        height: 156px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 14px 55px 14px 15px;
        background: url(../customerForms/img/custom-select-off_icon_lit.gif) no-repeat right center;
    }

    .custom-combobox-toggle {
        width: 50px;
        background: url(../customerForms/img/custom-select-off_icon_lit.gif) no-repeat left center;
    }

    section.form .promo .title-time .titles h1 {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 38px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .followResults {
        width: 765px;
        margin: 80px auto;
    }

        .followResults .box div em {
            font-size: 32px;
        }

        .followResults .box span {
            font-size: 15px;
        }

        .followResults .box .tooltip {
            font-size: 14px;
        }

    .input.radio.applQueries {
        width: 400px;
    }

        .input.radio.applQueries label {
            font-size: 15px !important;
        }

    section.form .promo .title-time .buttons {
        bottom: 40px;
    }

        section.form .promo .title-time .buttons a.applyBtn {
            width: 280px;
        }

    /**/

    /* Sidebar & Content Pages */
    section.sidebarCont {
        padding: 40px 30px 70px 30px;
    }

        section.sidebarCont aside h2 {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: 20px;
        }

        section.sidebarCont aside ul li {
            font-size: 13px;
        }

            section.sidebarCont aside ul li a {
                padding: 15px 0;
            }

        section.sidebarCont article .titleBar {
            padding: 42px 50px;
        }

        section.sidebarCont.campDetail article .titleBar {
            padding: 40px 45px;
        }


        section.sidebarCont article .titleBar h1 {
            font-size: 40px;
            line-height: 42px;
        }

        section.sidebarCont article .titleBar p {
            font-size: 28px;
            line-height: 32px;
            margin-top: 10px;
        }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: 20px;
        }

        section.sidebarCont article .contentBox p.title {
            font-size: 30px;
            line-height: 34px;
        }

        section.sidebarCont article .contentBox p {
            font-size: 18px;
            line-height: 24px;
        }

    .detPageBottListThem.noBg h3 {
        font-size: 28px;
        line-height: 28px;
        margin-top: 0;
    }

    .detPageBottListThem.noBg ul li span {
        padding: 15px 15px 10px 15px;
        font-size: 17px;
    }

    .contentBox .subTitle {
        font-size: 36px;
        margin: 17px 0;
    }

    .interBankingBox img {
        margin-bottom: 25px;
    }

    .interBankingBox p {
        padding: 0 45px;
        font-size: 18px !important;
    }

    /* Campaing Detail Page */
    section.campDetail {
        padding-bottom: 70px;
    }

    .campDetail article .titleBar {
        padding: 50px 0 50px 45px;
    }

    .campDetail.type2 article .titleBar h1 {
        font-size: 44px;
        line-height: 44px;
    }

    article .titleBar p {
        font-size: 28px;
        line-height: 30px;
    }

    .campDetail.type2 article .contentBox {
        padding-top: 40px;
    }

        .campDetail.type2 article .contentBox h2 {
            font-size: 35px;
            line-height: 38px;
        }

        .campDetail.type2 article .contentBox p.lit {
            font-size: 22px;
            line-height: 26px;
        }

    .detPageBottListThem h3 {
        padding: 30px 30px 30px 35px;
    }

    .campDetail article .contentBox {
        padding: 30px 0 30px 40px;
    }

        .campDetail article .contentBox.about {
            padding: 30px 0;
        }

        .campDetail article .contentBox h2 {
            font-size: 24px;
            line-height: 32px;
        }

        .campDetail article .contentBox .applyBtn {
            width: 240px;
            font-size: 15px;
            padding: 20px 20px;
        }

    .campDetail.type2 article .campDetailImg {
        margin: -35px 0 0 0;
    }

    .campDetail article .campDetailImg.type2 {
        margin: -20px 0 0 45px;
    }

    .detPageBottListThem h3 {
        font-size: 30px;
        padding: 20px 25px 20px 45px;
    }

    .detPageBottListThem h2 {
        font-size: 30px;
        padding: 20px 25px 20px 45px;
    }

    .detPageBottListThem ul {
        margin: 20px 0 0 45px;
    }

        .detPageBottListThem ul li {
            margin-bottom: 15px;
            font-size: 15px;
        }

    .detPageBottListThem .campList {
        margin-left: 0px;
    }

    .campDetail.type2 .promo .social {
        width: 55px;
    }

    .campSocialShare {
        margin-bottom: 20px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 17px;
        width: 248px;
        padding: 19px 0;
    }

    /* Campaing Detail Page - New */
    .campDetail article .titleBar ul li a span {
        font-size: 12px;
    }

    .detPageBottListThem.campDet ul {
        margin: 30px 0 0 45px;
    }

    .campDetail .videoBox .playBtn {
        bottom: 60px;
    }

    /* About Page */
    .aboutTeams {
        padding-top: 30px;
        margin-top: 30px;
    }

        .aboutTeams .title {
            font-size: 60px;
        }

        .aboutTeams .subTitle {
            font-size: 26px;
        }

        .aboutTeams ul.team li .details span.name {
            font-size: 30px;
            line-height: 30px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 20px;
            line-height: 20px;
        }

    /* Smart */
    .cardPackage h3 {
        font-size: 17px;
        margin-bottom: 13px;
    }

    .cardPackage p {
        font-size: 17px;
        margin-bottom: 13px;
    }

    .cardPackage em {
        font-size: 17px;
    }

    /* About & Faq */
    .campDetail article .contentBox.textCont p {
        font-size: 16px;
        line-height: 24px;
    }

    /* Sitemap */
    .mapSide ul {
        margin-top: 40px;
    }

        .mapSide ul li {
            font-size: 22px;
        }

            .mapSide ul li ul {
                margin-top: 25px;
            }

                .mapSide ul li ul li {
                    margin-bottom: 15px;
                }

    /* Calculate */
    .calcWidgetBox h3 {
        font-size: 36px;
    }


    /** Promo nEW  */
    section.form .promo.newVersion .title-time .titles h1 {
        margin-bottom: 15px;
    }

        section.form .promo.newVersion .title-time .titles h1 span {
        }

    section.form .promo.newVersion .title-time .titles h2 {
    }
}


@media (max-width: 1480px) {
    /* General */
    .accordionBox {
        padding: 35px 0;
    }

        .accordionBox .title {
            font-size: 18px;
            line-height: 24px;
        }

            .accordionBox .title.widthImg img {
                margin: 0 20px 0 5px;
                height: 58px;
            }

    .titleBar.fullGreen div {
        padding: 40px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 15px;
    }

    .titleBar.fullGreen p {
        font-size: 26px;
        line-height: 30px;
    }

    section .applyBtn {
        padding: 18px 20px;
        font-size: 15px;
    }

        section .applyBtn.lit {
            width: 280px;
        }

    .bottBinary3Btn a.applyBtn {
        width: 223px;
        max-width: 100%;
    }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        width: 240px;
    }

    .bottBinaryBtn {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .bottomShareBox {
        margin-top: 25px;
    }

        .bottomShareBox span {
            line-height: 26px;
            font-size: 12px;
        }

    .bottSupportBox {
        margin-top: 25px;
        padding: 30px 30px 30px 38px;
    }

        .bottSupportBox img {
            margin-right: 30px;
        }

        .bottSupportBox p {
            font-size: 16px;
            line-height: 20px !important;
        }

    section .applyBtn.auto {
        font-size: 14px;
        padding: 18px 35px;
    }

    .multiButtonBox {
        margin-bottom: 35px;
    }

    .bottomShareBox ul.bottAddFavPrint li a img {
        width: 20px;
    }

    .bottomShareBox ul.bottAddFavPrint li a span {
        line-height: 25px;
        font-size: 12px;
    }

    .bottomShareBox ul.bottAddFavPrint li.calc a img {
        width: 16px;
        margin-top: 2px;
    }

    .bottomShareBox ul.bottAddFavPrint li.print img {
        margin-top: 3px;
    }

    .bottomShareBox ul.bottAddFavPrint li.print span {
        line-height: 27px;
    }

    .bottomShareBox ul.bottAddFavPrint li.email img {
        margin-top: 5px;
    }

    .browserError {
        padding: 18px 30px;
        font-size: 14px;
    }

        .browserError span {
            padding-top: 2px;
        }

        .browserError a {
            font-size: 16px;
        }

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
        font-size: 12px;
    }

    .shortTooltip label {
        font-size: 12px;
    }

    .shortTooltip div {
        padding: 25px;
    }

    .form-part .input input.youthSurname {
        width: 36px;
    }

    .form-part .input .spaceStar {
        padding-top: 18px;
    }

    .slideSplashBox {
        top: 80px;
    }

    #campPopupSlide .slidesjs-slide p {
        font-size: 16px;
        line-height: 20px;
    }

    /* Header */
    nav.display ul li ul li span {
        font-size: 14px;
    }

    nav.display ul li ul li img {
        margin-bottom: 10px;
    }

    nav.display ul li ul {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    /*Friend Share*/
    .shareFriend.sidebarCont article {
        width: 81.373626% !important;
        margin-right: 13.373626% !important;
    }


    /* Home */
    section.home ul li div {
        bottom: 30px;
        left: 30px;
    }

        section.home ul li div h2 {
            font-size: 34px;
        }

        section.home ul li div span {
            font-size: 15px;
            margin: 5px 0 15px 0;
        }

        section.home ul li div .more {
            font-size: 14px;
            margin: 0;
        }
    /*anasayfadegisik
    section.home ul li .title { bottom: 30px; left: 30px; font-size: 22px; }
    section.home ul li .title>a {padding-top:18px;padding-left:25px;padding-right:25px}
    section.home ul li .title span>a {padding-bottom:18px;padding-left:25px;padding-right:25px}
    */
    section.home ul li .title {
        bottom: 30px;
        left: 30px;
        font-size: 22px;
    }
    /**/
    section.sidebarCont aside .sideMenu {
        display: block;
    }

    /* Form Pages */
    .form-list label {
        margin-bottom: 16px;
    }

    section .inputs input, section .inputs textarea {
        padding: 15px;
    }

    .form-part input, .form-part textarea {
        padding: 13px 15px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 13px 55px 13px 15px;
    }

    .accordion-container p {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    .cardTypeBox label {
        font-size: 13px;
    }

    .accordion-title {
        padding: 35px 0 35px 3.3333333333333%;
        font-size: 22px;
        line-height: 24px;
    }

    .followResults {
        margin: 70px auto;
    }

        .followResults .seperator {
            margin-left: 44px;
        }

        .followResults .box div {
            width: 90px;
            height: 90px;
        }

            .followResults .box div img {
                width: 23px;
            }

            .followResults .box div em {
                font-size: 30px;
            }

            .followResults .box div.cont span {
                margin-bottom: 5px;
                font-size: 14px;
            }

            .followResults .box div.cont p {
                font-size: 14px !important;
            }

        .followResults .box .tooltip {
            font-size: 13px;
        }

        .followResults.side .seperator {
            margin-left: 0;
            margin-top: 45px;
        }

        .followResults.side .box .tooltip {
            top: -66px;
        }

    .input.radio.applQueries {
        width: 400px;
        padding: 15px 20px;
    }

        .input.radio.applQueries label {
            font-size: 14px !important;
        }

    section.form .promo .title-time .titles {
        width: 50%;
    }

    section.form .promo .title-time .buttons {
        bottom: 30px;
    }

        section.form .promo .title-time .buttons a.applyBtn {
            margin-left: 30px;
            width: 250px;
        }

    /* Campaing Detail Page */
    .campDetail article .titleBar {
        padding: 45px 0 45px 45px;
    }

    .campDetail.type2 article .titleBar h1 {
        font-size: 42px;
    }

    .campDetail.type2 article .contentBox h2 {
        margin-bottom: 20px;
    }

    article .titleBar p {
        font-size: 26px;
        line-height: 30px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 15px;
        line-height: 24px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 20px;
        width: 214px;
        padding: 18px 0;
        font-size: 15px;
    }

        .campDetail.type2 article .contentBox .applyBtn.first {
            margin-right: 15px;
        }

    /* About & Faq */
    .campDetail article .contentBox.textCont p {
        font-size: 15px;
        line-height: 22px;
    }

    /* Campaing Detail Page - New */

    section.sidebarCont.campDetail article .titleBar {
        padding: 35px;
    }

    .campDetail article .titleBar ul {
        float: left;
        margin-bottom: 15px;
    }

        .campDetail article .titleBar ul li a img {
            width: 18px;
            margin-top: 2px;
        }

        .campDetail article .titleBar ul li a span {
            font-size: 11px;
        }

    .campDetail article .contentBox h2 {
        font-size: 23px;
    }

    .campDetail article .contentBox .applyBtn {
        font-size: 14px;
    }

    article.minusMarTop {
        margin-top: -30px;
    }

    .campDetail .videoBox .playBtn {
        width: 100px;
        bottom: 90px;
        margin-left: -50px;
    }

    .campSocialShare {
        margin-bottom: 15px;
    }

    .detPageBottListThem.campDet ul li span {
        font-size: 15px;
    }

    .detPageBottListThem.noBg ul li span {
        font-size: 15px;
    }

    .detPageBottListThem h3 {
        font-size: 27px;
        padding: 17px 25px 17px 45px;
    }

    /* Sidebar & Content Pages */
    section.sidebarCont article .contentBox p.title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 27px;
    }

    section.sidebarCont article .contentBox p {
        font-size: 17px;
        line-height: 24px;
    }

    .detPageBottListThem.noBg h3 {
        font-size: 27px;
        line-height: 26px;
    }

    .detPageBottListThem.noBg ul li span {
        padding: 10px 10px 0 10px;
        font-size: 15px;
    }

    .detPageBottListThem ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .contentBox .subTitle {
        font-size: 32px;
        margin: 15px 0;
    }

    .interBankingBox img {
        margin-bottom: 20px;
    }

    .interBankingBox p {
        padding: 0 40px;
        font-size: 16px !important;
    }

    .contentBox .accordion-container.confirmation .form-list.video #cms_player_1422613310 {
        height: 256px;
    }

    /* Smart Account Page */

    .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
        padding: 22px 32px;
        min-width: 140px;
        font-size: 12px;
    }

    .tabsBox .ui-tabs-panel ul li {
        font-size: 15px;
    }

    .cardPackage {
        padding: 22px;
    }

        .cardPackage h3 {
            font-size: 15px;
            margin-bottom: 10px;
        }

        .cardPackage p {
            font-size: 15px;
            margin-bottom: 10px;
        }

        .cardPackage em {
            font-size: 15px;
        }

    /* Calculation Means Page */
    .calcWidgetBox {
        width: 75%;
    }

    ul.accSettings {
        margin-bottom: 20px;
    }

        ul.accSettings li {
            margin-bottom: 10px;
        }

            ul.accSettings li label {
                padding: 16px 0 17px 0;
                font-size: 13px;
            }

            ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
                padding: 13px 50px 14px 15px;
            }

            ul.accSettings li .inputs input {
                padding: 15px;
                font-size: 14px;
            }

            ul.accSettings li .interRate {
                padding: 15px 0;
                font-size: 15px;
            }

    .calcWidgetBox .applyBtn.marBott {
        margin-bottom: 30px;
    }

    ul.accResult {
        margin-bottom: 30px;
    }

        ul.accResult.marTop30 {
            margin-top: 30px;
        }

        ul.accResult li {
            padding: 12px 0;
        }

            ul.accResult li label {
                font-size: 14px;
            }

            ul.accResult li span {
                font-size: 16px;
            }

    .calcWidgetBox .applyBtn {
        width: 240px;
        font-size: 15px;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 195px;
        }

        .calcWidgetBox .applyBtn.bottom {
            margin-top: 30px;
        }
        /*.calcWidgetBox .applyBtn.middle { margin-top: 40px; margin-bottom: 40px; }*/
        .calcWidgetBox .applyBtn.back {
            width: 170px;
        }

    .calcWidgetBox .payPlanBtn {
        font-size: 11px;
    }

    .credit .payPlanBtn {
        margin-right: 0;
        clear: both;
        margin-bottom: 10px;
    }

    ul.accSettings li div.text {
        padding: 16px 0;
    }

        ul.accSettings li div.text.title {
            font-size: 18px;
        }

    .comparison.step1 ul.accResult {
        width: 450px;
    }

    .planComparBtns {
        width: 100%;
        margin-top: 30px;
    }

        .planComparBtns a {
            margin: 0 10px;
        }

    .depositTable {
        margin-bottom: 12px;
    }

        .depositTable thead th {
            border-right: 5px solid #fff;
            border-bottom: 10px solid #fff;
            font-size: 13px;
        }

            .depositTable thead th span {
                padding: 14px 0;
            }

        .depositTable tbody td {
            border-right: 5px solid #fff;
            border-bottom: 5px solid #fff;
            font-size: 13px;
        }

            .depositTable tbody td a {
                padding: 14px 0;
            }

            .depositTable tbody td.title {
                padding: 14px 0;
            }

    section.sidebarCont article .contentBox p.depositSeeDet {
        font-size: 12px;
    }

    .topRateSelection {
        margin-bottom: 20px;
    }

        .topRateSelection .tit {
            font-size: 13px;
            line-height: 54px;
            margin-right: 30px;
        }

    .calcWidgetBox h3 {
        font-size: 32px;
    }

    .paymentPlanTable ul li {
        padding: 16px 22px;
    }

        .paymentPlanTable ul li span {
            font-size: 16px;
        }

            .paymentPlanTable ul li span.left {
                font-size: 16px;
            }

            .paymentPlanTable ul li span.right {
                font-size: 18px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 100px;
    }

    /* Calculation New*/
    /* Tutorials Page*/
    section.aboutTeams ul.tutorials li a {
        max-width: 50%;
    }

        section.aboutTeams ul.tutorials li a span {
            font-size: 16px;
            padding: 18px 0;
        }

    /* Sitemap */
    .mapSide ul {
        margin-top: 30px;
    }

        .mapSide ul li {
            font-size: 20px;
        }

            .mapSide ul li a {
                padding-right: 35px;
            }

            .mapSide ul li ul {
                margin-top: 20px;
            }

                .mapSide ul li ul li {
                    font-size: 12px;
                    margin-bottom: 10px;
                }

    /* Support Center */
    .binaryTextBox {
        margin-bottom: 30px;
    }

    section.sidebarCont article .contentBox .binaryTextBox p {
        font-size: 14px;
    }

    .supportCenAccor .accordionBox .title {
        font-size: 14px;
    }

    .supportCenAccor .accordionBox .content {
        padding: 30px 58px;
    }

        .supportCenAccor .accordionBox .content p {
            font-size: 14px;
        }

        .supportCenAccor .accordionBox .content .applyBtn {
            margin-top: 20px;
            font-size: 15px;
        }

    .contentBox.supportCenter .title2 {
        margin-top: 60px;
    }

    .supportCenter .contactForm .form-list label {
        font-size: 13px;
    }

    .supportCenter .contactForm .form-list textarea {
        height: 167px;
    }

    .supportCenter .contactForm .sendForm {
        font-size: 14px;
        width: 220px;
        padding: 20px 0;
    }

    .processingListBox {
        margin-top: 25px;
    }

        .processingListBox ul li {
            font-size: 14px;
        }

            .processingListBox ul li a {
                padding: 15px 10px 15px 25px;
            }



    /* 404 Page */
    .page404Cont .messageBox {
        top: 15%;
        left: 15%;
    }

        .page404Cont .messageBox h2 {
            font-size: 50px;
        }

        .page404Cont .messageBox p {
            font-size: 22px;
            line-height: 26px;
        }
}

@media (max-width: 1366px) {
    /* General */
    section .applyBtn {
        padding: 17px 20px;
        font-size: 14px;
    }

        section .applyBtn.lit {
            width: 260px;
        }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        width: 220px;
    }

    .accordionBox {
        padding: 25px 0;
    }

        .accordionBox .title {
            font-size: 16px;
            line-height: 24px;
        }

            .accordionBox .title.widthImg img {
                height: 54px;
            }

        .accordionBox .content {
            margin-top: 25px;
            font-size: 14px;
        }

        .accordionBox.acdSecondLevel .title {
            font-size: 14px;
        }

    .splashBox.error {
        padding: 60px 40px;
    }

        .splashBox.error img {
            width: 90px;
            margin-right: 40px;
        }

        .splashBox.error p {
            width: 338px;
            font-size: 22px;
            line-height: 26px;
        }

    .splashBox.success {
        padding: 60px 40px;
        top: 110px;
    }

        .splashBox.success img {
            width: 90px;
            margin-bottom: 30px;
        }

        .splashBox.success h4 {
            font-size: 36px;
        }

        .splashBox.success h5 {
            font-size: 20px;
            margin: 10px 0 20px 0;
        }

        .splashBox.success p {
            font-size: 14px;
            line-height: 20px;
        }

    .splashBox.pdf {
        margin-left: -490px;
        top: 75px;
    }

        .splashBox.pdf iframe {
            width: 980px;
            height: 535px;
        }

    .bottBinaryBtn a.applyBtn {
        width: 260px;
    }

    .bottBinary3Btn a.applyBtn {
        width: 185px;
        max-width: 100%;
    }

    .bottBinary3Btn div a {
        float: none;
        font-size: 12px;
    }

    .bottSupportTitle {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    ul.bottSupportLinks li a {
        padding: 15px 0;
        font-size: 14px;
    }

    .titleBar.fullGreen div {
        padding: 35px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 10px;
    }

    .titleBar.fullGreen p {
        font-size: 24px;
        line-height: 28px;
    }

    .bottSupportBox p {
        font-size: 15px;
    }

    section .applyBtn.auto {
        font-size: 13px;
        padding: 16px 30px;
    }

    .multiButtonBox {
        margin-bottom: 30px;
    }

    .browserError {
        padding: 16px 25px;
        font-size: 13px;
    }

        .browserError span {
            padding-top: 3px;
        }

        .browserError a {
            font-size: 15px;
        }

    .shortTooltip div {
        padding: 20px;
        font-size: 12px;
    }

    .contentBox .promo.promoVid .applyBtn {
        width: 220px;
    }

    /* Header */
    nav.display ul li a {
        padding: 25px 20px 24px 20px;
    }

    nav.display ul li.item1 ul li {
        padding-left: 115px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 321px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 425px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 632px !important;
    }

    /* Home */
    section.home ul li div {
        bottom: 25px;
        left: 25px;
    }

        section.home ul li div h2 {
            font-size: 32px;
        }

        section.home ul li div span {
            font-size: 14px;
            margin: 5px 0 15px 0;
        }

        section.home ul li div .more {
            font-size: 14px;
            margin: 0;
        }
    /*anasayfadegisik
    section.home ul li .title { bottom: 30px; left: 30px; font-size: 20px; }
    section.home ul li .title>a {padding-top:14px;padding-left:22px;padding-right:22px}
    section.home ul li .title span>a {padding-bottom:14px;padding-left:22px;padding-right:22px}
    */
    section.home ul li .title {
        bottom: 30px;
        left: 30px;
        font-size: 20px;
    }
    /**/
    /*Friend Share*/
    .shareFriend.sidebarCont article {
        width: 86.373626% !important;
        margin-right: 8.373626% !important;
    }


    /* Form Pages */
    section.form .promo .title-time .titles h1 {
        font-size: 38px;
        margin-bottom: 25px;
        line-height: 42px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 20px;
        line-height: 24px;
    }

    section.form .promo .title-time .titles h1 {
        font-size: 32px;
        margin-bottom: 25px;
        line-height: 42px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 18px;
        line-height: 24px;
    }

    section.form .promo .title-time .time .title {
        font-size: 12px;
    }

    section.form .promo .title-time .time .date {
        font-size: 18px;
    }

    .accordion-title {
        padding: 30px 0 30px 3.3333333333333%;
        font-size: 20px;
        line-height: 24px;
    }

        .accordion-title .okey {
            width: 90px;
        }

    .accordion-container {
        padding: 30px 3.3333333333333%;
    }

        .accordion-container p {
            font-size: 16px !important;
            line-height: 22px !important;
        }

    .form-list label {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .form-part input, .form-part textarea {
        padding: 12px 15px;
    }

    .contentBox .inputs input, .contentBox .inputs textarea {
        padding: 12px 15px;
    }

    section .inputs input, section .inputs textarea {
        padding: 13px;
    }

    .form-part textarea {
        height: 145px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 12px 55px 12px 15px !important;
        background: url(../customerForms/img/custom-select-off_icon_lit.gif) no-repeat right center !important;
    }

    .ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
        background: url(../customerForms/img/custom-select-on_icon_lit.gif) no-repeat right center;
    }

    button.continue-btn.right.bottom.possAbs {
        bottom: 55px;
    }

    .form-list.confText span.title {
        font-size: 46px;
    }

    .form-list.confText span.subTitle {
        font-size: 28px;
        line-height: 32px;
    }

    .form-list.confText span.desp {
        font-size: 18px;
        margin-bottom: 50px;
    }

    .form-list.confText a.social img {
        margin-right: 10px;
        width: 30px;
    }

    .form-list.confText a.social span {
        line-height: 31px;
        font-size: 11px;
        padding-right: 10px;
    }

    .cardTypeText {
        width: 450px;
    }

    .cardTypeBox label {
        font-size: 13px;
    }

    .cvv2 span {
        font-size: 12px;
    }

    .cvv2 img {
        width: 55px;
    }

    .form-list .confirmResult {
        font-size: 14px;
    }

    .input.radio.applQueries {
        width: 370px;
        padding: 13px 20px;
        margin: 0 15px 30px 0;
    }

        .input.radio.applQueries label {
            font-size: 13px !important;
        }

    section.form .promo .title-time .buttons {
        bottom: 25px;
    }

        section.form .promo .title-time .buttons a.applyBtn {
            margin-left: 25px;
            width: 230px;
        }

    /* Campaing Detail Page */
    section.campDetail {
        padding-bottom: 60px;
    }

    .campDetail article .titleBar {
        padding: 35px 0 35px 35px;
    }

        .campDetail article .titleBar h1 {
            font-size: 42px;
            line-height: 42px;
        }

    .campDetail article .contentBox {
        padding: 20px 0 20px 30px;
    }

        .campDetail article .contentBox.about {
            padding: 20px 0;
        }

    .campDetail article .campDetailImg {
        top: 28px; /*margin-top: -113px;*/
    }

    .campDetail article .contentBox h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 14px;
        line-height: 24px;
    }

    .campDetail article .contentBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

    .detPageBottListThem h3 {
        font-size: 28px;
        padding: 20px 20px 20px 35px;
    }

    .detPageBottListThem.campDet ul {
        margin: 20px 0 0 35px;
    }

    .detPageBottListThem ul {
        margin: 20px 0 0 35px;
    }

        .detPageBottListThem ul li {
            margin-bottom: 10px;
            font-size: 13px;
        }

    .detPageBottListThem.text ul {
        margin: 20px 0 0 35px;
    }

    .campDetail.type2 .promo .social {
        width: 48px;
    }

    .campDetail.type2 article .titleBar {
        padding-left: 35px;
    }

        .campDetail.type2 article .titleBar h1 {
            margin-bottom: 10px;
        }

        .campDetail.type2 article .titleBar p {
            font-size: 22px;
            line-height: 26px;
        }

    .campDetail.type2 article .campDetailImg {
        margin: -28px 0 0 0;
    }

    .campDetail article .campDetailImg.type2 {
        margin: -28px 0 0 35px;
    }

    .campDetail.type2 article .contentBox {
        padding-top: 30px;
        margin-bottom: 40px;
    }

        .campDetail.type2 article .contentBox h2 {
            font-size: 32px;
            line-height: 36px;
        }

        .campDetail.type2 article .contentBox p.lit {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 20px;
        }

    .detPageBottListThem.campDet ul {
        margin-bottom: 0;
    }

        .detPageBottListThem.campDet ul li {
            min-height: 250px;
        }

            .detPageBottListThem.campDet ul li span {
                padding: 10px 10px 0 10px;
                font-size: 14px;
            }

    .detPageBottListThem.campDet h3 {
        margin: 0;
    }

    .campSocialShare {
        margin-bottom: 10px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 14px;
        width: 200px;
        padding: 17px 0;
    }

        .campDetail.type2 article .contentBox .applyBtn.first {
            margin-right: 10px;
        }

    /* Faq & Prices Page */
    section.campDetail .contentBox.faq {
        margin-top: 0px;
    }

    .campDetail article .titleBar.faq p {
        font-size: 22px;
        line-height: 26px;
    }

    table.prices thead th {
        font-size: 11px;
        padding: 10px;
    }

    table.prices tr td {
        font-size: 12px;
        padding: 15px 10px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 14px;
        line-height: 22px;
    }

    /* Sidebar & Content Pages */
    section.sidebarCont {
        padding: 30px 30px 60px 30px;
    }

        section.sidebarCont aside h2 {
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 15px;
        }

        section.sidebarCont aside ul li {
            font-size: 12px;
        }

            section.sidebarCont aside ul li a {
                padding: 15px 0;
            }

        section.sidebarCont article .titleBar {
            padding: 36px 42px;
        }

            section.sidebarCont article .titleBar h1 {
                font-size: 38px;
                line-height: 40px;
            }

            section.sidebarCont article .titleBar p {
                font-size: 26px;
                line-height: 30px;
                margin-top: 10px;
            }

        section.sidebarCont article .contentBox .promo {
            margin-bottom: 20px;
        }

        section.sidebarCont article .contentBox p {
            font-size: 16px;
            line-height: 22px;
        }

            section.sidebarCont article .contentBox p.subTitle {
                font-size: 22px;
                line-height: 28px;
                margin-bottom: 20px;
            }

            section.sidebarCont article .contentBox p.title {
                font-size: 26px;
                line-height: 32px;
            }

    .detPageBottListThem.noBg h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .detPageBottListThem.noBg ul {
        margin-top: 10px;
    }

        .detPageBottListThem.noBg ul li {
            min-height: 220px;
        }

            .detPageBottListThem.noBg ul li span {
                padding: 10px;
                font-size: 14px;
            }

    .contentBox .subTitle {
        font-size: 28px;
        margin: 12px 0;
    }

    .interBankingBox img {
        margin-bottom: 15px;
    }

    .interBankingBox p {
        padding: 0 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    /* About Page */
    section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
        font-size: 20px;
    }

    section.campDetail .contentBox.about .left p, section.campDetail .contentBox.about .right p {
        font-size: 14px;
        line-height: 20px;
    }

    .aboutTeams {
        padding-top: 30px;
        margin-top: 30px;
    }

        .aboutTeams .title {
            font-size: 52px;
        }

        .aboutTeams .subTitle {
            font-size: 22px;
        }

        .aboutTeams ul.team li .details span.name {
            font-size: 26px;
            line-height: 26px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 16px;
            line-height: 16px;
        }

    /* Tutorials Page*/
    section.aboutTeams ul.tutorials {
        padding-top: 40px;
    }

        section.aboutTeams ul.tutorials li a {
            left: 40px;
            bottom: 40px;
            max-width: 80%;
            background: url(../img/tutorials_icon_size2.png) #fff no-repeat 30px center;
        }

            section.aboutTeams ul.tutorials li a span {
                font-size: 15px;
                padding: 16px 0;
            }

    /* Campaigns List Page */
    .campListPart {
        padding-top: 20px;
    }

        .campListPart .select {
            width: 300px;
        }

            .campListPart .select.sectorFilter {
                width: 370px;
            }

        .campListPart ul {
            padding-top: 20px;
        }

            .campListPart ul li span {
                padding: 15px 0;
                font-size: 18px;
            }

    /* Smart Account Page */
    .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
        padding: 20px 30px;
        min-width: 140px;
        font-size: 12px;
    }

    .tabsBox .ui-tabs-panel ul li {
        font-size: 14px;
    }

    .cardPackage {
        padding: 20px;
    }

        .cardPackage h3 {
            font-size: 14px;
        }

        .cardPackage p {
            font-size: 14px;
        }

        .cardPackage em {
            font-size: 14px;
        }

    /* Campaing Detail Page - New */
    section.sidebarCont.campDetail article .titleBar {
        padding: 30px 35px;
    }

    .campDetail article .titleBar ul {
        float: left;
        margin-bottom: 15px;
    }

        .campDetail article .titleBar ul li a img {
            width: 18px;
            margin-top: 2px;
        }

        .campDetail article .titleBar ul li a span {
            font-size: 11px;
        }

    /* Calculation Main Page */
    .calcWidgets ul {
        max-width: 1000px;
        padding-top: 40px;
    }

        .calcWidgets ul li {
            width: 220px;
            height: 200px;
        }

    .calcWidgetBox h3 {
        font-size: 28px;
    }

    .paymentPlanTable ul li {
        padding: 15px 20px;
    }

        .paymentPlanTable ul li span {
            font-size: 15px;
        }

            .paymentPlanTable ul li span.left {
                font-size: 15px;
            }

            .paymentPlanTable ul li span.right {
                font-size: 17px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 30px;
    }

    .tooltip.infoMessage .shortTooltip .icon {
        width: 25px !important;
        height: 25px !important;
        font-size: 13px !important;
        padding-top: 4px;
    }

    section.sidebarCont article .contentBox .tooltip.infoMessage p {
        font-size: 14px;
        line-height: 18px;
        padding-top: 3px;
    }

    /* Calculation New */
    .creditCalBox2 .contentPTop .newInput {
        height: 48px;
    }

    .creditCalBox2 .contentPTop .applyBtn {
        padding: 12px 20px;
        width: 100%;
    }

    .creditCalBox2 .contentPTop .row1 {
        width: 50%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .creditCalBox2 .contentPTop .row2 {
        width: 50%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .creditCalBox2 .contentPTop .row3 {
        width: 30%;
        clear: both;
        float: none;
        margin: 0px auto;
        margin-top: 20px;
        padding-left: 0px;
    }

    .creditCalBox2 .contentPTop .iMiniText {
        margin-top: 15px;
    }

    .creditCalBox2 .contentPTop .iMiniU {
        margin-top: 15px;
    }

    .creditCalBox2 .resultPart .resBottom {
        margin-top: 35px;
    }

    .creditCalBox2 .resultPart {
        padding-bottom: 40px;
    }

        .creditCalBox2 .resultPart .resultText {
            width: 100%;
            padding: 6% 6% 5%;
        }

        .creditCalBox2 .resultPart .btnPart {
            clear: both;
            width: 30%;
            float: none;
            position: static;
            margin: 0px auto;
            margin-top: 0px;
            padding-left: 0px;
        }

        .creditCalBox2 .resultPart .applyBtn {
            padding: 12px 20px;
            width: 100%;
        }

    .creditCalBox2 .contentPTop .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 14px;
    }
    /* Branches Page */
    section.branches article h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    section.branches article ul li {
        margin-bottom: 40px;
    }

        section.branches article ul li span {
            font-size: 14px;
        }

        section.branches article ul li p {
            font-size: 14px;
        }

        section.branches article ul li a {
            font-size: 11px;
            margin-top: 12px;
        }

        section.branches article ul li .title {
            font-size: 16px;
            margin-bottom: 10px;
        }

    /* 404 Page */
    section.page404 {
        padding: 90px 0;
    }

        section.page404 article h2 {
            font-size: 160px;
            line-height: 120px;
        }

        section.page404 article p {
            font-size: 36px;
            line-height: 48px;
            margin: 50px 0 20px 0;
        }

        section.page404 article span {
            font-size: 20px;
            margin-bottom: 35px;
        }

    /* Contact Page */
    .title2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .subTitle2 {
        font-size: 16px;
    }

    .contactForm {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .contactForm .sendForm {
            font-size: 14px;
            width: 220px;
            padding: 20px 0;
            margin-top: 35px;
        }

    .splashBox.contact {
        width: 800px;
        margin-left: -400px;
        top: 60px;
        padding: 40px;
    }

        .splashBox.contact h4 {
            font-size: 30px;
            margin-bottom: 20px;
        }

        .splashBox.contact p {
            font-size: 13px;
            line-height: 22px;
            margin: 0 0 25px 0;
        }

    /* Sitemap */
    .mapSide ul {
        margin-top: 30px;
    }

        .mapSide ul li {
            font-size: 19px;
        }



    /** Promo newVersion  */
    section.form .promo.newVersion .title-time .titles {
    }

        section.form .promo.newVersion .title-time .titles h1 {
            margin-bottom: 10px;
        }

            section.form .promo.newVersion .title-time .titles h1 span {
            }

        section.form .promo.newVersion .title-time .titles h2 {
        }
}

@media (max-width: 1000px) {
    nav.display .prodServLink {
        display: none;
    }
}

@media (max-width: 1280px) {
    /* General */
    .splashBox.pdf {
        margin-left: -490px;
        top: 75px;
    }

        .splashBox.pdf iframe {
            width: 980px;
            height: 535px;
        }

    /* Header */
    nav.display ul li a {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav.display ul li ul li {
        padding-left: 115px !important;
    }

    nav.display ul li.item0 ul li {
        padding-left: 0px !important;
    }

    nav.display ul li.item1 ul li {
        padding-left: 100px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 296px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 390px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 612px !important;
    }

    nav.display ul li.item5 ul li {
        padding-left: 745px !important;
    }

    /*nav.display .prodServLink {
        display: none;
    }*/

    /* Home */
    section.home ul li {
        width: 49.86999999999%;
    }

        section.home ul li.last {
            margin-right: 0.26041666666667%;
        }

        section.home ul li:nth-child(2n) {
            margin-right: 0;
        }

        section.home ul li:last-child {
            margin-right: 0;
        }

        section.home ul li.double {
            width: 100%;
        }

        section.home ul li .title {
            bottom: 25px;
            left: 25px;
            padding: 23px 0 21px 39px;
            width: 250px;
        }

            section.home ul li .title span {
                display: none;
            }

    /*Friend Share*/
    .shareFriend.sidebarCont article {
        width: 100% !important;
        margin-right: 0px !important;
    }


    /* Form Pages */
    .form-list.confText a.social img {
        width: 25px;
    }

    .form-list.confText a.social span {
        line-height: 25px;
    }

    .form-list.confText a.social.twitter {
        margin-left: 0;
        margin-top: 10px;
        clear: both;
    }

    .cvv2 span {
        font-size: 11px;
    }

    .cvv2 img {
        width: 50px;
    }

    .cardTypeBox {
        float: left !important;
        clear: both;
    }

    .cardTypeText {
        width: 100%;
        max-width: 100%;
    }

    .input.radio.applQueries {
        width: 300px;
    }

    section.form .promo .title-time .time {
        top: 30%;
        transform: translateY(-30%);
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
    }

    section.form .promo .title-time .buttons a.applyBtn {
        margin-left: 20px;
        width: 220px;
    }

    /* Contact Page */
    .campDetail .videoBox .playBtn {
        width: 90px;
        bottom: 95px;
        margin-left: -45px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 190px; /*font-size: 16px; padding: 16px 0;*/
    }

    /* Calculation Means Page */
    .calcWidgetBox {
        width: 90%;
    }

        .calcWidgetBox.comparison {
            width: 90%;
        }

        .calcWidgetBox .applyBtn.lit {
            width: 185px;
        }

    /* Smart Accout Page */
    .tabsBox .ui-tabs-nav li {
        margin-right: 4px;
    }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 18px 25px;
        }

    /** Promo newVersion  */
    section.form .promo.newVersion .title-time .titles h1 {
    }

        section.form .promo.newVersion .title-time .titles h1 span {
        }

    section.form .promo.newVersion .title-time .titles h2 {
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div {
        width: 50% !important;
        float: right;
    }

        section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div a {
            font-size: 0.9vw;
            margin: 0 !important;
        }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
    }

        section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton {
        }

    section.form .promo.newVersion .title-time .time {
    }
}

@media (max-width: 1024px) {
    /* General */
    section .applyBtn {
        padding: 17px 10px;
        font-size: 15px;
        max-width: 80%;
        width: auto;
    }

        section .applyBtn.contBott {
            max-width: 80%;
            width: auto;
        }

    .bottBinaryBtn a.applyBtn {
        width: 260px;
    }

    .bottBinary3Btn a.applyBtn {
        width: 143px;
        max-width: 100%;
    }

    .bottBinary3Btn div a {
        float: none;
        font-size: 12px;
    }

    .accordionBox {
        padding: 20px 0;
    }

        .accordionBox .title {
            font-size: 14px;
            line-height: 24px;
        }

            .accordionBox .title.widthImg img {
                margin: 0 15px 0 0;
                height: 48px;
            }

        .accordionBox .content {
            margin-top: 20px;
            font-size: 12px;
        }

        .accordionBox.acdSecondLevel .title {
            font-size: 12px;
        }

    .splashBox.error img {
        width: 80px;
        margin-right: 40px;
    }

    .splashBox.error p {
        font-size: 20px;
        line-height: 24px;
    }

    .splashBox.success {
        padding: 50px 35px;
        top: 110px;
    }

        .splashBox.success img {
            width: 80px;
            margin-bottom: 25px;
        }

        .splashBox.success h4 {
            font-size: 36px;
        }

        .splashBox.success h5 {
            font-size: 20px;
            margin: 10px 0 20px 0;
        }

        .splashBox.success p {
            font-size: 14px;
            line-height: 20px;
        }

    .splashBox.warning {
        padding: 40px;
    }

        .splashBox.warning div {
            margin-top: 10px;
        }

            .splashBox.warning div p {
                font-size: 16px;
                line-height: 20px;
            }

            .splashBox.warning div .continue-btn {
                margin-top: 15px;
            }

    .splashBox.pdf {
        margin-left: -320px;
        top: 75px;
    }

        .splashBox.pdf iframe {
            width: 650px;
            height: 535px;
        }

    .titleBar.fullGreen div {
        padding: 25px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .titleBar.fullGreen p {
        font-size: 22px;
        line-height: 26px;
    }

    .bottSupportBox {
        margin-top: 20px;
        padding: 25px 25px 25px 32px;
    }

        .bottSupportBox img {
            margin-right: 20px;
            width: 35px;
        }

        .bottSupportBox p {
            font-size: 13px;
            line-height: 16px !important;
        }

    section .applyBtn.auto {
        font-size: 12px;
        padding: 15px 25px;
        margin-bottom: 20px;
    }

    .multiButtonBox {
        margin-bottom: 0;
    }

    .bottomShareBox {
        margin-top: 20px;
    }

        .bottomShareBox ul.bottAddFavPrint li {
            padding-right: 10px;
            margin-right: 10px;
        }

            .bottomShareBox ul.bottAddFavPrint li a img {
                margin-right: 10px;
                width: 18px;
            }

            .bottomShareBox ul.bottAddFavPrint li a span {
                line-height: 20px;
                font-size: 11px;
            }

            .bottomShareBox ul.bottAddFavPrint li.calc a img {
                width: 14px;
                margin-top: 1px;
            }

            .bottomShareBox ul.bottAddFavPrint li.print img {
                margin-top: 3px;
                width: 16px;
            }

            .bottomShareBox ul.bottAddFavPrint li.print span {
                line-height: 23px;
            }

            .bottomShareBox ul.bottAddFavPrint li.email img {
                margin-top: 5px;
            }

            .bottomShareBox ul.bottAddFavPrint li.email span {
                line-height: 23px;
            }

    .browserError {
        padding: 16px 25px;
        font-size: 12px;
    }

        .browserError div {
            line-height: 22px;
        }

            .browserError div img {
                width: 22px;
            }

        .browserError span {
            padding-top: 2px;
        }

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
        font-size: 11px;
    }

    .bottBinaryBtn {
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .form-part .input input.youthSurname {
        width: 32px;
    }

    .form-part .input .spaceStar {
        padding-top: 15px;
    }

    .contentBox .promo.promoVid .applyBtn {
        width: 190px;
        font-size: 14px;
        bottom: 20px;
        right: 20px;
    }

    #campPopupSlide .slidesjs-slide p {
        font-size: 14px;
        line-height: 18px;
    }

    /* Header */
    nav.display ul li a {
        font-size: 12px;
        padding-left: 18px;
        padding-right: 18px;
    }

    nav.display ul li ul {
        top: 65px;
    }

        nav.display ul li ul li {
            padding-left: 106px !important;
        }

            nav.display ul li ul li span {
                font-size: 12px;
            }

    nav.display ul li.item0 ul li {
        padding-left: 0px !important;
    }

    nav.display ul li.item1 ul li {
        padding-left: 101px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 289px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 383px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 596px !important;
    }

    /*Friend Share*/
    .shareFriend .fRow {
        float: none;
    }

    .shareFriend .fRow {
        width: 360px;
    }

        .shareFriend .fRow input {
            width: 100%;
            height: 60px;
            border: 1px solid #a3e4be;
            display: block;
            margin-bottom: 18px;
            padding-left: 13px;
            color: #949494;
        }

    .shareFriend .continue-btn {
        float: none !important;
        margin-top: 20px;
    }

    .shareFriend .miniTitle {
        font-size: 16px !important;
    }
    /* Home */

    section.home ul li div {
        bottom: 20px;
        left: 20px;
    }

        section.home ul li div h2 {
            font-size: 26px;
        }

        section.home ul li div span {
            font-size: 13px;
            margin: 5px 0 15px 0;
        }

        section.home ul li div .more {
            font-size: 13px;
            margin: 0;
        }
    /*anasayfadegisik
    section.home ul li .title { bottom: 20px; left: 20px; font-size: 18px; }
    section.home ul li .title>a {padding-top:14px;padding-left:20px;padding-right:20px;font-size:18px}
    section.home ul li .title span>a {padding-bottom:14px;padding-left:20px;padding-right:20px;font-size:14px}
    */
    section.home ul li .title {
        bottom: 20px;
        left: 20px;
        padding: 14px 20px;
        font-size: 18px;
    }
        /**/
        section.home ul li .title span {
            font-size: 14px;
        }

    .frontV img.frontPoppers {
        width: 150px;
        top: 40px;
        right: 40px;
    }

    /* Form Pages */
    .form-list label {
        font-size: 13px;
    }

    section.form .promo img { /*height: 196px;*/
    }
    /*section.form .promo .title-time .titles { transform: inherit; top: 50px; }*/
    section.form .promo .title-time .titles h1 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 16px;
        line-height: 22px;
    }

    section.form .promo .title-time .titles.title1 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title1 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title2 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title2 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title3 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title3 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title4 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title4 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title5 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title5 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title6 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title6 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title7 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title7 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title8 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title8 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .time {
        height: 60px;
        transform: inherit;
        top: 67px;
    }

        section.form .promo .title-time .time div {
            transform: inherit;
            top: 12px;
        }

        section.form .promo .title-time .time .title {
            font-size: 11px;
        }

        section.form .promo .title-time .time .date {
            font-size: 14px;
        }

    section.form .promo .title-time .time {
        top: 30%;
        transform: translateY(-30%);
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
    }

    section.form .promo .title-time .buttons a.applyBtn {
        margin-left: 20px;
        width: 200px;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .accordion-title {
        padding: 25px 0 25px 3.3333333333333%;
        font-size: 18px;
        line-height: 22px;
    }

        .accordion-title .okey {
            width: 75px;
        }

    .form-list input, .form-list textarea, .form-list .ui-selectmenu-button {
        margin-bottom: 20px;
    }

    .form-part input, .form-part textarea {
        padding: 10px;
        font-size: 14px;
    }

    .form-part textarea {
        height: 130px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 11px 55px 10px 15px !important;
    }

    .custom-combobox-toggle {
        height: 39px;
    }

    button.continue-btn.right.bottom.possAbs {
        bottom: 50px;
    }

    .form-list.confText span.title {
        font-size: 38px;
    }

    .form-list.confText span.subTitle {
        font-size: 24px;
        line-height: 32px;
    }

    .form-list.confText span.desp {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .alertBox {
        padding: 15px 5px 15px 60px;
    }

        .alertBox.error {
            padding-left: 70px;
            padding-bottom: 5px;
        }

        .alertBox .errorPoint {
            color: white;
        }

    .accordion-container .cardTypeText {
        width: 650px;
        font-size: 16px;
        line-height: 22px;
    }

    .cardTypeBox p {
        font-size: 16px;
    }

    .cardTypeBox label {
        font-size: 12px;
        margin-top: 5px;
    }

    .cvv2 > span {
        font-size: 11px;
        line-height: 14px;
        vertical-align: middle;
        width: 150px;
        display: inline-block;
    }

    .cvv2 img {
        width: 55px;
    }

    .inputs input, .inputs textarea {
        padding: 10px;
    }

    .ui-menu .ui-menu-item {
        padding: 10px 20px;
    }

    .form-list .input, .form-list .select {
        margin-bottom: 0;
    }

    .followResults {
        width: 650px;
        margin: 60px auto;
    }

        .followResults .seperator {
            margin-left: 39px;
        }

        .followResults .box div {
            width: 80px;
            height: 80px;
            margin-right: 15px;
        }

            .followResults .box div img {
                width: 20px;
            }

            .followResults .box div em {
                font-size: 24px;
            }

        .followResults .box span {
            font-size: 12px;
        }

        .followResults .box.missingDoc .tooltip {
            display: none;
        }

        .followResults.vertical .box.missingDoc .tooltip {
            display: block;
            top: 17px;
            font-size: 12px;
        }

        .followResults .box.missingDoc .cont span {
            color: #fa7939;
        }

        .followResults.vertical .box.missingDoc .cont span {
            color: #282828;
        }

        .followResults .box.missingDoc .cont span span {
            display: inline;
        }

        .followResults.side .seperator {
            margin-top: 38px;
        }

        .followResults.side .box.missingDoc .tooltip {
            display: block;
            padding: 10px 15px;
            font-size: 12px;
        }

    .input.radio.applQueries {
        width: 280px;
        padding: 10px 15px;
        margin: 0 15px 30px 0;
    }

        .input.radio.applQueries label {
            font-size: 11px !important;
        }

    .accordion-container p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    /* Campaing Detail */
    .campDetail article .titleBar {
        padding: 20px 0 20px 25px;
    }

        .campDetail article .titleBar h1 {
            font-size: 34px;
            line-height: 36px;
        }

    .campDetail article .contentBox {
        padding: 20px 30px 20px 25px;
        width: 55.829999%;
    }

    .campDetail article .campDetailImg {
        margin: -82px 0 0 20px;
        margin-top: 0;
        top: 19px;
    }

    .campDetail article .contentBox h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 13px;
        line-height: 18px;
    }

    .campDetail article .contentBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

    .detPageBottListThem {
        margin-top: 0;
    }

        .detPageBottListThem.campDet {
            margin-top: 0;
            border-top: 0;
        }

        .detPageBottListThem h3 {
            font-size: 20px;
            padding: 15px 15px 15px 20px;
        }

        .detPageBottListThem h2 {
            font-size: 20px;
            padding: 15px 15px 15px 20px;
        }

        .detPageBottListThem.campDet ul {
            margin: 20px 0 30px 20px;
        }

        .detPageBottListThem ul {
            margin: 20px 0 30px 20px;
        }

            .detPageBottListThem ul li {
                font-size: 12px;
            }

        .detPageBottListThem.text ul {
            margin: 20px 0 0 20px;
        }

    .campDetail.type2 article .titleBar {
        padding-left: 20px;
    }

        .campDetail.type2 article .titleBar h1 {
            font-size: 28px;
            line-height: 28px;
        }

        .campDetail.type2 article .titleBar p {
            font-size: 18px;
            line-height: 20px;
        }

    .campDetail.type2 article .campDetailImg {
        margin: 0;
    }

    .campDetail.type2 article .contentBox {
        width: 55.832037%;
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .campDetail article .contentBox.type2 {
        width: 53%;
        margin-bottom: 30px;
    }

    .campDetail.type2 article .contentBox.about {
        padding-left: 0;
        padding-right: 0;
    }

    .campDetail.type2 article .contentBox h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .campDetail.type2 article .contentBox p.lit {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .detPageBottListThem.campDet ul li {
        min-height: 215px;
        width: 31.72999990999%;
    }

        .detPageBottListThem.campDet ul li:nth-child(4n) {
            clear: both;
            margin-right: 2.3980815347722%;
        }

        .detPageBottListThem.campDet ul li:nth-child(3n) {
            margin-right: 0;
        }

        .detPageBottListThem.campDet ul li span {
            font-size: 12px;
        }

    section.sidebarCont.campDetail article .titleBar {
        padding: 20px 25px;
    }

    .campDetail article .titleBar ul {
        margin-bottom: 10px;
    }

        .campDetail article .titleBar ul li a img {
            width: 16px;
            margin-top: 3px;
        }

        .campDetail article .titleBar ul li a span {
            font-size: 10px;
        }

    article.minusMarTop {
        margin-top: -25px;
    }

    .campDetail .videoBox .playBtn {
        bottom: 60px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 13px;
        width: 170px;
        padding: 15px 0;
    }

        .campDetail.type2 article .contentBox .applyBtn.first {
            margin-right: 5px;
        }

    /* Faq & Prices Page */
    section.campDetail .contentBox.faq {
        margin-top: 0px;
    }

    .campDetail article .titleBar.faq p {
        font-size: 16px;
        line-height: 20px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 13px;
        line-height: 20px;
    }

    /* Sidebar & Content Pages */
    section.sidebarCont aside h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    section.sidebarCont aside ul li {
        font-size: 11px;
    }

        section.sidebarCont aside ul li a {
            padding: 12px 0;
        }

    section.sidebarCont article .titleBar {
        padding: 31px 40px;
    }

        section.sidebarCont article .titleBar h1 {
            font-size: 28px;
            line-height: 30px;
        }

        section.sidebarCont article .titleBar p {
            font-size: 18px;
            line-height: 26px;
            margin-top: 5px;
        }

    section.sidebarCont article .contentBox {
        margin-top: -20px;
    }

        section.sidebarCont article .contentBox.noVideo {
            margin-top: 30px;
        }

        section.sidebarCont article .contentBox p {
            font-size: 14px;
            line-height: 20px;
        }

            section.sidebarCont article .contentBox p.subTitle {
                font-size: 18px;
                line-height: 24px;
            }

            section.sidebarCont article .contentBox p.title {
                font-size: 24px;
                line-height: 28px;
                margin-bottom: 22px;
            }

    .detPageBottListThem.noBg h3 {
        font-size: 26px;
        line-height: 24px;
    }

    .detPageBottListThem.noBg ul li {
        min-height: 180px;
        width: 31.72999990999%;
    }

        .detPageBottListThem.noBg ul li:nth-child(4n) {
            margin-right: 2.3980815347722%;
        }

        .detPageBottListThem.noBg ul li:nth-child(3n) {
            margin-right: 0;
        }

    .detPageBottListThem.servBox ul.triple li:first-child {
        margin-left: 0 !important;
    }

    .detPageBottListThem.servBox ul.binary li:first-child {
        margin-left: 17.211108%;
    }

    .detPageBottListThem.noBg ul li span {
        padding: 10px;
        font-size: 12px;
    }

    .contentBox .subTitle {
        font-size: 24px;
        margin: 10px 0;
    }

    .interBankingBox p {
        padding: 0 25px;
        font-size: 13px !important;
        margin-bottom: 5px;
    }

    .transactionsTable {
        font-size: 13px;
    }

        .transactionsTable thead th {
            padding: 18px 5px;
        }

        .transactionsTable tbody td {
            padding: 12px 0;
        }

            .transactionsTable tbody td.name {
                padding: 12px 15px;
            }

            .transactionsTable tbody td img {
                width: 18px;
            }

    /* About Page */
    section.campDetail .contentBox.about {
        margin-top: 0px;
    }

        section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
            font-size: 18px;
        }

    .aboutTeams ul.team li {
        width: 33.33333333333%;
    }

    .aboutTeams {
        padding-top: 20px;
        margin-top: 20px;
    }

        .aboutTeams .title {
            font-size: 44px;
        }

        .aboutTeams .subTitle {
            font-size: 18px;
        }

        .aboutTeams ul li.team .details span.name {
            font-size: 22px;
            line-height: 22px;
        }

        .aboutTeams ul li.team .details span.job {
            font-size: 14px;
            line-height: 14px;
        }

    /* Tutorials Page*/
    section.aboutTeams ul.tutorials {
        padding-top: 30px;
    }

        section.aboutTeams ul.tutorials li a {
            left: 30px;
            bottom: 30px;
            max-width: 80%;
            padding: 0 20px 0 50px;
            background: url(../img/tutorials_icon_size3.png) #fff no-repeat 20px center;
        }

            section.aboutTeams ul.tutorials li a span {
                padding: 12px 0;
                font-size: 14px;
            }

    /* Campaigns List Page */
    .campListPart h2 {
        font-size: 24px;
    }

    .campListPart .select {
        width: 200px;
    }

        .campListPart .select.sectorFilter {
            width: 270px;
        }

    .campListPart ul li span {
        padding: 10px 0;
        font-size: 14px;
    }

    .campListPart .loadMoreBtn {
        margin: 30px auto;
    }

    /* Smart Account Page */
    .tabsBox .ui-tabs-nav li {
        margin-right: 4px;
    }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 17px 18px;
            min-width: 140px;
            font-size: 12px;
        }

    .tabsBox .ui-tabs-panel ul li {
        font-size: 13px;
    }

    .cardPackage {
        padding: 15px;
    }

        .cardPackage h3 {
            font-size: 13px;
        }

        .cardPackage p {
            font-size: 13px;
        }

        .cardPackage em {
            font-size: 13px;
        }

    /* Calculation Means Page */
    .calcWidgetBox {
        width: 100%;
    }

        .calcWidgetBox.comparison {
            width: 100%;
        }

    .calcWidgetBox {
        width: 100%;
    }

        .calcWidgetBox.comparison {
            width: 100%;
        }

    ul.accSettings {
        margin-bottom: 20px;
    }

    .calcWidgetBox .applyBtn.marBott {
        margin-bottom: 20px;
    }

    ul.accSettings li {
        margin-bottom: 10px;
    }

        ul.accSettings li label {
            padding: 12px 0 13px 0;
            font-size: 12px;
        }

        ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
            padding: 10px 50px 11px 10px;
        }

        ul.accSettings li .select .ui-menu .ui-menu-item {
            padding: 12px 10px !important;
        }

        ul.accSettings li .inputs input {
            padding: 12px 10px;
            font-size: 12px;
        }

        ul.accSettings li .interRate {
            padding: 11px 0;
            font-size: 14px;
        }

    ul.accResult {
        margin-bottom: 25px;
    }

        ul.accResult li {
            padding: 10px 0;
        }

            ul.accResult li label {
                font-size: 13px;
            }

            ul.accResult li span {
                font-size: 14px;
            }

    .calcWidgetBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 160px;
        }

        .calcWidgetBox .applyBtn.bottom {
            margin-top: 20px;
        }

        .calcWidgetBox .applyBtn.middle {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .calcWidgetBox .applyBtn.back {
            width: 140px;
        }

    .calcWidgetBox .payPlanBtn {
        font-size: 10px;
    }

    .credit .payPlanBtn {
        margin-right: 0;
        clear: both;
        margin-bottom: 10px;
    }

    ul.accSettings li div.text {
        padding: 14px 0;
    }

        ul.accSettings li div.text.title {
            font-size: 16px;
        }

    .planComparBtns {
        width: 100%;
        margin-top: 20px;
    }

        .planComparBtns a {
            margin: 0 5px;
        }

    .comparison.step1 ul.accResult {
        width: 400px;
    }

    .comparison.step1 ul.accSettings li label {
        width: 25%;
    }

    .comparison.step1 ul.accSettings li label {
        width: 25%;
    }

    .comparison.step1 ul.accSettings li .select {
        width: 75%;
    }

    .comparison.step1 ul.accSettings li .inputs {
        width: 75%;
    }

    .comparison.step1 ul.accSettings li div.text {
        width: 75%;
    }

    .depositTable {
        margin-bottom: 12px;
    }

        .depositTable thead th {
            font-size: 12px;
        }

            .depositTable thead th span {
                padding: 13px 0;
            }

        .depositTable tbody td {
            font-size: 12px;
        }

            .depositTable tbody td a {
                padding: 13px 0;
            }

            .depositTable tbody td.title {
                padding: 13px 0;
            }

    section.sidebarCont article .contentBox p.depositSeeDet {
        font-size: 11px;
    }

    section.sidebarCont article .calPart .krediLimitEr {
        margin-bottom: 15px;
    }

    .topRateSelection {
        margin-bottom: 15px;
    }

        .topRateSelection .tit {
            font-size: 12px;
            margin-right: 20px;
        }

    .paymentPlanTable ul li {
        padding: 13px 20px;
    }

        .paymentPlanTable ul li span {
            font-size: 14px;
        }

            .paymentPlanTable ul li span.left {
                width: 50%;
                font-size: 14px;
            }

            .paymentPlanTable ul li span.right {
                font-size: 15px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 80px;
    }

    /* Calculation Main Page */
    .calcWidgets ul {
        max-width: 840px;
        padding-top: 30px;
    }

        .calcWidgets ul li {
            width: 180px;
            height: 170px;
        }

            .calcWidgets ul li img {
                width: 50px;
            }

            .calcWidgets ul li span {
                font-size: 14px;
            }

    /* Calculation New */
    .creditCalBox2 .contentPTop {
        padding-bottom: 35px;
    }

        .creditCalBox2 .contentPTop .calTitle {
            font-size: 40px;
            padding-top: 25px;
            padding-bottom: 30px;
        }

        .creditCalBox2 .contentPTop .newInput {
            height: 42px;
        }

    .creditCalBox2 .resultPart .applyBtn {
        max-width: 100%;
        padding: 10px 20px;
        font-size: 14px;
    }

    .creditCalBox2 .contentPTop .applyBtn {
        max-width: 100%;
        padding: 10px 20px;
        font-size: 14px;
    }

    .creditCalBox2 .contentPTop .iMiniText {
        margin-top: 15px;
        font-size: 12px;
    }

    .creditCalBox2 .resultPart {
        padding-bottom: 35px;
    }

    .creditCalBox2 .contentPTop .iMiniU {
        margin-top: 15px;
    }

    .creditCalBox2 .resultPart .resultText {
        padding: 5% 5% 4%;
    }

    .creditCalBox2 .resultPart .resBottom {
        margin-top: 25px;
    }

    .creditCalBox2 .resultPart ul li {
        padding: 16px 0;
    }

        .creditCalBox2 .resultPart ul li label {
            font-size: 16px;
        }

        .creditCalBox2 .resultPart ul li span {
            font-size: 18px;
        }

    /* Branches Page */
    section.branches article {
        width: 67.1875%;
        margin: 30px 0 0 30%;
    }

    section.branches .brancSrcBox {
        top: 30px;
        width: 22%;
    }

    section.branches article ul li {
        margin-bottom: 30px;
        width: 50%;
    }

        section.branches article ul li span {
            font-size: 13px;
        }

        section.branches article ul li p {
            font-size: 13px;
        }

        section.branches article ul li a {
            font-size: 11px;
            margin-top: 10px;
        }

        section.branches article ul li .title {
            font-size: 14px;
            margin-bottom: 8px;
        }

    /* 404 Page */
    section.page404 {
        padding: 80px 0;
    }

        section.page404 article h2 {
            font-size: 140px;
            line-height: 110px;
        }

        section.page404 article p {
            font-size: 30px;
            line-height: 40px;
        }

        section.page404 article span {
            font-size: 18px;
            margin-bottom: 30px;
        }

    /* Contact Page */
    .title2 {
        font-size: 28px;
    }

    .contactForm {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .contactForm .sendForm {
            font-size: 12px;
            width: 180px;
            padding: 17px 0;
            margin-top: 35px;
        }

        .contactForm .form-list label {
            font-size: 13px;
        }

        .contactForm .form-list input, .contactForm .form-list textarea, .contactForm .form-list .ui-selectmenu-button {
            margin-bottom: 20px;
        }

        .contactForm .form-list textarea {
            height: 128px;
        }

    /* Benefit Page */
    .promo.benefit .benArrow img {
        bottom: 50px;
    }

    /* Sitemap */
    .mapSide {
        width: 50%;
    }

        .mapSide ul {
            margin-top: 25px;
        }

            .mapSide ul li {
                font-size: 16px;
            }

    /* Support Center */
    .binaryTextBox {
        margin-bottom: 20px;
    }

    section.sidebarCont article .contentBox .binaryTextBox p {
        font-size: 13px;
    }

    .supportCenAccor .accordionBox .title {
        padding: 20px 0 20px 75px;
        font-size: 13px;
    }

        .supportCenAccor .accordionBox .title span {
            width: 83px;
        }

    .supportCenAccor .accordionBox .content {
        padding: 20px 35px;
    }

        .supportCenAccor .accordionBox .content p {
            font-size: 13px;
        }

        .supportCenAccor .accordionBox .content .applyBtn {
            margin-top: 20px;
            font-size: 13px;
        }

    .contentBox.supportCenter .title2 {
        margin-top: 50px;
    }

    .supportCenter .contactForm .form-list label {
        font-size: 12px;
    }

    .supportCenter .contactForm .form-list textarea {
        height: 167px;
    }

    .supportCenter .contactForm .form-list input, .supportCenter .contactForm .form-list textarea {
        margin-bottom: 0;
    }

    .supportCenter .contactForm .sendForm {
        font-size: 14px;
        width: 220px;
        padding: 18px 0;
    }

    .processingListBox {
        margin-top: 20px;
    }

        .processingListBox ul li {
            font-size: 13px;
        }

            .processingListBox ul li a {
                padding: 12px 10px 12px 25px;
            }

    .card-number input {
        padding: 15px 10px !important;
    }

    .cvv2 input {
        width: 60px !important;
    }

    /** Promo newVersion  */
    section.form .promo.newVersion .title-time .titles h1 {
        margin-bottom: 7px;
    }

        section.form .promo.newVersion .title-time .titles h1 span {
        }

    section.form .promo.newVersion .title-time .titles h2 {
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        width: 100%;
        position: relative !important;
        margin: 0 !important;
        padding: 1% 20%;
        right: 0;
        background: #fff;
    }

    section.form .promo.newVersion.hasButtons .bottBinaryBtn div {
        clear: none;
    }

    section.form .promo.newVersion.hasButtons .bottBinaryBtn.oneButton > div {
        float: none;
        margin: auto;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div a {
        font-size: 11px !important;
        margin: 0 !important;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton {
        padding: 10px 0;
    }

    section.form .promo.newVersion .title-time .time .title {
        font-size: 1.1vw;
    }

    section.form .promo.newVersion .title-time .time .date {
        font-size: 1.3vw;
    }

    section.form .promo.newVersion .title-time .titles {
        top: 50%;
    }

    section.form .promo.newVersion .title-time .time {
        top: 50%;
    }

    section.form .promo.newVersion.hasButtons .title-time .time {
        top: 40%;
    }

    section.form .promo.newVersion.hasButtons .title-time .titles {
        top: 40%;
    }
}

@media (max-width: 1000px) {
    /* General */
    .showMobile {
        display: block !important;
    }

    .showDescktop {
        display: none !important;
    }

    .tabsBox .ui-tabs-nav {
        width: 100%;
        border-bottom: 0 !important;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 100%;
        border: 2px solid #e0e0e0 !important;
        margin-bottom: 5px !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .tabsBox .ui-tabs-nav li.ui-tabs-active {
        border: 2px solid #00915A !important;
        margin-bottom: 5px !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        display: block;
        width: 100%;
        text-align: left;
    }

    .ui-tabs .ui-tabs-panel {
        margin-top: 10px !important;
    }
    /*.tabsBox #tabs-1 { display: none; }*/

    /* Header */
    nav.display {
        display: none;
    }

    nav.mobile {
        display: block;
    }


    nav.display .srcInitBtn {
        display: none;
    }



    /* Calculation Means Page */
    .bottomShareBox.paymentPlan ul.bottAddFavPrint {
        top: inherit;
        position: relative;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 15px;
    }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        clear: both;
        float: none;
        margin: 0 auto;
    }

    .calcWidgetBox .applyBtn.orange.left {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .calcWidgetBox .applyBtn.marLefthHalf2.left {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .calcWidgetBox.wid100Pes .applyBtn.marLefthHalf2 {
        margin-bottom: 20px;
    }

    .calcWidgetBox.wid100Pes ul.accSettings {
        width: 100%;
    }

    /* Calculation New */
    .creditCalBox2 .contentPTop .row1 {
        width: 100%;
        margin-bottom: 25px;
    }

    .creditCalBox2 .contentPTop .row2 {
        width: 100%;
    }

    .creditCalBox2 .contentPTop .row3 {
        width: 35%;
    }

    .creditCalBox2 .resultPart .btnPart {
        width: 35%;
    }

    .creditCalBox2 .resultPart ul li label {
        font-size: 14px;
    }

    .creditCalBox2 .resultPart ul li span {
        font-size: 16px;
    }

    .creditCalBox2 .resultPart .resultText {
        padding: 4% 4% 5%;
    }

    .creditCalBox2 .resultPart .resBottom {
        margin-top: 20px;
    }

    /* Tutorials Page */
    section.aboutTeams.tutorials {
        border: none;
    }

    .card-number input {
        padding: 15px 15px !important;
    }

    .cvv2 input {
        width: 121px !important;
    }
}

@media (max-width: 870px) {
    /* General */

    .bottSupportBox {
        margin-top: 25px !important;
    }

    .bottBinaryBtn.showMobileBtns {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .multiButtonBox.showMobileBtns {
        margin-top: 10px;
    }

    #campPopupSlide .slidesjs-slide p {
        float: none;
        margin: 0 auto;
        padding-top: 50px;
        width: 90%;
    }

    #campPopupSlide .slidesjs-navigation {
        bottom: 52px;
        top: initial;
        margin: 0;
        z-index: 9999;
    }

    #campPopupSlide .slidesjs-previous {
        left: 0;
    }

    #campPopupSlide .slidesjs-next {
        right: 0;
    }

    .slideSplashBox .close {
        right: 0;
    }

    /* Forms */
    .title-time .buttons {
        display: none;
    }

    .input.radio.applQueries {
        width: 250px;
    }

    /*Friend Share*/
    .shareFriend .title {
        font-size: 21px !important;
    }

    /* Contact Page */
    section.sidebarCont article .contentBox .promo.promoVid img {
        display: none;
    }

    .contentBox .promo.promoVid .applyBtn {
        display: none;
    }

    .showMobileBtns {
        display: block !important;
    }

    .showDescktopBtns {
        display: none !important;
    }

    /* Calculation Main Page */
    .calcWidgets ul {
        max-width: 630px;
    }

        .calcWidgets ul li:nth-child(5n) {
            clear: none;
        }

    /* */
    .campDetail .videoBox .playBtn {
        width: 70px;
        margin-left: -35px;
        bottom: 45px;
    }

    section.sidebarCont article .contentBox .promoVid .detVideo {
        position: relative;
        display: block;
        min-height: 200px;
        height: auto;
    }

    .cmsplayer {
        height: auto;
        display: block;
    }

    section.sidebarCont article .contentBox .promoVid img {
        display: none;
    }

    .homeVideoBox .homeLongVideo {
        display: block;
        min-height: 200px;
        height: 350px;
    }

    .campDetail .videoBox img {
        display: none;
    }

    .campDetail .videoBox .detVideo {
        display: block;
    }

    .bottomShareBox.paymentPlan ul.bottAddFavPrint li.print {
        display: none;
    }

    .accSettings.bigScreen {
        display: none;
    }

    .accSettings.mobile {
        display: block;
    }


    /** PROMO NEW VERSİON  **/
    section.form .promo.newVersion .title-time .titles {
    }

        section.form .promo.newVersion .title-time .titles h1 {
            margin-bottom: 7px;
        }

            section.form .promo.newVersion .title-time .titles h1 span {
            }

        section.form .promo.newVersion .title-time .titles h2 {
        }
}

@media (max-width: 768px) {
    /* General */

    .title-time .buttons {
        display: none;
    }

    article {
        width: 100%;
    }

    .splashBox.error {
        width: 500px;
        margin-left: -250px;
        padding: 40px 30px;
    }

        .splashBox.error img {
            width: 70px;
            margin-right: 30px;
        }

        .splashBox.error p {
            width: 320px;
            font-size: 18px;
            line-height: 24px;
        }

    .splashBox.success {
        width: 500px;
        margin-left: -250px;
        padding: 40px 30px;
        top: 110px;
    }

        .splashBox.success img {
            width: 70px;
        }

        .splashBox.success h4 {
            font-size: 30px;
            line-height: 30px;
        }

        .splashBox.success h5 {
            font-size: 18px;
            margin: 10px 0;
        }

        .splashBox.success p {
            font-size: 14px;
            line-height: 20px;
        }

    .bottSupportLinks {
        margin-bottom: 25px;
    }

    section.campDetail .contentBox.faq {
        padding: 0 5% !important;
    }

    .titleBar.fullGreen div {
        padding: 25px 0;
        max-width: 90%;
        width: 90%;
    }

    .titleBar.fullGreen h1 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 5px;
    }

    .titleBar.fullGreen p {
        font-size: 18px;
        line-height: 22px;
    }

    .bottomShareBox {
        padding: 20px 5%;
        width: 100%;
    }

    .browserError {
        padding: 12px 25px;
        font-size: 12px;
    }

        .browserError div {
            line-height: 20px;
        }

            .browserError div img {
                width: 18px;
            }

        .browserError span {
            padding-top: 0;
            clear: both;
            width: 100%;
            padding-top: 10px;
        }

    .sidebarCont .accordionBox {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sidebarCont .contentBox .accordionBox {
        padding-left: 0;
        padding-right: 0;
    }

    #bigScreen {
        display: none;
    }

    #mobileScreen {
        display: block;
    }

    .slideSplashBox {
        width: 90%;
        margin-left: -45%;
    }

    #campPopupSlide .slidesjs-container {
        min-height: 400px;
    }

    #campPopupSlide .slidesjs-slide img {
        width: 100%;
    }

    #campPopupSlide .slidesjs-pagination {
        display: none;
    }

    #campPopupSlide .slidesjs-navigation {
        position: relative;
    }

    #campPopupSlide .slidesjs-previous {
        float: left;
    }

    #campPopupSlide .slidesjs-next {
        float: right;
    }

    #campPopupSlide .slidesjs-slide p {
        font-size: 12px;
        line-height: 16px;
        padding-top: 20px;
    }

    /*Friend Share*/
    .shareFriend .fRow span {
        position: initial;
        margin-bottom: 15px;
    }

    .shareFriend .continue-btn {
        margin-bottom: 40px;
    }
    /* Home */
    section.home ul li div {
        bottom: 20px;
        left: 20px;
    }

        section.home ul li div h2 {
            font-size: 26px;
        }

        section.home ul li div span {
            font-size: 14px;
            margin: 5px 0 15px 0;
        }

        section.home ul li div .more {
            font-size: 13px;
            margin: 0;
        }

    /* Form Pages */
    section.form .promo img { /*height: 150px;*/
    }
    /*section.form .promo .title-time .titles { transform: inherit; top: 40px; width: 65%; }*/
    section.form .promo .title-time .titles h1 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 24px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles h2 {
        font-size: 14px;
        line-height: 20px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title1 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title1 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title1 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title2 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title2 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title2 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title3 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title3 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title3 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title4 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title4 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title4 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title5 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title5 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title5 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title6 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title6 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title6 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title7 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title7 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title7 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .titles.title8 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: 'open_sansbold';
    }

        section.form .promo .title-time .titles.title8 h1 span {
            font-family: 'open_sansbold';
        }

    section.form .promo .title-time .titles.title8 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: 'open_sansregular';
    }

    section.form .promo .title-time .time {
        height: 50px;
        transform: inherit;
        top: 55px;
    }

        section.form .promo .title-time .time div {
            transform: inherit;
            top: 8px;
        }

        section.form .promo .title-time .time img {
            margin-right: 10px;
        }

        section.form .promo .title-time .time .title {
            font-size: 11px;
        }

        section.form .promo .title-time .time .date {
            font-size: 14px;
        }


    /** PROMO newVersion */
    section.form .promo.newVersion .title-time .time {
        right: -2%;
    }

    section.form .promo.newVersion .title-time .titles h1 {
        line-height: 17px;
        margin-bottom: 5px;
    }

        section.form .promo.newVersion .title-time .titles h1 span {
            font-size: 17px;
            font-family: 'bnpp_sansregular';
            line-height: 17px;
        }

    section.form .promo.newVersion .title-time .titles h2 {
        font-size: 13px;
        font-family: 'open_sanslight';
    }

    section.form .promo.newVersion .title-time .time .title {
        font-size: 1.7vw;
    }

    section.form .promo.newVersion .title-time .time .date {
        font-size: 1.6vw;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        padding: 1% 20%;
    }


    section.sidebarCont article .contentBox .promo.promoVid img {
        display: none;
    }

    .accordion-title {
        padding: 20px 0 20px 3.3333333333333%;
        font-size: 16px;
        line-height: 20px;
    }

        .accordion-title span.title {
            padding-left: 35px;
            height: 24px;
            float: left;
            line-height: 24px;
        }

        .accordion-title .okey {
            width: 65px;
        }

            .accordion-title .okey img {
                width: 26px;
                margin-left: -13px;
                top: 23px;
                transform: inherit;
            }

    .accordion-container {
        padding: 20px 3.3333333333333%;
    }

        .accordion-container .form-list {
            width: 100%;
            margin-right: 0;
        }

    .form-list label {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .form-part input, .form-part textarea {
        padding: 10px;
    }

    .inputs input, .inputs textarea {
        padding: 10px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 10px 50px 10px 10px;
    }

    button.continue-btn.right.bottom.possAbs {
        position: relative;
        bottom: inherit !important;
        right: inherit !important;
    }

    button.continue-btn.setBinaryColumn {
        margin-right: 0 !important;
    }

    .checkRadioBox {
        clear: both;
    }

    .form-list .input.checkbox, .form-list .input.radio {
        clear: both;
        margin-bottom: 20px;
    }

    .form-list .checkbox-group .input.checkbox, .form-list .radio-group .input.radio {
        clear: none;
    }

    .form-list.confText span.title {
        font-size: 34px;
    }

    .form-list.confText span.subTitle {
        font-size: 22px;
        line-height: 26px;
    }

    .form-list.confText span.desp {
        font-size: 16px;
    }

    .form-list.video {
        margin-top: 25px;
    }

    .contentBox .accordion-container.confirmation .form-list.video {
        margin-top: 0;
    }

    .accordion-container .cardTypeText {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .cardTypeBox p {
        font-size: 13px;
    }

    .cardTypeBox label {
        font-size: 11px;
        margin-top: 6px;
    }

    .accordion-container p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .contractBox {
        margin: 15px 0;
        width: 100%;
    }

        .contractBox p {
            font-size: 13px;
        }

        .contractBox label {
            margin-top: 5px;
            font-size: 13px;
        }

        .contractBox.mar-right-130 {
            margin-right: 0;
        }

    .cvv2 span {
        width: auto;
        display: inline;
    }

    .cvv2 img {
        width: 70px;
    }

    .input.radio.applQueries {
        width: 100%;
        clear: both;
        margin: 0 0 20px 0;
    }

    .followResults {
        width: 100%;
        margin: 40px 0;
    }

        .followResults .seperator {
            margin-left: 39px;
        }

        .followResults .box div em {
            font-size: 24px;
        }

        .followResults .box div.cont span {
            font-size: 12px;
        }

        .followResults .box div.cont p {
            font-size: 12px !important;
        }

    /* Campaing Detail Page */
    /*article .titleBar {
        padding: 20px !important;
    }*/

    article .titleBar:after, article .titleBar:before {
        display: none;
    }

    article .titleBar h1 {
        width: 100% !important;
    }

    .campDetail article .campDetailImg {
        float: none;
        display: block;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        border: none;
        clear: both;
    }

    .campDetail article .contentBox {
        width: 100%;
        padding: 20px;
    }

    .campDetail.type2 .promo .social {
        width: 38px;
    }

    .campDetail.type2 article .titleBar p {
        font-size: 16px;
    }

    .campDetail.type2 article .campDetailImg {
        margin: 0 auto;
    }

        .campDetail.type2 article .campDetailImg.left {
            float: none;
        }

    .detPageBottListThem.campDet {
        margin-top: 0;
        border: none;
    }

    .detPageBottListThem {
        padding: 0 20px;
    }

    .contentBox .detPageBottListThem {
        padding: 0;
    }

    .campDetail.type2 article .contentBox {
        width: 100%;
        padding: 20px !important;
        min-height: initial;
    }

        .campDetail.type2 article .contentBox h2 {
            font-size: 24px;
            line-height: 26px;
        }

        .campDetail.type2 article .contentBox.whatis {
            width: 60%;
        }

    .campDetail.type2 article .campDetailImg.left.whatis {
        float: left;
        width: 40%;
        max-width: inherit;
        padding-left: 20px;
    }

    .campDetail .videoBox .playBtn {
        width: 60px;
        margin-left: -35px;
        top: 50%;
        margin-top: -35px;
        bottom: inherit;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 200px !important;
    }

    .campDetail.type2 article .contentBox .left, .campDetail.type2 article .contentBox .right {
        width: 50%;
        float: left;
    }

        .campDetail.type2 article .contentBox .left .applyBtn {
            float: right;
        }

        .campDetail.type2 article .contentBox .right .applyBtn {
            float: left;
            margin-left: 5px;
        }

    .campDetail.type2 article .contentBox .applyBtn.first {
        margin-right: 5px;
    }

    section.sidebarCont article .contentBox {
        min-height: inherit;
    }

    /* Faq & Prices Page */
    section.campDetail .contentBox.faq {
        margin-top: 0px;
    }

    table.prices thead th {
        font-size: 10px;
        padding: 5px;
    }

    table.prices tr td {
        padding: 10px 5px;
        font-size: 11px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 10px;
        line-height: 20px;
    }

    /* Sidebar & Content Pages */
    section.sidebarCont {
        padding: 0;
    }

        section.sidebarCont aside {
            width: 100%;
            padding: 20px;
            border: 3px solid transparent;
        }

            section.sidebarCont aside .sideMenu {
                display: none;
                margin-top: 15px;
            }

        section.sidebarCont article {
            float: left;
            clear: both;
            width: 100%;
        }

        section.sidebarCont aside h2 {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 0;
        }

        section.sidebarCont aside .sideMenuDefault {
            display: none;
        }

        section.sidebarCont aside .sideMenuOpen {
            display: inline-block;
        }

        section.sidebarCont article .titleBar {
            padding: 31px 40px;
        }

            section.sidebarCont article .titleBar h1 {
                font-size: 28px;
                line-height: 30px;
            }

            section.sidebarCont article .titleBar p {
                font-size: 18px;
                line-height: 26px;
                margin-top: 5px;
            }

        section.sidebarCont article .contentBox {
            width: 100%;
            padding: 0 20px;
            margin-top: 0;
        }

            section.sidebarCont article .contentBox .promo {
                width: 100%;
                margin-bottom: 15px;
            }

    /* About Page */
    .campDetail.about article {
        margin-top: 0;
    }

    section.campDetail .contentBox.about {
        margin-top: 0px;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

        section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
            font-size: 16px;
        }

        section.campDetail .contentBox.about .left p, section.campDetail .contentBox.about .right p {
            font-size: 12px;
        }

    .aboutTeams {
        padding-top: 15px;
        margin-top: 5px;
    }

        .aboutTeams .title {
            font-size: 40px;
        }

        .aboutTeams .subTitle {
            font-size: 16px;
        }

            .aboutTeams .subTitle.type2 {
                margin-top: 50px;
            }

        /* About Page */
        .aboutTeams ul.team li .details span.name {
            font-size: 18px;
            line-height: 18px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 12px;
            line-height: 12px;
        }

        .aboutTeams ul.team li .details span.seperator {
            margin: 12px auto;
        }

    /* Tutorials Page*/
    section.aboutTeams ul.tutorials {
        padding-top: 20px;
    }

        section.aboutTeams ul.tutorials li a {
            left: 20px;
            bottom: 20px;
        }

            section.aboutTeams ul.tutorials li a span {
                font-size: 12px;
                padding: 10px 0;
            }

    /* Campaigns List Page */
    .campListPart h2 {
        font-size: 20px;
        padding-top: 3px;
    }

    .campListPart ul li span {
        font-size: 12px;
    }

    .campListPart .select .ui-selectmenu-button {
        font-size: 14px;
    }

    /* Calculation Means Page */
    section.calMeans .calcWidgetSlider {
        max-width: 600px;
        margin-bottom: 30px;
    }

    .calcWidgetSlider .slick-slide {
        min-height: 150px;
        margin: 0 10px;
    }

        .calcWidgetSlider .slick-slide img {
            width: 50px;
        }

        .calcWidgetSlider .slick-slide span {
            padding-top: 15px;
            font-size: 13px;
        }

    ul.accResult.marTop30 {
        margin-top: 0;
    }

    /* Campaing Detail Page _ New */
    section.sidebarCont.campDetail article {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        section.sidebarCont.campDetail article .titleBar:after {
            display: none !important;
        }

        section.sidebarCont.campDetail article .contentBox {
            width: 100%;
            margin: 15px 0;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

    .campDetail article .campDetailImg {
        max-width: 250px;
        position: relative;
        top: inherit;
    }

    /* Calculation Main Page */
    .calcWidgetBox {
        padding-bottom: 30px;
    }

        .calcWidgetBox h3 {
            font-size: 24px;
        }

    /* Calculation New */
    .creditCalBox2 .contentPTop .row1 {
        width: 50%;
    }

    .creditCalBox2 .contentPTop .row2 {
        width: 50%;
    }

    /* Branches Page */
    section.branches .brancSrcBox {
        position: relative;
        float: left;
        width: 90%;
        top: inherit;
        left: inherit;
        margin: 20px 5% 0 5%;
    }

    section.branches article {
        float: left;
        width: 90%;
        margin: 5% 0 0 5%;
        clear: both;
    }

        section.branches article h2 {
            font-size: 22px;
            margin-bottom: 10px;
        }

        section.branches article ul li {
            margin-bottom: 20px;
            width: 50%;
        }

            section.branches article ul li span {
                font-size: 12px;
            }

            section.branches article ul li p {
                font-size: 12px;
            }

            section.branches article ul li a {
                font-size: 11px;
                margin-top: 10px;
            }

            section.branches article ul li .title {
                font-size: 14px;
                margin-bottom: 8px;
            }

    /* 404 Page */
    section.page404 {
        padding: 60px 5%;
    }

        section.page404 article h2 {
            font-size: 120px;
            line-height: 90px;
        }

        section.page404 article p {
            font-size: 26px;
            line-height: 36px;
        }

        section.page404 article span {
            font-size: 18px;
            margin-bottom: 30px;
        }

        section.page404 article a {
            font-size: 12px;
        }

    /* Contact Form */
    .contactForm {
        max-width: 90%;
        margin-top: 35px;
        margin-bottom: 35px;
    }

        .contactForm .form-list textarea {
            height: 122px;
        }

    .title2 {
        font-size: 24px;
    }

    .subTitle2 {
        font-size: 14px;
    }

    .splashBox.contact {
        width: 100%;
        margin-left: inherit;
        top: 50px;
        left: 0;
        padding: 25px;
    }

        .splashBox.contact h4 {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .splashBox.contact p {
            font-size: 12px;
            line-height: 20px;
            margin: 0 0 20px 0;
        }

    /* Benefit Page */
    .promo.benefit .benArrow img {
        width: 50px;
        bottom: 30px;
    }

    /* Sitemap */
    .mapSide {
        width: 46%;
        margin-left: 4%;
    }

        .mapSide ul li {
            font-size: 14px;
        }

            .mapSide ul li a {
                padding: 1px 35px 1px 0;
            }

                .mapSide ul li a:hover {
                    background: none;
                }

            .mapSide ul li ul li {
                font-size: 11px;
            }

    /* Datepicker Skin */
    #ui-datepicker-div {
        width: 253px !important;
        background: #f7f7f7 !important;
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 12px !important;
    }

    .ui-datepicker table thead th span {
        font-size: 12px !important;
    }

    .ui-datepicker-calendar td {
        padding: 0 !important;
    }

        .ui-datepicker-calendar td a {
            width: 35px !important;
            font-size: 13px !important;
        }

            .ui-datepicker-calendar td a:hover {
                font-size: 13px !important;
            }
}

@media (max-width: 1842px) {
    .tableMobileFix2 {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-appearance: none;
    }

        .tableMobileFix2 table {
            min-width: 500px;
        }

        .tableMobileFix2 .mobileTableRouter {
            display: block;
        }

    /*#divDovizSonGuncellemeMobile {
        display: block;
    }*/

    #btnDovizTabloGuncelleMobile {
        display: block;
    }

    #divDovizSonGuncellemeMobile {
        font-size: 10px !important;
    }

    #btnDovizTabloGuncelleMobile {
        display: none !important;
    }

    #btnDovizTabloGuncelle {
        display: block !important;
    }

    #divDovizSonGuncelleme {
        display: block !important;
    }

    .tableMobileFix2::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .tableMobileFix2::-webkit-scrollbar:vertical {
            width: 11px;
        }

        .tableMobileFix2::-webkit-scrollbar:horizontal {
            height: 11px;
        }

    .tableMobileFix2::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .5);
    }

    .tableMobileFix2::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 8px;
    }
}

@media (max-width: 1576px) {
    .tabsBox .tableMobileFix2 {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-appearance: none;
    }

        .tabsBox .tableMobileFix2 table {
            min-width: 500px;
        }

        .tabsBox .tableMobileFix2 .mobileTableRouter {
            display: block;
        }

    #divDovizSonGuncellemeMobile {
        font-size: 10px !important;
    }

    #btnDovizTabloGuncelleMobile {
        display: none !important;
    }

    #btnDovizTabloGuncelle {
        display: block !important;
    }

    #divDovizSonGuncelleme {
        display: block !important;
    }

    .tabsBox .tableMobileFix2::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .tabsBox .tableMobileFix2::-webkit-scrollbar:vertical {
            width: 11px;
        }

        .tabsBox .tableMobileFix2::-webkit-scrollbar:horizontal {
            height: 11px;
        }

    .tabsBox .tableMobileFix2::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        background-color: rgba(0, 0, 0, .5);
    }

    .tabsBox .tableMobileFix2::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 8px;
    }
}

@media (max-width: 640px) {
    /** Home */
    section.home ul li {
        width: 100%;
        margin: 5px 0 0 0;
    }

        section.home ul li div span {
            margin: 10px 0 20px 0;
        }

        section.home ul li div a {
            font-size: 12px;
        }

        section.home ul li.double img {
            display: none;
        }

            section.home ul li.double img.mobile {
                display: block;
            }

    /* General */
    .bottBinaryBtn div a.applyBtn {
        font-size: 14px;
        width: 220px;
    }

    .bottBinaryBtn div {
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        padding: 0 !important;
        text-align: center;
    }

        .bottBinaryBtn div a.applyBtn {
            margin: 0 auto;
            float: none;
        }

    .bottSupportTitle {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    ul.bottSupportLinks li a {
        padding: 12px 0;
        font-size: 13px;
    }

    .splashBox.warning {
        width: 100%;
        margin-left: 0;
        left: 0;
        padding: 40px;
    }

        .splashBox.warning img {
            margin-right: 20px;
            height: 70px;
        }

        .splashBox.warning .close img {
            height: auto;
        }

        .splashBox.warning div {
            margin: 0;
            padding-left: 90px;
        }

            .splashBox.warning div p {
                font-size: 14px;
                line-height: 18px;
            }

            .splashBox.warning div .continue-btn {
                font-size: 11px;
            }

    .bottSupportBox {
        margin-bottom: 20px;
        padding: 20px 20px 20px 28px;
    }

        .bottSupportBox p {
            font-size: 12px;
            line-height: 16px !important;
            margin-top: 2px;
        }

    .splashBox {
        width: 100% !important;
        margin-left: inherit !important;
        left: 0 !important;
        padding: 10% 5% !important;
    }

    .calculatorSplashBox.splashBox {
        padding-top: 50px !important;
        top: 0 !important;
        height: 100%;
    }

    .faizOraniSplashBox.splashBox {
        padding-top: 50px !important;
        top: 0 !important;
        height: 100%;
    }

    .splashBox.error img {
        width: 15%;
        margin-right: 5%;
    }

    .splashBox.error p {
        width: 75%;
        font-size: 14px;
        line-height: 20px;
    }

    .splashBox.agreement {
        padding: 5% !important;
    }

        .splashBox.agreement .agreementBox {
            height: 330px;
        }

        .splashBox.agreement h4 {
            font-size: 20px;
            margin-bottom: 15px;
        }

        .splashBox.agreement .agreementBox p {
            font-size: 12px;
            line-height: 20px;
            padding-right: 15px;
        }

    .splashBox.pdf {
        margin-left: -465px;
        top: 75px;
        padding: 0px !important;
    }

        .splashBox.pdf iframe {
            width: 100%;
            height: 535px;
        }

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
        width: 100%;
        float: left;
        position: relative;
        left: inherit;
        top: inherit;
        margin: 0 0 10px 0;
    }

    .tableMobileFix {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-appearance: none;
    }

        .tableMobileFix table {
            min-width: 500px;
        }


    .mobileTableRouter {
        display: block;
        font-family: Arial, sans-serif;
    }

    /*#divDovizSonGuncellemeMobile {
        display: block;
    }*/

    #btnDovizTabloGuncelleMobile {
        display: block;
    }

    #btnDovizTabloGuncelle {
        display: none;
    }

    #divDovizSonGuncelleme {
        display: none;
    }

    table thead th .shortTooltip .icon {
        width: 22px !important;
        height: 22px;
        padding-top: 2px;
        font-size: 13px !important;
    }

    table thead th .shortTooltip div {
        right: -50px;
        top: 34px;
        bottom: initial;
        left: initial;
    }

        table thead th .shortTooltip div span {
            display: none;
        }

    .slideSplashBox .close img {
        width: 26px;
    }

    /* Home */
    section.home ul li div {
        bottom: 15px;
        left: 15px;
    }

        section.home ul li div h2 {
            font-size: 24px;
        }

        section.home ul li div span {
            font-size: 13px;
            margin: 2px 0 12px 0;
        }

        section.home ul li div .more {
            font-size: 12px;
        }

    /*Friend Share*/

    .shareFriend .title br {
        display: None;
    }

    /* Form Pages */
    /*section.form .promo .title-time .titles { transform: inherit; top: 35px; }*/
    section.form .promo img { /*height: 130px;*/
    }

        section.form .promo img.mobile {
            display: block;
        }

        section.form .promo img.normal {
            display: none;
        }

    section.form .promo .title-time .titles {
        width: 100%;
    }

        section.form .promo .title-time .titles h1 {
            font-size: 16px;
            margin-bottom: 5px;
            line-height: 18px;
        }

        section.form .promo .title-time .titles h2 {
            font-size: 12px;
            line-height: 18px;
        }

    .mbBg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        -webkit-animation: bannerbg 1s;
        animation: bannerbg 1s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }



    section.form .promo .title-time .titles.title1 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title1 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title1 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title2 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title2 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title2 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title3 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title3 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title3 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title4 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title4 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title4 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title5 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title5 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title5 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title6 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title6 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title6 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title7 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title7 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title7 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title8 {
        opacity: 0;
        width: 100% !important;
        left: 0px !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title8 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title8 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .time {
        top: 42px;
        display: none;
    }

    /** Promo newVersion  */

    section.form .promo.newVersion .title-time .titles {
        top: 50%;
        width: 100%;
        left: 0;
        opacity: 0;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo.newVersion .title-time .titles h1 {
            line-height: 20px;
        }

            section.form .promo.newVersion .title-time .titles h1 span {
                font-size: 20px;
                color: #fff;
                line-height: 20px;
            }

        section.form .promo.newVersion .title-time .titles h2 {
            font-size: 12px;
            color: #fff;
        }

    section.form .promo.newVersion.hasButtons .bottBinaryBtn div {
        margin-bottom: 0 !important;
    }


    .contractBox label {
        float: none;
    }

    .cardTypeBox .iradio {
        clear: both;
        margin-bottom: 15px;
    }

    .cardTypeBox label {
        margin-bottom: 14px;
    }

    .followResults.vertical .box .tooltip {
        right: 63%;
    }

    .alertBox {
        font-size: 12px;
    }

    /* Campaing Detail Page */
    .campDetail article .titleBar h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .campDetail.type2 .promo .social {
        width: 28px;
        top: 15px;
        right: 15px;
    }

    .transactionsTable {
        font-size: 12px;
    }

        .transactionsTable thead th {
            padding: 15px 3px;
        }

        .transactionsTable tbody td {
            padding: 10px 0;
        }

            .transactionsTable tbody td.name {
                padding: 10px;
            }

            .transactionsTable tbody td img {
                width: 14px;
            }

    section.sidebarCont article .contentBox .promoVid .detVideo object {
        height: 200px;
    }

    .campDetail.type2 article .contentBox.whatis {
        width: 100%;
    }

    .campDetail.type2 article .campDetailImg.left.whatis {
        float: none;
        width: auto;
        max-width: 250px;
        padding-left: 0;
    }

    /* Faq & Prices Page */
    section.campDetail .contentBox.faq {
        padding-top: 0;
    }

    .accordionBox {
        padding: 15px 0;
    }

        .accordionBox .title {
            font-size: 12px;
            padding-left: 40px;
        }

            .accordionBox .title.widthImg img {
                margin: 0 12px 0 0;
                height: 40px;
            }

        .accordionBox .content {
            margin-top: 10px;
            padding-left: 40px;
        }

            .accordionBox .content p {
                font-size: 12px;
            }

    /* About Page */
    .aboutTeams ul.team li {
        width: 50%;
    }

        .aboutTeams ul.team li .details span.name {
            font-size: 22px;
            line-height: 22px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 14px;
            line-height: 14px;
        }

        .aboutTeams ul.team li .details span.seperator {
            margin: 15px auto;
        }

    /* Tutorials Page*/
    section.aboutTeams ul.tutorials li {
        width: 100%;
        margin: 0 0 5px 0;
    }

        section.aboutTeams ul.tutorials li.double {
            width: 100%;
            margin: 0 0 5px 0;
        }

            section.aboutTeams ul.tutorials li.double img {
                display: none;
            }

            section.aboutTeams ul.tutorials li.double a img {
                display: block;
            }

            section.aboutTeams ul.tutorials li.double img.mobile {
                display: block;
            }

        section.aboutTeams ul.tutorials li:last-child {
            margin-bottom: 0;
        }

        section.aboutTeams ul.tutorials li a {
            left: 20px;
            bottom: 20px;
        }

            section.aboutTeams ul.tutorials li a img {
                width: 40px;
            }

            section.aboutTeams ul.tutorials li a span {
                padding: 13px 15px 12px 15px;
                font-size: 12px;
            }

    /* Campaigns List Page */
    .campListPart .select {
        width: 50%;
        clear: both;
        float: left;
        margin: 10px 0 0 0;
    }

        .campListPart .select.sectorFilter {
            width: 50%;
        }

    .campListPart ul li {
        width: 49.190938511327%;
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 1.6181229773463%;
        }

        /*.campListPart ul li:nth-child(2n) {
            margin-right: 0;
        }*/

        .campListPart ul li span {
            font-size: 14px;
        }

    /* Smart */
    .cardPackage {
        padding: 12px;
    }

        .cardPackage h3 {
            font-size: 12px;
            margin-bottom: 8px;
        }

        .cardPackage p {
            font-size: 12px;
            margin-bottom: 8px;
        }

        .cardPackage em {
            font-size: 12px;
        }

    .interBankingBox p {
        padding: 0 20px;
        font-size: 12px !important;
    }

    /* Calculation Main Page */
    .calcWidgets ul {
        width: 100%;
    }

        .calcWidgets ul li {
            width: 46.3%;
            height: 130px;
            margin: 0 0 2.5% 2.5%;
        }

    section.sidebarCont article .contentBox .tooltip.infoMessage p {
        float: none;
    }

    .calcWidgets ul li img {
        width: 40px;
    }

    .calcWidgets ul li span {
        font-size: 13px;
    }

    /* Benefit Page */
    .promo.benefit .benArrow img {
        width: 40px;
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bannerbg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.6;
    }
}

/* Standard syntax */
@keyframes bannerbg {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.6;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}


@media (max-width: 570px) {
    /* Calculation New */
    .creditCalBox2 .contentPTop .row1 {
        width: 100%;
    }

    .creditCalBox2 .contentPTop .row2 {
        width: 100%;
    }

    .creditCalBox2 .contentPTop .row3 {
        width: 56%;
        max-width: 200px;
    }

    .creditCalBox2 .resultPart .btnPart {
        width: 56%;
        max-width: 200px;
    }

    .creditCalBox2 .resultPart ul li label {
        font-size: 12px;
    }

    .creditCalBox2 .resultPart ul li span {
        font-size: 14px;
    }

    .creditCalBox2 {
        padding: 5px;
    }

        .creditCalBox2 .contentPBottom {
            margin-top: 5px;
        }

        .creditCalBox2 .contentPTop .applyBtn {
            font-size: 12px;
        }

        .creditCalBox2 .resultPart .applyBtn {
            font-size: 12px;
        }

        .creditCalBox2 .contentPTop .calTitle {
            font-size: 25px;
        }

        .creditCalBox2 .resultPart .resBottom .btns .payPlanBtn {
            display: block;
            margin-right: 0px !important;
        }

        .creditCalBox2 .contentPTop .iMiniU span {
            font-size: 16px;
        }

    .creditCalBox2Co {
        padding: 0px;
        margin-left: -8%;
        width: 116%;
    }

        .creditCalBox2Co .contentPBottom {
            margin-top: 0px;
        }
}

@media (max-width: 480px) {
    /* General */
    section .applyBtn {
        padding: 15px 0;
        font-size: 13px;
        max-width: 100%;
    }

        section .applyBtn.contBott {
            max-width: 100%;
        }

    section.campDetail .applyBtn {
        margin-left: 5%;
        margin-right: 5%;
    }

    .splashBox {
        width: 100% !important;
        margin-left: inherit !important;
        left: 0 !important;
        padding: 10% 5% !important;
    }

        .splashBox.error img {
            width: 30px !important;
            margin-right: 5%;
        }

        .splashBox.error p {
            width: 75%;
            font-size: 14px;
            line-height: 20px;
        }

        .splashBox.success h4 {
            font-size: 28px;
            line-height: 28px;
        }

    .bottBinaryBtn div {
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        padding: 0 !important;
        text-align: center;
    }

        .bottBinaryBtn div a.applyBtn {
            margin: 0 auto;
            float: none;
        }

    .bottSupportTitle {
        margin-top: 20px;
        font-size: 16px;
    }

    ul.bottSupportLinks li a {
        font-size: 12px;
    }

    .titleBar.fullGreen div {
        padding: 15px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .titleBar.fullGreen p {
        font-size: 14px;
        line-height: 18px;
    }

    section .applyBtn.auto {
        font-size: 11px;
        padding: 13px 25px;
    }

    .bottomShareBox ul.bottAddFavPrint {
        float: left;
        clear: both;
        margin-top: 20px;
    }

        .bottomShareBox ul.bottAddFavPrint.left {
            margin: 0;
        }

    .leftPerCent50 {
        margin-left: 0;
    }

    .shortTooltip div {
        left: 0;
        max-width: 300px;
        bottom: 45px;
    }

        .shortTooltip div span {
            display: none !important;
        }

    .bottSupportBox img {
        margin-bottom: 10px;
    }

    .bottomShareBox.paymentPlan ul.bottAddFavPrint li {
        border: none;
        clear: both;
        margin-bottom: 10px;
    }

    .homeVideoBox .homeLongVideo {
        height: 250px;
    }


    #campPopupSlide .slidesjs-container {
        min-height: 310px;
    }

    .slideSplashBox .close {
        top: -40px;
    }

        .slideSplashBox .close img {
            width: 20px;
        }



    /* Home */
    section.home ul li {
        width: 100%;
        margin: 5px 0 0 0;
    }

        section.home ul li div span {
            margin: 10px 0 20px 0;
        }

        section.home ul li div a {
            font-size: 12px;
        }

        section.home ul li.double img {
            display: none;
        }

            section.home ul li.double img.mobile {
                display: block;
            }

    /* Form Page */
    section.form .promo .title-time .titles {
        width: 100%;
    }

        section.form .promo .title-time .titles h2 {
            line-height: 15px;
        }

        section.form .promo .title-time .titles.title1 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title1 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title2 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title2 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title3 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title3 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title4 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title4 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title5 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title5 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title6 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title6 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title7 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title7 h2 {
                line-height: 15px;
            }

        section.form .promo .title-time .titles.title8 {
            width: 100%;
        }

            section.form .promo .title-time .titles.title8 h2 {
                line-height: 15px;
            }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        padding: 1% 5%;
    }

    .cvv2 > span {
        clear: both;
        display: block;
        margin-top: -10px;
    }

    .cvv2 img {
        width: 70px;
        margin: 5px 0 15px 0;
    }

    .followResults {
        width: 90%;
        margin: 0 auto;
    }

        .followResults .seperator {
            display: none;
        }

        .followResults .box {
            clear: both;
            float: none;
            margin: 30px 0;
        }

            .followResults .box div {
                width: 65px;
                height: 65px;
            }

                .followResults .box div img {
                    width: 15px;
                }

                .followResults .box div em {
                    font-size: 20px;
                }

            .followResults .box.cont span {
                font-size: 11px;
            }

        .followResults.vertical .box {
            float: left;
            margin: 0 0 20px 0;
        }

            .followResults.vertical .box.missingDoc .tooltip {
                display: none;
            }

            .followResults.vertical .box.missingDoc .cont span {
                color: #fa7939;
            }

    .cardTypeBox label {
        margin-right: 0;
    }

    /* Campaing Detail Page */
    .campDetail article .titleBar h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .campDetail article .contentBox h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 12px;
        line-height: 16px;
    }

    .detPageBottListThem.campDet h3 {
        padding: 10px 10px 10px 25px;
        font-size: 18px;
    }

    .campDetail.type2 article .titleBar h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .campDetail.type2 article .titleBar p {
        font-size: 14px;
    }

    .detPageBottListThem.campDet ul {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 5%;
    }

        .detPageBottListThem.campDet ul li {
            min-height: 200px;
        }

            .detPageBottListThem.campDet ul li span {
                font-size: 12px;
            }

        .detPageBottListThem.campDet ul li {
            font-size: 12px;
            width: 48.79999999%;
        }

            .detPageBottListThem.campDet ul li:nth-child(4n) {
                margin-right: 2.3980815347722%;
            }

            .detPageBottListThem.campDet ul li:nth-child(3n) {
                margin-right: 2.3980815347722%;
                clear: both;
            }

            .detPageBottListThem.campDet ul li:nth-child(2n) {
                margin-right: 0;
            }

    .detPageBottListThem.servBox ul li:nth-child(3n) {
        margin-right: 2.3980815347722%;
    }

    .detPageBottListThem.servBox ul li:nth-child(4n) {
        clear: none;
    }

    .detPageBottListThem.servBox ul.binary li:first-child {
        margin-left: 0 !important;
    }

    .detPageBottListThem.campDet.servBox ul.binary {
        margin-left: 20px !important;
    }

    .campDetail.type2 article .contentBox h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 100% !important;
        float: none !important;
        margin: 5px auto !important;
    }

    .campDetail.type2 article .contentBox .left, .campDetail.type2 article .contentBox .right {
        width: 100%;
        clear: both;
    }

    /* Faq & Prices Page */
    .campDetail article .titleBar.faq p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 16px;
    }

    .accordionBox .content p {
        font-size: 11px;
    }

    table.prices thead th {
        font-size: 9px;
    }

    table.prices tr td {
        padding: 10px 5px;
        font-size: 10px;
    }

    table.prices thead th.paddLeft25, table.prices tbody td.paddLeft25 {
        padding-left: 10px;
    }

    table.prices2 thead th {
        padding: 12px 5px !important;
        font-size: 11px !important;
    }

    table.prices2 tr td {
        padding: 12px 5px !important;
        font-size: 11px !important;
    }
    /* Sidebar & Content Pages */
    section.sidebarCont aside h2 {
        font-size: 14px;
        line-height: 18px;
    }

    section.sidebarCont article .titleBar {
        padding: 20px;
    }

        section.sidebarCont article .titleBar h1 {
            font-size: 22px;
            line-height: 26px;
        }

        section.sidebarCont article .titleBar p {
            font-size: 14px;
            line-height: 20px;
            margin-top: 10px;
        }

    section.sidebarCont article .contentBox p {
        font-size: 12px;
        line-height: 18px;
    }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 16px;
            line-height: 22px;
        }

        section.sidebarCont article .contentBox p.title {
            font-size: 20px;
            line-height: 24px;
        }

    .detPageBottListThem.noBg h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .detPageBottListThem.noBg ul li {
        min-height: 180px;
        width: 48.79999999%;
    }

        .detPageBottListThem.noBg ul li span {
            padding: 10px;
            font-size: 12px;
        }

        .detPageBottListThem.noBg ul li:nth-child(4n) {
            margin-right: 2.3980815347722%;
        }

        .detPageBottListThem.noBg ul li:nth-child(2n) {
            margin-right: 0;
        }

    .interBankingBox {
        width: 100%;
        margin-right: 0;
        clear: both;
    }

    section.sidebarCont article .contentBox .bottSupportBox {
        padding: 15px 15px 3px 26px;
    }

        section.sidebarCont article .contentBox .bottSupportBox p {
            margin-top: 0;
        }

        section.sidebarCont article .contentBox .bottSupportBox img {
            margin-bottom: 15px;
        }

    /* About Page */
    section.campDetail .contentBox.about .left, section.campDetail .contentBox.about .right {
        float: none;
        width: 100%;
    }

    .aboutTeams {
        margin-top: 0;
    }

        .aboutTeams .title {
            font-size: 30px;
        }

        .aboutTeams .subTitle {
            font-size: 14px;
        }

        .aboutTeams ul.team li .details span.name {
            font-size: 18px;
            line-height: 18px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 12px;
            line-height: 12px;
        }

        .aboutTeams ul.team li .details span.seperator {
            margin-bottom: 14px;
        }

        .aboutTeams .subTitle.type2 {
            margin-top: 40px;
        }

    /* Campaigns List Page */
    .campListPart {
        padding-top: 10px;
    }

        .campListPart h2 {
            width: 100%;
            text-align: center;
        }

        .campListPart ul li {
            width: 100%;
        }

            .campListPart ul li:nth-child(4n) {
                margin-right: 0;
            }

        .campListPart .select {
            width: 100%;
        }

            .campListPart .select.sectorFilter {
                width: 100%;
            }

    /* Smart Account Page */
    .tabsBox .ui-tabs-nav {
        margin-bottom: 20px;
    }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 15px;
            min-width: inherit;
        }

    .tabsBox .ui-tabs-panel {
        padding: 0;
    }

        .tabsBox .ui-tabs-panel ul li {
            font-size: 12px;
        }

    .cardPackage {
        padding: 10px;
        width: 100%;
        clear: both;
        margin-right: 0;
    }

        .cardPackage.half {
            height: auto !important;
        }

        .cardPackage h3 {
            font-size: 12px;
        }

        .cardPackage p {
            font-size: 12px;
        }

        .cardPackage em {
            font-size: 12px;
        }

    /* Calculation Means Page */
    .comparison.step2 ul.accSettings {
        display: none;
    }

        .comparison.step2 ul.accSettings.mobile {
            display: block;
        }

    ul.accSettings {
        margin-bottom: 10px;
    }

        ul.accSettings li {
            margin-bottom: 10px;
        }

            ul.accSettings li label {
                padding: 10px 0 10px 0;
                font-size: 12px;
                width: 100%;
                clear: both;
            }

            ul.accSettings li .select .ui-selectmenu-button {
                width: 100% !important;
            }

            ul.accSettings li .select, ul.accSettings li .inputs, ul.accSettings li div.text {
                width: 100%;
                clear: both;
            }

                ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
                    padding: 10px 50px 11px 10px;
                }

                ul.accSettings li .select .ui-menu .ui-menu-item {
                    padding: 12px 10px !important;
                }

                ul.accSettings li .inputs input {
                    padding: 12px 10px;
                    font-size: 12px;
                }

            ul.accSettings li .interRate {
                padding: 11px 0;
                font-size: 14px;
            }

    .calcWidgetBox .marLefthHalf, .calcWidgetBox .halfBox {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .calcWidgetBox.comparison ul.accSettings li .full {
        width: 100%;
    }

        .calcWidgetBox.comparison ul.accSettings li .full input {
            width: 100%;
        }

    .calcWidgetBox.comparison ul.accSettings li label {
        width: 100%;
    }

    .calcWidgetBox.comparison ul.accSettings li .inputs {
        width: 100%;
    }

        .calcWidgetBox.comparison ul.accSettings li .inputs input {
            width: 100%;
        }

    .calcWidgetBox.comparison ul.accSettings li .select {
        width: 100%;
    }

        .calcWidgetBox.comparison ul.accSettings li .select .ui-selectmenu-button {
            width: 100% !important;
        }

    ul.accResult {
        margin-bottom: 5px;
    }

        ul.accResult li {
            padding: 10px 0;
        }

            ul.accResult li label {
                font-size: 12px;
            }

            ul.accResult li span {
                font-size: 14px;
                text-align: right;
            }

    .calcWidgetBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 160px;
        }

        .calcWidgetBox .applyBtn.bottom {
            margin-top: 15px;
        }

        .calcWidgetBox .applyBtn.middle {
            margin: 20px auto;
        }

        .calcWidgetBox .applyBtn.back {
            width: 140px;
        }

    .calcWidgetBox .payPlanBtn {
        font-size: 10px;
    }

    .credit .payPlanBtn {
        margin-right: 0;
        clear: both;
        margin-bottom: 10px;
    }

    .calcWidgetBox.comparison.step2 .marLefthHalfMore {
        width: 100%;
        margin-left: 0;
    }

    .calcWidgetBox.comparison.step2 .halfMore .applyBtn {
        float: none;
        margin: 10px auto;
    }

    ul.accSettings li div.text {
        padding: 14px 0;
    }

        ul.accSettings li div.text.title {
            font-size: 16px;
        }

    .planComparBtns {
        width: 100%;
        margin-top: 20px;
    }

        .planComparBtns a {
            margin: 0 5px;
        }

    .comparison.step1 ul.accResult {
        width: 100%;
    }

    .comparison.step1 ul.accSettings li {
        width: 100%;
    }

        .comparison.step1 ul.accSettings li label {
            width: 100%;
        }

        .comparison.step1 ul.accSettings li .select {
            width: 100%;
        }

        .comparison.step1 ul.accSettings li .inputs {
            width: 100%;
        }

        .comparison.step1 ul.accSettings li div.text {
            width: 100%;
        }

    .depositTable {
        margin-bottom: 12px;
    }

        .depositTable thead th {
            font-size: 11px;
        }

            .depositTable thead th span {
                padding: 12px 0;
            }

        .depositTable tbody td {
            font-size: 11px;
        }

            .depositTable tbody td a {
                padding: 12px 0;
            }

            .depositTable tbody td.title {
                padding: 12px 0;
            }

    .calcWidgetBox h3 {
        font-size: 20px;
    }

    .paymentPlanTable ul li {
        padding: 12px 15px;
    }

        .paymentPlanTable ul li span {
            font-size: 13px;
        }

            .paymentPlanTable ul li span.left {
                font-size: 13px;
            }

            .paymentPlanTable ul li span.right {
                font-size: 14px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 30px;
    }

    /* 404 Page */
    section.page404 {
        padding: 40px 5%;
    }

        section.page404 article h2 {
            font-size: 90px;
            line-height: 70px;
        }

        section.page404 article p {
            font-size: 20px;
            line-height: 30px;
        }

        section.page404 article span {
            font-size: 14px;
            margin-bottom: 20px;
        }

        section.page404 article a {
            font-size: 11px;
        }

    /* Branches Page */
    section.branches article ul li {
        width: 100%;
    }

    /* Contact Form */
    .contactForm {
        width: 90%;
        max-width: 90%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

        .contactForm .form-list {
            width: 100%;
            max-width: 100%;
            margin-right: 0;
            clear: both;
        }

            .contactForm .form-list textarea {
                height: 80px;
            }

    .title2 {
        font-size: 20px;
    }

    .subTitle2 {
        font-size: 14px;
    }

    /* Benefit Page */
    .promo.benefit .benArrow img {
        width: 30px;
        bottom: 20px;
    }

    /* Sitemap */
    .mapSide {
        width: 100%;
        clear: both;
        margin-right: 0;
    }

        .mapSide ul li {
            font-size: 14px;
        }

            .mapSide ul li a {
                padding: 1px 35px 1px 0;
            }

            .mapSide ul li ul li {
                font-size: 11px;
            }

    /* Support Center */
    section.sidebarCont article .contentBox .binaryTextBox p {
        font-size: 12px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .supportCenAccor .accordionBox .title {
        padding: 18px 75px 18px 50px;
        font-size: 12px;
        line-height: 18px;
        background-position: 15px center !important;
    }

        .supportCenAccor .accordionBox .title span {
            width: 70px;
        }

    .supportCenAccor .accordionBox .content {
        padding: 15px 25px;
    }

        .supportCenAccor .accordionBox .content p {
            font-size: 12px;
        }

        .supportCenAccor .accordionBox .content .applyBtn {
            margin-top: 15px;
            font-size: 12px;
        }

    .contentBox.supportCenter .title2 {
        margin-top: 50px;
    }

    .supportCenter .contactForm .form-list {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

        .supportCenter .contactForm .form-list label {
            font-size: 12px;
            margin-bottom: 10px;
        }

        .supportCenter .contactForm .form-list textarea {
            height: 120px;
        }

        .supportCenter .contactForm .form-list input, .supportCenter .contactForm .form-list textarea {
            margin-bottom: 0;
            width: 100%;
        }

    .supportCenter .contactForm .sendForm {
        font-size: 13px;
        width: 200px;
        padding: 18px 0;
    }

    .processingListBox {
        margin: 20px 0;
    }

        .processingListBox ul {
            width: 100%;
            clear: both;
        }

            .processingListBox ul li {
                font-size: 12px;
            }

                .processingListBox ul li a {
                    padding: 10px 10px 10px 25px;
                }

    .card-number input {
        padding: 15px 15px !important;
    }

    .cvv2 input {
        width: 95px !important;
    }
}

@media (max-width:410px ) {
    #promobanner {
        height: 39px;
    }

        #promobanner p {
            margin-left: -46.96875% !important;
            font-size: 12px !important;
            line-height: 15px;
            padding-top: 4px !important;
        }
}

@media (max-width: 350px) {
    .resultPart .shortTooltip div {
        padding: 15px;
        font-size: 11px;
    }

    .resultPart .shortTooltip div {
        left: -52px;
    }

    /*Friend Share*/
    .shareFriend .fRow {
        float: none;
    }

    .shareFriend .fRow {
        width: 280px;
    }
}

@media (max-width: 320px) {
    /* General */
    .homeVideoBox .homeLongVideo {
        height: 210px;
    }

    .cmsplayer {
        height: 210px;
    }

    /* Home */
    section.home ul li div {
        bottom: 15px;
        left: 15px;
    }

        section.home ul li div h2 {
            font-size: 20px;
        }

        section.home ul li div span {
            font-size: 12px;
            margin: 3px 0 9px 0;
        }

        section.home ul li div .more {
            font-size: 12px;
        }
    /*anasayfadegisik
    section.home ul li .title { font-size: 14px; }
    section.home ul li .title>a {padding-top:7px;padding-left:7px;padding-right:7px;font-size:14px}
    section.home ul li .title span>a {padding-bottom:7px;padding-left:7px;padding-right:7px;font-size:12px}
    */
    section.home ul li .title {
        padding: 7px 7px;
        font-size: 14px;
    }
        /**/
        section.home ul li .title span {
            font-size: 12px;
        }

    /* About Page */
    section .applyBtn {
        padding: 12px 5px;
        font-size: 12px;
    }

    .aboutTeams .title {
        font-size: 24px;
    }

    .aboutTeams ul li .details span.name {
        font-size: 13px;
        line-height: 13px;
    }

    .aboutTeams ul li .details span.seperator {
        margin-bottom: 14px;
    }

    .splashBox.warning {
        padding: 30px;
        text-align: center;
    }

        .splashBox.warning div {
            margin-top: 10px;
            padding-left: 65px;
        }

        .splashBox.warning img {
            margin-right: 15px;
            height: 50px;
            margin-top: 10px;
        }

        .splashBox.warning div p {
            font-size: 13px;
            line-height: 16px;
            text-align: left;
            margin-bottom: 5px;
        }

        .splashBox.warning div .continue-btn {
            float: none;
            clear: both;
            font-size: 11px;
            margin-top: 10px;
        }

    /* Smart Account Page */
    .tabsBox .ui-tabs-panel ul li {
        font-size: 11px;
    }

    /* Calculation Means Page */
    section.calMeans .calcWidgetSlider {
        max-width: 60%;
        margin: 0 20%;
        margin-bottom: 15px;
    }

    .calcWidgetSlider .slick-slide {
        min-height: 135px;
    }

        .calcWidgetSlider .slick-slide img {
            width: 45px;
        }

        .calcWidgetSlider .slick-slide span {
            padding: 10px 0 5px 0;
        }

    .paymentPlanTable ul li {
        clear: both;
    }

        .paymentPlanTable ul li span.left {
            width: 100%;
        }

        .paymentPlanTable ul li span.right {
            width: 100%;
            margin-top: 5px;
        }

    /* Benefit Page */
    .promo.benefit .benArrow img {
        width: 25px;
        bottom: 10px;
    }

    /* Sidebar & Content Pages */
    .detPageBottListThem.noBg ul li {
        min-height: 180px;
        width: 100%;
        height: auto !important;
    }

    .detPageBottListThem.noBg ul li {
        margin-right: 0 !important;
    }

    .detPageBottListThem.campDet ul li {
        min-height: 180px;
        width: 100%;
        height: auto !important;
    }

    .detPageBottListThem.campDet ul li {
        margin-right: 0 !important;
    }

        .detPageBottListThem.campDet ul li span {
            padding: 10px;
        }


    .card-number input {
        padding: 15px 10px !important;
    }

    .cvv2 input {
        width: 60px !important;
    }
}

.campDetail .videoBox .detVideo {
    min-height: 200px;
}

section.sidebarCont article .contentBox.faq {
    margin-top: 20px;
}

/*  Input-Select Switcher */
.selectInputSwitcher.selectActive .inputContainer {
    display: none;
}

.selectInputSwitcher.inputActive .selectContainer {
    display: none;
}

.selectInputSwitcher .switchButton {
    color: #4c4c4c;
    margin-left: 15px;
    display: inline-block;
    font-size: 12px;
    text-decoration: underline;
    font-family: 'open_sansbold',sans-serif;
    margin-top: 9px;
    margin-bottom: 15px;
    cursor: pointer;
    letter-spacing: -0.4px;
}

.vadeUyari {
    font-size: 13px;
}


.halff img {
    margin-bottom: 40px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

.videocls {
    background: url(../img/formPopupVideo_close.gif) no-repeat !important;
    width: 96px !important;
    margin-top: 18px !important;
    margin-right: 17px !important;
    height: 41px !important;
}


#promobanner {
    display: block;
    float: left;
    width: 100%;
    background: #ee8718;
    color: #fff;
    height: 39px;
    position: relative;
}

    #promobanner p {
        display: block;
        float: left;
        position: absolute;
        top: 0;
        height: 100%;
        width: 85.9375%;
        left: 50%;
        margin-left: -42.96875%;
        padding-top: 9px;
        font-size: 18px;
    }

.form .form-part {
    display: block;
    float: left;
    width: 100%;
}



section.form .promo .title-time .retime {
    right: 0;
    float: right;
    height: 76px;
    position: absolute;
    top: 70%;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-50%);
}

.promovideoo {
    display: block;
    top: 24%;
    position: relative;
    right: 6%;
    float: right;
}


@media (max-width: 768px) {
    section.form .promo #promobanner p {
        font-size: 16px;
    }
}

@media only screen and (max-width:1580px) {
    .slideSplashBox7 {
        left: 30%;
    }
}

@media (max-width: 1366px) {
    section .promovideoo {
        display: block;
        float: right;
        clear: both;
        top: 22%;
        position: relative;
        margin-bottom: 10%;
        right: 4%;
    }

    section.form .promo .title-time .retime {
        right: 0;
        float: right;
        height: 76px;
        position: absolute;
        top: 64%;
        transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-50%);
    }

    .promovideoo {
        display: block;
        top: 23%;
        float: right;
        position: relative;
        right: 7%;
    }

    .slideSplashBox7 {
        top: 15%;
    }
}


@media (max-width: 1280px) {
    section.form .promo .title-time .retime {
        top: 61% !important;
    }

    section.form .promo .title-time .promovideoo {
        top: 15% !important;
        right: 5% !important;
    }

    .slideSplashBox7 {
        top: 25%;
        left: 28%;
    }
}


@media (max-width: 1024px) {
    section.form .promo .title-time .retime {
        top: 68% !important;
        height: 53px;
    }

        section.form .promo .title-time .retime div {
            top: 22px;
            height: 53px;
        }


    section.form .promo .title-time .promovideoo {
        right: 8% !important;
        font-size: 10px !important;
        padding: 13px !important;
        top: 18% !important;
    }

    .slideSplashBox7 {
        margin-left: -235px;
    }
}


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

    .slideSplashBox7 {
        width: 650px;
        margin-left: -200px;
        left: 35%;
    }

    #campPopupSlide7 .slidesjs-slide img {
        width: 100%;
    }

    #campPopupSlide7 .slidesjs-pagination {
        top: 330px;
    }
}


@media (max-width: 780px) {
    section.form .promo .title-time .retime {
        top: 99px !important;
        height: 45px;
    }

        section.form .promo .title-time .retime div {
            top: 22px;
        }


    section.form .promo .title-time .promovideoo {
        top: 20% !important;
        right: 9% !important;
        font-size: 8px !important;
        padding: 11px !important;
    }


    .slideSplashBox7 {
        width: 550px;
        left: 40%;
    }

    #campPopupSlide7 .slidesjs-pagination {
        top: 300px;
    }
}


@media (max-width: 640px) {
    section.form .promo .title-time .retime {
        display: none !important;
    }

    section.form .promo .title-time .promovideoo {
        display: none !important;
    }

    section.form #promobanner p {
        font-size: 11px !important;
    }

    .slideSplashBox7 {
        width: 450px;
        margin-left: -165px;
    }

    #campPopupSlide7 .slidesjs-pagination {
        top: 245px;
    }

    #campPopupSlide7 .slidesjs-next {
        right: -50px;
    }

    #campPopupSlide7 .slidesjs-previous {
        left: -50px;
    }
}

@media (max-height: 850px) {
    .slideSplashBox2 {
        top: 100px;
    }

    .slideSplashBox3 {
        top: 100px;
    }

    .slideSplashBox4 {
        top: 100px;
    }

    .slideSplashBox5 {
        top: 100px;
    }

    .slideSplashBox6 {
        top: 100px;
    }
}

@media (max-height: 780px) {
    .slideSplashBox2 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide2 .slidesjs-slide img {
        width: 270px;
    }

    .slideSplashBox2 {
        width: 270px;
    }

    #campPopupSlide2 .slidesjs-pagination {
        top: 493px;
    }

    #campPopupSlide2 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox3 {
        top: 100px;
        margin-left: -135px;
    }

    .slideSplashBox4 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide3 .slidesjs-slide img {
        width: 270px;
    }

    #campPopupSlide4 .slidesjs-slide img {
        width: 270px;
    }

    .slideSplashBox3 {
        width: 270px;
    }

    .slideSplashBox4 {
        width: 270px;
    }

    #campPopupSlide3 .slidesjs-pagination {
        top: 493px;
    }

    #campPopupSlide3 .slidesjs-navigation {
        margin-top: -155px;
    }

    #campPopupSlide4 .slidesjs-pagination {
        top: 493px;
    }

    #campPopupSlide4 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox5 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide5 .slidesjs-slide img {
        width: 270px;
    }

    .slideSplashBox5 {
        width: 270px;
    }

    #campPopupSlide5 .slidesjs-pagination {
        top: 493px;
    }

    #campPopupSlide5 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox6 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide6 .slidesjs-slide img {
        width: 270px;
    }

    .slideSplashBox6 {
        width: 270px;
    }

    #campPopupSlide6 .slidesjs-pagination {
        top: 493px;
    }

    #campPopupSlide6 .slidesjs-navigation {
        margin-top: -155px;
    }
}

@media (max-height: 640px) {
    .slideSplashBox2 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide2 .slidesjs-slide img {
        width: 200px;
    }

    .slideSplashBox2 {
        width: 200px;
    }

    #campPopupSlide2 .slidesjs-pagination {
        top: 368px;
    }

    #campPopupSlide2 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox2 .close img {
        width: 25px;
    }

    #campPopupSlide2 .slidesjs-slide p {
        font-size: 13px;
    }

    .slideSplashBox3 {
        top: 60px;
        margin-left: -95px;
    }

    .slideSplashBox4 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide3 .slidesjs-slide img {
        width: 200px;
    }

    #campPopupSlide4 .slidesjs-slide img {
        width: 200px;
    }

    .slideSplashBox3 {
        width: 200px;
    }

    .slideSplashBox4 {
        width: 200px;
    }

    #campPopupSlide3 .slidesjs-pagination {
        top: 368px;
    }

    #campPopupSlide3 .slidesjs-navigation {
        margin-top: -155px;
    }

    #campPopupSlide4 .slidesjs-pagination {
        top: 368px;
    }

    #campPopupSlide4 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox3 .close img {
        width: 25px;
    }

    .slideSplashBox4 .close img {
        width: 25px;
    }

    #campPopupSlide3 .slidesjs-slide p {
        font-size: 13px;
    }

    #campPopupSlide4 .slidesjs-slide p {
        font-size: 13px;
    }



    .slideSplashBox5 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide5 .slidesjs-slide img {
        width: 200px;
    }

    .slideSplashBox5 {
        width: 200px;
    }

    #campPopupSlide5 .slidesjs-pagination {
        top: 368px;
    }

    #campPopupSlide5 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox5 .close img {
        width: 25px;
    }

    #campPopupSlide5 .slidesjs-slide p {
        font-size: 13px;
    }


    .slideSplashBox6 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide6 .slidesjs-slide img {
        width: 200px;
    }

    .slideSplashBox6 {
        width: 200px;
    }

    #campPopupSlide6 .slidesjs-pagination {
        top: 368px;
    }

    #campPopupSlide6 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox6 .close img {
        width: 25px;
    }

    #campPopupSlide6 .slidesjs-slide p {
        font-size: 13px;
    }
}

@media (max-height: 460px) {
    .slideSplashBox2 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide2 .slidesjs-slide img {
        width: 150px;
    }

    .slideSplashBox2 {
        width: 150px;
    }

    #campPopupSlide2 .slidesjs-pagination {
        top: 280px;
    }

    #campPopupSlide2 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox2 .close img {
        width: 25px;
    }

    #campPopupSlide2 .slidesjs-slide p {
        font-size: 13px;
    }

    .slideSplashBox3 {
        top: 60px;
        margin-left: -75px;
    }

    .slideSplashBox4 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide3 .slidesjs-slide img {
        width: 150px;
    }

    #campPopupSlide4 .slidesjs-slide img {
        width: 150px;
    }

    .slideSplashBox3 {
        width: 150px;
    }

    .slideSplashBox4 {
        width: 150px;
    }

    #campPopupSlide3 .slidesjs-pagination {
        top: 280px;
    }

    #campPopupSlide3 .slidesjs-navigation {
        margin-top: -155px;
    }

    #campPopupSlide4 .slidesjs-pagination {
        top: 280px;
    }

    #campPopupSlide4 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox3 .close img {
        width: 25px;
    }

    .slideSplashBox4 .close img {
        width: 25px;
    }

    #campPopupSlide3 .slidesjs-slide p {
        font-size: 13px;
    }

    #campPopupSlide4 .slidesjs-slide p {
        font-size: 13px;
    }


    .slideSplashBox5 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide5 .slidesjs-slide img {
        width: 150px;
    }

    .slideSplashBox5 {
        width: 150px;
    }

    #campPopupSlide5 .slidesjs-pagination {
        top: 280px;
    }

    #campPopupSlide5 .slidesjs-navigation {
        margin-top: -250px;
    }

    .slideSplashBox5 .close img {
        width: 25px;
    }

    #campPopupSlide5 .slidesjs-slide p {
        font-size: 13px;
    }

    .slideSplashBox6 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide6 .slidesjs-slide img {
        width: 150px;
    }

    .slideSplashBox6 {
        width: 150px;
    }

    #campPopupSlide6 .slidesjs-pagination {
        top: 280px;
    }

    #campPopupSlide6 .slidesjs-navigation {
        margin-top: -250px;
    }

    .slideSplashBox6 .close img {
        width: 25px;
    }

    #campPopupSlide6 .slidesjs-slide p {
        font-size: 11px;
        line-height: 11px;
    }

    #campPopupSlide7 .slidesjs-slide p {
        font-size: 11px;
        line-height: 11px;
    }
}



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

    .slideSplashBox7 {
        width: 380px;
        margin-left: -150px;
    }

    #campPopupSlide7 .slidesjs-navigation {
        top: 55%;
    }

    #campPopupSlide7 .slidesjs-next {
        right: -30px;
        display: none;
    }

    #campPopupSlide7 .slidesjs-previous {
        left: -30px;
        display: none;
    }

    #campPopupSlide7 .slidesjs-slide p {
        font-size: 15px;
    }

    .slideSplashBox7 .close img {
        width: 25px;
    }

    .slideSplashBox7 .close {
        right: 0px;
    }

    #campPopupSlide7 .slidesjs-pagination {
        top: 180px;
    }

    .slideSplashBox7 .slidesjs-container {
        height: 250px !important;
    }

    #campPopupSlide7 .slidesjs-slide p {
        margin: 35px 0 0;
    }
}



@media (max-width: 400px) {
    .slideSplashBox2 .close {
        top: -25px;
    }

    .slideSplashBox2 {
        top: 30px;
    }

    #campPopupSlide2 .slidesjs-next {
        right: -35px;
    }

    #campPopupSlide2 .slidesjs-previous {
        left: -35px;
    }

    #campPopupSlide2 .slidesjs-navigation {
        margin-top: -215px;
    }

    .slideSplashBox3 .close {
        top: -25px;
    }

    .slideSplashBox3 {
        top: 30px;
    }

    .slideSplashBox4 .close {
        top: -25px;
    }

    .slideSplashBox4 {
        top: 30px;
    }

    #campPopupSlide3 .slidesjs-next {
        right: -35px;
    }

    #campPopupSlide3 .slidesjs-previous {
        left: -35px;
    }

    #campPopupSlide3 .slidesjs-navigation {
        margin-top: -215px;
    }

    #campPopupSlide4 .slidesjs-next {
        right: -35px;
    }

    #campPopupSlide4 .slidesjs-previous {
        left: -35px;
    }

    #campPopupSlide4 .slidesjs-navigation {
        margin-top: -215px;
    }


    .slideSplashBox5 .close {
        top: -25px;
    }

    .slideSplashBox5 {
        top: 30px;
    }

    #campPopupSlide5 .slidesjs-next {
        right: -35px;
    }

    #campPopupSlide5 .slidesjs-previous {
        left: -35px;
    }

    #campPopupSlide5 .slidesjs-navigation {
        margin-top: -215px;
    }


    .slideSplashBox6 .close {
        top: -25px;
    }

    .slideSplashBox6 {
        top: 30px;
    }

    #campPopupSlide6 .slidesjs-next {
        right: -35px;
    }

    #campPopupSlide6 .slidesjs-previous {
        left: -35px;
    }

    #campPopupSlide6 .slidesjs-navigation {
        margin-top: -215px;
    }

    .slideSplashBox7 {
        width: 360px;
        margin-left: -142px;
    }

        .slideSplashBox7 .close {
            right: 10px;
        }
}

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

    .slideSplashBox7 {
        width: 310px;
        margin-left: -123px;
    }

    #campPopupSlide7 .slidesjs-pagination {
        top: 140px;
    }

    #campPopupSlide7 .slidesjs-navigation {
        top: 45%;
    }

    #campPopupSlide7 .slidesjs-slide p {
        font-size: 13px;
    }

    .slideSplashBox7 .slidesjs-container {
        height: 230px !important;
    }
}
/*recheck*/


/*** ANASAYFA NEW DESIGN ***/

body, html, pre {
    word-wrap: break-word;
}

.slick-dots, .ui-helper-reset, .ui-menu, nav ol, nav ul {
    list-style: none;
}

.fancybox-nav, .slick-slider {
    -webkit-tap-highlight-color: transparent;
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden;
}

article, aside, details, figcaption, figure, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

button, html, input, select, textarea {
    font-family: sans-serif;
}

body, figure, form, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

a:focus {
    outline: dotted thin;
}

.slick-list:focus, .ui-dialog, .ui-menu, a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
}

q {
    quotes: none;
}

    q:after, q:before {
        content: '';
        content: none;
    }

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

dl, menu, ol, ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu, ol, ul {
    padding: 0 0 0 40px;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.form-part input, .form-part textarea, .inputs input, .inputs textarea {
    font-size: 14px;
    font-family: open_sanslight;
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #fff;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

.ui-autocomplete, .ui-selectmenu-menu {
    max-height: 224px;
    overflow-y: auto;
    overflow-x: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.form-part input, .form-part textarea {
    padding: 15px;
}

.inputs input, .inputs textarea {
    padding: 22px;
}

.form-part textarea {
    height: 127px;
}

.form-part input.moreHalf {
    width: 75%;
}

.form-part input.datepicker {
    width: 65%;
    background: url(../img/datepicker_icon.gif) right center no-repeat;
}

.form-part .input.error input, .form-part .input.error textarea {
    border-color: #f62727;
    background-color: #fbe1e1;
}

.input em, .select em {
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    margin-top: 7px;
    color: #f62727;
}

.form-part .input input.youthSurname {
    width: 38px;
    float: left;
    margin-right: 10px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

    .form-part .input input.youthSurname:last-child {
        margin-right: 0;
    }

.form-part .input .spaceStar {
    padding-top: 21px;
    float: left;
    margin-right: 10px;
}

.icheckbox, .iradio {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    border: none;
    cursor: pointer;
}

.iradio {
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(../img/custom_radio_bg.gif) no-repeat;
}

    .iradio.checked {
        background-position: -24px 0;
    }

    .iradio.error {
        background-position: -48px 0;
    }

        .iradio.error.checked {
            background-position: -24px 0;
        }

.input.disabled .iradio {
    background-position: 0 0 !important;
}

.radio-group .iradio {
    float: left;
}

.icheckbox {
    padding: 0;
    width: 28px;
    height: 28px;
    background: url(../img/custom_check_bg.gif) no-repeat;
}

.checkRadioBox .icheckbox, .checkRadioBox .iradio, .input.checkbox .icheckbox, .input.radio .iradio {
    float: left;
    margin-right: 15px;
}

.cvv2 img, .ui-button, .ui-spinner, .ui-spinner-input {
    vertical-align: middle;
}

.icheckbox.checked {
    background-position: -28px 0;
}

.icheckbox.error {
    background-position: -56px 0;
}

    .icheckbox.error.checked {
        background-position: -28px 0;
    }

.input.disabled .icheckbox {
    background-position: 0 0 !important;
}

.checkbox-group .icheckbox {
    float: left;
}

.input.disabled .iCheck-helper {
    opacity: .25 !important;
    cursor: not-allowed;
    background-color: #ddd !important;
}

.input.radio.disabled .iCheck-helper {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.input.checkbox em, .input.radio em {
    width: 100%;
    float: left;
    clear: both;
    display: block;
    margin-bottom: 25px;
}

.checkRadioBox label, .input.checkbox label, .input.radio label {
    clear: none !important;
    width: auto !important;
    font-family: open_sansregular !important;
    line-height: 27px;
}

.input.checkbox label, .input.radio label {
    margin-bottom: 0 !important;
}

.checkRadioBox {
    margin-bottom: 7px;
}

    .checkRadioBox label {
        margin-bottom: 0 !important;
    }

.checkbox-group .input, .radio-group .input {
    float: left;
    margin-right: 30px;
}

    .checkbox-group .input label, .radio-group .input label {
        display: inline-block;
    }

/*.select select {
    display: block !important;
    opacity: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
}*/

.select:after, .select:before {
    content: ' ';
    display: table;
}

.select:after {
    clear: both;
}

.form-part input:focus, .form-part textarea:focus, .inputs input:focus, .inputs textarea:focus {
    border-color: #00915A;
}

.form-part .select.error .ui-selectmenu-button, .form-part .select.input-validation-error .ui-selectmenu-button, .form-part input.error, .form-part input.input-validation-error, .form-part textarea.error, .form-part textarea.input-validation-error, .inputs input.error, .inputs textarea.error {
    border-color: #f62727;
    background-color: #fbe1e1;
}

.ui-selectmenu-button {
    width: 100% !important;
    display: block;
    border: 1px solid #e2e2e2;
    background: #fff;
    font-size: 16px;
    font-family: open_sanslight;
}

.cvv2 span, .ui-menu .ui-menu-item {
    font-family: open_sanslight;
    font-size: 14px;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 15px 65px 15px 15px;
    color: #282828;
    background: url(../img/custom-select-off_icon.gif) right center no-repeat;
}

.ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
    background: url(../img/custom-select-on_icon.gif) right center no-repeat;
}

.ui-selectmenu-menu {
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    z-index: 999;
}

.ui-selectmenu-button.ui-corner-top {
    border-color: #00915A;
}

.ui-menu .ui-menu-item {
    color: #282828;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

    .ui-menu .ui-menu-item.ui-state-focus {
        background: #00915A;
        color: #fff;
    }

    .ui-menu .ui-menu-item:last-child {
        border-bottom: 0;
    }

.ui-autocomplete {
    position: absolute !important;
}

.custom-combobox {
    width: 100%;
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute !important;
    top: 1px;
    bottom: 1px;
    padding: 0;
    margin: 0;
    right: 1px;
    background: url(../img/custom-select-off_icon.gif) left center no-repeat;
}

/*.form-list .input, .form-list .select, .form-list label {
    margin-bottom: 20px;
}*/

.ui-autocomplete {
    background: #fff;
    z-index: 99999;
    border-bottom: 1px solid #e2e2e2;
}

.card-number {
    display: flex;
    justify-content: space-between;
}

    .card-number .input {
        display: inline-flex;
        width: 23%;
    }


/**/
/*----------*/
/* Akıllı Telefonlar İçin  Dikey ----------- */
@media only screen and (min-device-width : 310px) and (max-device-width : 330px) {


    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 57px !important;
    }
}

@media only screen and (min-device-width : 350px) and (max-device-width : 370px) {

    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 57px !important;
    }
}

@media only screen and (min-device-width : 758px) and (max-device-width : 778px) {


    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 57px !important;
    }
}

@media only screen and (min-device-width : 365px) and (max-device-width : 375px) {

    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 77px !important;
    }
}

@media only screen and (min-device-width : 404px) and (max-device-width : 424px) {

    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 86px !important;
    }
}

@media only screen and (min-device-width : 365px) and (max-device-width : 385px) {
}

@media only screen and (min-device-width : 790px) and (max-device-width : 810px) {


    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 44px !important;
    }
}
/*-----------------*/


/*----------*/
/* Akıllı Telefonlar İçin Yatay  ----------- */
@media only screen and (min-device-width : 730px) and (max-device-width : 750px) {

    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 86px !important;
    }
}

@media only screen and (min-device-width : 657px) and (max-device-width : 677px) {


    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 66px !important;
    }
}

@media only screen and (min-device-width : 726px) and (max-device-width : 745px) {

    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 66px !important;
    }
}

@media only screen and (min-device-width : 802px) and (max-device-width : 822px) {


    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 45px !important;
    }
}

@media only screen and (min-device-width : 1270px) and (max-device-width : 1290px) {

    .cvv2 input:last-child {
        margin-right: 10px !important;
        float: left !important;
        width: 77px !important;
    }
}
/**/

.cvv2 input {
    float: left !important;
    width: 15%;
    margin-right: 10px !important;
}

    .cvv2 input:last-child {
        margin-right: 0;
    }

.form-list label, button.continue-btn {
    font-family: open_sansbold;
}

.cvv2 img {
    margin-left: 5px;
    width: 80px;
}

.phoneType {
    width: 36%;
    float: left;
    margin-right: 1.499999999%;
}

input.halfPhone {
    float: right;
    width: 62.5%;
}

.cardTypeText {
    float: left;
    max-width: 40%;
}

.form-list label {
    display: block;
    clear: both;
    width: 100%;
    font-size: 12px;
    color: #282828;
}


.form-list .half {
    float: left;
    width: 49%;
}

    .form-list .half.last {
        margin-left: 2%;
    }

button.continue-btn {
    width: 100px;
    padding: 10px 0;
    border: none;
    background: #00915A;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

    button.continue-btn.grey {
        width: 110px;
        background: #727272;
    }

    button.continue-btn.right {
        float: right;
    }

    button.continue-btn.left {
        float: left;
    }

    button.continue-btn.center {
        margin: 0 auto;
    }

    button.continue-btn.margin-right-10, button.continue-btn.mr10 {
        margin-right: 10px;
    }

    button.continue-btn.right.bottom.possAbs {
        position: absolute;
        right: 3.3333333333333%;
    }

    button.continue-btn.edit {
        background: 0 0;
        border: 1px solid #bcbcbc;
        color: #282828;
        padding: 9px 0;
    }

    button.continue-btn.setBinaryColumn {
        margin-right: 35.20761904761896%;
    }


button.previous-btn {
    width: 100px;
    padding: 10px 0;
    border: none;
    background: #ee8718;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

    button.previous-btn.left {
        float: left;
    }

.accordion-container p {
    font-family: open_sanslight;
    color: #282828;
    font-size: 22px;
    line-height: 28px;
}

.contractBox {
    float: left;
    margin: 10px 0;
    width: 600px;
}

    .contractBox.mar-right-130 {
        margin-right: 130px;
    }

    .contractBox.mar-right-260 {
        margin-right: 260px;
    }

    .contractBox p {
        font-size: 16px;
    }

        .contractBox p a {
            color: #00915A;
            text-decoration: underline;
            font-family: open_sanssemibold;
        }

    .contractBox label {
        font-size: 13px;
        color: #282828;
        font-family: open_sanslight;
        cursor: pointer;
        width: 85% !important;
        word-break: break-word;
    }

    .contractBox .icheckbox {
        float: left;
        margin-right: 15px;
    }

.form-list .contractBox {
    margin: 0 0 30px;
}

    .form-list .contractBox label {
        clear: none;
        float: none;
        margin-bottom: 0;
        padding-left: 43px;
    }

.cardTypeBox .iradio {
    float: left;
    margin-right: 15px;
}

.cardTypeBox label {
    float: left;
    font-size: 14px;
    color: #282828;
    font-family: open_sansbold;
    margin: 2px 50px 0 0;
    cursor: pointer;
}

.confirmBoxes {
    clear: both;
    width: 100%;
}

.form-list .confirmResult {
    font-size: 16px;
    margin-bottom: 35px;
    color: #282828;
    font-family: open_sanslight;
}

.ui-datepicker-title {
    padding: 10px 0 !important;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 0 !important;
    width: 49% !important;
    padding: 15px 6px !important;
    font-size: 13px !important;
    color: #282828;
    font-family: open_sansregular !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    margin-right: 0px !important;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    margin-left: 0px !important;
}

.ui-datepicker table thead th {
    background: #189b3e;
    color: #fff;
}

    .ui-datepicker table thead th span {
        color: #fff !important;
        font-size: 13px !important;
        font-family: open_sanssemibold !important;
    }

.ui-datepicker-calendar td {
    padding: 3px !important;
    border: none !important;
}

    .ui-datepicker-calendar td a {
        width: 37px !important;
        padding: 8px 0 !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .ui-datepicker-calendar td a:hover {
            background: #1eba4b;
        }

    .ui-datepicker-calendar td.ui-datepicker-today a {
        background: #1eba4b;
        color: #fff !important;
    }

.ui-datepicker-next, .ui-datepicker-prev {
    display: none;
}

.followResults .seperator {
    margin: 10px 0 10px 50px;
    float: left;
    clear: both;
    width: 1px;
    height: 20px;
    border-left: 2px dashed #e2e2e2;
}

.followResults .box {
    position: relative;
    float: left;
    clear: both;
    text-align: center;
    display: table;
}

    .followResults .box div {
        float: left;
        width: 100px;
        height: 100px;
        margin-right: 20px;
        overflow: hidden;
        text-align: center;
        border: 2px solid #00915A;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

        .followResults .box div em, .followResults .box div img {
            font-style: normal;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

        .followResults .box div em {
            font-size: 34px;
            font-family: open_sansbold;
            display: inline-block;
        }

        .followResults .box div.orange {
            border-color: #fa7939;
        }

            .followResults .box div.orange em {
                color: #fa7939;
            }

        .followResults .box div.cont {
            float: none;
            width: auto;
            height: auto;
            display: table-cell;
            vertical-align: middle;
            margin: 0;
            overflow: auto;
            text-align: left;
            border: none;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
        }

            .followResults .box div.cont span {
                margin-bottom: 15px;
                display: block;
                font-size: 16px;
                color: #282828;
                font-family: open_sansbold;
            }

    .followResults .box.missingDoc .cont span span {
        display: none;
    }

    .followResults .box div.cont p {
        margin: 0;
    }

.accordion-container p.follRes {
    font-size: 26px;
    font-family: open_sanssemibold !important;
}

.followResults .box .tooltip {
    min-width: 130px;
    width: auto;
    padding: 13px 20px;
    font-size: 16px;
    position: absolute;
    height: auto;
    background: #fff;
    right: 103%;
    border: 1px solid #dbdbdb;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 99;
    font-family: open_sansbold;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    overflow: visible;
}

    .followResults .box .tooltip span {
        position: absolute;
        right: -6px;
        width: 6px;
        height: 12px;
        display: block;
        background: url(../img/followResults-tooltip_icon.gif) no-repeat;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

.followResults.side {
    width: 800px;
}

    .followResults.side .box {
        clear: none;
        width: 158px;
        display: block;
    }

        .followResults.side .box div {
            clear: both;
            float: none;
            margin: 0 auto;
        }

            .followResults.side .box div.cont {
                text-align: center;
                margin-top: 20px;
                top: inherit;
                display: block;
                transform: translateY(0);
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
            }

.loadingGif, .popupFaizTable, .ui-helper-hidden {
    display: none;
}

.followResults.side .seperator {
    margin: 60px 0 0;
    clear: none;
    width: 55px;
    height: 1px;
    border-top: 2px dashed #e2e2e2;
    border-left: none;
}

.followResults.side .box .tooltip {
    min-width: 350px;
    right: inherit;
    left: 50%;
    top: -51px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

    .followResults.side .box .tooltip span {
        width: 12px;
        height: 6px;
        background: url(../img/followResults-tooltip_icon-2.gif) no-repeat;
        bottom: -6px;
        left: 50%;
        margin-left: -6px;
        top: initial;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
    }

.input.radio.applQueries {
    width: 455px;
    padding: 20px 25px;
    margin: 0 15px 40px 0;
    float: left;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .input.radio.applQueries label {
        font-size: 16px !important;
        font-family: open_sansbold !important;
        cursor: pointer;
    }

    .input.radio.applQueries.active, .input.radio.applQueries:hover {
        border-color: #00915A;
    }

    .input.radio.applQueries .iradio {
        z-index: -1;
    }

.input.input-validation-error .iradio, .iradio.error {
    background-position: -48px 0;
}

    .input.input-validation-error .iradio.checked, .iradio.error.checked {
        background-position: -24px 0;
    }

.icheckbox.disabled .iCheck-helper, .iradio.disabled .iCheck-helper {
    opacity: .25 !important;
    cursor: not-allowed;
    background: #ddd !important;
}

.radio-group .icheckbox {
    float: left;
}

.form-part .input.error textarea, .form-part .input.input-validation-error input, .form-part .input.input-validation-error textarea {
    border-color: #f62727;
    background-color: #fbe1e1;
}

.loadingGif {
    position: fixed;
    z-index: 99999993;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    width: 60px;
    height: 60px;
}

.popupFaizTable.table {
    padding: 20px;
}

::-webkit-input-placeholder {
    color: #282828;
}

:-moz-placeholder {
    color: #282828;
}

::-moz-placeholder {
    color: #282828;
}

:-ms-input-placeholder {
    color: #282828;
}

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

.ui-helper-zfix, .ui-widget-overlay {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%;
}

    .ui-accordion .ui-accordion-icons, .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
    }

.ui-accordion {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto;
    }

.ui-autocomplete {
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    overflow: visible;
}

    .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em;
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em;
}

.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker {
    position: relative;
    padding: .2em 0;
}

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
        padding: 1px 0 !important;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
        background: #f6f6f6 !important;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
                float: left;
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}


.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

.clear, .clearfix:after, .slick-track:after {
    clear: both;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}


.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 0em;
        background: 0 0;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
    bottom: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    padding: 0;
    margin: 0;
    display: block;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url();
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0;
    }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url(images/animated-overlay.gif);
        height: 100%;
        filter: alpha(opacity=25);
        opacity: .25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: 700;
            line-height: 1.5;
            padding: 2px .4em;
            margin: .5em 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    .ui-selectmenu-button span.ui-icon {
        right: .5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 22px .2em .4em;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            /*white-space: nowrap;*/
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
            cursor: text;
        }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block;
}

#ui-datepicker-div {
    padding: 0 !important;
}

body .ui-tooltip {
    border-width: 2px;
}

#ui-datepicker-div {
    z-index: 99999 !important;
    background: #f6f6f6 !important;
    width: 189px !important;
    border: 1px solid #b7c4b7 !important;
    border-bottom: none !important;
}

.ui-datepicker-next, .ui-datepicker-prev {
    width: 30px !important;
    height: 37px !important;
}

.fancybox-opened, .fancybox-wrap {
    z-index: 9999995;
}

.ui-datepicker-prev {
    background: url(../img/date-prev.png) no-repeat !important;
    left: -30px !important;
}

.ui-datepicker-next {
    background: url(../img/date-next.png) no-repeat !important;
    right: -30px !important;
}

.ui-datepicker-title {
    width: 188px !important;
    height: 53px !important;
    border: 1px solid #b7c4b7 !important;
    float: left !important;
    margin: -1px 0 0 !important;
}

.ui-datepicker-month, .ui-datepicker-year {
    width: 85px !important;
    border: 1px solid #a9a9a9 !important;
    margin-top: 9px !important;
    font-family: Verdana,Geneva,sans-serif !important;
    font-size: 10px !important;
    color: #222 !important;
}

.ui-datepicker-month {
    margin-left: 10px !important;
    float: left !important;
}

.ui-datepicker-year {
    float: right !important;
    margin-right: 10px !important;
}

.ui-datepicker-calendar span {
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 9px !important;
    color: #3b3e3b !important;
}

.ui-datepicker-calendar td a, .ui-datepicker-calendar td a:hover {
    text-align: center !important;
    font-family: open_sansbold !important;
    font-size: 12px !important;
}

.ui-datepicker-calendar {
    margin-bottom: 0 !important;
}

    .ui-datepicker-calendar thead {
        height: 21px;
    }

    .ui-datepicker-calendar td {
        border-bottom: 1px solid #b7c4b7 !important;
        border-top: 1px solid #b7c4b7 !important;
        border-right: 1px solid #b7c4b7 !important;
        width: 29px !important;
        height: 27px !important;
    }

    .ui-datepicker-calendar tr td:last-child {
        /**border-right: none!important;**/
    }

    .ui-datepicker-calendar td a {
        color: #3b3e3b !important;
    }

        .ui-datepicker-calendar td a:hover {
            color: #fff !important;
        }

    .ui-datepicker-calendar td:hover {
        background: #009b42;
    }

@media (max-width:1024px) and (min-width:769px) {
    .ui-datepicker .ui-datepicker-title select {
        padding: 9px 6px !important;
    }

    .ui-datepicker-title {
        height: 41px !important;
    }
}

@media (max-width:768px) {
    .ui-datepicker-title {
        width: 251px !important;
    }
}



/*datepicker icon*/

@media (max-width:1920px) {
    .datepickerStyle > img {
        width: 68px;
        height: 49px;
        margin-bottom: -18px;
        margin-left: -69px;
    }
}

@media (max-width:1440px) {
    .datepickerStyle > img {
        width: 67px;
        height: 48px;
        margin-bottom: -18px;
        margin-left: -68px;
    }
}

@media (max-width:1280px) {
    .datepickerStyle > img {
        width: 67px;
        height: 51px;
        margin-bottom: -20px;
        margin-left: -68px;
    }
}

@media (max-width:1024px) {
    .datepickerStyle > img {
        width: 58px;
        height: 49px;
        margin-bottom: -20px;
        margin-left: -59px;
    }
}

@media (max-width:995px) {
    .datepickerStyle > img {
        width: 48px;
        height: 47px;
        margin-bottom: -19px;
        margin-left: -49px;
    }
}

@media (max-width:950px) {
    .datepickerStyle > img {
        width: 48px;
        height: 47px;
        margin-bottom: -19px;
        margin-left: -49px;
    }
}

@media (max-width:930px) {
    .datepickerStyle > img {
        width: 48px;
        height: 51px;
        margin-bottom: -21px;
        margin-left: -49px;
    }
}

@media (max-width:900px) {
    .datepickerStyle > img {
        width: 48px;
        height: 38px;
        margin-bottom: -14px;
        margin-left: -49px;
    }
}

@media (max-width:880px) {
    .datepickerStyle > img {
        width: 48px;
        height: 38px;
        margin-bottom: -14px;
        margin-left: -49px;
    }
}

@media (max-width:834px) {
    .datepickerStyle > img {
        width: 48px;
        height: 38px;
        margin-bottom: -14px;
        margin-left: -49px;
    }
}

@media (max-width:800px) {
    .datepickerStyle > img {
        width: 48px;
        height: 38px;
        margin-bottom: -14px;
        margin-left: -49px;
    }
}

@media (max-width:768px) {
    .datepickerStyle img {
        width: 48px;
        height: 38px;
        margin-bottom: -14px;
        margin-left: -49px;
    }
}

@media (max-width:640px) {
    .datepickerStyle img {
        width: 58px;
        height: 37px;
        margin-bottom: -14px;
        margin-left: -59px;
    }
}

@media (max-width:414px) {
    .datepickerStyle img {
        width: 48px;
        height: 37px;
        margin-bottom: -13px;
        margin-left: -49px;
    }
}

@media (max-width:375px) {
    .datepickerStyle img {
        width: 48px;
        height: 37px;
        margin-bottom: -13px;
        margin-left: -49px;
    }
}

@media (max-width:360px) {
    .datepickerStyle img {
        width: 51px;
        height: 38px;
        margin-bottom: -14px;
        margin-left: -52px;
    }
}

@media (max-width:320px) {
    .datepickerStyle * img {
        width: 48px;
        height: 33px;
        margin-bottom: -8px;
        margin-left: -49px;
    }
}
/*datepicker icon*/

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

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

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

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

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

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

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}

@keyframes wobble {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

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

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

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

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

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

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

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

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

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

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

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

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

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

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

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

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

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

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

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

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

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

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

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

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

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

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

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

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

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

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

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

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

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

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

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

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

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

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

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

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

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

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

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

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

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

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

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

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}

.flipInX {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.flipInX, .flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
}

.flipInY, .flipOutX {
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
}

.flipOutX, .flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

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

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

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

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

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

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

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

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

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

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

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

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

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

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-dots li button, .slick-next, .slick-prev {
    outline: 0;
    background: 0 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    left: 0;
    top: 0;
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table;
    }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    /*display: none;*/
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

/*.slick-initialized .slick-slide {
    display: block;
}*/

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

@font-face {
    font-family: slick;
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"),url(./fonts/slick.woff) format("woff"),url(./fonts/slick.ttf) format("truetype"),url(./fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal;
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
}

.slick-prev {
    left: -25px;
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

.slick-next:before, [dir=rtl] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto;
}

    [dir=rtl] .slick-next:before {
        content: "←";
    }

.slick-slider {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .fancybox-wrap, .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
        }

        .slick-dots li button {
            border: 0;
            display: block;
            height: 20px;
            width: 20px;
            padding: 5px;
        }

            .slick-dots li button:focus, .slick-dots li button:hover {
                outline: 0;
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                content: "•";
                width: 20px;
                height: 20px;
                font-family: slick;
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: .75;
        }

.fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap iframe, .fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

.fancybox-inner, .fancybox-outer, .fancybox-skin {
    position: relative;
}

.fancybox-skin {
    background: #fff;
    color: #444;
    text-shadow: none;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
    box-shadow: 0 10px 25px rgba(0,0,0,.5);
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-iframe, .fancybox-image {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
    background-image: url(/Content/fancybox/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060;
}

.fancybox-close, .fancybox-nav, .fancybox-nav span {
    cursor: pointer;
    z-index: 8040;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/Content/fancybox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(/Content/fancybox/blank.gif);
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

.fancybox-lock, .fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock {
    width: auto;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 9999990;
    background: url(/Content/fancybox/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: 0 0;
        background: rgba(0,0,0,.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: 700;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span {
        background-image: url(/Content/fancybox/fancybox_sprite@2x.png);
        background-size: 44px 152px;
    }

        #fancybox-loading div {
            background-image: url(/Content/fancybox/fancybox_loading@2x.gif);
            background-size: 24px 24px;
        }
}

a.fancybox-item.fancybox-close.formTable {
    width: 45px;
    height: 46px;
    top: 0;
    right: -45px;
    background: url(../img/formPopupTable_close.gif) no-repeat;
}

.darkGreenText {
    color: #1b4e1e;
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: 700;
}

.times, .times2, .times3 {
    font-family: "Times New Roman";
    color: #00824e;
}

.times {
    font-size: 45pt;
}

.times2 {
    font-size: 16pt;
}

.times3 {
    font-size: 20pt;
}

.darkGreenText a:active, .darkGreenText a:hover, .darkGreenText a:link, .darkGreenText a:visited {
    color: #1b4e1e;
    font-family: Tahoma;
    font-size: 8.5pt;
    text-decoration: none;
}

.button, .button a:active, .button a:hover, .button a:link, .button a:visited {
    font-family: Tahoma;
    font-size: 8.5pt;
    color: #fff;
    font-weight: 700;
    margin-left: 3px;
    margin-right: 3px;
}

    .button a:active, .button a:hover, .button a:link, .button a:visited {
        text-decoration: none;
    }

.style3 {
    font-family: Tahoma;
    font-size: 8.5pt;
    color: #1b4e1e;
}

#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue',sans-serif;
    background: -webkit-linear-gradient(top,#f4f4f4 0,#cdcdcd 100%);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

    #smartbanner .sb-container {
        margin: 0 auto;
    }

    #smartbanner .sb-close {
        position: absolute;
        left: 5px;
        top: 5px;
        display: block;
        /*border: 2px solid #fff;*/
        width: 14px;
        height: 14px;
        font-family: ArialRoundedMTBold,Arial;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        color: #fff;
        background: #070707;
        text-decoration: none;
        text-shadow: none;
        border-radius: 14px;
        box-shadow: 0 2px 3px rgba(0,0,0,.4);
        -webkit-font-smoothing: subpixel-antialiased;
    }

    #smartbanner .sb-button, #smartbanner .sb-info {
        position: absolute;
        font-weight: 700;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
    }

*, strong {
    font-weight: 400;
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa;
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgb(255 255 255);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

#smartbanner.no-icon .sb-icon {
    display: none;
}

#smartbanner .sb-info {
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    color: #6a6a6a;
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px;
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px;
}


#smartbanner .sb-info > span {
    display: block;
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase;
}

#smartbanner .sb-button {
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top,#efefef 0,#dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.6),0 1px 0 rgba(255,255,255,.7) inset;
}

    #smartbanner .sb-button:active, #smartbanner .sb-button:hover {
        background: -webkit-linear-gradient(top,#dcdcdc 0,#efefef 100%);
    }

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255,255,255,.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.2) 100%);
    border-radius: 10px 10px 12px 12px;
}

#smartbanner.android {
    border-color: #212228;
    background: url(../img/smartbanner/dark_background_stripes.gif) #3d3d3d;
    border-top: 5px solid #88B131;
    box-shadow: none;
}

    #smartbanner.android .sb-close {
        border: 0;
        width: 17px;
        height: 17px;
        line-height: 17px;
        color: #b1b1b3;
        background: #1c1e21;
        text-shadow: 0 1px 1px #000;
        box-shadow: 0 1px 2px rgba(0,0,0,.8) inset,0 1px 1px rgba(255,255,255,.3);
    }

body, button, input[type=reset], input[type=button], input[type=submit], input[type=button], input[type=reset], input[type=submit] {
    line-height: normal;
}

#smartbanner.android .sb-close:active {
    color: #eee;
}

#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
}

    #smartbanner.android .sb-info strong {
        color: #fff;
    }

#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #DDDCDC;
    padding: 1px;
    color: #d1d1d1;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
}

h1, h2, h3, h4 {
    color: #222;
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB));
    background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
}

#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
    background: 0 0;
}

    #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
        background: #2AC7E1;
    }

@font-face {
    font-family: open_sanslight;
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: open_sansregular;
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: open_sansbold;
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: open_sanssemibold;
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: open_sansextrabold;
    src: url('../fonts/opensans-extrabold.woff2') format('woff2'), url('../fonts/opensans-extrabold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: bnpp_sansregular;
    src: url('../fonts/bnpp_sans-webfont.woff2') format('woff2'), url('../fonts/bnpp_sans-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: bnpp_sanslight;
    src: url('../fonts/bnpp_sans_light-webfont.woff2') format('woff2'), url('../fonts/bnpp_sans_light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: bnpp_sansbold;
    src: url('../fonts/bnpp_sans_bold-webfont.woff2') format('woff2'), url('../fonts/bnpp_sans_bold-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "open_sans_condensedbold";
    src: url('../fonts/opensans-condbold-webfont.woff2') format('woff2'), url('../fonts/opensans-condbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: open_sanscondensed_light;
    src: url('../fonts/opensans-condlight-webfont.woff2') format('woff2'), url('../fonts/opensans-condlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

strong {
    font-family: open_sansbold;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 18px;
}

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


a {
    text-decoration: none;
    cursor: pointer;
    outline: 0 !important;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.border-none {
    border: none;
}

textarea, input {
    outline: 0;
}

.browserError a, .jspVerticalBar .jspArrow:focus, .tabsBox .ui-tabs-nav li a {
    outline: 0;
}

input, a, button, select, textarea {
    -webkit-tap-highlight-color: transparent;
}

.clearfix:after, .clearfix:before {
    content: ' ';
    display: table;
}

article .titleBar {
    position: relative;
    width: 100%;
    padding: 80px 0 80px 45px;
    background: #00915A;
}

    article .titleBar h1 {
        color: #fff;
        font-family: bnpp_sansregular;
        font-size: 62px;
        line-height: 62px;
    }

        article .titleBar h1 span {
            font-family: bnpp_sanslight;
        }

    article .titleBar p {
        color: #fff;
        margin: 0;
        font-size: 32px;
        line-height: 36px;
        font-family: open_sanslight;
    }

    article .titleBar:after, article .titleBar:before {
        content: "";
        background: #00915A;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }

    article .titleBar:before {
        right: 100%;
    }

    article .titleBar:after {
        left: 3.125%;
    }

section .applyBtn {
    display: block;
    text-transform: uppercase;
    padding: 25px 20px;
    border: 1px solid #ee8718;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #ee8718;
    font-size: 18px;
    font-family: open_sansbold;
    transition: all .3s ease;
}

    section .applyBtn.right {
        float: right;
    }

    section .applyBtn:hover {
        background: #ee8718;
        color: #fff;
    }

    section .applyBtn.green {
        border-color: #00915A;
        color: #00915A;
    }

        section .applyBtn.green:hover {
            background: #00915A;
            color: #fff;
        }

    section .applyBtn.orange {
        border-color: #ee8718;
        background: #ee8718;
        color: #fff;
    }

        section .applyBtn.orange:hover {
            color: #fff;
            background: #ee7318;
        }

    section .applyBtn.center {
        margin: 0 auto;
    }

    section .applyBtn.lit {
        width: 340px;
        margin-bottom: 15px;
    }

    section .applyBtn.bgGreen {
        border-color: #00915A;
        background: #00915A;
        color: #fff;
    }

        section .applyBtn.bgGreen:hover {
            background: #fff;
            color: #00915A;
        }

    section .applyBtn.white {
        border-color: #d8d8d8;
        background: #fff;
        color: grey;
        width: auto !important;
    }

        section .applyBtn.white:hover {
            background: #d8d8d8;
            color: #fff;
        }

    section .applyBtn.auto {
        display: inline-block;
        font-size: 16px;
        padding: 20px 40px;
        margin: 0 5px;
    }

    section .applyBtn.bottPos {
        margin-top: 30px;
        margin-bottom: 50px;
    }

.titleBar.fullGreen {
    position: relative;
    width: 100%;
    background: #00915A;
}

    .titleBar.fullGreen div {
        margin: 0 auto;
        max-width: 1286px;
        width: 66.979166666667%;
        padding: 55px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 62px;
        line-height: 50px;
        color: #fff;
        font-family: bnpp_sanslight;
        margin-bottom: 25px;
    }

        .titleBar.fullGreen h1 span {
            font-family: bnpp_sansbold;
        }

    .titleBar.fullGreen p {
        color: #fff;
        font-size: 32px;
        line-height: 36px;
        font-family: open_sanslight;
        margin: 0;
    }

.accordionBox .title, .splashBox.error p, .splashBox.success h4 {
    font-family: open_sanssemibold;
}

.jspCap, .overlay, .splashBox {
    display: none;
}

.accordionBox {
    float: left;
    clear: left;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 50px 0;
}

    .accordionBox.last {
        border: none;
    }

    .accordionBox .title {
        font-size: 24px;
        line-height: 28px;
        color: #363636;
        padding-left: 45px;
        cursor: pointer;
        transition: all .3s ease;
        background: url(../img/accor-plus-passive_icon.png) left center no-repeat;
    }

        .accordionBox .title.active {
            background: url(../img/accor-plus-green_icon.png) left center no-repeat;
            color: #00915A;
        }

    .accordionBox .content {
        display: none;
        color: #363636;
        font-size: 18px;
        font-family: open_sanslight;
        padding-left: 45px;
        margin-top: 35px;
    }

        .accordionBox .content p {
            font-size: 18px;
            line-height: 26px;
        }

    .accordionBox .title.widthImg {
        display: table;
    }

        .accordionBox .title.widthImg label {
            display: table-cell;
            width: 100%;
            vertical-align: middle;
            cursor: pointer;
        }

        .accordionBox .title.widthImg img {
            margin: 0 25px 0 10px;
            display: table-cell;
            vertical-align: middle;
        }

    .accordionBox .content p.sTitle {
        color: #00915A;
        font-size: 22px;
        margin-bottom: 30px;
    }

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0.7;
    z-index: 99999990;
}

    .overlay.grey {
        background: #d7e4dd;
        opacity: .8;
    }

    .overlay.black {
        background: #1f1f1f;
        opacity: .9;
    }

.splashBox {
    position: fixed;
    z-index: 99999995;
    left: 50%;
    top: 150px;
    background: #fff;
}

    .splashBox .close {
        position: absolute;
        right: 0;
        top: 0;
    }

        .splashBox .close img {
            margin: 0 !important;
            width: 42px !important;
        }

    .splashBox.error {
        width: 570px;
        margin-left: -285px;
        padding: 70px 45px;
    }

        .splashBox.error img {
            float: left;
            margin-right: 40px;
        }

        .splashBox.error p {
            width: 338px;
            float: left;
            color: #282828;
            font-size: 26px;
            line-height: 30px;
            margin: 0;
        }

    .splashBox.success {
        width: 530px;
        margin-left: -265px;
        padding: 70px 50px;
        text-align: center;
    }

        .splashBox.success img {
            margin-bottom: 45px;
        }

        .splashBox.success h4 {
            font-size: 40px;
            color: #282828;
        }

        .splashBox.success h5, .splashBox.success p {
            font-family: open_sanslight;
        }

        .splashBox.success h5 {
            font-size: 24px;
            margin: 10px 0 30px;
            color: #282828;
        }

        .splashBox.success p {
            font-size: 16px;
            line-height: 22px;
            margin: 0;
            color: grey;
        }


    .splashBox.warning {
        width: 640px;
        margin-left: -320px;
        padding: 50px;
    }

        .splashBox.warning img {
            float: left;
            margin-right: 30px;
        }

        .splashBox.warning div {
            padding-left: 135px;
        }

            .splashBox.warning div p {
                color: #222;
                font-size: 18px;
                line-height: 22px;
                margin: 0;
            }

            .splashBox.warning div .continue-btn {
                margin-right: 5px;
                margin-top: 20px;
                width: auto;
                padding: 10px 17px;
            }

    .splashBox.procConfirm h5 {
        color: #282828;
    }

    .splashBox.procConfirm p {
        margin-bottom: 25px;
    }

    .splashBox.procConfirm .continue-btn {
        margin: 0 5px;
    }

    .splashBox.procConfirm button.continue-btn.edit {
        color: grey;
        border-color: #c7c7c7;
    }

    .splashBox.agreement {
        width: 620px;
        margin-left: -310px;
        padding: 35px;
        top: 50px;
    }

        .splashBox.agreement h4 {
            font-family: open_sanslight;
            margin-bottom: 30px;
        }

        .splashBox.agreement .agreementBox {
            width: 100% !important;
            height: 425px;
        }

            .splashBox.agreement .agreementBox p {
                font-family: open_sanslight;
                font-size: 14px;
                line-height: 22px;
                padding-right: 25px;
            }

    .splashBox.pdf {
        margin-left: -465px;
    }

        .splashBox.pdf iframe {
            width: 980px;
            height: 700px;
        }

.customInfoPopup {
    padding: 30px !important;
}

    .customInfoPopup .container {
        padding: 0px !important;
    }

        .customInfoPopup .container .ct-btn-block {
            padding-left: 0px;
            place-self: center;
            padding-top: 15px;
        }

            .customInfoPopup .container .ct-btn-block .ct-btn-green {
                min-width: unset;
                height: 35px !important;
                font-family: open_sansregular;
                font-weight: bold;
            }

.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspHorizontalBar, .jspPane, .jspVerticalBar {
    position: absolute;
}

.jspVerticalBar {
    top: 0;
    right: 2px;
    width: 1px;
    height: 100%;
    background: #eaeaea;
}

.jspHorizontalBar {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}

.jspDrag, .jspTrack, .videoBox {
    position: relative;
}

    .frontV img.frontCover, .videoBox video {
        width: 100%;
        display: block;
    }

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #eaeaea;
}

.jspDrag {
    width: 5px;
    background: #b5b5b5;
    top: 0;
    left: -2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
}

.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d;
    }

.jspVerticalBar .jspArrow {
    height: 1px;
    background: #eaeaea;
}

.jspHorizontalBar .jspArrow {
    width: 1px;
    float: left;
    height: 100%;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

.videoBox {
    width: 100%;
}

    .videoBox a .frontPoppers {
        z-index: 10000 !important;
    }

.frontV video {
    cursor: pointer;
    min-height: 200px;
}

.frontV img.frontCover {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 200px;
    z-index: 999;
    cursor: pointer;
}

.frontV img.frontPoppers, .frontV img.frontPoppers2 {
    position: absolute;
    width: 198px;
    right: 50px;
    z-index: 1000;
}

.homeVideoBox .homeLongVideo {
    display: none;
}

.frontV img.frontPoppers {
    top: 50px;
}

.frontV img.frontPoppers2 {
    top: 135px;
}

.bottomShareBox {
    float: left;
    position: relative;
    width: 100%;
    /*border-top: 1px solid #e5e5e5;*/
    padding-top: 20px;
    clear: both;
    margin-top: 30px;
}


    .bottomShareBox .share {
        float: left;
    }

        .bottomShareBox .share.right {
            float: right;
        }

    .bottomShareBox span {
        display: block;
        float: left;
        line-height: 24px;
        font-family: open_sansbold;
        font-size: 13px;
        margin-right: 15px;
    }

    .bottomShareBox div {
        float: left;
    }

        .bottomShareBox div a {
            float: left;
            margin-right: 3px;
            display: block;
        }

            .bottomShareBox div a.mail {
                margin-right: 0;
            }

section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
    position: absolute;
    font-size: 13px;
    top: 20px;
    width: 70%;
    left: 50%;
    margin: 0 0 0 -35%;
    text-align: center;
    font-family: open_sansbold;
    color: #282828;
}

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet a {
        color: #00915A;
        text-decoration: underline;
    }

.bottomShareBox.paymentPlan {
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
    padding: 20px 0;
}

    .bottomShareBox.paymentPlan.top {
        margin-top: 0;
    }

    .bottomShareBox.paymentPlan .applyBtn {
        margin-bottom: 0 !important;
    }

    .bottomShareBox.paymentPlan ul.bottAddFavPrint {
        top: 50%;
        position: absolute;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

.bottomShareBox ul.bottAddFavPrint {
    float: right;
}

    .bottomShareBox ul.bottAddFavPrint.left {
        float: left;
    }

    .bottomShareBox ul.bottAddFavPrint li {
        float: left;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px dotted #e1e1e1;
        font-family: open_sansbold;
    }

        .bottomShareBox ul.bottAddFavPrint li a {
            display: block;
            color: #363636;
        }

            .bottomShareBox ul.bottAddFavPrint li a img {
                float: left;
                margin-right: 15px;
            }

            .bottomShareBox ul.bottAddFavPrint li a span {
                line-height: 24px;
                font-size: 13px;
                margin-right: 0;
            }

        .bottomShareBox ul.bottAddFavPrint li.fav {
            border: none;
            margin-right: 0;
            padding-right: 0;
        }

            .bottomShareBox ul.bottAddFavPrint li.fav span {
                margin-right: 0;
            }

        .bottomShareBox ul.bottAddFavPrint li.email {
            border: none;
            margin-right: 0;
            padding-right: 0;
        }

            .bottomShareBox ul.bottAddFavPrint li.email span {
                margin-right: 0;
            }

.bottSupportBox {
    margin-top: 30px;
    float: left;
    display: block;
    width: 100%;
    clear: both;
    padding: 35px 35px 35px 45px;
    color: #282828;
    border: 2px dashed #ebebeb;
}

    .bottSupportBox img {
        float: left;
        margin-right: 35px;
    }

    .bottSupportBox p {
        margin: 11px 0 0;
        font-size: 18px;
        line-height: 22px !important;
    }

.browserError {
    width: 100%;
    color: #fff;
    padding: 22px 30px;
    font-size: 16px;
    background: #f6ad0f;
}

    .browserError div {
        line-height: 26px;
        float: left;
        font-family: open_sanssemibold;
    }

    .browserError a, .browserError span {
        display: block;
        font-family: open_sanslight;
    }

    .browserError div img {
        margin-right: 20px;
        float: left;
    }

    .browserError a {
        float: right;
        color: #fff;
        font-size: 18px;
    }

    .browserError span {
        margin: 0 auto;
    }

.shortTooltip .icon, .shortTooltip label {
    font-family: open_sansbold;
}


.box-content .shortTooltip {
    position: absolute;
}

.shortTooltip {
    white-space: normal;
    margin-bottom: 30px;
    position: relative;
    display: table;
    cursor: pointer;
}

    .shortTooltip .icon {
        float: left !important;
        width: 30px !important;
        height: 30px;
        padding-top: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #d5d5d5;
        color: #fff !important;
        text-align: center !important;
        font-size: 14px !important;
        display: inline-block !important;
    }

    .shortTooltip.active .icon, .shortTooltip:hover .icon {
        background: #f49c14;
    }

    .shortTooltip label {
        font-size: 13px;
        padding-left: 15px;
        display: table-cell;
        vertical-align: middle;
        color: #636363;
        cursor: pointer;
    }

    .shortTooltip div, ul.listBullet ul li {
        font-family: open_sanslight;
    }

    .shortTooltip.active div, .shortTooltip:hover div {
        display: block;
    }

    .shortTooltip div {
        display: none;
        position: absolute;
        left: -50px;
        bottom: 55px;
        border: 1px solid #d5d5d5;
        background: #f8f8f8;
        color: #2a2b2a;
        padding: 30px;
        font-size: 13px;
        line-height: 18px;
        text-align: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        min-width: 300px;
        max-width: 500px;
        width: auto;
        z-index: 99999;
        box-shadow: 0 2px 8px 0 rgba(214,214,214,.6);
    }

        .shortTooltip div span {
            height: 16px;
            bottom: -16px;
            position: absolute;
        }

        .shortTooltip div.medium {
            width: 400px;
        }

        .shortTooltip div.large {
            width: 500px;
        }

.leftPerCent50 {
    margin-left: 50%;
}

.resultPart .shortTooltip {
    margin: 0 0 0 10px;
    display: block;
    float: left;
}


    .resultPart .shortTooltip .icon {
        width: 24px !important;
        height: 24px;
        padding-top: 2px;
    }


    .resultPart .shortTooltip .icon {
        width: 24px !important;
        height: 24px;
        padding-top: 2px;
    }

    .resultPart .shortTooltip div {
        left: -135px;
        bottom: 45px;
    }

.resultPart .tooltip .box-content .icon {
    width: 26px !important;
    height: 26px;
    padding-top: 2px;
    cursor: pointer;
    border-radius: 15px;
    text-align: center;
    display: inline-block;
    background: #ddd;
    position: relative;
    left: 3px;
}

.box-content {
    position: relative;
    display: inline-block;
}

.resultPart .box-content .shortTooltip div.form-tooltip {
    bottom: -372px;
    left: -142px;
}

.resultPart .shortTooltip div {
    bottom: -268px;
    left: -132px;
}

    .resultPart .shortTooltip div span {
        left: 134px;
    }

table thead th .shortTooltip {
    margin: 0;
    position: absolute;
    display: table;
    cursor: pointer;
    top: -10px;
    right: -10px;
    z-index: 99999;
}

    table thead th .shortTooltip div {
        left: -53px;
        bottom: 45px;
    }

    table thead th .shortTooltip .icon {
        width: 25px !important;
        height: 25px;
        padding-top: 3px;
    }

    table thead th .shortTooltip div span {
        padding: 0;
        background-color: initial;
        -webkit-border-radius: initial;
        -moz-border-radius: initial;
        border-radius: initial;
    }

.tabsBox table thead th .shortTooltip div {
    top: 45px;
    bottom: initial;
}

    .tabsBox table thead th .shortTooltip div span {
        top: -16px;
        bottom: initial;
        background: url(../img/short-tooltip_icon-2.png) no-repeat;
    }

ul.listBullet li {
    list-style: disc inside;
}

ul.listBullet ul {
    margin: 10px 0;
}

    ul.listBullet ul li {
        padding-left: 15px;
        font-size: 14px;
        color: #282828;
        margin-bottom: 4px;
    }

ul.listBullet li.bulletNone {
    list-style: none;
}

    ul.listBullet li.bulletNone ul.tablo_list {
        width: 100%;
        display: inline-block;
        margin: 1px 0;
    }

        ul.listBullet li.bulletNone ul.tablo_list li {
            width: 33.33%;
            float: left;
            list-style-type: none;
            padding: 5px 0;
        }

            ul.listBullet li.bulletNone ul.tablo_list li:nth-child(2) {
                text-align: center;
            }

            ul.listBullet li.bulletNone ul.tablo_list li:nth-child(3) {
                text-align: center;
            }

    ul.listBullet li.bulletNone ul.tablo_list2 {
        width: 100%;
        display: block;
        margin: 1px 0;
    }

        ul.listBullet li.bulletNone ul.tablo_list2 li {
            width: 49%;
            float: left;
            list-style-type: none;
            padding: 5px 0;
        }

ul.listBullet li span.title {
    font-size: 16px;
    color: #00915A;
    font-family: open_sanssemibold;
}

ul.listBullet li ul.icons li {
    list-style: square inside url(../img/bullet_icon.png);
}

.showMobile {
    display: none !important;
}

.showDescktop {
    display: block !important;
}

#bigScreen {
    display: block;
}

#mobileScreen {
    display: none;
}

.mobileTableRouter {
    display: none;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}

    .mobileTableRouter img {
        display: block;
        float: left;
        margin-right: 15px;
    }

    .mobileTableRouter span {
        font-size: 14px;
        display: block;
        padding-top: 5px;
    }

#campPopupSlide .slidesjs-slide p, #campPopupSlide2 .slidesjs-slide p, #campPopupSlide3 .slidesjs-slide p, #campPopupSlide4 .slidesjs-slide p, #campPopupSlide5 .slidesjs-slide p, #campPopupSlide6 .slidesjs-slide p, #campPopupSlide7 .slidesjs-slide p {
    text-align: center;
    clear: both;
    color: #fff;
    font-family: open_sansbold;
    float: left;
    font-size: 18px;
    line-height: 22px;
}

.contentBox .promo.promoVid .applyBtn {
    width: 260px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 99;
}

.showMobileBtns {
    display: none !important;
}

.showDescktopBtns {
    display: block !important;
}

.slideSplashBox {
    display: none;
    width: 716px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -358px;
    top: 180px;
}

    .slideSplashBox .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide {
    display: block;
}

    #campPopupSlide .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -17px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 425px;
        z-index: 9999;
    }

        #campPopupSlide .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a.active, #campPopupSlide .slidesjs-pagination li a:hover {
                    background-color: #fff;
                }

    #campPopupSlide .slidesjs-container {
        min-height: 520px;
    }

#campPopupSlide2 .slidesjs-container, #campPopupSlide3 .slidesjs-container, #campPopupSlide4 .slidesjs-container, #campPopupSlide5 .slidesjs-container, #campPopupSlide6 .slidesjs-container {
    min-height: 730px;
}

#campPopupSlide .slidesjs-control {
    height: auto !important;
}

#campPopupSlide .slidesjs-slide img {
    display: block;
    float: left;
}

#campPopupSlide .slidesjs-slide p {
    display: block;
    width: 100%;
    margin: 50px 0 0;
}

.slideSplashBox2 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox2 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide2 {
    display: block;
}

    #campPopupSlide2 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(../img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide2 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide2 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide2 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide2 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide2 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a:hover, #campPopupSlide2 .slidesjs-pagination li a.active {
                    background-color: #fff;
                }

    #campPopupSlide2 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide2 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide2 .slidesjs-slide p {
        display: block;
        width: 100%;
        margin: 15px 0 0;
    }

.slideSplashBox3 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox3 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide3 {
    display: block;
}

    #campPopupSlide3 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(../img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide3 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide3 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide3 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide3 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide3 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a:hover, #campPopupSlide3 .slidesjs-pagination li a.active {
                    background-color: #fff;
                }

    #campPopupSlide3 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide3 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide3 .slidesjs-slide p {
        display: block;
        width: 100%;
        margin: 35px 0 0;
    }

.slideSplashBox4 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox4 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide4 {
    display: block;
}

    #campPopupSlide4 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(../img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide4 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide4 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide4 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide4 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide4 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a:hover, #campPopupSlide4 .slidesjs-pagination li a.active {
                    background-color: #fff;
                }

    #campPopupSlide4 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide4 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide4 .slidesjs-slide p {
        display: block;
        width: 100%;
        margin: 40px 0 0;
    }

.slideSplashBox5 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox5 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide5 {
    display: block;
}

    #campPopupSlide5 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(../img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide5 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide5 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide5 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide5 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide5 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a:hover, #campPopupSlide5 .slidesjs-pagination li a.active {
                    background-color: #fff;
                }

    #campPopupSlide5 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide5 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide5 .slidesjs-slide p {
        display: block;
        width: 100%;
        margin: 35px 0 0;
    }

.slideSplashBox6 {
    display: none;
    width: 342px;
    position: fixed;
    z-index: 99999995;
    left: 50%;
    margin-left: -170px;
    top: 160px;
}

    .slideSplashBox6 .close {
        position: absolute;
        top: -50px;
        right: -50px;
    }

#campPopupSlide6 {
    display: block;
}

    #campPopupSlide6 .slidesjs-navigation {
        position: absolute;
        width: 18px;
        height: 38px;
        display: block;
        top: 50%;
        margin-top: -90px;
        background: url(/Content/img/camp-popup-slide_arrows.png) no-repeat;
    }

    #campPopupSlide6 .slidesjs-previous {
        left: -75px;
    }

    #campPopupSlide6 .slidesjs-next {
        right: -75px;
        background-position: -18px 0;
    }

    #campPopupSlide6 .slidesjs-pagination {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        top: 620px;
        z-index: 9999;
    }

        #campPopupSlide6 .slidesjs-pagination li {
            display: inline-block;
            margin: 0 2px;
        }

            #campPopupSlide6 .slidesjs-pagination li a {
                display: block;
                width: 10px;
                height: 10px;
                border: 1px solid #fff;
                float: left;
                overflow: hidden;
                text-indent: -999999px;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                #campPopupSlide .slidesjs-pagination li a:hover, #campPopupSlide6 .slidesjs-pagination li a.active {
                    background-color: #fff;
                }

    #campPopupSlide6 .slidesjs-control {
        height: auto !important;
    }

    #campPopupSlide6 .slidesjs-slide img {
        display: block;
        float: left;
    }

    #campPopupSlide6 .slidesjs-slide p {
        display: block;
        width: 100%;
        margin: 35px 0 0;
    }

nav.display {
    position: relative;
    width: 100%;
    padding: 0;
    /*z-index: 9990010;*/
}

    nav.display ul, nav.display ul li {
        float: left;
    }

        nav.display ul li a {
            position: relative;
            display: inline-block;
            padding: 25px 25px 24px;
            font-size: 13px;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        }

            nav.display ul li a::after {
                display: none;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 1px;
                background: #fff;
                content: " ";
                z-index: 9999999;
            }

        nav.display ul li:hover a {
            color: #00915A;
            border-color: #eaeaea;
        }

            nav.display ul li:hover a::after {
                display: block;
            }

        nav.display ul li.active a {
            color: #00915A;
        }

        nav.display ul li ul {
            display: none;
            width: 100%;
            padding: 20px 21px;
            position: absolute;
            top: 66px;
            left: 0;
            background: #fff;
            z-index: 9990010;
            box-shadow: 1px 1px 1px #CCC;
            border-top: 1px solid #eaeaea;
        }

            nav.display ul li ul li {
                float: left;
                clear: both;
                width: 100%;
                padding: 0 0 0 30px !important;
                text-transform: uppercase;
            }

                nav.display ul li ul li img {
                    display: none;
                }

                nav.display ul li ul li a {
                    font-size: 14px;
                    padding: 11px 0 11px 8px;
                    color: #282828;
                    border: none;
                    display: block;
                }

                    nav.display ul li ul li a::after {
                        display: none !important;
                    }

        nav.display ul li:hover ul li a {
            color: #282828;
        }

        nav.display ul li ul li:hover {
            background: #00915A;
        }

            nav.display ul li ul li:hover a {
                /*background: url(../img/nav_icon.png) left center no-repeat;*/
                color: #fff;
            }

        nav.display ul li.item0 ul li {
            padding-left: 0px !important;
        }

        nav.display ul li.item1 ul li {
            padding-left: 215px !important;
        }

        nav.display ul li.item2 ul li {
            padding-left: 330px !important;
        }

        nav.display ul li.item3 ul li {
            padding-left: 548px !important;
        }

        nav.display ul li.item4 ul li {
            padding-left: 679px !important;
        }

        nav.display ul li.item5 ul li {
            padding-left: 820px !important;
        }

    nav.display .prodServLink {
        float: right;
        margin: 20px 45px 0 0;
    }

.menufx {
    box-shadow: 0 0 0 !important;
}

nav.display .srcInitBtn {
    display: none;
    float: right;
    width: 18px;
    height: 18px;
    margin-top: 27px;
    background: url(../img/src-btn.png) no-repeat;
}

    nav.display .srcInitBtn.active {
        background-position: 0 -18px;
    }

.searchBox {
    display: none;
    position: absolute;
    width: 100%;
    top: 68px;
    left: 0;
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid #eaeaea;
    z-index: 9990000;
}

    .searchBox div {
        width: 86.979166666667%;
        margin: 0 auto;
        background: #f2f2f2;
        padding: 20px 0;
    }

        .searchBox div input {
            height: 42px;
            width: 80%;
            margin-left: 35px;
            font-family: open_sansregular;
            font-size: 24px;
            color: #b3b3b3;
            float: left;
            background: 0 0;
            border: none;
        }

        .searchBox div button, nav.mobile .link {
            color: #fff;
            font-family: open_sansbold;
            font-size: 13px;
        }

        .searchBox div button {
            float: right;
            margin-right: 20px;
            padding: 12px 0;
            width: 75px;
            text-align: center;
            background: #b0b0b0;
            border: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

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

nav.mobile {
    display: none;
    position: absolute;
    top: 0;
    left: -91.176470588235%;
    width: 91.176470588235%;
    height: auto !important;
    background: #fff;
    z-index: 99999995;
}

    nav.mobile .link, nav.mobile ul, nav.mobile ul li a {
        display: block;
        width: 100%;
    }

    nav.mobile .link {
        padding: 25px 0 25px 25px;
        margin-bottom: 1px;
        background: #ee8718;
    }

        nav.mobile .link.branch {
            background: #00915A;
        }

        nav.mobile .link.branch2 {
            background: #d67308;
        }

        nav.mobile .link.close {
            padding: 15px 0;
            text-align: center;
            font-size: 11px;
            color: #fff;
            background: #000;
        }

            nav.mobile .link.close span {
                font-family: open_sanslight;
                margin-right: 5px;
            }

    nav.mobile ul {
        float: left;
        background: #fff;
    }

        nav.mobile ul li {
            float: left;
            clear: left;
            width: 100%;
            border-bottom: 1px solid #ebebeb;
        }

            nav.mobile ul li ul li, section.home {
                border: none;
            }

            nav.mobile ul li a {
                padding: 25px 40px 25px 25px;
                font-family: open_sansbold;
                font-size: 13px;
                color: #282828;
                background: url(../img/mnav-icon_close.png) right center no-repeat;
            }

            nav.mobile ul li.active a {
                color: #00915A;
                background: url(../img/mnav-icon_active.png) right center no-repeat;
            }

            nav.mobile ul li ul li a, nav.mobile ul li.active ul li a {
                color: #1c1c1c;
                background: 0 0;
            }

            nav.mobile ul li ul {
                display: none;
                margin-bottom: 10px;
            }

                nav.mobile ul li ul li a {
                    font-size: 14px;
                    font-family: open_sanslight;
                    padding: 10px 25px 10px 25px;
                }

                nav.mobile ul li ul li:first-child a {
                    padding-top: 0;
                }

            nav.mobile ul li.single a {
                background: url(../img/mnav-icon_close_signle.png) right center no-repeat;
            }

.homeScrollDown {
    width: 3%;
    height: 5%;
    position: absolute;
    bottom: 12%;
    left: 50%;
    margin-left: -1.5%;
    cursor: pointer;
    z-index: 9999;
}

section.home ul {
    float: left;
    width: 100%;
}

    section.home ul li {
        position: relative;
        float: left;
        width: 33.158999999999%;
        margin: .28041666666667% .26041666666667% 0 0;
    }

        section.home ul li.double {
            width: 66.57999999999826%;
        }

        section.home ul li img {
            width: 100%;
            height: auto !important;
            display: block;
        }

        section.home ul li.double img.mobile {
            display: none;
        }

        section.home ul li.last {
            margin-right: 0;
        }

        section.home ul li div {
            position: absolute;
            bottom: 40px;
            left: 40px;
            color: #fff;
        }

            section.home ul li div h2 {
                color: #fff;
                font-size: 46px;
                font-family: bnpp_sansbold;
            }

            section.home ul li div span {
                display: block;
                font-size: 19px;
                font-family: open_sansregular;
                margin: 20px 0 30px;
            }

            section.home ul li div .more {
                display: block;
                color: #fff;
                height: 24px;
                line-height: 23px;
                font-size: 14px;
                font-family: open_sansbold;
                padding-left: 40px;
                background: url(../img/arrow_icon.png) no-repeat;
                margin: 0;
            }

        section.home ul li .title {
            position: absolute;
            bottom: 40px;
            left: 40px;
            padding: 19px 25px 12px;
            background: #fbfaf7;
            font-size: 30px;
            color: #282828;
            font-family: bnpp_sansregular;
            line-height: 1;
        }

            section.home ul li .title span {
                margin: 0;
                font-size: 17px;
                padding-top: 7px;
            }

.homeVideo, .tnick, .twtowner {
    width: 100%;
}

.tnick {
    display: block;
    float: left;
    font-size: 14px;
    color: #5f5f5f;
    font-family: open_sansregular !important;
}

.twtowner {
    display: block;
    float: left;
    height: 52px;
}

.homeVideoBox {
    width: 100%;
    overflow: hidden;
    background: #000;
}

.shareFriend article {
    margin-right: 19.373626% !important;
}

.shareFriend .title {
    font-size: 32px !important;
    color: #5a5a5a !important;
}

    .shareFriend .title b {
        font-family: open_sansbold;
    }

.shareFriend .miniTitle {
    font-family: open_sanslight;
    font-size: 25px;
    color: #00915A !important;
}

.shareFriend .fRow {
    position: relative;
    float: left;
    width: 33.3%;
}

    .shareFriend .fRow input {
        width: 85%;
        height: 60px;
        border: 1px solid #a3e4be;
        display: block;
        margin-bottom: 18px;
        padding-left: 13px;
        color: #949494;
    }

        .shareFriend .fRow input::-webkit-input-placeholder {
            color: #949494;
            opacity: 1 !important;
        }

        .shareFriend .fRow input:-moz-placeholder {
            color: #949494;
        }

        .shareFriend .fRow input::-moz-placeholder {
            color: #949494;
        }

        .shareFriend .fRow input:-ms-input-placeholder {
            color: #949494 !important;
        }

    .shareFriend .fRow span {
        line-height: 28px;
        display: block;
        width: 30px;
        height: 30px;
        border: 1px solid #9ee2bb;
        border-radius: 28px;
        text-align: center;
        font-size: 21.5px;
        font-family: open_sanslight;
        color: #00915A;
        position: absolute;
        left: -44px;
        top: 13px;
    }

.shareFriend .continue-btn {
    margin-top: -75px;
    margin-right: 55px;
}

section.form {
    border: none;
}

    section.form .promo .title-time {
        position: absolute;
        top: 0;
        height: 100%;
        width: 85.9375%;
        left: 50%;
        margin-left: -42.96875%;
    }

        section.form .promo .title-time .titles {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            float: left;
            width: 60%;
        }

        section.form .promo .title-time .time {
            right: 0;
            float: right;
            height: 76px;
            position: absolute;
            top: 40%;
            transform: translateY(-40%);
            -webkit-transform: translateY(-40%);
            -ms-transform: translateY(-50%);
        }

            section.form .promo .title-time .time img {
                width: auto;
                height: 100%;
                float: left;
                margin-right: 20px;
            }

        section.form .promo .title-time .buttons {
            right: 0;
            float: right;
            position: absolute;
            bottom: 50px;
        }

            section.form .promo .title-time .buttons a.applyBtn {
                margin-left: 35px;
                width: 300px;
            }

        section.form .promo .title-time .titles h1, section.form .promo .title-time .titles h2 {
            color: #fff;
            display: block;
        }

        section.form .promo .title-time .titles h1 {
            font-size: 62px;
            margin-bottom: 35px;
            line-height: 48px;
            font-family: bnpp_sanslight;
        }

            section.form .promo .title-time .titles h1 span {
                font-family: bnpp_sansregular;
            }

        section.form .promo .title-time .titles h2 {
            font-size: 32px;
            font-family: open_sanslight;
            line-height: 34px;
        }

        section.form .promo .title-time .time div {
            float: left;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

        section.form .promo .title-time .time span {
            display: block;
        }

        section.form .promo .title-time .time .title {
            font-size: 16px;
            color: #fff;
            font-family: open_sansbold;
        }

        section.form .promo .title-time .time .date {
            font-size: 22px;
            color: #fdf511;
            font-family: open_sanslight;
        }

            section.form .promo .title-time .time .date strong {
                font-family: open_sansbold;
            }

        section.form .promo .title-time .time2 .date, section.form .promo .title-time .time2 .title {
            color: #19BB5C;
        }

        section.form .promo .title-time .titles.title1 h1, section.form .promo .title-time .titles.title1 h2, section.form .promo .title-time .titles.title2 h1, section.form .promo .title-time .titles.title2 h2, section.form .promo .title-time .titles.title3 h1, section.form .promo .title-time .titles.title3 h2, section.form .promo .title-time .titles.title4 h1, section.form .promo .title-time .titles.title4 h2, section.form .promo .title-time .titles.title5 h1, section.form .promo .title-time .titles.title5 h2, section.form .promo .title-time .titles.title6 h1, section.form .promo .title-time .titles.title6 h2, section.form .promo .title-time .titles.title7 h1, section.form .promo .title-time .titles.title7 h2, section.form .promo .title-time .titles.title8 h1, section.form .promo .title-time .titles.title8 h2 {
            color: #000;
        }

        section.form .promo .title-time .titles.title1 {
            left: 22%;
            width: 45%;
        }

        section.form .promo .title-time .titles.title2 {
            left: 23%;
        }

        section.form .promo .title-time .titles.title3 {
            left: 25%;
        }

        section.form .promo .title-time .titles.title4 {
            left: 30%;
            width: 47%;
        }

        section.form .promo .title-time .titles.title5 {
            left: 26%;
        }

        section.form .promo .title-time .titles.title6, section.form .promo .title-time .titles.title7 {
            left: 22%;
        }

        section.form .promo .title-time .titles.title8 {
            left: 28%;
            width: 52%;
        }

    section.form .promo.newVersion {
        float: left;
    }

        section.form .promo.newVersion .title-time {
            width: 90.5%;
            margin-left: -45.25%;
        }

            section.form .promo.newVersion .title-time .titles {
                left: 26.9%;
                width: 51%;
            }

                section.form .promo.newVersion .title-time .titles h1 {
                    margin-bottom: 15px;
                    color: #232323;
                    font-size: 2.6vw;
                    line-height: 1;
                }

                section.form .promo.newVersion .title-time .titles h2 {
                    font-size: 1.875vw;
                    line-height: 1.1;
                    color: #232323;
                    letter-spacing: -.015em;
                }

        section.form .promo.newVersion.hasButtons {
            float: left;
            background: #fff;
        }

        section.form .promo.newVersion .title-time .time {
            height: 21%;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }

            section.form .promo.newVersion .title-time .time .title {
                font-size: .83vw;
            }

            section.form .promo.newVersion .title-time .time .date {
                font-size: 1.145vw;
            }

        section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
            position: absolute;
            right: 5%;
            top: 0;
            width: 20%;
            margin-top: 13%;
        }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div {
                width: 49%;
                float: right;
            }

                section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div a {
                    width: 100%;
                }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn div.left {
                padding-left: 0;
            }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn div.right {
                padding-right: 2% !important;
            }

            section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton {
                margin-left: 10px;
                display: block;
                text-transform: uppercase;
                padding: 8% 0;
                border: 1px solid #ee8718;
                background: #ee8718;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
                color: #fff;
                font-size: .677vw;
                font-family: open_sansbold;
                text-align: center;
            }

                section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton.green {
                    border-color: #00915A;
                    background: #00915A;
                    color: #fff;
                }

.accordion-title {
    position: relative;
    width: 100%;
    padding: 30px 0 30px 3.3333333333333%;
    margin-top: 3px;
    font-size: 26px;
    line-height: 25px;
    background: #f4f4f4;
    color: #282828;
    font-family: open_sanslight;
    cursor: pointer;
    transition: all .3s ease;
}

    .accordion-title span.title {
        padding-left: 40px;
        background: url(../img/accor-plus-passive_icon.png) left center no-repeat;
    }

    .accordion-title.acc-open {
        background-color: #00915A;
    }

        .accordion-title.acc-open span.title {
            color: #fff;
            background: url(../img/accor-minus_icon.png) left center no-repeat;
        }

    .accordion-title.done {
        color: #fff;
        background: #00915A;
    }

        .accordion-title.done span.title {
            opacity: .7;
            background: url(../img/accor-plus_icon.png) left center no-repeat;
        }

        .accordion-title.done.acc-open span.title {
            background: url(../img/accor-minus_icon.png) left center no-repeat #00915A;
        }

    .accordion-title .okey {
        position: absolute;
        display: none;
        right: 0;
        top: 0;
        width: 148px;
        height: 100%;
        background: #00915A;
        text-align: center;
    }

    .accordion-title.done .okey {
        display: block;
    }

    .accordion-title .okey img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -18px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .accordion-container:after, .accordion-container:before, .accordion-title:after, .accordion-title:before {
        content: ' ';
        display: table;
    }

    .accordion-container:after, .accordion-title:after {
        clear: both;
    }

.accordion-container {
    position: relative;
    display: none;
    margin: 0 auto;
    padding: 30px 3.3333333333333%;
}

    .accordion-container.grey {
        background: #f5f5f5;
    }

.form-list {
    float: left;
    width: 29.76190476190467%;
    margin: 0 5.3571428571429% 0 0;
}

.form-list-abd {
    float: left;
}

.alertBox, .form-list.video img {
    width: 100%;
}

.form-list.last {
    margin-right: 0;
}

.form-list.confText span {
    display: block;
    color: #282828;
}

    .form-list.confText span.title {
        font-family: open_sansbold;
        font-size: 60px;
    }

    .form-list.confText span.subTitle {
        font-family: open_sansregular;
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .form-list.confText span.desp {
        font-family: open_sanslight;
        font-size: 22px;
        margin-bottom: 80px;
    }

.form-list.confText a.social {
    float: left;
    padding: 3px;
    background: #fff;
}

    .form-list.confText a.social img {
        float: left;
        margin-right: 20px;
    }

    .form-list.confText a.social span {
        float: left;
        display: block;
        line-height: 34px;
        font-family: open_sansbold;
        color: #3256a6;
        font-size: 13px;
        padding-right: 20px;
    }

.alertBox, .campDetail article .contentBox h2 {
    font-family: open_sanslight;
}

.form-list.confText a.social.twitter {
    margin-left: 10px;
}

    .form-list.confText a.social.twitter span {
        color: #13b1fb;
    }

.alertBox {
    color: #fff;
    padding: 20px 70px;
    font-size: 14px;
    clear: both;
    margin: 8px 0 30px;
}

    .alertBox.okey {
        background: url(../img/alert-icon_okey.gif) 20px center no-repeat #00915A;
    }

    .alertBox.error {
        background: url(../img/alert-icon_error.gif) 20px center no-repeat #e33b3b;
        padding-bottom: 10px;
    }

        .alertBox.error ul li {
            list-style: disc;
            margin-bottom: 10px;
        }

        .alertBox.error span {
            display: list-item;
        }

    .alertBox.info {
        background: url(../img/alert-icon_info.gif) 20px center no-repeat #00915A;
    }

section.form .promo img.mobile {
    display: none;
}

section.form .promo img.normal {
    display: block;
}

section.campDetail {
    padding-bottom: 80px;
}

.campDetail article .titleBar {
    float: left;
    padding: 60px 0 60px 55px;
    z-index: -1;
    padding-right: 0 !important;
}

    .campDetail article .titleBar h1 {
        width: 51%;
        float: right;
    }

.campDetail article .campDetailImg {
    width: 44.167962674961%;
    float: left;
    border: none;
    top: 30px;
    margin: 0 0 0 30px;
    position: absolute;
}

.campDetail article .campDetailImgnoAb {
    position: relative;
    margin-top: -11.5%;
}

.campDetail article .campDetailImg.left {
    margin-right: inherit !important;
    float: left;
}

.campDetail article .contentBox {
    float: right;
    width: 55.832037325039%;
    padding: 40px 0 30px;
    padding-left: 0 !important;
    min-height: 300px;
}

    .campDetail article .contentBox.contentTable {
        width: 100%;
    }

    .campDetail article .contentBox h2 {
        font-size: 32px;
        line-height: 38px;
        color: #363636;
        margin-bottom: 15px;
    }

        .campDetail article .contentBox h2 a, .campDetail article .contentBox h2 strong, .campDetail article .contentBox p.lit {
            font-family: open_sanssemibold;
        }

        .campDetail article .contentBox h2 a {
            color: #363636;
        }

    .campDetail article .contentBox p.lit {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 25px;
    }

.detPageBottListThem h2, .detPageBottListThem h3 {
    position: relative;
    display: block;
    font-family: open_sanslight;
    color: #fff;
    font-size: 38px;
    padding: 40px 30px 40px 45px;
}

.campDetail article .contentBox .applyBtn {
    float: left;
    width: 280px;
}

.detPageBottListThem {
    float: left;
    clear: both;
    width: 100%;
}

    .detPageBottListThem h3 {
        background: #aeaeae;
    }

    .detPageBottListThem h2 {
        background: #00915A;
    }

    .detPageBottListThem h3:before {
        position: absolute;
        bottom: -30px;
        left: 0;
        content: '';
        display: inline-block;
        width: 23px;
        height: 30px;
        background: url(../img/campdetail_detailInfo_icon.png) no-repeat;
    }

    .detPageBottListThem ul {
        list-style: disc inside;
        margin: 35px 0 0 55px;
    }

        .detPageBottListThem ul ul {
            list-style-type: circle;
        }

    .detPageBottListThem.cepteteb-banking ul {
        margin: 5px 0 40px 55px;
    }

        .detPageBottListThem.cepteteb-banking ul li {
            font-family: open_sanslight;
        }

    .detPageBottListThem ul li {
        margin-bottom: 20px;
        font-size: 16px;
        color: #282828;
        font-family: open_sansregular;
    }

        .detPageBottListThem ul li a {
            color: #00915A;
            font-weight: bold;
        }

    .detPageBottListThem p.k {
        padding-left: 50px;
        padding-top: 35px;
        padding-right: 60px;
    }

    .detPageBottListThem p.lit2 {
        padding-left: 50px;
        font-size: 12px;
        color: #999;
        margin-bottom: 5px;
    }

.campDetail article .campDetailImg.type2 {
    position: relative;
    top: inherit;
}

section.campDetail.type2 {
    border: none;
}

.campDetail.type2 .promo {
    position: relative;
}

    .campDetail.type2 .promo .social {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 66px;
        z-index: 99;
    }

        .campDetail.type2 .promo .social a {
            display: block;
        }

        .campDetail.type2 .promo .social img {
            display: block;
            width: 100%;
        }

.type2 article {
    margin-top: 0;
}

.campDetail.type2 article .titleBar:after {
    left: 10.125%;
}

.campDetail.type2 article .titleBar {
    padding-left: 45px;
}

    .campDetail.type2 article .titleBar h1 {
        width: 100%;
        margin-bottom: 10px;
    }

.campDetail.type2 article .campDetailImg {
    margin-top: -52px;
    margin-right: -54px;
}

.campDetail article .campDetailImg.type2 {
    margin: -20px 0 0 45px;
}

.campDetail.type2 article .campDetailImg.left {
    margin-right: inherit !important;
}

.campDetail article .contentBox.type2 {
    padding-top: 50px;
    padding-bottom: 0;
    width: 47%;
    margin-bottom: 50px;
}

.campDetail.type2 article .contentBox h2 {
    font-size: 40px;
    line-height: 42px;
    color: #00915A;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed';
    margin-bottom: 30px;
}

.campDetail.type2 article .contentBox p.lit {
    font-size: 28px;
    line-height: 30px;
    color: #363636;
    font-family: open_sanslight;
}

.detPageBottListThem.campDet {
    border-left: 6px solid #fff;
}

    .detPageBottListThem.campDet ul {
        float: left;
        list-style: none;
        margin-top: 45px;
    }

        .detPageBottListThem.campDet ul.whatis a {
            text-decoration: underline;
            color: #000;
        }

        .detPageBottListThem.campDet ul li {
            float: left;
            width: 23.1999999999%;
            border: 1px solid #e5e5e5;
            margin: 0 2.3980815347722% 2.3980815347722% 0;
            padding-bottom: 10px;
        }

            .detPageBottListThem.campDet ul li img {
                width: 100%;
            }

            .detPageBottListThem.campDet ul li span {
                display: block;
                padding: 20px 20px 0;
                font-size: 18px;
                color: #363636;
                font-family: open_sanslight;
                text-align: center;
            }

                .detPageBottListThem.campDet ul li span strong {
                    font-family: open_sansbold;
                }

            .detPageBottListThem.campDet ul li:nth-child(4n) {
                margin-right: 0;
            }

.applyBtn.contBott {
    max-width: 70%;
    clear: both;
    font-family: open_sanslight;
}

    .applyBtn.contBott strong, table.prices thead th {
        font-family: open_sansbold;
    }

    .applyBtn.contBott.center {
        margin-bottom: 20px;
    }

article.minusMarTop {
    margin-top: 0px;
}

.campDetail .videoBox .playBtn {
    bottom: 50px;
    margin-top: inherit;
    top: inherit;
}

    .campDetail .videoBox .playBtn.center {
        width: 118px;
        left: 50%;
        top: 50%;
        margin: -59px 0 0 -59px;
    }

.campSocialShare {
    margin-bottom: 30px;
}

    .campSocialShare .twitter-share-button {
        margin-left: 10px;
    }

.campDetail.type2 article .contentBox .applyBtn {
    font-family: open_sansbold;
    font-size: 18px;
    width: 280px;
    margin-bottom: 15px;
}

    .campDetail.type2 article .contentBox .applyBtn.first {
        margin-right: 20px;
    }

.campDetail img {
    width: 100%;
    display: block;
}

.campDetail .detVideo, h3.printTitle, section.sidebarCont article .titleBar:after, section.sidebarCont article .titleBar:before {
    display: none;
}

.campDetail article .titleBar.faq h1 {
    width: 100%;
    line-height: normal;
}

section.campDetail .contentBox.faq {
    margin-top: 0;
    background: #fff;
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: left;
}

table.prices {
    width: 100%;
    border-top: 1px solid #00915A;
    border-right: 1px solid #00915A;
    border-bottom: 1px solid #00915A;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    table.prices thead th {
        background: #00915A;
        color: #fff;
        font-size: 14px;
        text-align: center;
        padding: 17px 10px;
    }

        table.prices tbody td.text-left, table.prices thead th.text-left {
            text-align: left;
        }

    table#dovizTablo tr td, table#taksitTablo tr td, table.prices tr td {
        font-size: 14px;
        border-bottom: 1px solid #00915A;
        font-family: open_sanslight;
        text-align: center;
    }

    table.prices tr td {
        border-left: 1px solid #00915A;
        padding: 20px 10px;
    }

    table.prices tbody td.paddLeft25, table.prices thead th.paddLeft25 {
        padding-left: 25px;
    }

table.prices2 thead th {
    border-left: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
}

    table.prices2 thead th:first-child {
        border-left: 1px solid #00915A !important;
        background-color: #00915A;
    }

    table.prices2 thead th:last-child {
        border-right: 1px solid #00915A !important;
        background-color: #00915A;
    }

table.prices2 tr td {
    padding: 17px 5px !important;
}

table#dovizTablo tr td, table#taksitTablo tr td {
    border-left: 1px solid #00915A;
    padding: 20px 10px;
}

table#odemePlaniTablo {
    width: 50%;
    border: 1px solid #00915A;
}

    table#odemePlaniTablo tr td.title {
        text-align: left;
        background-color: #00915A;
        color: #FFF;
        font-weight: 700;
        font-family: open_sansbold;
        border-bottom: 1px solid #FFF;
    }

    table#odemePlaniTablo tr td {
        border-left: 1px solid #00915A;
        border-bottom: 1px solid #00915A;
        font-size: 14px;
        font-family: open_sanslight;
        text-align: center;
        padding: 20px 10px;
    }

.contact p a, .faq p a {
    text-decoration: underline;
    color: #363636;
}

.accordionBox.acdSecondLevel:first-child {
    padding-top: 0;
}

.accordionBox.acdSecondLevel:last-child {
    border: none;
    padding-bottom: 0;
}

.accordionBox.acdThirdLevel:last-child {
    border: none;
}

.accordionBox.acdThirdLevel {
    padding: 0;
}

    .accordionBox.acdThirdLevel .title {
        font-size: 14px;
    }

.accordionBox .title.thirdLev {
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.accordionBox.acdSecondLevel .title {
    font-size: 18px;
    line-height: 28px;
    padding-left: 45px;
    background: url(../img/accor-plus-passive_icon_lit.png) left center no-repeat;
}

    .accordionBox.acdSecondLevel .title.active {
        background: url(../img/accor-plus-green_icon_lit.png) left center no-repeat;
    }

.campDetail article .contentBox.textCont {
    width: 100% !important;
    padding-left: 0;
}

    .campDetail article .contentBox.textCont p {
        font-size: 18px;
        line-height: 26px;
        color: #363636;
        font-family: open_sanslight;
    }

section.sidebarCont {
    padding: 60px 30px 80px;
}

    section.sidebarCont aside {
        float: left;
        width: 23.626373626374%;
        border-top: 3px solid #000;
        padding-top: 20px;
    }

    section.sidebarCont article {
        float: left;
    }

    section.sidebarCont aside h2 {
        font-size: 30px;
        color: #282828;
        font-family: open_sansbold;
        margin-bottom: 20px;
    }

    section.sidebarCont aside .sideMenuOpen {
        display: none;
        width: 100%;
    }

        section.sidebarCont aside .sideMenuOpen span {
            width: 18px;
            height: 18px;
            display: inline-block;
            background: url(../img/accor-plus-passive_icon_lit.png) no-repeat;
            vertical-align: middle;
            margin-left: 15px;
        }

        section.sidebarCont aside .sideMenuOpen.active span {
            background: url(../img/accor-plus-green_icon_lit.png) no-repeat;
            padding-right: 25px;
        }

    section.sidebarCont aside ul li {
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        font-family: open_sansbold;
        font-size: 13px;
        text-transform: uppercase;
    }

        section.sidebarCont aside ul li:last-child {
            border: none;
        }

        section.sidebarCont aside ul li a {
            width: 100%;
            display: block;
            padding: 20px 0;
            padding-right: 25px !important;
            color: #282828;
        }

        section.sidebarCont aside ul li:hover a {
            color: #00915A;
        }

        section.sidebarCont aside ul li.active a {
            color: #00915A;
            background: url(../img/sidebar-nav_icon.png) right center no-repeat;
        }

    section.sidebarCont article .titleBar {
        padding: 52px 64px;
    }

        section.sidebarCont article .titleBar h1 {
            font-size: 61.82px;
            line-height: 66px;
            font-family: bnpp_sanslight;
        }

            section.sidebarCont article .titleBar h1 strong {
                font-family: bnpp_sansregular;
            }

        section.sidebarCont article .titleBar p {
            font-size: 32px;
            line-height: 34px;
            margin-top: 15px;
        }

        section.sidebarCont article .titleBar.krediKartiPage p {
            font-size: 25px;
        }

    section.sidebarCont article .contentBox {
        width: 90.217391304348%;
        margin: -20px auto 0;
        min-height: 360px;
    }

    section.sidebarCont article .contentBox2 {
        min-height: 0;
    }

    section.sidebarCont article .contentBox.noVideo, section.sidebarCont article .contentBox.odemePlani {
        margin-top: 40px;
    }

    section.sidebarCont article .contentBox .promo {
        border: 6px solid #fff;
        margin-bottom: 30px;
    }

    section.sidebarCont article .contentBox .promoVid {
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }

        section.sidebarCont article .contentBox .promoVid img {
            cursor: pointer;
        }

    section.sidebarCont article .contentBox .promo.promoVid img {
        display: block;
    }

    section.sidebarCont article .contentBox .promoVid .detVideo {
        display: none;
    }

    section.sidebarCont article .contentBox p {
        font-size: 20px;
        line-height: 26px;
        color: #282828;
        font-family: open_sanslight;
    }

        section.sidebarCont article .contentBox p small {
            font-size: 90%;
        }

        section.sidebarCont article .contentBox p a {
            color: #282828;
            text-decoration: underline;
        }

        section.sidebarCont article .contentBox p.subTitle {
            margin-bottom: 30px;
        }

        section.sidebarCont article .contentBox p.title {
            font-size: 40px;
            line-height: 46px;
            font-family: bnpp_sanslight;
            margin: 10px 0 30px;
        }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 30px;
            line-height: 36px;
            font-family: bnpp_sanslight;
            margin: 10px 0 30px;
        }

        section.sidebarCont article .contentBox p.title.type2 {
            display: inline-block;
            margin-top: 35px;
        }

        section.sidebarCont article .contentBox p.title.type3 {
            display: inline-block;
            margin-top: 15px;
        }

        section.sidebarCont article .contentBox p.title strong {
            font-family: bnpp_sansbold;
        }

        section.sidebarCont article .contentBox p.title.green a {
            color: #00915A;
            text-decoration: underline;
        }

        section.sidebarCont article .contentBox p.green {
            color: #00915A;
        }

.contentBox.minHeightAuto {
    min-height: initial !important;
}

.detPageBottListThem.noBg h3 {
    font-size: 40px;
    line-height: 40px;
    color: #222;
    background: 0 0;
    font-family: open_sanslight;
    margin: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    .detPageBottListThem.noBg h3:before {
        display: none;
    }

.detPageBottListThem.noBg ul {
    float: left;
    list-style: none;
    margin-left: 0;
}

    .detPageBottListThem.noBg ul li {
        float: left;
        width: 23.1999999999%;
        border: 1px solid #e5e5e5;
        margin: 0 2.3980815347722% 2.3980815347722% 0;
        min-height: 271px;
        padding-bottom: 10px;
    }

        .detPageBottListThem.noBg ul li img, .interBankingList {
            width: 100%;
        }

.detPageBottListThem.servBox ul.triple li:first-child {
    margin-left: 12.8064076738605%;
}

.detPageBottListThem.servBox ul.binary li:first-child {
    margin-left: 25.599999999999%;
}

.detPageBottListThem.campDet.servBox ul.triple li:first-child {
    margin-left: 10.806408%;
}

.detPageBottListThem.campDet.servBox ul.binary {
    margin-left: 0 !important;
    width: 100%;
}

.detPageBottListThem.noBg ul li span {
    display: block;
    padding: 20px 20px 30px;
    font-size: 18px;
    color: #363636;
    font-family: open_sanslight;
    text-align: center;
}

    .detPageBottListThem.noBg ul li span strong {
        font-family: open_sansbold;
    }

.detPageBottListThem.noBg ul li:nth-child(4n) {
    margin-right: 0;
}

.contentBox .subTitle {
    font-size: 40px;
    color: #282828;
    font-family: open_sanslight;
    display: inline-block;
    margin: 20px 0;
}

.interBankingBox {
    width: 48%;
    margin: 0 4% 4% 0;
    float: left;
}

    .interBankingBox:nth-child(2n) {
        margin-right: 0;
    }

    .interBankingBox img {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    .interBankingBox p {
        width: 100%;
        padding: 0 50px;
        text-align: center;
        font-size: 20px !important;
        font-family: open_sanslight !important;
    }

        .interBankingBox p strong {
            font-family: open_sanssemibold;
        }

.transactionsTable {
    width: 100%;
    font-size: 14px;
    font-family: open_sanslight;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}

    .transactionsTable thead th {
        padding: 25px 5px;
        text-align: center;
        border-left: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
        vertical-align: middle;
    }

        .transactionsTable thead th.empty {
            border: none;
        }

        .transactionsTable thead th.first {
            border-radius: 4px 0 0;
            -moz-border-radius: 4px 0 0;
            -webkit-border-radius: 4px 0 0;
        }

        .transactionsTable thead th.last {
            border-radius: 0 4px 0 0;
            -moz-border-radius: 0 4px 0 0;
            -webkit-border-radius: 0 4px 0 0;
        }

    .transactionsTable tbody td {
        padding: 15px 0;
        width: 20%;
        text-align: center;
        vertical-align: middle;
        border-left: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }

        .transactionsTable tbody td.name {
            width: 40%;
            padding: 15px 20px;
            text-align: right;
        }

            .transactionsTable tbody td.name.title {
                font-family: open_sanssemibold;
                text-align: left;
            }

        .transactionsTable tbody td img {
            width: 22px;
        }

.tabBottParag {
    width: 100%;
    margin: 20px 0;
    display: inline-block;
}

.contentBox .accordion-container.confirmation .form-list {
    width: 50%;
    margin-right: 0;
}

    .contentBox .accordion-container.confirmation .form-list.confText {
        padding-right: 30px;
        margin-right: 0;
    }

        .contentBox .accordion-container.confirmation .form-list.confText .title {
            font-size: 40px;
            line-height: 42px;
            margin-bottom: 15px;
        }

    .contentBox .accordion-container.confirmation .form-list.video {
        margin-right: 0;
    }

        .contentBox .accordion-container.confirmation .form-list.video #cms_player_1422613310 {
            width: 100%;
        }

section.campDetail.about {
    padding-bottom: 0 !important;
}

section.campDetail .contentBox.about {
    margin-top: 0;
    width: 100% !important;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 80px;
    min-height: 250px;
}

    section.campDetail .contentBox.about .left {
        float: left;
        width: 46%;
    }

    section.campDetail .contentBox.about .right {
        float: right;
        width: 46%;
    }

        section.campDetail .contentBox.about .left p, section.campDetail .contentBox.about .right p {
            font-size: 18px;
            line-height: normal;
            width: 100%;
            color: #363636;
            font-family: open_sanslight;
        }

            section.campDetail .contentBox.about .left p a, section.campDetail .contentBox.about .right p a {
                color: #363636;
                text-decoration: underline;
            }

        section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
            font-size: 25px;
            line-height: normal;
            color: #363636;
            font-family: open_sanssemibold;
            margin-bottom: 15px;
        }

.aboutTeams {
    margin-top: 0 !important;
    border: none;
}

    .aboutTeams div {
        width: 100%;
        text-align: center;
        color: #282828;
        font-family: open_sanslight;
    }

    .aboutTeams .title {
        font-size: 82px;
    }

    .aboutTeams .subTitle {
        font-size: 32px;
    }

    .aboutTeams ul.team {
        margin: 40px 0;
        width: 100%;
    }

        .aboutTeams ul.team li {
            position: relative;
            float: left;
            width: 25%;
            overflow: hidden;
            display: block;
        }

            .aboutTeams ul.team li img {
                width: 100%;
                display: block;
                transition-duration: .2s;
                -webkit-transition-duration: .2s;
            }

        /*.aboutTeams ul.team li img.over {
                    display: none;
                }*/

        .aboutTeams ul.team.big li {
            width: 100%;
        }

    .aboutTeams .subTitle.type2 {
        margin-top: 70px;
    }

    .aboutTeams ul.team li .details {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        display: none;
        color: #fff;
        text-align: center;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

        .aboutTeams ul.team li .details span {
            display: block;
            line-height: normal;
        }

            .aboutTeams ul.team li .details span.name {
                font-size: 38px;
                line-height: 38px;
                font-family: bnpp_sansbold;
            }

            .aboutTeams ul.team li .details span.job {
                display: none;
                font-size: 20px;
                line-height: 20px;
                font-family: open_sansregular;
            }

            .aboutTeams ul.team li .details span.seperator {
                display: none;
                width: 110px;
                height: 1px;
                background: #fff;
                opacity: .8;
                margin: 20px auto;
            }

section.aboutTeams.tutorials {
    margin-top: 0;
}

section.aboutTeams ul.tutorials {
    padding-top: 60px;
}

    section.aboutTeams ul.tutorials li {
        position: relative;
        float: left;
        width: 33.125%;
        margin: 0 .3125% .3125% 0;
    }

        section.aboutTeams ul.tutorials li.double {
            width: 66.5625%;
        }

            section.aboutTeams ul.tutorials li.double img.mobile {
                display: none;
            }

        section.aboutTeams ul.tutorials li.last {
            margin-right: 0;
        }

        section.aboutTeams ul.tutorials li img {
            display: block;
            width: 100%;
        }

        section.aboutTeams ul.tutorials li a {
            position: absolute;
            left: 50px;
            bottom: 50px;
            display: block;
            padding: 0 30px 0 75px;
            max-width: 60%;
            background: url(../img/tutorials_icon.png) 30px center no-repeat #fff;
        }

            section.aboutTeams ul.tutorials li a span {
                padding: 20px 0;
                display: inline-block;
                font-size: 18px;
                line-height: 20px;
                color: #282828;
                font-family: bnpp_sansbold;
            }

.campListPart h2, .campListPart ul li span {
    font-family: open_sanslight;
}

.tutorialVid {
    width: 100%;
    display: none;
}

.fancybox-inner .tutorialVid video {
    width: 100%;
}

.campListPart {
    padding: 30px 1.71875% 0;
}

    .campListPart h2 {
        font-size: 30px;
        padding-top: 7px;
        color: #282828;
        float: left;
    }

    .campListPart .select {
        width: 365px;
        margin-left: 10px;
        float: right;
    }

        .campListPart .select.sectorFilter {
            width: 435px;
        }

    .campListPart ul {
        float: left;
        width: 100%;
        clear: both;
        padding-top: 30px;
    }

        .campListPart ul li span.old {
            height: 3.5em;
        }

        .campListPart ul li .back .text2 {
            height: 5.5em;
            display: inline-block;
        }

        .campListPart ul li .text2 p {
            padding: 25px 0px 0px 0px;
            margin: 0px;
            font-size: 22px;
            color: #1c1c1c;
            display: block;
            font-family: open_sansbold;
        }

        .campListPart ul li .back2 .text2 p {
            padding: 25px 0px;
        }

            .campListPart ul li .back2 .text2 p span {
                line-height: 1.2;
            }

        .campListPart ul li .back2 .text3 .applyBtn {
            background: #f09218;
            padding: 19px 65px;
            font-size: 16px;
            font-family: open_sansregular;
        }

        .campListPart ul li .text2 p span {
            line-height: 41px;
            display: block;
            padding: 0;
            margin: 0;
        }

    .campListPart .odullerlist li .text2 p {
        padding-top: 0.7vw;
        font-size: 1.2vw;
    }

        .campListPart .odullerlist li .text2 p span {
            font-size: 1vw;
            padding-top: 0.2vw;
            line-height: normal;
        }

    .campListPart ul li {
        display: none;
        float: left;
        width: 23.78640776699%;
        margin: 0 1.6181229773463% 1.6181229773463% 0;
    }

    .campListPart .odullerlist li {
        height: 20vw;
    }

    .campListPart ul li .back {
        background: #000;
        position: relative;
        display: inline-block;
    }

        .campListPart ul li .back.back2 {
            background: none;
        }

            .campListPart ul li .back.back2 img {
                opacity: .5;
            }

            .campListPart ul li .back.back2 .black {
                transition-duration: .3s;
                -webkit-transition-duration: .3s;
            }

            .campListPart ul li .back.back2:hover .black {
                background: black;
                transition-duration: .3s;
                -webkit-transition-duration: .3s;
            }

                .campListPart ul li .back.back2:hover .black img {
                    background: black;
                }

    .campListPart ul.odullerlist li .back {
        background: none !important;
        position: static;
    }


    .campListPart ul.odullerlist li .back {
        background: none !important;
    }

        .campListPart ul.odullerlist li .back img {
            opacity: .5;
        }


.odullerlist .campListPart ul.campListYearSelect li:nth-child(4n) {
    margin: 0.5%;
}

/*.campListPart ul li:nth-child(4n) {
                margin-right: 0;
            }*/

/*.campListPart ul.campListYearSelect li:nth-child(4n) {
                margin: 0 1.6181229773463% 1.6181229773463% 0;
            }*/

/*.campListPart ul.campListYearSelect li.fourthVisibleLi {
                margin-right: 0;
            }*/

.campListPart ul li a {
    display: inline-block;
}



.campListPart ul li img {
    display: block;
    width: 100%;
    opacity: 1;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 441px;
    max-height: 435px;
}

.campListPart ul li span.old {
    padding: 25px 0;
    font-size: 22px;
    color: #1c1c1c;
    display: block;
}

.campListPart ul li .text {
    position: absolute;
    top: 43%;
    display: none;
    width: 100%;
    text-align: center;
    padding: 0px 20px;
    color: #fff;
}

.campListPart ul li .text3 {
    top: 26%;
}

    .campListPart ul li .text3 span {
        padding: 0 100px;
    }

.campListPart ul li .text span {
    font-size: 22px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
}

.campListPart ul li .text .applyBtn {
    margin: 0px auto;
    border-color: #ee8718;
    background: #ee8718;
    color: #fff;
    text-align: center;
    border: 1px;
    padding: 18px 38px;
    border-radius: 40px;
    font-size: 18px;
    font-family: open_sansbold;
    text-transform: uppercase;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.campListPart .loadMoreBtn {
    width: 130px;
    clear: both;
    display: block;
    margin: 50px auto;
    text-align: center;
}

    .campListPart .loadMoreBtn img {
        margin-bottom: 20px;
    }

    .campListPart .loadMoreBtn span {
        display: block;
        font-size: 14px;
        color: #ef9136;
        font-family: bnpp_sansbold;
    }

.campListPart ul li a:hover .text {
    opacity: 1;
}

.tabsBox .ui-tabs-nav {
    border-bottom: 2px solid #00915A;
    padding: 0 !important;
    margin-bottom: 0;
    width: 100%;
}

    .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
        padding: 25px 35px;
        min-width: 140px;
        text-align: center;
        font-size: 13px;
        color: #b2b2b2;
        font-family: open_sansbold;
    }

.tabsBox .ui-tabs-panel ul ul {
    list-style-type: circle;
}

.tabsBox .ui-tabs-nav li.ui-tabs-active a, .tabsBox .ui-tabs-nav li:hover a {
    color: #00915A;
}

.tabsBox .ui-tabs-nav li.ui-tabs-active {
    border-color: #00915A;
    margin-bottom: -2px;
    padding-bottom: 0;
    border-bottom: none;
    top: 2px;
    background-color: #FFF;
    z-index: 999;
}

.creditCalBox2 {
    width: 100%;
    clear: both;
    background: #eff8f3;
    padding: 14px;
    margin-bottom: 60px;
}

    .creditCalBox2 .contentPTop {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        padding-bottom: 40px;
    }

        .creditCalBox2 .contentPTop .calTitle {
            padding-top: 40px;
            padding-bottom: 45px;
            font-size: 45px;
            color: #cbcccc;
            font-family: bnpp_sanslight;
            font-weight: 400;
            text-align: center;
        }

        .creditCalBox2 .contentPTop .row1, .creditCalBox2 .contentPTop .row2 {
            width: 32.916666666666666%;
            padding-left: 5.416666666666667%;
            float: left;
        }

        .creditCalBox2 .contentPTop .row3 {
            width: 34.16666666666667%;
            padding-left: 9%;
            float: left;
        }

        .creditCalBox2 .contentPTop .iTitle {
            margin-bottom: 10px;
            font-size: 14px;
            color: #2a2b2a;
            font-family: open_sansbold;
            font-weight: 400;
            display: block;
        }

        .creditCalBox2 .contentPTop .iMiniText {
            margin-top: 20px;
            font-size: 12px;
            color: #343434;
            font-family: open_sanslight;
            display: block;
        }

            .creditCalBox2 .contentPTop .iMiniText.iMiniTextError {
                color: #f62727;
                font-family: open_sansbold;
            }

        .creditCalBox2 .contentPTop .newInput {
            width: 100%;
            border: 1px solid #e2e2e2;
            background-color: #eff9f3;
            height: 55px;
            padding-left: 10px;
            font-family: open_sanslight;
        }

            .creditCalBox2 .contentPTop .newInput.newInputError {
                border-color: #f62727;
                background-color: #fbe1e1;
            }

        .creditCalBox2 .contentPTop .ui-selectmenu-button {
            background-color: #eff9f3;
        }

            .creditCalBox2 .contentPTop .ui-selectmenu-button span.ui-selectmenu-text {
                padding: 15px 65px 15px 15px;
                line-height: normal;
                color: #282828;
                background: url(../img/custom-select-off_icon2.png) right center no-repeat;
            }

            .creditCalBox2 .contentPTop .ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
                background: url(../img/custom-select-on_icon2.png) right center no-repeat;
            }

        .creditCalBox2 .contentPTop .applyBtn {
            padding: 16px 20px;
            width: 80%;
            font-size: 16px;
        }

        .creditCalBox2 .contentPTop .iMiniU {
            margin-top: 20px;
            font-family: open_sansbold;
        }

        .creditCalBox2 .contentPTop .iMiniULight {
            font-family: open_sanslight;
            margin-top: 10px;
        }

            .creditCalBox2 .contentPTop .iMiniULight label {
                font-size: 11px !important;
            }

            .creditCalBox2 .contentPTop .iMiniULight span {
                font-size: 14px !important;
            }

        .creditCalBox2 .contentPTop .iMiniU label {
            font-size: 14px;
            font-family: open_sansbold;
        }

        .creditCalBox2 .contentPTop .iMiniU span {
            font-size: 18px;
            float: right;
            font-family: open_sansbold;
        }

    .creditCalBox2 .contentPBottom {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        margin-top: 14px;
    }

    .creditCalBox2 .selectInputSwitcher .switchButton {
        margin-left: 0 !important;
    }

    .creditCalBox2 .resultPart {
        position: relative;
        height: auto !important;
    }

        .creditCalBox2 .resultPart .resultText {
            float: left;
            width: 65.8333333333%;
            padding: 6%;
        }

        .creditCalBox2 .resultPart ul li {
            float: left;
            width: 100%;
            padding: 20px 0;
            border-bottom: 1px solid #dfdfdf;
        }

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

            .creditCalBox2 .resultPart ul li.single {
                border-bottom: 1px solid #dfdfdf;
            }

            .creditCalBox2 .resultPart ul li label {
                width: 60%;
                font-size: 18px;
                color: #333;
                display: block;
                font-family: open_sanslight;
                float: left;
                text-align: left;
            }

            .creditCalBox2 .resultPart ul li.tooltip {
                font-size: 17px;
            }

@media only screen and (max-width:1024px) {
    .creditCalBox2 .resultPart ul li.tooltip {
        font-size: 14px;
    }
}

.creditCalBox2 .resultPart ul li span {
    width: 40%;
    font-size: 20px;
    color: #00915A;
    float: right;
    display: block;
    text-align: right;
    font-family: open_sansbold;
}

    .creditCalBox2 .resultPart ul li span em {
        font-style: normal;
        color: #333;
        font-family: open_sanslight;
    }

.creditCalBox2 .resultPart .applyBtn {
    float: none;
    display: block;
    clear: both;
    padding: 16px 20px;
    width: 80%;
    font-size: 16px;
}

.creditCalBox2 .resultPart .payPlanBtn {
    font-size: 12px;
    margin-left: 7.6923076923077%;
    color: #4c4c4c;
    text-decoration: underline;
    font-family: open_sansbold;
}

    .creditCalBox2 .resultPart .payPlanBtn.first {
        margin-right: 10% !important;
    }

.creditCalBox2 .resultPart .btnPart {
    float: left;
    width: 34.16666666666667%;
    padding-left: 9%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -26.5px;
}

.creditCalBox2 .resultPart .resBottom {
    margin-top: 50px;
    float: left;
    clear: both;
    width: 100%;
    display: table;
}

    .creditCalBox2 .resultPart .resBottom .applyBtn {
        margin-top: 0;
        min-width: 260px;
        clear: none;
        font-size: 16px;
    }

    .creditCalBox2 .resultPart .resBottom .btns {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .creditCalBox2 .resultPart .resBottom .btns .payPlanBtn {
            margin: 0 0 5px;
        }

.creditCalBox2 .resultPart.heightFix ul li {
    min-height: 69px;
    display: table;
}

    .creditCalBox2 .resultPart.heightFix ul li label {
        float: none !important;
        display: table-cell !important;
        vertical-align: middle !important;
    }

.creditCalBox2 .shortTooltip {
    display: inline-block;
    float: none;
    top: 4px;
}

.cepteTebMarifetliFaizHesaplaAlt,
.cepteTebFaizHesaplaAlt,
.cepteTebVadeHesaplaAlt,
.krediFaizHesaplaAlt {
    display: none;
}

.creditCalBox2Co {
    padding: 0;
    border-top: 1px solid #cbcccc;
    margin-top: 30px;
    margin-bottom: 0;
}

    .creditCalBox2Co ul {
        list-style: none !important;
        margin-left: 0 !important;
    }

    .creditCalBox2Co .contentPBottom {
        margin-top: 0;
        border-top: 1px solid #cbcccc;
    }

    .creditCalBox2Co .resultPart .resultText {
        padding: 6% 6% 20px;
    }

.bottBinary3Btn .leftz, .bottBinaryBtn div.right {
    padding-right: 10px;
}

.creditCalBox2Co .resultPart .resBottom {
    margin-top: 15px;
}

.bottBinary3Btn div {
    width: auto !important;
}

.bottBinary3Btn a.applyBtn {
    width: 300px;
    max-width: 100%;
}

.bottBinaryBtn {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
}

    .bottBinaryBtn a.applyBtn {
        margin-bottom: 0;
    }

    .bottBinaryBtn div {
        width: 50%;
        float: left;
    }

        .bottBinaryBtn div.right a {
            float: right;
        }

        .bottBinaryBtn div.left {
            padding-left: 10px;
        }

            .bottBinaryBtn div.left a {
                float: left;
            }

    .bottBinaryBtn .center {
        width: 100%;
    }

        .bottBinaryBtn .center a {
            margin-left: auto;
            margin-right: auto;
        }

.bottBinaryBtn {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
}

.bottSupportTitle {
    font-size: 26px;
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 60px;
    font-family: open_sanslight;
}

ul.bottSupportLinks {
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

    ul.bottSupportLinks li {
        float: left;
        width: 33.333333333333%;
        text-align: center;
        border-left: 1px solid #ececec;
    }

        ul.bottSupportLinks li a {
            display: block;
            padding: 20px 0;
            font-family: open_sansregular;
            font-size: 18px;
            color: #7c7c7c;
        }

    ul.bottSupportLinks.two li {
        width: 50%;
    }

.cardPackage {
    padding: 25px;
    float: left;
    width: 48%;
    margin: 0 4% 4% 0;
    border: 1px solid #f2f2f2;
    color: #363636;
}

    .cardPackage h3, .cardPackage p {
        font-size: 18px;
        color: #363636;
        margin-bottom: 15px;
    }

    .cardPackage.last, .cardPackage:nth-child(2n) {
        margin-right: 0;
    }

    .cardPackage h3 {
        font-family: open_sanssemibold;
    }

    .cardPackage p {
        font-family: open_sanslight !important;
    }

    .calcWidgetBox h3, .cardPackage em {
        font-family: open_sanslight;
    }

    .cardPackage em {
        font-size: 18px;
    }

    .cardPackage.single {
        width: 100%;
        margin: 0;
    }

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

.ui-tabs {
    padding: 0 !important;
    margin-top: 15px;
    float: left;
    width: 100%;
}
/* Tables */

.ui-tabs {
    width: 95%;
    padding: 0 1%;
}

.tableMobileFix {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 5px;
}

.calcWidgetBox {
    width: 70%;
}

    .calcWidgetBox.wid100Pes {
        width: 100%;
    }

    .calcWidgetBox.comparison {
        width: 85%;
    }

    .calcWidgetBox .halfBox {
        width: 50%;
    }

    .calcWidgetBox .halfMore {
        width: 66.66666666666%;
    }

    .calcWidgetBox .marLefthHalf {
        margin-left: 50%;
    }

    .calcWidgetBox .marLefthHalf2 {
        margin-left: 38%;
        margin-right: 20px;
    }

    .calcWidgetBox .marLefthHalfMore {
        margin-left: 33.33333333333%;
    }

    .calcWidgetBox h3 {
        margin-bottom: 30px;
        color: #282828;
        font-size: 40px;
    }

    .calcWidgetBox.comparison .halfMore .applyBtn {
        float: none !important;
        margin: 0 auto !important;
    }

ul.accSettings {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.calcWidgetBox.wid100Pes ul.accSettings {
    width: 75%;
}

ul.accSettings li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    ul.accSettings li label {
        padding: 17px 0 18px;
        float: left;
        width: 50%;
        font-size: 14px;
        color: #2a2b2a;
        font-family: open_sansbold;
        text-align: left;
    }

    ul.accSettings li .inputs, ul.accSettings li .select {
        float: left;
        width: 50%;
    }

        ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
            padding: 15px 50px 15px 15px;
            background: url(../customerForms/img/custom-select-off_icon_lit.gif) right center no-repeat;
        }

        ul.accSettings li .select .ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
            background: url(../customerForms/img/custom-select-on_icon_lit.gif) right center no-repeat;
        }

        ul.accSettings li .select.half .ui-selectmenu-button {
            width: 50% !important;
        }

        ul.accSettings li .inputs input {
            width: 100%;
            padding: 15px;
            border: 1px solid #e2e2e2;
            background: #fff;
            font-size: 16px;
            font-family: open_sanslight;
        }

            ul.accSettings li .inputs input:focus {
                border-color: #00915A;
            }

        ul.accSettings li .inputs.half input {
            width: 50%;
        }

        ul.accSettings li .inputs.sevenPerc input {
            width: 75%;
        }

    ul.accSettings li .interRate {
        padding: 16px 0;
        float: left;
        font-size: 16px;
        color: #2a2b2a;
        font-family: open_sansregular;
    }

ul.accResult {
    display: block;
    width: 100%;
    margin-bottom: 50px;
}

    ul.accResult.marTop30 {
        margin-top: 50px;
        float: left;
    }

    ul.accResult li {
        float: left;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #dfdfdf;
    }

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

        ul.accResult li label {
            font-size: 20px;
            color: #333;
            display: block;
            width: 38%;
            font-family: open_sanslight;
            float: left;
            text-align: left;
        }

            ul.accResult li label em {
                font-size: 14px;
                font-style: normal;
            }

        ul.accResult li span {
            font-size: 20px;
            color: #00915A;
            float: left;
            width: 50%;
            display: block;
            text-align: left;
            font-family: open_sansbold;
        }

            ul.accResult li span em {
                font-style: normal;
                color: #333;
                font-family: open_sanslight;
            }

            ul.accResult li span.grey {
                color: #636363;
            }

.calcWidgetBox .applyBtn {
    width: 280px;
    clear: both;
    color: #fff;
    background: #ee8718;
}

    .calcWidgetBox .applyBtn.lit {
        /*width: 220px;*/
        clear: both;
        color: #fff;
        background: #ee8718;
    }

    .calcWidgetBox .applyBtn:hover {
        color: #ee8718;
        background: #fff;
    }

    .calcWidgetBox .applyBtn.green {
        background: #fff;
        color: #00915A;
    }

        .calcWidgetBox .applyBtn.green:hover {
            background: #00915A;
        }

    .calcWidgetBox .applyBtn.bgGreen {
        background: #00915A;
        color: #fff;
    }

    .calcWidgetBox .applyBtn.center {
        margin: 0 auto;
    }

    .calcWidgetBox .applyBtn.bottom {
        margin-top: 40px;
    }

    .calcWidgetBox .applyBtn.middle {
        margin-top: 40px;
        margin-bottom: 40px;
    }

.calcWidgetBox.wid100Pes .applyBtn.middle {
    margin-top: 0;
    margin-bottom: 0;
}

.calcWidgetBox .applyBtn.back {
    width: 200px;
    background: #fff;
    border-color: #dbdbdb;
    color: #858585;
}

.calcWidgetBox .applyBtn.left {
    float: left;
    clear: none;
}

.calcWidgetBox .payPlanBtn {
    font-size: 13px;
    color: #636363;
    text-decoration: underline;
    font-family: open_sansbold;
}

.depositTable tbody td, .depositTable thead th, ul.accSettings li div.text {
    font-family: open_sanslight;
}

.credit .payPlanBtn {
    display: block;
    float: left;
    margin-right: 30px;
}

    .credit .payPlanBtn:last-child {
        margin-right: 0;
    }

ul.accSettings li div.text {
    float: left;
    width: 33.33333333333%;
    padding: 16px 0;
    font-size: 14px;
    color: #2a2b2a;
    text-align: left;
}

    ul.accSettings li div.text.title {
        color: #282828;
        font-size: 22px;
    }

    ul.accSettings li div.text.green {
        color: #00915A;
    }

.calcWidgetBox.comparison ul.accSettings li .inputs, .calcWidgetBox.comparison ul.accSettings li label {
    width: 33.33333333333%;
}

    .calcWidgetBox.comparison ul.accSettings li .inputs input {
        width: 75%;
    }

.calcWidgetBox.comparison ul.accSettings li .select {
    width: 33.33333333333%;
}

    .calcWidgetBox.comparison ul.accSettings li .select .ui-selectmenu-button {
        width: 75% !important;
    }

.calcWidgetBox.comparison ul.accSettings li .full {
    width: 66.66666666666%;
}

    .calcWidgetBox.comparison ul.accSettings li .full input {
        width: 87%;
    }

.calcWidgetBox.comparison ul.accResult li label, .calcWidgetBox.comparison ul.accResult li span {
    width: 33.33333333333%;
}

.calcWidgetBox.comparison .halfMore .applyBtn {
    margin-right: 10px;
    clear: none;
}

    .calcWidgetBox.comparison .halfMore .applyBtn:last-child {
        margin-right: 0;
    }

.calcWidgetBox.comparison.step1 {
    width: 100%;
}

.comparison.step1 ul.accSettings li {
    width: 47%;
    float: left;
    margin-right: 6%;
}

    .comparison.step1 ul.accSettings li label {
        width: 22%;
    }

    .comparison.step1 ul.accSettings li .select {
        width: 78%;
    }

        .comparison.step1 ul.accSettings li .select .ui-selectmenu-button {
            width: 100% !important;
        }

    .comparison.step1 ul.accSettings li .inputs {
        width: 78%;
    }

        .comparison.step1 ul.accSettings li .inputs input {
            width: 100%;
        }

    .comparison.step1 ul.accSettings li div.text {
        width: 78%;
    }

    .comparison.step1 ul.accSettings li:nth-child(2n) {
        margin-right: 0;
    }

.comparison.step1 ul.accResult {
    width: 610px;
    margin: 0 auto;
}

    .comparison.step1 ul.accResult li label {
        width: 50%;
    }

    .comparison.step1 ul.accResult li span {
        width: 50%;
        text-align: right;
    }

.planComparBtns {
    width: 610px;
    margin: 60px auto 0;
    text-align: center;
}

    .planComparBtns a {
        margin: 0 15px;
    }

.depositTable thead th {
    position: relative;
    border-right: 10px solid #fff;
    border-bottom: 15px solid #fff;
    font-size: 14px;
    color: #282828;
    background: #f2f2f2;
}

    .depositTable thead th:first-child {
        background: 0 0;
    }

    .depositTable thead th span {
        display: block;
        width: 100%;
        background-color: #f2f2f2;
        padding: 17px 0;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #000;
        left: 52px;
    }

.depositTable tbody td {
    min-width: 60px;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;
    text-align: center;
    font-size: 14px;
    color: #282828;
}

    .depositTable tbody td a {
        padding: 17px 5px;
        width: 100%;
        height: 100%;
        display: block;
        border: 1px solid #e1e1e1;
        color: #282828;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: default;
    }

    .depositTable tbody td.active a {
        border-color: #00915A;
    }

    .depositTable tbody td:last-child, .depositTable thead th:last-child {
        border-right: 0;
    }

.depositTable2 thead th {
    background-color: #00915A;
    border: 1px solid #00915A !important;
    border-left: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
    padding: 0 3px !important;
    font-size: 14px;
}

    .depositTable2 thead th:first-child {
        border-left: 1px solid #00915A !important;
        background-color: #00915A;
    }

    .depositTable2 thead th:last-child {
        border-right: 1px solid #00915A !important;
    }

    .depositTable2 thead th span {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        background-color: #00915A;
        color: #FFF;
    }

.depositTable2 tbody td {
    border: 1px solid #00915A !important;
    padding: 0 !important;
    font-family: open_sansregular;
    font-size: 14px;
}

    .depositTable2 tbody td.title {
        background-color: #FFF !important;
        color: #5c5c5c !important;
        font-family: open_sanssemibold;
    }

    .depositTable2 tbody td a {
        border: 0 !important;
    }

.depositTable2 .shortTooltip {
    right: 5px !important;
}

    .depositTable2 .shortTooltip .icon {
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        background-color: #eff0f1;
        color: #00915A !important;
    }

#faizTablo thead th {
    white-space: nowrap;
}

section.sidebarCont article .contentBox p.depositSeeDet {
    width: 100%;
    text-align: center;
    font-family: open_sansbold;
    font-size: 13px;
    color: #282828;
}

    section.sidebarCont article .contentBox p.depositSeeDet a {
        color: #00915A;
        text-decoration: underline;
    }

.topRateSelection {
    float: right;
    margin-bottom: 30px;
}

    .topRateSelection .tit {
        float: left;
        display: block;
        font-size: 14px;
        line-height: 54px;
        color: #2a2b2a;
        font-family: open_sansbold;
        margin-right: 50px;
    }

    .topRateSelection .select {
        float: left;
        width: 170px;
    }

.resultPart .applyBtn.marTopBot {
    margin-top: 30px;
    margin-bottom: 20px;
}

.paymentPlanTable {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

    .paymentPlanTable ul li {
        float: left;
        padding: 20px 30px;
        width: 100%;
        background: #fdfdfd;
    }

        .paymentPlanTable ul li.odd {
            background: #f7f7f7;
        }

        .paymentPlanTable ul li span {
            width: 50%;
            float: left;
            display: block;
            font-size: 18px;
        }

            .paymentPlanTable ul li span.left {
                width: 45%;
                text-align: left;
                font-size: 18px;
                color: #333;
                font-family: open_sanslight;
            }

            .paymentPlanTable ul li span.right {
                text-align: left;
                color: #636363;
                font-size: 20px;
                font-family: open_sansbold;
            }

.bottomShareBox.paymentPlan {
    margin-bottom: 120px;
}

.tooltip.infoMessage {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}

    .tooltip.infoMessage .shortTooltip {
        float: left;
        margin-bottom: 0;
        margin-right: 20px;
    }

        .tooltip.infoMessage .shortTooltip:hover .icon {
            background: #d5d5d5;
        }

section.sidebarCont article .contentBox .tooltip.infoMessage p {
    float: left;
    margin-bottom: 0;
    padding-top: 4px;
}

.accSettings.mobile {
    display: none;
}

section.sidebarCont.campDetail article {
    width: 97%;
}

    section.sidebarCont.campDetail article .contentBox {
        width: 49%;
        margin-top: 0;
    }

    section.sidebarCont.campDetail article .titleBar {
        padding: 40px 60px;
    }

        section.sidebarCont.campDetail article .titleBar:after {
            display: block !important;
            left: 4.799999999999% !important;
        }

        section.sidebarCont.campDetail article .titleBar h1 {
            clear: both;
            font-family: bnpp_sansregular;
        }

.calcWidgets ul li span, section.branches article h2, section.branches article ul li span {
    font-family: open_sanslight;
}

.detPageBottListThem.text h3 {
    margin: 0;
    color: #fff;
}

.detPageBottListThem.text ul {
    list-style: disc inside;
    margin: 30px 0 0 45px;
}

    .detPageBottListThem.text ul li {
        margin: 0 0 10px;
        min-height: inherit;
        width: 100%;
        float: none;
        border: none;
    }

.calcWidgets ul {
    max-width: 1260px;
    padding-top: 60px;
    margin: 0 auto;
}

    .calcWidgets ul li {
        width: 285px;
        height: 265px;
        float: left;
        margin: 0 15px 30px;
        background: #fbfbfb;
        text-align: center;
        position: relative;
    }

        .calcWidgets ul li:nth-child(5n) {
            clear: both;
        }

        .calcWidgets ul li a {
            display: block;
            padding: 10px 0;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .calcWidgets ul li img {
            width: 60px;
            display: inline-block;
        }

        .calcWidgets ul li span {
            width: 100%;
            display: inline-block;
            padding-top: 20px;
            font-size: 16px;
            color: #606060;
        }

        .calcWidgets ul li img.over, .calcWidgets ul li:hover img {
            display: none;
        }

        .calcWidgets ul li:hover {
            background: #eff9f3;
        }

            .calcWidgets ul li:hover img.over {
                display: inline-block;
            }

            .calcWidgets ul li:hover span {
                color: #00915A;
            }

section.branches {
    position: relative;
    min-height: 400px;
}

    section.branches article {
        width: 100%;
        margin: 15px 0 10px 0px;
        height: 150px;
        overflow-y: scroll;
        float: left;
    }

        section.branches article.map {
            width: 100%;
            max-width: 100%;
            height: 100%;
            min-height: 500px;
            margin: 0;
        }

        section.branches article h2 {
            font-size: 32px;
            margin-bottom: 35px;
            color: #282828;
        }

        section.branches article ul li {
            float: left;
            width: 100%;
            margin-bottom: 40px;
            height: fit-content;
            padding-right: 10px;
        }

            section.branches article ul li span {
                font-size: 16px;
                display: block;
                color: #4d4d4d;
            }

                section.branches article ul li span strong {
                    font-family: open_sanssemibold;
                }

            section.branches article ul li p {
                font-size: 16px;
                line-height: 20px;
                display: block;
                color: #4d4d4d;
                margin-bottom: 5px;
                font-family: open_sanslight;
            }

            section.branches article ul li a {
                font-size: 12px;
                margin-top: 15px;
                display: block;
                color: #676767;
                font-family: open_sansbold;
            }

                section.branches article ul li a:hover {
                    color: #00915A;
                }

            section.branches article ul li .title {
                font-size: 18px;
                color: #00915A;
                margin-bottom: 15px;
                font-family: open_sansbold;
            }

    section.branches .brancSrcBox {
        position: absolute;
        top: 40px;
        left: 40px;
        width: 19%;
        z-index: 1;
    }

        section.branches .brancSrcBox .srcSel {
            width: 100%;
            padding: 10px;
            float: left;
            border: 1px solid #ebebeb;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #fff;
        }

            section.branches .brancSrcBox .srcSel .select {
                margin-bottom: 10px;
            }

                section.branches .brancSrcBox .srcSel .select .ui-selectmenu-button {
                    font-size: 14px;
                    color: #4d4d4d;
                }

                    section.branches .brancSrcBox .srcSel .select .ui-selectmenu-button span.ui-selectmenu-text {
                        background: url(../img/branc_custom-select_icon.png) right center no-repeat;
                        padding-right: 30px;
                    }

            section.branches .brancSrcBox .srcSel button {
                padding: 15px 0;
                font-size: 13px;
                color: #fff;
                background: #00915A;
                width: 100%;
                font-family: open_sansbold;
                text-align: center;
                border: none;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

.page404Cont .messageBox h2, .tt-suggestion {
    font-family: open_sanslight;
}

section.branches .mapBox {
    width: 100%;
    max-height: 800px;
    min-height: 175px;
}

.subeList li {
    height: 140px;
}

    .subeList li p {
        min-height: 40px;
    }

.twitter-typeahead {
    width: 100%;
}

.tt-dropdown-menu {
    max-height: 175px;
    overflow-y: auto;
    width: 100%;
    background-color: #FFF;
    border-bottom: 1px solid #e2e2e2;
    margin-top: -10px;
}

.tt-suggestion {
    padding: 15px;
    font-size: 14px;
    color: #282828;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}

    .tt-suggestion:last-child, section.campDetail .contentBox.about.contact {
        border-bottom: 0;
    }

    .tt-suggestion p {
        padding: 0;
        margin: 0;
    }

    .tt-suggestion:hover {
        background: #00915A;
        color: #fff;
    }

section.page404 {
    padding: 0 !important;
}

.page404Cont {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

    .page404Cont img {
        width: 100%;
        display: block;
    }

    .page404Cont .messageBox {
        top: 25%;
        left: 25%;
        position: absolute;
        z-index: 9999;
    }

        .page404Cont .messageBox h2 {
            font-size: 70px;
            color: #1bba5d;
        }

        .page404Cont .messageBox p {
            font-size: 30px;
            line-height: 34px;
            color: #5a5a5a;
            font-family: open_sansregular;
            margin: 0;
        }

            .page404Cont .messageBox p a {
                color: #5a5a5a;
                font-family: open_sansbold;
            }

section.contact {
    margin-top: 0;
}

section.campDetail .contentBox.about.contact p.title {
    font-size: 30px;
    line-height: 36px;
    font-family: bnpp_sanslight;
    margin: 10px 0 30px;
}

section.campDetail .contentBox.about.contact p.green {
    color: #00915A;
}

.subTitle2, .title2 {
    color: #282828;
    font-family: open_sanslight;
}

.title2 {
    font-size: 40px;
    margin-bottom: 20px;
    clear: both;
}

.subTitle2 {
    font-size: 20px;
}

.contactForm {
    max-width: 60.677083333333%;
    margin: 60px auto 100px;
}

    .contactForm .form-list {
        max-width: 45.922746781116%;
        margin-right: 8.1545064377682%;
    }

        .contactForm .form-list.last {
            margin-right: 0;
        }

        .contactForm .form-list label {
            text-align: left;
        }

        .contactForm .form-list textarea {
            height: 149px;
        }

    .contactForm .sendForm {
        font-size: 18px;
        width: 290px;
        padding: 25px 0;
        margin: 60px auto 0;
        display: block;
        clear: both;
        text-align: center;
        border: 1px solid #10a14d;
        background: 0 0;
        color: #10a14d;
        font-family: open_sansbold;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
    }

.splashBox.contact h4, .splashBox.contact p {
    font-family: open_sanslight;
}

.contactForm .sendForm:hover {
    border: 1px solid #10a14d;
    background: #10a14d;
    color: #fff;
}

.splashBox.contact {
    width: 750px;
    margin-left: -375px;
    top: 100px;
    padding: 50px;
}

    .splashBox.contact h4 {
        font-size: 40px;
        margin-bottom: 40px;
        color: #282828;
    }

    .splashBox.contact p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 30px;
        color: #333;
    }

        .splashBox.contact p a, .splashBox.contact p strong {
            font-family: open_sanssemibold;
        }

        .splashBox.contact p a {
            color: #00915A;
            text-decoration: underline;
        }

.promo.benefit .benArrow img {
    width: auto;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: auto;
    bottom: 70px;
    overflow: auto;
    margin: auto;
    z-index: 99999;
}

.campDetail article .contentBox.siteMap {
    width: 100%;
}

.mapSide {
    float: left;
    width: 33.3333333%;
}

    .mapSide ul {
        margin-top: 50px;
        float: left;
        clear: both;
        width: 100%;
    }

        .mapSide ul li {
            width: 100%;
            font-size: 22px;
            color: #282828;
            font-family: open_sansbold;
        }

            .mapSide ul li a {
                color: #282828;
                padding-right: 35px;
            }

                .mapSide ul li a:hover {
                    color: #00915A;
                    background: url(../img/sidebar-nav_icon.png) right center no-repeat;
                }

            .mapSide ul li ul {
                margin-top: 30px;
                clear: both;
            }

                .mapSide ul li ul li {
                    font-size: 13px;
                    margin-bottom: 20px;
                    color: #636363;
                }

                    .mapSide ul li ul li a {
                        color: #636363;
                        padding: 0;
                    }

                        .mapSide ul li ul li a:hover {
                            background: 0 0;
                        }

.binaryTextBox {
    width: 100%;
    margin-bottom: 30px;
    clear: both;
}

    .binaryTextBox p {
        float: left;
        margin: 0 4% 0 0;
        width: 48%;
    }

        .binaryTextBox p:last-child {
            margin-right: 0;
        }

.supportCenAccor {
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 35px;
}

    .supportCenAccor .accordionBox {
        border: 0;
        display: table;
        padding: 0;
    }

        .supportCenAccor .accordionBox .content, .supportCenAccor .accordionBox .title {
            float: left;
            border-top: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            border-left: 1px solid #e5e5e5;
        }

        .supportCenAccor .accordionBox .title {
            position: relative;
            padding: 22px 0 22px 82px;
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }

            .supportCenAccor .accordionBox .title.icon1 {
                background: url(../img/supp-accord-title_icon-1.gif) 30px center no-repeat;
            }

            .supportCenAccor .accordionBox .title.icon2 {
                background: url(../img/supp-accord-title_icon-2.gif) 30px center no-repeat;
            }

            .supportCenAccor .accordionBox .title.icon3 {
                background: url(../img/supp-accord-title_icon-3.gif) 30px center no-repeat;
            }

            .supportCenAccor .accordionBox .title.icon4 {
                background: url(../img/supp-accord-title_icon-4.gif) 30px center no-repeat;
            }

            .supportCenAccor .accordionBox .title.icon5 {
                background: url(../img/supp-accord-title_icon-5.png) 30px center no-repeat;
            }

            .supportCenAccor .accordionBox .title span {
                position: absolute;
                right: 0;
                top: 0;
                display: block;
                width: 83px;
                height: 100%;
                background: url(../img/support-accordion_icon.gif) center center no-repeat #fafafa;
            }

            .supportCenAccor .accordionBox .title.active span {
                background: url(../img/support-accordion_icon_open.gif) center center no-repeat #fafafa;
            }

        .supportCenAccor .accordionBox .content {
            width: 100%;
            padding: 35px 58px;
            margin: 0;
            clear: both;
        }

            .supportCenAccor .accordionBox .content p {
                margin: 0;
            }

            .supportCenAccor .accordionBox .content .applyBtn {
                width: 300px;
                margin-top: 30px;
            }

                .supportCenAccor .accordionBox .content .applyBtn.facebook {
                    color: #fff;
                    border-color: #3256A6;
                    background-color: #3256A6;
                }

                .supportCenAccor .accordionBox .content .applyBtn.twitter {
                    color: #fff;
                    border-color: #000000;
                    background-color: #000000;
                }

            .supportCenAccor .accordionBox .content .bottBinaryBtn {
                margin-bottom: 0;
                margin-top: 0;
            }

.contentBox.supportCenter .title2, .supportCenter .contactForm .sendForm {
    margin-top: 15px;
}

.contentBox.supportCenter .subTitle2, .contentBox.supportCenter .title2 {
    text-align: center;
}

.supportCenter .contactForm {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
}

    .supportCenter .contactForm .form-list {
        width: 48%;
        max-width: 48%;
        margin-right: 4%;
    }

        .supportCenter .contactForm .form-list.last {
            margin-right: 0;
        }

        .supportCenter .contactForm .form-list .ui-selectmenu-button {
            margin-bottom: 0;
        }

.processingListBox {
    clear: both;
    width: 100%;
    margin-top: 30px;
}

    .processingListBox ul {
        float: left;
        width: 30%;
        margin-right: 5%;
    }

        .processingListBox ul:last-child {
            margin-right: 0;
        }

        .processingListBox ul li {
            border-bottom: 1px solid #ececec;
            font-size: 16px;
            font-family: open_sanssemibold;
        }

            .processingListBox ul li a {
                display: block;
                padding: 20px 10px 20px 25px;
                color: #363636;
                background: url(../img/supp-center-list_icon.gif) 0 center no-repeat;
            }

            .processingListBox ul li:hover a {
                color: #00915A;
                background: url(../img/supp-center-list_icon-over.gif) 0 center no-repeat;
            }

.custom-combobox-toggle {
    width: 65px;
}

body.no-scroll {
    overflow: hidden;
}

.faizOraniSplashBox {
    width: 60% !important;
    top: 20% !important;
    margin-left: -30% !important;
    padding: 50px 2% 2%;
    height: 500px;
}

.ihtiyacKredisiFaizOrani {
    width: 70% !important;
    margin-left: -35% !important;
}

.faizOraniSplashBox h5 {
    color: #c2c2c2;
    font-size: 30px;
    font-family: open_sanslight;
    line-height: 1em;
    margin-bottom: 10px;
    text-align: center;
}

    .faizOraniSplashBox h5 b {
        font-weight: 400;
        font-family: open_sansregular;
    }

.calculatorSplashBox .table-paging .currentPage, .calculatorSplashBox .table-paging .totalPage {
    color: #aeadad;
    font-size: 18px;
    font-family: open_sanslight;
    letter-spacing: .02em;
    line-height: 21px;
}

.overlay.loading {
    background: 0 0;
    opacity: 1;
}

.calculatorSplashBox .back {
    position: absolute;
    left: 1%;
    top: 1%;
    display: none;
}

.calculatorSplashBox .table-paging {
    width: 100%;
    float: left;
    text-align: center;
    display: block;
    padding-top: 4%;
}

    .calculatorSplashBox .table-paging .prev-page {
        content: '';
        display: inline-block;
        width: 9px;
        height: 16px;
        background: url(/Content/img/popup-paging-prev.png) no-repeat;
        margin-right: 10px;
        opacity: .7;
    }

        .calculatorSplashBox .table-paging .next-page.active, .calculatorSplashBox .table-paging .prev-page.active {
            cursor: pointer;
            opacity: 1;
        }

    .calculatorSplashBox .table-paging .currentPage {
        display: inline-block;
    }

    .calculatorSplashBox .table-paging .totalPage:before {
        content: '/';
        display: inline-block;
        margin-right: 4px;
    }

    .calculatorSplashBox .table-paging .next-page {
        content: '';
        display: inline-block;
        width: 9px;
        height: 16px;
        background: url(/Content/img/popup-paging-next.png) no-repeat;
        margin-left: 10px;
    }

.calculatorSplashBox .close {
    top: 1% !important;
    right: 1% !important;
}

.calculatorSplashBox {
    width: 832px !important;
    top: 2.5% !important;
    margin-left: -416px !important;
    padding: 50px 2% 2% !important;
    height: 95%;
}

.calculatorPopup {
    padding-left: 0 !important;
    width: 98%;
}

.calculatorSplashBox h5 {
    color: #c2c2c2;
    font-size: 30px;
    font-family: open_sanslight;
    line-height: 1em;
    margin-bottom: 20px;
    text-align: center;
}

    .calculatorSplashBox h5 b {
        font-weight: 400;
        font-family: open_sansregular;
    }

.calculatorPopup .form-list .ui-selectmenu-button, .calculatorPopup .form-list input {
    background-color: #eff9f3;
}

.calculatorPopup .form-list {
    margin-top: 0 !important;
    width: 365px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

    .calculatorPopup .form-list .right {
        float: right;
    }

    .calculatorPopup .form-list .subInfo {
        color: #2a2b2a;
        font-size: 12px;
        font-family: open_sanslight;
        display: block;
        line-height: 2em;
    }

    .calculatorPopup .form-list label {
        margin-bottom: 10px;
    }

        .calculatorPopup .form-list label.smallText {
            font-size: 12px;
        }

    .calculatorPopup .form-list a.formPopupBtn {
        background: #00915A;
        color: #fff;
        display: block;
        text-transform: uppercase;
        padding: 17px 20px;
        border: 1px solid #00915A;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -size: 16px;
        font-family: open_sansbold;
        width: 230px;
        text-align: center;
        margin: 20px auto auto;
    }

.calculatorPopup-Result {
    float: left;
    width: 100%;
    padding-top: 30px;
    display: none;
}

    .calculatorPopup-Result > div {
        color: #333;
        font-family: open_sanslight;
        font-size: 16px;
        line-height: 1;
        padding-bottom: 25px;
        padding-top: 20px;
        border-bottom: 1px solid #dfdfdf;
    }

        .calculatorPopup-Result > div .right {
            float: right;
            color: #00915A;
        }

        .calculatorPopup-Result > div .green {
            font-family: open_sansbold;
        }

    .calculatorPopup-Result .lastItem {
        border: 0;
        font-family: open_sansbold;
        color: #000;
        padding-bottom: 0;
    }

    .calculatorPopup-Result .links {
        text-align: center;
        border: none;
        padding: 10px 0 0;
    }

        .calculatorPopup-Result .links a {
            display: inline-block;
            font-size: 11px;
            color: #464443;
            font-family: open_sansbold;
            border-bottom: 2px solid #d1d0d0;
            margin: 0 25px;
        }

.calculatorSplashBox .calculatorTable {
    width: 98%;
    display: none;
    float: left;
}

    .calculatorSplashBox .calculatorTable p.printArea {
        font-size: 16px;
        line-height: 26px;
    }

    .calculatorSplashBox .calculatorTable table.prices tbody td, .calculatorSplashBox .calculatorTable table.prices thead th {
        font-size: 12px;
        padding: 13px 0 !important;
    }

    .calculatorSplashBox .calculatorTable .tooltip.infoMessage {
        margin: 0 !important;
    }

    .calculatorSplashBox .calculatorTable h5 {
        text-align: center;
        margin-bottom: 15px;
    }

.calculatorSplashBox .calculatorSplashBox .jspVerticalBar {
    top: 4%;
}

.calculatorPopup .topRateSelection {
    width: 100%;
    margin: 0;
}

    .calculatorPopup .topRateSelection .select {
        width: 100%;
    }

    .calculatorPopup .topRateSelection .tit {
        float: none;
        font-size: 15px;
    }

.calculatorSplashBox .tableMobileFix, .faizOraniSplashBox .tableMobileFix {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: inherit;
}

.calculatorSplashBox .jspHorizontalBar, .faizOraniSplashBox .jspHorizontalBar {
    display: none;
}

.faizOraniSplashBox .depositTable {
    margin-top: 10px;
}

.calculatorSplashBox .shortTooltip.down div, .faizOraniSplashBox .shortTooltip.down div {
    right: -50px;
    top: 34px;
    bottom: initial;
    left: initial;
}

.calculatorPopup-Result .lastItem .text {
    float: left;
}

.calculatorPopup-Result .lastItem .shortTooltip {
    float: left;
    left: 10px;
    top: -5px;
    margin: 0;
}

.faizOraniSplashBox .detail-p {
    font-family: open_sansbold;
    color: #282828;
}

    .faizOraniSplashBox .detail-p a {
        color: #00915A;
    }

@media (max-width:1919px) {
    .campListPart ul li .text3 span {
        padding: 0;
    }

    .campListPart ul li .back2 .text3 .applyBtn {
        padding: 16px 50px;
    }
}

@media (max-width:1235px) {
    .tableMobileFix2 .mobileTableRouter {
        display: block !important;
    }

    /*#divDovizSonGuncellemeMobile {
        display: block !important;
    }

    #btnDovizTabloGuncelleMobile {
        display: block !important;
    }*/
}

@media (max-width:1280px) {
    .promo-bottBinaryBtn > div {
        width: 50% !important;
        float: right;
    }

        .promo-bottBinaryBtn > div a {
            font-size: 11px !important;
            margin: 0 !important;
        }

    .calculatorSplashBox .calculatorTable p.printArea {
        font-size: 14px;
        line-height: 18px;
        padding-top: 3px;
    }

    .calculatorSplashBox .calculatorTable table.prices tbody td, .calculatorSplashBox .calculatorTable table.prices thead th {
        font-size: 11px;
        padding: 10px !important;
    }
}

@media (max-width:1024px) {
    .calculatorSplashBox .calculatorPopup div {
        margin: auto !important;
    }

    .calculatorSplashBox {
        right: 0;
        padding: 5%;
    }

        .calculatorSplashBox .calculatorPopup .form-list {
            width: 90%;
        }

        .calculatorSplashBox .calculatorPopup .form-part {
            border: 5px solid #eff8f3;
            padding: 3%;
        }

    .calculatorSplashBox {
        width: 100% !important;
        margin: 0 !important;
        left: 0 !important;
    }

        .calculatorSplashBox h5, .faizOraniSplashBox h5 {
            font-size: 24px;
            text-align: center;
        }

        .calculatorSplashBox .calculatorPopup-Result {
            display: none;
        }

    .faizOraniSplashBox {
        height: 70%;
        width: 70% !important;
        margin-left: -35% !important;
    }

    .calculatorPopup .topRateSelection .tit {
        font-size: 13px;
    }

    .calculatorPopup .form-list .newInput {
        margin-bottom: 0;
    }

    .calculatorPopup .form-list .input {
        margin-bottom: 20px !important;
    }

    .faizOraniSplashBox .detail-p {
        font-size: 11px;
    }

    .campListPart .odullerlist li .text2 p {
        font-size: 1.4vw;
    }

        .campListPart .odullerlist li .text2 p span {
            font-size: 1.2vw;
            padding-top: 0.3vw;
        }

    .campListPart .odullerlist li {
        height: 22vw;
    }
}

@media (max-width:768px) {
    .calculatorPopup .topRateSelection .tit {
        font-size: 11px;
    }

    .calculatorPopup .form-list label.smallText {
        font-size: 10px;
    }

    .campListPart .odullerlist li .text2 p {
        font-size: 1.5vw;
    }

        .campListPart .odullerlist li .text2 p span {
            font-size: 1.3vw;
        }

    .campListPart .odullerlist li {
        height: 22vw;
    }
}

@media (max-width:640px) {

    .calculatorSplashBox .tableMobileFix {
        overflow: auto;
    }

    .calculatorSplashBox .calculatorTable table.prices thead th {
        font-size: 10px;
        padding: 5px !important;
    }

    .calculatorSplashBox .calculatorTable table.prices tbody td {
        font-size: 14px;
        padding: 20px 10px !important;
    }

    .campListPart ul li {
        margin-left: 0;
        margin-right: 0;
    }

    /*#divDovizSonGuncellemeMobile {
        display: block !important;
    }*/

    #btnDovizTabloGuncelleMobile {
        display: block !important;
    }

    #divDovizSonGuncelleme {
        display: none !important;
    }

    #btnDovizTabloGuncelle {
        display: none !important;
    }

    .campListPart .basindBizList li:nth-child(2n) {
        margin-right: 0;
    }

    /*.campListPart ul.campListYearSelect li, .campListPart ul.campListYearSelect li:nth-child(4n) {
        margin: 0 0 1.6181229773463% 0;
    }
    
    
    .campListPart ul.campListYearSelect li.fourthVisibleLi  {
        margin: 0 0 1.6181229773463% 0;
    }

    .campListPart ul.campListYearSelect li.secondVisibleLi {
        margin: 0 0 1.6181229773463% 1.6181229773463%;
    }*/


    .campListPart .odullerlist li {
        height: 42vw;
    }

        .campListPart .odullerlist li .text2 p {
            font-size: 2.4vw;
            padding-top: 1vw;
        }

            .campListPart .odullerlist li .text2 p span {
                font-size: 2.42vw;
                padding-top: 1.5%;
            }
}

@media (max-width:480px) {


    .tablo-fatura td td {
        height: 50px;
        font-size: 12px;
    }

    ul.listBullet li.bulletNone ul.tablo_list li {
        font-size: 13px;
    }

    ul.listBullet li.bulletNone ul.tablo_list2 li {
        font-size: 13px;
    }


        ul.listBullet li.bulletNone ul.tablo_list2 li:last-child {
            text-align: right;
        }

    .calculatorSplashBox {
        top: 15px !important;
    }

        .calculatorSplashBox h5, .faizOraniSplashBox h5 {
            font-size: 21px;
        }

        .calculatorSplashBox .calculatorPopup .form-list .subInfo {
            font-size: 11px;
        }

        .calculatorSplashBox .close img {
            width: 30px !important;
        }

        .calculatorSplashBox .calculatorPopup .form-list a.formPopupBtn {
            width: 80%;
            font-size: 12px;
        }

        .calculatorSplashBox .calculatorPopup div {
            font-size: 12px;
        }

    .calculatorPopup-Result .links a {
        margin-bottom: 10px;
    }

    .calculatorSplashBox .calculatorTable {
        padding-bottom: 30px;
    }

    .calculatorSplashBox .calculatorPopup-Result .left {
        width: 60%;
        float: left;
    }

    .calculatorSplashBox .calculatorPopup-Result .longText {
        padding-bottom: 35px;
    }

    .calculatorPopup-Result .lastItem .shortTooltip .icon {
        width: 20px !important;
        height: 20px;
        padding-top: 3px;
    }

    .calculatorPopup-Result .lastItem .shortTooltip div {
        left: -100px;
    }

    .campListPart ul li.secondVisibleLi {
        margin-right: 0;
    }

    .campListPart ul li {
        margin-left: 0;
        margin-right: 0;
    }

        .campListPart ul li.secondVisibleLi {
            margin-left: 0;
        }

    /*.campListPart ul.campListYearSelect li, .campListPart ul.campListYearSelect li:nth-child(4n) {
        margin: 0px 0px 1.61812%;

    }
   
    .campListPart ul.campListYearSelect li.secondVisibleLi {
        margin: 0 0 1.6181229773463% 1.6181229773463%
    }*/

    .campListPart .odullerlist li {
        height: 43vw;
    }

        .campListPart .odullerlist li .text2 p {
            font-size: 2.4vw;
            padding-top: 1vw;
        }

            .campListPart .odullerlist li .text2 p span {
                font-size: 2.42vw;
                padding-top: 1.5%;
            }
}

table thead th .shortTooltip.downtype div {
    right: -50px;
    top: 40px;
    bottom: initial;
    left: initial;
}

.shortTooltip div span {
    width: 24px !important;
    right: 52px;
    top: -16px;
    left: auto;
    background: url(../img/short-tooltip_icon-2.png) no-repeat;
}

#krediVadeSelect select {
    display: block !important;
}

@media (min-width:1921px) {
    section.form .promo.newVersion .title-time .titles h1 {
        font-size: 50px;
    }

    section.form .promo.newVersion .title-time .titles h2 {
        font-size: 36px;
    }

    section.form .promo.newVersion .title-time .time .title {
        font-size: 16px;
    }

    section.form .promo.newVersion .title-time .time .date {
        font-size: 22px;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        font-size: 13px;
    }
}

@media (max-width:1680px) {
    section .applyBtn {
        font-size: 17px;
    }

    .accordionBox {
        padding: 40px 0;
    }

        .accordionBox .title {
            font-size: 20px;
            line-height: 24px;
        }

    .titleBar.fullGreen div {
        padding: 45px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 54px;
        line-height: 54px;
        margin-bottom: 20px;
    }

    .titleBar.fullGreen p {
        font-size: 28px;
        line-height: 32px;
    }

    section .applyBtn {
        padding: 19px 20px;
    }

        section .applyBtn.lit {
            width: 300px;
        }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        width: 260px;
    }

    .bottBinaryBtn {
        margin-top: 25px;
        margin-bottom: 45px;
    }

    section .applyBtn.auto {
        font-size: 15px;
        padding: 20px 40px;
    }

    .multiButtonBox {
        margin-bottom: 40px;
    }

    .browserError {
        padding: 20px 30px;
        font-size: 15px;
    }

    section.home ul li div {
        bottom: 35px;
        left: 35px;
    }

        section.home ul li div h2 {
            font-size: 40px;
        }

        section.home ul li div span {
            font-size: 16px;
            margin: 10px 0 20px;
        }

        section.home ul li div .more {
            font-size: 20px;
            margin: 0;
        }

    section.home ul li .title {
        bottom: 35px;
        left: 35px;
        font-size: 26px;
    }

    .shareFriend.sidebarCont article {
        width: 76.373626% !important;
        margin-right: 16.373626% !important;
    }

    .shareFriend .title {
        font-size: 25px !important;
    }

    .shareFriend .fRow span {
        left: -40px;
    }

    .form-list label {
        margin-bottom: 18px;
    }

    section .inputs input, section .inputs textarea {
        padding: 17px;
    }

    .form-part input, .form-part textarea {
        padding: 14px 15px;
    }

    .form-part textarea {
        height: 156px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 14px 55px 14px 15px;
        background: url(../customerForms/img/custom-select-off_icon_lit.gif) right center no-repeat;
    }

    .custom-combobox-toggle {
        width: 50px;
        background: url(../customerForms/img/custom-select-off_icon_lit.gif) left center no-repeat;
        position: absolute !important;
    }

    section.form .promo .title-time .titles h1 {
        font-size: 36px;
        margin-bottom: 20px;
        line-height: 38px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .followResults {
        width: 765px;
        margin: 80px auto;
    }

        .followResults .box div em {
            font-size: 32px;
        }

        .followResults .box span {
            font-size: 15px;
        }

        .followResults .box .tooltip {
            font-size: 14px;
        }

    .input.radio.applQueries {
        width: 400px;
    }

        .input.radio.applQueries label {
            font-size: 15px !important;
        }

    section.form .promo .title-time .buttons {
        bottom: 40px;
    }

        section.form .promo .title-time .buttons a.applyBtn {
            width: 280px;
        }

    section.sidebarCont {
        padding: 40px 30px 70px;
    }

        section.sidebarCont aside h2 {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: 20px;
        }

        section.sidebarCont aside ul li {
            font-size: 13px;
        }

            section.sidebarCont aside ul li a {
                padding: 15px 0;
            }

        section.sidebarCont article .titleBar {
            padding: 42px 50px;
        }

        section.sidebarCont.campDetail article .titleBar {
            padding: 40px 45px;
        }

        section.sidebarCont article .titleBar h1 {
            font-size: 40px;
            line-height: 42px;
        }

        section.sidebarCont article .titleBar p {
            font-size: 28px;
            line-height: 32px;
            margin-top: 10px;
        }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 24px;
            line-height: 28px;
            margin-bottom: 20px;
        }

        section.sidebarCont article .contentBox p.title {
            font-size: 30px;
            line-height: 34px;
        }

        section.sidebarCont article .contentBox p {
            font-size: 18px;
            line-height: 24px;
        }

    .detPageBottListThem.noBg h3 {
        font-size: 28px;
        line-height: 28px;
        margin-top: 0;
    }

    .detPageBottListThem.noBg ul li span {
        padding: 15px 15px 10px;
        font-size: 17px;
    }

    .contentBox .subTitle {
        font-size: 36px;
        margin: 17px 0;
    }

    .interBankingBox img {
        margin-bottom: 25px;
    }

    .interBankingBox p {
        padding: 0 45px;
        font-size: 18px !important;
    }

    section.campDetail {
        padding-bottom: 70px;
    }

    .campDetail article .titleBar {
        padding: 50px 0 50px 45px;
    }

    .campDetail.type2 article .titleBar h1 {
        font-size: 44px;
        line-height: 44px;
    }

    article .titleBar p {
        font-size: 28px;
        line-height: 30px;
    }

    .campDetail.type2 article .contentBox {
        padding-top: 40px;
    }

        .campDetail.type2 article .contentBox h2 {
            font-size: 35px;
            line-height: 38px;
        }

        .campDetail.type2 article .contentBox p.lit {
            font-size: 22px;
            line-height: 26px;
        }

    .campDetail article .contentBox {
        padding: 30px 0 30px 40px;
    }

        .campDetail article .contentBox.about {
            padding: 30px 0;
        }

        .campDetail article .contentBox h2 {
            font-size: 24px;
            line-height: 32px;
        }

        .campDetail article .contentBox .applyBtn {
            width: 240px;
            font-size: 15px;
            padding: 20px;
        }

    .campDetail.type2 article .campDetailImg {
        margin: -35px 0 0;
    }

    .campDetail article .campDetailImg.type2 {
        margin: -20px 0 0 45px;
    }

    .detPageBottListThem h2, .detPageBottListThem h3 {
        font-size: 30px;
        padding: 20px 25px 20px 45px;
    }

    .detPageBottListThem ul {
        margin: 20px 0 0 45px;
    }

        .detPageBottListThem ul li {
            margin-bottom: 15px;
            font-size: 15px;
        }

    .detPageBottListThem .campList {
        margin-left: 0;
    }

    .campDetail.type2 .promo .social {
        width: 55px;
    }

    .campSocialShare {
        margin-bottom: 20px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 17px;
        width: 248px;
        padding: 19px 0;
    }

    .campDetail article .titleBar ul li a span {
        font-size: 12px;
    }

    .detPageBottListThem.campDet ul {
        margin: 30px 0 0 45px;
    }

    .campDetail .videoBox .playBtn {
        bottom: 60px;
    }

    .aboutTeams {
        padding-top: 30px;
        margin-top: 30px;
    }

        .aboutTeams .title {
            font-size: 60px;
        }

        .aboutTeams .subTitle {
            font-size: 26px;
        }

        .aboutTeams ul.team li .details span.name {
            font-size: 30px;
            line-height: 30px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 20px;
            line-height: 20px;
        }

    .cardPackage h3, .cardPackage p {
        font-size: 17px;
        margin-bottom: 13px;
    }

    .mapSide ul li ul li, section.form .promo.newVersion .title-time .titles h1 {
        margin-bottom: 15px;
    }

    .cardPackage em {
        font-size: 17px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 16px;
        line-height: 24px;
    }

    .mapSide ul {
        margin-top: 40px;
    }

        .mapSide ul li {
            font-size: 22px;
        }

            .mapSide ul li ul {
                margin-top: 25px;
            }

    .calcWidgetBox h3 {
        font-size: 36px;
    }
}

@media (max-width:1480px) {
    .accordionBox {
        padding: 35px 0;
    }

    .resultPart .shortTooltip div {
        padding: 25px;
        bottom: -235px;
    }

    .resultPart .box-content .shortTooltip div.form-tooltip {
        padding: 25px;
        bottom: -355px;
    }

    .accordionBox .title {
        font-size: 18px;
        line-height: 24px;
    }

        .accordionBox .title.widthImg img {
            margin: 0 20px 0 5px;
            height: 58px;
        }

    .titleBar.fullGreen div {
        padding: 40px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 15px;
    }

    .titleBar.fullGreen p {
        font-size: 26px;
        line-height: 30px;
    }

    section .applyBtn {
        padding: 18px 20px;
        font-size: 15px;
    }

        section .applyBtn.lit {
            width: 280px;
        }

    .bottBinary3Btn a.applyBtn {
        width: 223px;
        max-width: 100%;
    }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        width: 240px;
    }

    .bottBinaryBtn {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .bottSupportBox, .bottomShareBox {
        margin-top: 25px;
    }

        .bottomShareBox span {
            line-height: 26px;
            font-size: 12px;
        }

    .bottSupportBox {
        padding: 30px 30px 30px 38px;
    }

        .bottSupportBox img {
            margin-right: 30px;
        }

        .bottSupportBox p {
            font-size: 16px;
            line-height: 20px !important;
        }

    section .applyBtn.auto {
        font-size: 14px;
        padding: 18px 35px;
    }

    .multiButtonBox {
        margin-bottom: 35px;
    }

    .bottomShareBox ul.bottAddFavPrint li a img {
        width: 20px;
    }

    .bottomShareBox ul.bottAddFavPrint li a span {
        line-height: 25px;
        font-size: 12px;
    }

    .bottomShareBox ul.bottAddFavPrint li.calc a img {
        width: 16px;
        margin-top: 2px;
    }

    .bottomShareBox ul.bottAddFavPrint li.print img {
        margin-top: 3px;
    }

    .bottomShareBox ul.bottAddFavPrint li.print span {
        line-height: 27px;
    }

    .bottomShareBox ul.bottAddFavPrint li.email img {
        margin-top: 5px;
    }

    .browserError {
        padding: 18px 30px;
        font-size: 14px;
    }

        .browserError span {
            padding-top: 2px;
        }

        .browserError a {
            font-size: 16px;
        }

    .shortTooltip label, section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
        font-size: 12px;
    }

    .shortTooltip div {
        padding: 25px;
    }

    .form-part .input input.youthSurname {
        width: 36px;
    }

    .form-part .input .spaceStar {
        padding-top: 18px;
    }

    .slideSplashBox {
        top: 80px;
    }

    #campPopupSlide .slidesjs-slide p {
        font-size: 16px;
        line-height: 20px;
    }

    nav.display ul li ul li span {
        font-size: 14px;
    }

    nav.display ul li ul li img {
        margin-bottom: 10px;
    }

    nav.display ul li ul {
        padding-bottom: 10px;
        padding-top: 10px;
    }


    .shareFriend.sidebarCont article {
        width: 81.373626% !important;
        margin-right: 13.373626% !important;
    }

    section.home ul li div {
        bottom: 30px;
        left: 30px;
    }

        section.home ul li div h2 {
            font-size: 34px;
        }

        section.home ul li div span {
            font-size: 15px;
            margin: 5px 0 15px;
        }

        section.home ul li div .more {
            font-size: 14px;
            margin: 0;
        }

    section.home ul li .title {
        bottom: 30px;
        left: 30px;
        font-size: 22px;
    }

    section.sidebarCont aside .sideMenu {
        display: block;
    }

    .form-list label {
        margin-bottom: 16px;
    }

    section .inputs input, section .inputs textarea {
        padding: 15px;
    }

    .form-part input, .form-part textarea {
        padding: 13px 15px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 13px 55px 13px 15px;
    }

    .accordion-container p {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    .cardTypeBox label {
        font-size: 13px;
    }

    .accordion-title {
        padding: 35px 0 35px 3.3333333333333%;
        font-size: 22px;
        line-height: 24px;
    }

    .followResults {
        margin: 70px auto;
    }

        .followResults .seperator {
            margin-left: 44px;
        }

        .followResults .box div {
            width: 90px;
            height: 90px;
        }

            .followResults .box div img {
                width: 23px;
            }

            .followResults .box div em {
                font-size: 30px;
            }

            .followResults .box div.cont span {
                margin-bottom: 5px;
                font-size: 14px;
            }

            .followResults .box div.cont p {
                font-size: 14px !important;
            }

        .followResults .box .tooltip {
            font-size: 13px;
        }

        .followResults.side .seperator {
            margin-left: 0;
            margin-top: 45px;
        }

        .followResults.side .box .tooltip {
            top: -66px;
        }

    .input.radio.applQueries {
        width: 400px;
        padding: 15px 20px;
    }

        .input.radio.applQueries label {
            font-size: 14px !important;
        }

    section.form .promo .title-time .titles {
        width: 50%;
    }

    section.form .promo .title-time .buttons {
        bottom: 30px;
    }

        section.form .promo .title-time .buttons a.applyBtn {
            margin-left: 30px;
            width: 250px;
        }

    .campDetail article .titleBar {
        padding: 45px 0 45px 45px;
    }

    .campDetail.type2 article .titleBar h1 {
        font-size: 42px;
    }

    .campDetail.type2 article .contentBox h2 {
        margin-bottom: 20px;
    }

    article .titleBar p {
        font-size: 26px;
        line-height: 30px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 15px;
        line-height: 24px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 214px;
        padding: 18px 0;
        font-size: 15px;
    }

        .campDetail.type2 article .contentBox .applyBtn.first {
            margin-right: 15px;
        }

    .campDetail article .contentBox.textCont p {
        font-size: 15px;
        line-height: 22px;
    }

    section.sidebarCont.campDetail article .titleBar {
        padding: 35px;
    }

    .campDetail article .titleBar ul {
        float: left;
        margin-bottom: 15px;
    }

        .campDetail article .titleBar ul li a img {
            width: 18px;
            margin-top: 2px;
        }

        .campDetail article .titleBar ul li a span {
            font-size: 11px;
        }

    .campDetail article .contentBox h2 {
        font-size: 23px;
    }

    .campDetail article .contentBox .applyBtn {
        font-size: 14px;
    }

    article.minusMarTop {
        margin-top: -5px;
    }

    .campDetail .videoBox .playBtn {
        width: 100px;
        bottom: 90px;
        margin-left: -50px;
    }

    .campSocialShare {
        margin-bottom: 15px;
    }

    .detPageBottListThem.campDet ul li span, .detPageBottListThem.noBg ul li span {
        font-size: 15px;
    }

    .detPageBottListThem h3 {
        font-size: 27px;
        padding: 17px 25px 17px 45px;
    }

    section.sidebarCont article .contentBox p.title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 27px;
    }

    section.sidebarCont article .contentBox p {
        font-size: 17px;
        line-height: 24px;
    }

    .detPageBottListThem.noBg h3 {
        font-size: 27px;
        line-height: 26px;
    }

    .detPageBottListThem.noBg ul li span {
        padding: 10px 10px 0;
        font-size: 15px;
    }

    .detPageBottListThem ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .contentBox .subTitle {
        font-size: 32px;
        margin: 15px 0;
    }

    .interBankingBox img {
        margin-bottom: 20px;
    }

    .interBankingBox p {
        padding: 0 40px;
        font-size: 16px !important;
    }

    .contentBox .accordion-container.confirmation .form-list.video #cms_player_1422613310 {
        height: 256px;
    }

    .calcWidgetBox .applyBtn.bottom, .planComparBtns, ul.accResult.marTop30 {
        margin-top: 30px;
    }

    .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
        padding: 22px 32px;
        min-width: 140px;
        font-size: 12px;
    }

    .cardPackage em, .tabsBox .ui-tabs-panel ul li {
        font-size: 15px;
    }

    .cardPackage {
        padding: 22px;
    }

        .cardPackage h3, .cardPackage p {
            font-size: 15px;
            margin-bottom: 10px;
        }

    .calcWidgetBox {
        width: 75%;
    }

    ul.accSettings {
        margin-bottom: 20px;
    }

        ul.accSettings li {
            margin-bottom: 10px;
        }

            ul.accSettings li label {
                padding: 16px 0 17px;
                font-size: 13px;
            }

            ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
                padding: 13px 50px 14px 15px;
            }

            ul.accSettings li .inputs input {
                padding: 15px;
                font-size: 14px;
            }

            ul.accSettings li .interRate {
                padding: 15px 0;
                font-size: 15px;
            }

    .calcWidgetBox .applyBtn.marBott, ul.accResult {
        margin-bottom: 30px;
    }

        ul.accResult li {
            padding: 12px 0;
        }

            ul.accResult li label {
                font-size: 14px;
            }

            ul.accResult li span {
                font-size: 16px;
            }

    .calcWidgetBox .applyBtn {
        width: 240px;
        font-size: 15px;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 195px;
        }

        .calcWidgetBox .applyBtn.back {
            width: 170px;
        }

    .calcWidgetBox .payPlanBtn {
        font-size: 11px;
    }

    .credit .payPlanBtn {
        margin-right: 0;
        clear: both;
        margin-bottom: 10px;
    }

    ul.accSettings li div.text {
        padding: 16px 0;
    }

    .depositTable tbody td a, .depositTable tbody td.title, .depositTable thead th span {
        padding: 14px 0;
    }

    ul.accSettings li div.text.title {
        font-size: 18px;
    }

    .comparison.step1 ul.accResult {
        width: 450px;
    }

    .planComparBtns {
        width: 100%;
    }

        .planComparBtns a {
            margin: 0 10px;
        }

    .depositTable {
        margin-bottom: 12px;
    }

        .depositTable thead th {
            border-right: 5px solid #fff;
            border-bottom: 10px solid #fff;
            font-size: 13px;
        }

        .depositTable tbody td {
            border-right: 5px solid #fff;
            border-bottom: 5px solid #fff;
            font-size: 13px;
        }

    section.sidebarCont article .contentBox p.depositSeeDet {
        font-size: 12px;
    }

    .topRateSelection {
        margin-bottom: 20px;
    }

        .topRateSelection .tit {
            font-size: 13px;
            line-height: 54px;
            margin-right: 30px;
        }

    .calcWidgetBox h3 {
        font-size: 32px;
    }

    .paymentPlanTable ul li {
        padding: 16px 22px;
    }

        .paymentPlanTable ul li span, .paymentPlanTable ul li span.left {
            font-size: 16px;
        }

            .paymentPlanTable ul li span.right {
                font-size: 18px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 100px;
    }

    section.aboutTeams ul.tutorials li a {
        max-width: 50%;
    }

        section.aboutTeams ul.tutorials li a span {
            font-size: 16px;
            padding: 18px 0;
        }

    .mapSide ul {
        margin-top: 30px;
    }

        .mapSide ul li {
            font-size: 20px;
        }

            .mapSide ul li a {
                padding-right: 35px;
            }

            .mapSide ul li ul {
                margin-top: 20px;
            }

                .mapSide ul li ul li {
                    font-size: 12px;
                    margin-bottom: 10px;
                    max-width: 85%;
                }

    .supportCenAccor .accordionBox .content p, .supportCenAccor .accordionBox .title, section.sidebarCont article .contentBox .binaryTextBox p {
        font-size: 14px;
    }

    .binaryTextBox {
        margin-bottom: 30px;
    }

    .supportCenAccor .accordionBox .content {
        padding: 30px 58px;
    }

        .supportCenAccor .accordionBox .content .applyBtn {
            margin-top: 20px;
            font-size: 15px;
        }

    .contentBox.supportCenter .title2 {
        margin-top: 60px;
    }

    .supportCenter .contactForm .form-list label {
        font-size: 13px;
    }

    .supportCenter .contactForm .form-list textarea {
        height: 167px;
    }

    .supportCenter .contactForm .sendForm {
        font-size: 14px;
        width: 220px;
        padding: 20px 0;
    }

    .processingListBox {
        margin-top: 25px;
    }

        .processingListBox ul li {
            font-size: 14px;
        }

            .processingListBox ul li a {
                padding: 15px 10px 15px 25px;
            }


    .page404Cont .messageBox {
        top: 15%;
        left: 15%;
    }

        .page404Cont .messageBox h2 {
            font-size: 50px;
        }

        .page404Cont .messageBox p {
            font-size: 22px;
            line-height: 26px;
        }
}

@media (min-width:1340px) and (max-width:1550px) {
    @media (max-height:780px) {
        .homeScrollDown {
            bottom: 9%;
        }
    }
}

@media (max-width:1366px) {


    .campListPart ul li span.old {
        padding: 15px 0;
        font-size: 18px;
    }

    .campListPart ul li .text3 span {
        padding: 0;
    }

    .campListPart ul li .back2 .text2 p {
        padding: 1.83vw 0;
    }

    .campListPart ul li .text3 {
        top: 19%;
    }

    .campListPart ul li .back2 .text3 .applyBtn {
        padding: 1.17vw 3.66vw;
        font-size: 1.17vw;
    }

    section .applyBtn {
        padding: 17px 20px;
        font-size: 14px;
    }

    .campListPart ul li .text2 p {
        padding: 1.1vw 0;
        font-size: 1.32vw;
    }

        .campListPart ul li .text2 p span {
            line-height: 3vw;
        }


    .shortTooltip div {
        padding: 20px;
        font-size: 12px;
    }

    section .applyBtn.lit {
        width: 260px;
    }

    .bottomShareBox.paymentPlan .applyBtn.lit {
        width: 220px;
    }

    .accordionBox {
        padding: 25px 0;
    }

        .accordionBox .title {
            font-size: 16px;
            line-height: 24px;
        }

            .accordionBox .title.widthImg img {
                height: 54px;
            }

        .accordionBox .content {
            margin-top: 25px;
            font-size: 14px;
        }

        .accordionBox.acdSecondLevel .title {
            font-size: 14px;
        }

    .splashBox.error {
        padding: 60px 40px;
    }

        .splashBox.error img {
            width: 90px;
            margin-right: 40px;
        }

        .splashBox.error p {
            width: 338px;
            font-size: 22px;
            line-height: 26px;
        }

    .splashBox.success {
        padding: 60px 40px;
        top: 110px;
    }

        .splashBox.success img {
            width: 90px;
            margin-bottom: 30px;
        }

        .splashBox.success h4 {
            font-size: 36px;
        }

        .splashBox.success h5 {
            font-size: 20px;
            margin: 10px 0 20px;
        }

        .splashBox.success p {
            font-size: 14px;
            line-height: 20px;
        }

    .splashBox.pdf {
        margin-left: -490px;
        top: 75px;
    }

        .splashBox.pdf iframe {
            width: 980px;
            height: 535px;
        }

    .bottBinaryBtn a.applyBtn {
        width: 260px;
    }

    .bottBinary3Btn a.applyBtn {
        width: 185px;
        max-width: 100%;
    }

    .bottBinary3Btn div a {
        float: none;
        font-size: 12px;
    }

    .bottSupportTitle {
        font-size: 20px;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    ul.bottSupportLinks li a {
        padding: 15px 0;
        font-size: 14px;
    }

    .titleBar.fullGreen div {
        padding: 35px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 46px;
        line-height: 46px;
        margin-bottom: 10px;
    }

    .titleBar.fullGreen p {
        font-size: 24px;
        line-height: 28px;
    }

    .bottSupportBox p {
        font-size: 15px;
    }

    section .applyBtn.auto {
        font-size: 13px;
        padding: 16px 30px;
    }

    .multiButtonBox {
        margin-bottom: 30px;
    }

    .browserError {
        padding: 16px 25px;
        font-size: 13px;
    }

        .browserError span {
            padding-top: 3px;
        }

        .browserError a {
            font-size: 15px;
        }

    .shortTooltip div {
        padding: 20px;
        font-size: 12px;
    }

    .contentBox .promo.promoVid .applyBtn {
        width: 220px;
    }

    nav.display ul li a {
        padding: 25px 20px 24px;
    }

    nav.display ul li.item1 ul li {
        padding-left: 200px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 305px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 510px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 632px !important;
    }

    nav.display ul li.item5 ul li {
        padding-left: 760px !important;
    }

    section.home ul li div {
        bottom: 25px;
        left: 25px;
    }

        section.home ul li div h2 {
            font-size: 32px;
        }

        section.home ul li div span {
            font-size: 14px;
            margin: 5px 0 15px;
        }

        section.home ul li div .more {
            font-size: 14px;
            margin: 0;
        }

    section.home ul li .title {
        bottom: 30px;
        left: 30px;
        font-size: 20px;
    }

    .shareFriend.sidebarCont article {
        width: 86.373626% !important;
        margin-right: 8.373626% !important;
    }

    section.form .promo .title-time .titles h1 {
        font-size: 32px;
        margin-bottom: 25px;
        line-height: 42px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 18px;
        line-height: 24px;
    }

    section.form .promo .title-time .time .title {
        font-size: 12px;
    }

    section.form .promo .title-time .time .date {
        font-size: 18px;
    }

    .accordion-title {
        padding: 30px 0 30px 3.3333333333333%;
        font-size: 20px;
        line-height: 24px;
    }

        .accordion-title .okey {
            width: 90px;
        }

    .accordion-container {
        padding: 15px 3.3333333333333%;
    }

        .accordion-container p {
            font-size: 16px !important;
            line-height: 22px !important;
        }

    .form-list label {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contentBox .inputs input, .contentBox .inputs textarea, .form-part input, .form-part textarea {
        padding: 12px 15px;
    }

    section .inputs input, section .inputs textarea {
        padding: 13px;
    }

    .form-part textarea {
        height: 145px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 12px 55px 12px 15px !important;
        background: url(../customerForms/img/custom-select-off_icon_lit.gif) right center no-repeat !important;
    }

    .ui-selectmenu-button.ui-corner-top span.ui-selectmenu-text {
        background: url(../customerForms/img/custom-select-on_icon_lit.gif) right center no-repeat;
    }

    button.continue-btn.right.bottom.possAbs {
        bottom: 55px;
    }

    .form-list.confText span.title {
        font-size: 46px;
    }

    .form-list.confText span.subTitle {
        font-size: 28px;
        line-height: 32px;
    }

    .form-list.confText span.desp {
        font-size: 18px;
        margin-bottom: 50px;
    }

    .form-list.confText a.social img {
        margin-right: 10px;
        width: 30px;
    }

    .form-list.confText a.social span {
        line-height: 31px;
        font-size: 11px;
        padding-right: 10px;
    }

    .cardTypeText {
        width: 450px;
    }

    .cardTypeBox label {
        font-size: 13px;
    }

    .cvv2 span {
        font-size: 12px;
    }

    .cvv2 img {
        width: 55px;
    }

    .form-list .confirmResult {
        font-size: 11px;
    }

    .input.radio.applQueries {
        width: 370px;
        padding: 13px 20px;
        margin: 0 15px 30px 0;
    }

        .input.radio.applQueries label {
            font-size: 13px !important;
        }

    section.form .promo .title-time .buttons {
        bottom: 25px;
    }

        section.form .promo .title-time .buttons a.applyBtn {
            margin-left: 25px;
            width: 230px;
        }

    section.campDetail {
        padding-bottom: 60px;
    }

    .campDetail article .titleBar {
        padding: 35px 0 35px 35px;
    }

        .campDetail article .titleBar h1 {
            font-size: 42px;
            line-height: 42px;
        }

    .campDetail article .contentBox {
        padding: 20px 0 20px 30px;
    }

        .campDetail article .contentBox.about {
            padding: 20px 0;
        }

    .campDetail article .campDetailImg {
        top: 28px;
    }

    .campDetail article .contentBox h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 14px;
        line-height: 24px;
    }

    .campDetail article .contentBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

    .detPageBottListThem h3 {
        font-size: 28px;
        padding: 20px 20px 20px 35px;
    }

    .detPageBottListThem ul, .detPageBottListThem.campDet ul {
        margin: 20px 0 0 35px;
    }

        .detPageBottListThem ul li {
            margin-bottom: 10px;
            font-size: 13px;
        }

    .detPageBottListThem.text ul {
        margin: 20px 0 0 35px;
    }

    .campDetail.type2 .promo .social {
        width: 48px;
    }

    .campDetail.type2 article .titleBar {
        padding-left: 35px;
    }

        .campDetail.type2 article .titleBar h1 {
            margin-bottom: 10px;
        }

        .campDetail.type2 article .titleBar p {
            font-size: 22px;
            line-height: 26px;
        }

    .campDetail.type2 article .campDetailImg {
        margin: -28px 0 0;
    }

    .campDetail article .campDetailImg.type2 {
        margin: -28px 0 0 35px;
    }

    .campDetail.type2 article .contentBox {
        padding-top: 30px;
        margin-bottom: 40px;
    }

        .campDetail.type2 article .contentBox h2 {
            font-size: 32px;
            line-height: 36px;
        }

        .campDetail.type2 article .contentBox p.lit {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 20px;
        }

    .detPageBottListThem.campDet ul {
        margin-bottom: 0;
    }

        .detPageBottListThem.campDet ul li {
            min-height: 250px;
        }

            .detPageBottListThem.campDet ul li span {
                padding: 10px 10px 0;
                font-size: 14px;
            }

    .detPageBottListThem.campDet h3 {
        margin: 0;
    }

    .campSocialShare {
        margin-bottom: 10px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 14px;
        width: 200px;
        padding: 17px 0;
    }

        .campDetail.type2 article .contentBox .applyBtn.first {
            margin-right: 10px;
        }

    section.campDetail .contentBox.faq {
        margin-top: 0;
    }

    .campDetail article .titleBar.faq p {
        font-size: 22px;
        line-height: 26px;
    }

    table.prices thead th {
        font-size: 11px;
        padding: 10px;
    }

    table.prices tr td {
        font-size: 12px;
        padding: 15px 10px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 14px;
        line-height: 22px;
    }

    section.sidebarCont {
        padding: 30px 30px 60px;
    }

        section.sidebarCont aside h2 {
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 15px;
        }

        section.sidebarCont aside ul li {
            font-size: 12px;
        }

            section.sidebarCont aside ul li a {
                padding: 15px 0;
            }

        section.sidebarCont article .titleBar {
            padding: 36px 42px;
        }

            section.sidebarCont article .titleBar h1 {
                font-size: 38px;
                line-height: 40px;
            }

            section.sidebarCont article .titleBar p {
                font-size: 26px;
                line-height: 30px;
                margin-top: 10px;
            }

        section.sidebarCont article .contentBox .promo {
            margin-bottom: 20px;
        }

        section.sidebarCont article .contentBox p {
            font-size: 16px;
            line-height: 22px;
        }

            section.sidebarCont article .contentBox p.subTitle {
                font-size: 22px;
                line-height: 28px;
                margin-bottom: 20px;
            }

            section.sidebarCont article .contentBox p.title {
                font-size: 26px;
                line-height: 32px;
            }

    .detPageBottListThem.noBg h3 {
        font-size: 26px;
        line-height: 26px;
    }

    .detPageBottListThem.noBg ul {
        margin-top: 10px;
    }

        .detPageBottListThem.noBg ul li {
            min-height: 220px;
        }

            .detPageBottListThem.noBg ul li span {
                padding: 10px;
                font-size: 14px;
            }

    .contentBox .subTitle {
        font-size: 28px;
        margin: 12px 0;
    }

    .interBankingBox img {
        margin-bottom: 15px;
    }

    .interBankingBox p {
        padding: 0 35px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
        font-size: 20px;
    }

    section.campDetail .contentBox.about .left p, section.campDetail .contentBox.about .right p {
        font-size: 14px;
        line-height: 20px;
    }

    .aboutTeams {
        padding-top: 30px;
        margin-top: 30px;
    }

        .aboutTeams .title {
            font-size: 52px;
        }

        .aboutTeams .subTitle {
            font-size: 22px;
        }

        .aboutTeams ul.team li .details span.name {
            font-size: 26px;
            line-height: 26px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 16px;
            line-height: 16px;
        }

    section.aboutTeams ul.tutorials {
        padding-top: 40px;
    }

        section.aboutTeams ul.tutorials li a {
            left: 40px;
            bottom: 40px;
            max-width: 80%;
            background: url(../img/tutorials_icon_size2.png) 30px center no-repeat #fff;
        }

            section.aboutTeams ul.tutorials li a span {
                font-size: 15px;
                padding: 16px 0;
            }

    .campListPart, .campListPart ul {
        padding-top: 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }

        .campListPart .select {
            width: 300px;
        }

            .campListPart .select.sectorFilter {
                width: 370px;
            }

        .campListPart ul li span {
            padding: 15px 0;
            font-size: 18px;
        }

    .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
        padding: 20px 30px;
        min-width: 140px;
        font-size: 12px;
    }

    .tabsBox .ui-tabs-panel ul li {
        font-size: 14px;
    }

    .cardPackage {
        padding: 20px;
    }

        .cardPackage em, .cardPackage h3, .cardPackage p {
            font-size: 14px;
        }

    section.sidebarCont.campDetail article .titleBar {
        padding: 30px 35px;
    }

    .campDetail article .titleBar ul {
        float: left;
        margin-bottom: 15px;
    }

        .campDetail article .titleBar ul li a img {
            width: 18px;
            margin-top: 2px;
        }

        .campDetail article .titleBar ul li a span {
            font-size: 11px;
        }

    .calcWidgets ul {
        max-width: 1000px;
        padding-top: 40px;
    }

        .calcWidgets ul li {
            width: 220px;
            height: 200px;
        }

    .calcWidgetBox h3 {
        font-size: 28px;
    }

    .paymentPlanTable ul li {
        padding: 15px 20px;
    }

        .paymentPlanTable ul li span, .paymentPlanTable ul li span.left {
            font-size: 15px;
        }

            .paymentPlanTable ul li span.right {
                font-size: 17px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 30px;
    }

    .tooltip.infoMessage .shortTooltip .icon {
        width: 25px !important;
        height: 25px !important;
        font-size: 13px !important;
        padding-top: 4px;
    }

    section.sidebarCont article .contentBox .tooltip.infoMessage p {
        font-size: 14px;
        line-height: 18px;
        padding-top: 3px;
    }

    .creditCalBox2 .contentPTop .newInput {
        height: 48px;
    }

    .creditCalBox2 .contentPTop .applyBtn {
        padding: 12px 20px;
        width: 100%;
    }

    .creditCalBox2 .contentPTop .row1, .creditCalBox2 .contentPTop .row2 {
        width: 50%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .creditCalBox2 .contentPTop .row3 {
        width: 30%;
        clear: both;
        float: none;
        margin: 20px auto 0;
        padding-left: 0;
    }

    .creditCalBox2 .contentPTop .iMiniText, .creditCalBox2 .contentPTop .iMiniU {
        margin-top: 15px;
    }

    .creditCalBox2 .resultPart .resBottom {
        margin-top: 35px;
    }

    .creditCalBox2 .resultPart {
        padding-bottom: 40px;
    }

        .creditCalBox2 .resultPart .resultText {
            width: 100%;
            padding: 6% 6% 5%;
        }

        .creditCalBox2 .resultPart .btnPart {
            clear: both;
            width: 30%;
            float: none;
            position: static;
            margin: 0 auto;
            padding-left: 0;
        }

        .creditCalBox2 .resultPart .applyBtn {
            padding: 12px 20px;
            width: 100%;
        }

    .creditCalBox2 .contentPTop .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 14px;
    }

    section.branches article h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    section.branches article ul li {
        margin-bottom: 40px;
    }

        section.branches article ul li p, section.branches article ul li span {
            font-size: 14px;
        }

        section.branches article ul li a {
            font-size: 11px;
            margin-top: 12px;
        }

        section.branches article ul li .title {
            font-size: 16px;
            margin-bottom: 10px;
        }

    section.page404 {
        padding: 90px 0;
    }

        section.page404 article h2 {
            font-size: 160px;
            line-height: 120px;
        }

        section.page404 article p {
            font-size: 36px;
            line-height: 48px;
            margin: 50px 0 20px;
        }

        section.page404 article span {
            font-size: 20px;
            margin-bottom: 35px;
        }

    .title2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .subTitle2 {
        font-size: 16px;
    }

    .contactForm {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .contactForm .sendForm {
            font-size: 14px;
            width: 220px;
            padding: 20px 0;
            margin-top: 35px;
        }

    .splashBox.contact {
        width: 800px;
        margin-left: -400px;
        top: 60px;
        padding: 40px;
    }

        .splashBox.contact h4 {
            font-size: 30px;
            margin-bottom: 20px;
        }

        .splashBox.contact p {
            font-size: 13px;
            line-height: 22px;
            margin: 0 0 25px;
        }

    .mapSide ul {
        margin-top: 30px;
    }

        .mapSide ul li {
            font-size: 19px;
        }


    section.form .promo.newVersion .title-time .titles h1 {
        margin-bottom: 10px;
    }
}

@media (max-width:1300px) {
    .ui-tabs {
        width: 105%;
    }
}

@media (max-width:1280px) {
    .splashBox.pdf {
        margin-left: -490px;
        top: 75px;
    }

        .splashBox.pdf iframe {
            width: 980px;
            height: 535px;
        }

    nav.display ul li a {
        padding-left: 17px;
        padding-right: 17px;
    }

    nav.display ul li ul li {
        padding-left: 115px !important;
    }

    nav.display ul li.item0 ul li {
        padding-left: 0 !important;
    }

    nav.display ul li.item1 ul li {
        padding-left: 185px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 295px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 495px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 612px !important;
    }

    nav.display ul li.item5 ul li {
        padding-left: 730px !important;
    }

    section.home ul li .title span:first-child {
        display: block;
        font-size: 14px !important;
        padding-top: 5px;
    }


    section.home ul li {
        width: 49.86999999999%;
    }

        section.home ul li.last {
            margin-right: .26041666666667%;
        }

        section.home ul li:last-child, section.home ul li:nth-child(2n) {
            margin-right: 0;
        }

        section.home ul li.double {
            width: 100%;
        }

        section.home ul li .title {
            bottom: 25px;
            left: 25px;
            padding: 23px 0 21px 39px;
            width: 250px;
        }

    .shareFriend.sidebarCont article {
        width: 100% !important;
        margin-right: 0 !important;
    }

    .form-list.confText a.social img {
        width: 25px;
    }

    .form-list.confText a.social span {
        line-height: 25px;
    }

    .form-list.confText a.social.twitter {
        margin-left: 0;
        margin-top: 10px;
        clear: both;
    }

    .cvv2 span {
        font-size: 11px;
    }

    .cvv2 img {
        width: 50px;
    }

    .cardTypeBox {
        float: left !important;
        clear: both;
    }

    .cardTypeText {
        width: 100%;
        max-width: 100%;
    }

    .input.radio.applQueries {
        width: 300px;
    }

    section.form .promo .title-time .time {
        top: 30%;
        transform: translateY(-30%);
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
    }

    section.form .promo .title-time .buttons a.applyBtn {
        margin-left: 20px;
        width: 220px;
    }

    .resultPart .shortTooltip div {
        padding: 20px;
        font-size: 12px;
        bottom: -207px;
        left: -135px;
    }

    .campDetail .videoBox .playBtn {
        width: 90px;
        bottom: 95px;
        margin-left: -45px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 190px;
    }

    .calcWidgetBox, .calcWidgetBox.comparison {
        width: 90%;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 185px;
        }

    .tabsBox .ui-tabs-nav li {
        margin-right: 4px;
    }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 18px 25px;
        }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div {
        width: 50% !important;
        float: right;
    }

        section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div a {
            font-size: .9vw;
            margin: 0 !important;
        }
}


@media (max-width:1165px) {
    .ui-tabs {
        width: 107%;
    }
}

@media (max-width:1215px) {
    .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
        font-size: 10px;
    }
}

@media(max-width:1180px) {
    nav.display ul li a {
        font-size: 12px;
        padding-left: 17px;
        padding-right: 17px;
    }

    nav.display ul li.item1 ul li {
        padding-left: 180px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 280px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 470px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 510px !important;
    }

    nav.display ul li.item5 ul li {
        padding-left: 690px !important;
    }
}


@media(max-width:1110px) {
    nav.display ul li a {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    nav.display ul li.item1 ul li {
        padding-left: 160px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 240px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 415px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 450px !important;
    }

    nav.display ul li.item5 ul li {
        padding-left: 610px !important;
    }
}

@media (max-width:1024px) {

    .campListPart ul li span.old {
        padding: 10px 0;
        font-size: 14px;
    }

    section .applyBtn, section .applyBtn.contBott {
        max-width: 80%;
        width: auto;
    }


    section .applyBtn {
        padding: 17px 10px;
        font-size: 15px;
    }

    .bottBinaryBtn a.applyBtn {
        width: 260px;
    }

    .bottBinary3Btn a.applyBtn {
        width: 143px;
        max-width: 100%;
    }

    .bottBinary3Btn div a {
        float: none;
        font-size: 12px;
    }

    .accordionBox {
        padding: 20px 0;
    }

        .accordionBox .title {
            font-size: 14px;
            line-height: 24px;
        }

            .accordionBox .title.widthImg img {
                margin: 0 15px 0 0;
                height: 48px;
            }

        .accordionBox .content {
            margin-top: 20px;
            font-size: 12px;
        }

        .accordionBox.acdSecondLevel .title {
            font-size: 12px;
        }

    .splashBox.error img {
        width: 80px;
        margin-right: 40px;
    }

    .splashBox.error p {
        font-size: 20px;
        line-height: 24px;
    }

    .splashBox.success {
        padding: 50px 35px;
        top: 110px;
    }

        .splashBox.success img {
            width: 80px;
            margin-bottom: 25px;
        }

        .splashBox.success h4 {
            font-size: 36px;
        }

        .splashBox.success h5 {
            font-size: 20px;
            margin: 10px 0 20px;
        }

        .splashBox.success p {
            font-size: 14px;
            line-height: 20px;
        }

    .splashBox.warning {
        padding: 40px;
    }

        .splashBox.warning div {
            margin-top: 10px;
        }

            .splashBox.warning div p {
                font-size: 16px;
                line-height: 20px;
            }

            .splashBox.warning div .continue-btn {
                margin-top: 15px;
            }

    .bottSupportBox, .bottomShareBox {
        margin-top: 20px;
    }

    .splashBox.pdf {
        margin-left: -320px;
        top: 75px;
    }

        .splashBox.pdf iframe {
            width: 650px;
            height: 535px;
        }

    .titleBar.fullGreen div {
        padding: 25px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 42px;
        line-height: 42px;
        margin-bottom: 10px;
    }

    .titleBar.fullGreen p {
        font-size: 22px;
        line-height: 26px;
    }

    .bottSupportBox {
        padding: 25px 25px 25px 32px;
    }

        .bottSupportBox img {
            margin-right: 20px;
            width: 35px;
        }

        .bottSupportBox p {
            font-size: 13px;
            line-height: 16px !important;
        }

    section .applyBtn.auto {
        font-size: 12px;
        padding: 15px 25px;
        margin-bottom: 20px;
    }

    .multiButtonBox {
        margin-bottom: 0;
    }

    .bottomShareBox ul.bottAddFavPrint li {
        padding-right: 10px;
        margin-right: 10px;
    }

        .bottomShareBox ul.bottAddFavPrint li a img {
            margin-right: 10px;
            width: 18px;
        }

        .bottomShareBox ul.bottAddFavPrint li a span {
            line-height: 20px;
            font-size: 11px;
        }

        .bottomShareBox ul.bottAddFavPrint li.email span, .bottomShareBox ul.bottAddFavPrint li.print span {
            line-height: 23px;
        }

        .bottomShareBox ul.bottAddFavPrint li.calc a img {
            width: 14px;
            margin-top: 1px;
        }

        .bottomShareBox ul.bottAddFavPrint li.print img {
            margin-top: 3px;
            width: 16px;
        }

        .bottomShareBox ul.bottAddFavPrint li.email img {
            margin-top: 5px;
        }

    .browserError {
        padding: 16px 25px;
        font-size: 12px;
    }

        .browserError div {
            line-height: 22px;
        }

            .browserError div img {
                width: 22px;
            }

        .browserError span {
            padding-top: 2px;
        }

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
        font-size: 11px;
    }

    .bottBinaryBtn {
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .form-part .input input.youthSurname {
        width: 32px;
    }

    .form-part .input .spaceStar {
        padding-top: 15px;
    }

    .contentBox .promo.promoVid .applyBtn {
        width: 190px;
        font-size: 14px;
        bottom: 20px;
        right: 20px;
    }

    #campPopupSlide .slidesjs-slide p {
        font-size: 14px;
        line-height: 18px;
    }

    nav.display ul li a {
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
    }

    nav.display ul li ul {
        top: 65px;
    }

        nav.display ul li ul li {
            padding-left: 106px !important;
        }

            nav.display ul li ul li span {
                font-size: 12px;
            }

    nav.display ul li.item0 ul li {
        padding-left: 0 !important;
    }

    nav.display ul li.item1 ul li {
        padding-left: 150px !important;
    }

    nav.display ul li.item2 ul li {
        padding-left: 225px !important;
    }

    nav.display ul li.item3 ul li {
        padding-left: 400px !important;
    }

    nav.display ul li.item4 ul li {
        padding-left: 596px !important;
    }

    nav.display ul li.item5 ul li {
        padding-left: 590px !important;
    }


    .shareFriend .fRow {
        float: none;
        width: 360px;
    }

        .shareFriend .fRow input {
            width: 100%;
            height: 60px;
            border: 1px solid #a3e4be;
            display: block;
            margin-bottom: 18px;
            padding-left: 13px;
            color: #949494;
        }

    .shareFriend .continue-btn {
        float: none !important;
        margin-top: 20px;
    }

    .shareFriend .miniTitle {
        font-size: 16px !important;
    }

    section.home ul li div {
        bottom: 20px;
        left: 20px;
    }

        section.home ul li div h2 {
            font-size: 26px;
        }

        section.home ul li div span {
            font-size: 13px;
            margin: 5px 0 15px;
        }

        section.home ul li div .more {
            font-size: 13px;
            margin: 0;
        }

    section.home ul li .title {
        bottom: 20px;
        left: 20px;
        padding: 14px 20px;
        font-size: 18px;
    }

        section.home ul li .title span {
            font-size: 14px;
        }

    .frontV img.frontPoppers {
        width: 150px;
        top: 40px;
        right: 40px;
    }

    .form-list label {
        font-size: 13px;
    }

    section.form .promo .title-time .titles h1 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 16px;
        line-height: 22px;
    }

    section.form .promo .title-time .titles.title1 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title1 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title2 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title2 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title3 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title3 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title4 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title4 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title5 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title5 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title6 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title6 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title7 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title7 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .titles.title8 h1 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 20px;
    }

    section.form .promo .title-time .titles.title8 h2 {
        font-size: 13px;
        line-height: 16px;
    }

    section.form .promo .title-time .time div {
        transform: inherit;
        top: 12px;
    }

    section.form .promo .title-time .time .title {
        font-size: 11px;
    }

    section.form .promo .title-time .time .date {
        font-size: 14px;
    }

    section.form .promo .title-time .time {
        height: 60px;
        transform: inherit;
        top: 30%;
        transform: translateY(-30%);
        -webkit-transform: translateY(-30%);
        -ms-transform: translateY(-30%);
    }

    section.form .promo .title-time .buttons a.applyBtn {
        margin-left: 20px;
        width: 200px;
        font-size: 13px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .accordion-title {
        padding: 15px 0 15px 3.3333333333333%;
        font-size: 18px;
        line-height: 22px;
    }

        .accordion-title .okey {
            width: 75px;
        }

    .form-list .ui-selectmenu-button, .form-list input, .form-list textarea {
        margin-bottom: 0px;
    }

    .form-part input, .form-part textarea {
        padding: 10px;
        font-size: 12px;
    }


    .form-part textarea {
        height: 130px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 14px;
        padding: 11px 55px 10px 15px !important;
    }

    .custom-combobox-toggle {
        height: 39px;
    }

    button.continue-btn.right.bottom.possAbs {
        bottom: 50px;
    }

    .form-list.confText span.title {
        font-size: 38px;
    }

    .form-list.confText span.subTitle {
        font-size: 24px;
        line-height: 32px;
    }

    .form-list.confText span.desp {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .alertBox {
        padding: 15px 5px 15px 60px;
    }

        .alertBox.error {
            padding-left: 70px;
            padding-bottom: 5px;
        }

        .alertBox .errorPoint {
            color: #fff;
        }

    .accordion-container .cardTypeText {
        width: 650px;
        font-size: 16px;
        line-height: 22px;
    }

    .cardTypeBox p {
        font-size: 16px;
    }

    .cardTypeBox label {
        font-size: 12px;
        margin-top: 5px;
    }

    .cvv2 > span {
        font-size: 11px;
        line-height: 14px;
        vertical-align: middle;
        width: 150px;
        display: inline-block;
    }

    .cvv2 img {
        width: 55px;
    }

    .inputs input, .inputs textarea {
        padding: 10px;
    }

    .ui-menu .ui-menu-item {
        padding: 10px 20px;
    }

    .form-list .input, .form-list .select {
        margin-bottom: 0;
    }

    .followResults {
        width: 650px;
        margin: 60px auto;
    }

        .followResults .seperator {
            margin-left: 39px;
        }

        .followResults .box div {
            width: 80px;
            height: 80px;
            margin-right: 15px;
        }

            .followResults .box div img {
                width: 20px;
            }

            .followResults .box div em {
                font-size: 24px;
            }

        .followResults .box span {
            font-size: 12px;
        }

        .followResults .box.missingDoc .tooltip {
            display: none;
        }

        .followResults.vertical .box.missingDoc .tooltip {
            display: block;
            top: 17px;
            font-size: 12px;
        }

        .followResults .box.missingDoc .cont span {
            color: #fa7939;
        }

        .followResults.vertical .box.missingDoc .cont span {
            color: #282828;
        }

        .followResults .box.missingDoc .cont span span {
            display: inline;
        }

        .followResults.side .seperator {
            margin-top: 38px;
        }

        .followResults.side .box.missingDoc .tooltip {
            display: block;
            padding: 10px 15px;
            font-size: 12px;
        }

    .input.radio.applQueries {
        width: 280px;
        padding: 10px 15px;
        margin: 0 15px 30px 0;
    }

        .input.radio.applQueries label {
            font-size: 11px !important;
        }

    .accordion-container p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .campDetail article .titleBar {
        padding: 20px 0 20px 25px;
    }

        .campDetail article .titleBar h1 {
            font-size: 34px;
            line-height: 36px;
        }

    .campDetail article .contentBox {
        padding: 20px 30px 20px 25px;
        width: 55.829999%;
    }

    .campDetail article .campDetailImg {
        margin: 0 0 0 20px;
        top: 19px;
    }

    .campDetail article .contentBox h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 13px;
        line-height: 18px;
    }

    .campDetail article .contentBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

    .detPageBottListThem {
        margin-top: 0;
    }

        .detPageBottListThem.campDet {
            margin-top: 0;
            border-top: 0;
        }

        .detPageBottListThem h2, .detPageBottListThem h3 {
            font-size: 20px;
            padding: 15px 15px 15px 20px;
        }

        .detPageBottListThem ul, .detPageBottListThem.campDet ul {
            margin: 20px 0 30px 20px;
        }

            .detPageBottListThem ul li {
                font-size: 12px;
            }

        .detPageBottListThem.text ul {
            margin: 20px 0 0 20px;
        }

    .campDetail.type2 article .titleBar {
        padding-left: 20px;
    }

        .campDetail.type2 article .titleBar h1 {
            font-size: 28px;
            line-height: 28px;
            float: left;
        }

        .campDetail.type2 article .titleBar p {
            font-size: 18px;
            line-height: 20px;
            display: block;
            float: left;
        }

    .campDetail.type2 article .campDetailImg {
        margin: 0;
    }

    .campDetail.type2 article .contentBox {
        width: 55.832037%;
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 20px;
    }

    .campDetail article .contentBox.type2 {
        width: 53%;
        margin-bottom: 30px;
    }

    .campDetail.type2 article .contentBox.about {
        padding-left: 0;
        padding-right: 0;
    }

    .campDetail.type2 article .contentBox h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .campDetail.type2 article .contentBox p.lit {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .detPageBottListThem.campDet ul li {
        min-height: 215px;
        width: 31.72999990999%;
    }

        .detPageBottListThem.campDet ul li:nth-child(4n) {
            clear: both;
            margin-right: 2.3980815347722%;
        }

        .detPageBottListThem.campDet ul li:nth-child(3n) {
            margin-right: 0;
        }

        .detPageBottListThem.campDet ul li span {
            font-size: 12px;
        }

    section.sidebarCont.campDetail article .titleBar {
        padding: 20px 25px;
    }

    .campDetail article .titleBar ul {
        margin-bottom: 10px;
    }

        .campDetail article .titleBar ul li a img {
            width: 16px;
            margin-top: 3px;
        }

        .campDetail article .titleBar ul li a span {
            font-size: 10px;
        }

    .campDetail .videoBox .playBtn {
        bottom: 60px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        font-size: 13px;
        width: 170px;
        padding: 15px 0;
    }

        .campDetail.type2 article .contentBox .applyBtn.first {
            margin-right: 5px;
        }

    section.campDetail .contentBox.faq {
        margin-top: 0;
    }

    .campDetail article .titleBar.faq p {
        font-size: 16px;
        line-height: 20px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 13px;
        line-height: 20px;
    }

    section.sidebarCont aside h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    section.sidebarCont aside ul li {
        font-size: 11px;
    }

        section.sidebarCont aside ul li a {
            padding: 12px 0;
        }

    section.sidebarCont article .titleBar {
        padding: 31px 40px;
    }

        section.sidebarCont article .titleBar h1 {
            font-size: 28px;
            line-height: 30px;
        }

        section.sidebarCont article .titleBar p {
            font-size: 18px;
            line-height: 26px;
            margin-top: 5px;
        }

    section.sidebarCont article .contentBox {
        margin-top: -20px;
    }

        section.sidebarCont article .contentBox.noVideo {
            margin-top: 30px;
        }

        section.sidebarCont article .contentBox p {
            font-size: 14px;
            line-height: 20px;
        }

            section.sidebarCont article .contentBox p.subTitle {
                font-size: 18px;
                line-height: 24px;
            }

            section.sidebarCont article .contentBox p.title {
                font-size: 24px;
                line-height: 28px;
                margin-bottom: 22px;
            }

    .detPageBottListThem.noBg h3 {
        font-size: 26px;
        line-height: 24px;
    }

    .detPageBottListThem.noBg ul li {
        min-height: 180px;
        width: 31.72999990999%;
    }

        .detPageBottListThem.noBg ul li:nth-child(4n) {
            margin-right: 2.3980815347722%;
        }

        .detPageBottListThem.noBg ul li:nth-child(3n) {
            margin-right: 0;
        }

    .detPageBottListThem.servBox ul.triple li:first-child {
        margin-left: 0 !important;
    }

    .detPageBottListThem.servBox ul.binary li:first-child {
        margin-left: 17.211108%;
    }

    .detPageBottListThem.noBg ul li span {
        padding: 10px;
        font-size: 12px;
    }

    .contentBox .subTitle {
        font-size: 24px;
        margin: 10px 0;
    }

    .interBankingBox p {
        padding: 0 25px;
        font-size: 13px !important;
        margin-bottom: 5px;
    }

    .transactionsTable {
        font-size: 13px;
    }

        .transactionsTable thead th {
            padding: 18px 5px;
        }

        .transactionsTable tbody td {
            padding: 12px 0;
        }

            .transactionsTable tbody td.name {
                padding: 12px 15px;
            }

            .transactionsTable tbody td img {
                width: 18px;
            }

    section.campDetail .contentBox.about {
        margin-top: 0;
    }

        section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
            font-size: 18px;
        }

    .aboutTeams ul.team li {
        width: 33.33333333333%;
    }

    .aboutTeams {
        padding-top: 20px;
        margin-top: 20px;
    }

        .aboutTeams .title {
            font-size: 44px;
        }

        .aboutTeams .subTitle {
            font-size: 18px;
        }

        .aboutTeams ul li.team .details span.name {
            font-size: 22px;
            line-height: 22px;
        }

        .aboutTeams ul li.team .details span.job {
            font-size: 14px;
            line-height: 14px;
        }

    section.aboutTeams ul.tutorials {
        padding-top: 30px;
    }

        section.aboutTeams ul.tutorials li a {
            left: 30px;
            bottom: 30px;
            max-width: 80%;
            padding: 0 20px 0 50px;
            background: url(../img/tutorials_icon_size3.png) 20px center no-repeat #fff;
        }

            section.aboutTeams ul.tutorials li a span {
                padding: 12px 0;
                font-size: 14px;
            }

    .campListPart h2 {
        font-size: 24px;
    }

    .campListPart .select {
        width: 200px;
    }

        .campListPart .select.sectorFilter {
            width: 270px;
        }

    .campListPart ul li span {
        padding: 10px 0;
        font-size: 14px;
    }

    .campListPart .loadMoreBtn {
        margin: 30px auto;
    }

    .tabsBox .ui-tabs-nav li {
        margin-right: 4px;
    }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 17px 18px;
            min-width: 140px;
            font-size: 12px;
        }

    .tabsBox .ui-tabs-panel ul li {
        font-size: 13px;
    }

    .cardPackage {
        padding: 15px;
    }

        .cardPackage em, .cardPackage h3, .cardPackage p {
            font-size: 13px;
        }

    .calcWidgetBox, .calcWidgetBox.comparison {
        width: 100%;
    }

        .calcWidgetBox .applyBtn.marBott, ul.accSettings {
            margin-bottom: 20px;
        }

            ul.accSettings li {
                margin-bottom: 10px;
            }

                ul.accSettings li label {
                    padding: 12px 0 13px;
                    font-size: 12px;
                }

                ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
                    padding: 10px 50px 11px 10px;
                }

                ul.accSettings li .select .ui-menu .ui-menu-item {
                    padding: 12px 10px !important;
                }

                ul.accSettings li .inputs input {
                    padding: 12px 10px;
                    font-size: 12px;
                }

                ul.accSettings li .interRate {
                    padding: 11px 0;
                    font-size: 14px;
                }

    ul.accResult {
        margin-bottom: 25px;
    }

        ul.accResult li {
            padding: 10px 0;
        }

            ul.accResult li label {
                font-size: 13px;
            }

            ul.accResult li span {
                font-size: 14px;
            }

    .calcWidgetBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 160px;
        }

        .calcWidgetBox .applyBtn.bottom {
            margin-top: 20px;
        }

        .calcWidgetBox .applyBtn.middle {
            margin-top: 30px;
            margin-bottom: 30px;
        }

        .calcWidgetBox .applyBtn.back {
            width: 140px;
        }

    .calcWidgetBox .payPlanBtn {
        font-size: 10px;
    }

    .credit .payPlanBtn {
        margin-right: 0;
        clear: both;
        margin-bottom: 10px;
    }

    ul.accSettings li div.text {
        padding: 14px 0;
    }

    .depositTable tbody td a, .depositTable tbody td.title, .depositTable thead th span {
        padding: 13px 0;
    }

    ul.accSettings li div.text.title {
        font-size: 16px;
    }

    .depositTable tbody td, .depositTable thead th {
        font-size: 12px;
    }

    .planComparBtns {
        width: 100%;
        margin-top: 20px;
    }

        .planComparBtns a {
            margin: 0 5px;
        }

    .comparison.step1 ul.accResult {
        width: 400px;
    }

    .comparison.step1 ul.accSettings li label {
        width: 25%;
    }

    .comparison.step1 ul.accSettings li .inputs, .comparison.step1 ul.accSettings li .select, .comparison.step1 ul.accSettings li div.text {
        width: 75%;
    }

    .depositTable {
        margin-bottom: 12px;
    }

    section.sidebarCont article .contentBox p.depositSeeDet {
        font-size: 11px;
    }

    section.sidebarCont article .calPart .krediLimitEr {
        margin-bottom: 15px;
    }

    .topRateSelection {
        margin-bottom: 15px;
    }

        .topRateSelection .tit {
            font-size: 12px;
            margin-right: 20px;
        }

    .paymentPlanTable ul li {
        padding: 13px 20px;
    }

        .paymentPlanTable ul li span {
            font-size: 14px;
        }

            .paymentPlanTable ul li span.left {
                width: 50%;
                font-size: 14px;
            }

            .paymentPlanTable ul li span.right {
                font-size: 15px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 80px;
    }

    .calcWidgets ul {
        max-width: 840px;
        padding-top: 30px;
    }

        .calcWidgets ul li {
            width: 180px;
            height: 170px;
        }

            .calcWidgets ul li img {
                width: 50px;
            }

            .calcWidgets ul li span {
                font-size: 14px;
            }

    .creditCalBox2 .contentPTop {
        padding-bottom: 35px;
    }

        .creditCalBox2 .contentPTop .calTitle {
            font-size: 40px;
            padding-top: 25px;
            padding-bottom: 30px;
        }

        .creditCalBox2 .contentPTop .newInput {
            height: 42px;
        }

        .creditCalBox2 .contentPTop .applyBtn, .creditCalBox2 .resultPart .applyBtn {
            max-width: 100%;
            padding: 10px 20px;
            font-size: 14px;
        }

        .creditCalBox2 .contentPTop .iMiniText {
            margin-top: 15px;
            font-size: 12px;
        }

    .creditCalBox2 .resultPart {
        padding-bottom: 35px;
    }

    .creditCalBox2 .contentPTop .iMiniU {
        margin-top: 15px;
    }

    .creditCalBox2 .resultPart .resultText {
        padding: 5% 5% 4%;
    }

    .creditCalBox2 .resultPart .resBottom {
        margin-top: 25px;
    }

    .creditCalBox2 .resultPart ul li {
        padding: 16px 0;
    }

        .creditCalBox2 .resultPart ul li label {
            font-size: 16px;
        }

        .creditCalBox2 .resultPart ul li span {
            font-size: 18px;
        }

    section.branches article {
        width: 67.1875%;
        margin: 30px 0 0 30%;
    }

    section.branches .brancSrcBox {
        top: 30px;
        width: 22%;
    }

    section.branches article ul li {
        margin-bottom: 30px;
        width: 50%;
    }

        section.branches article ul li p, section.branches article ul li span {
            font-size: 13px;
        }

        section.branches article ul li a {
            font-size: 11px;
            margin-top: 10px;
        }

        section.branches article ul li .title {
            font-size: 14px;
            margin-bottom: 8px;
        }

    section.page404 {
        padding: 80px 0;
    }

        section.page404 article h2 {
            font-size: 140px;
            line-height: 110px;
        }

        section.page404 article p {
            font-size: 30px;
            line-height: 40px;
        }

        section.page404 article span {
            font-size: 18px;
            margin-bottom: 30px;
        }

    .title2 {
        font-size: 28px;
    }

    .contactForm {
        margin-top: 40px;
        margin-bottom: 60px;
    }

        .contactForm .sendForm {
            font-size: 12px;
            width: 180px;
            padding: 17px 0;
            margin-top: 35px;
        }

        .contactForm .form-list label {
            font-size: 13px;
        }

        .contactForm .form-list .ui-selectmenu-button, .contactForm .form-list input, .contactForm .form-list textarea {
            margin-bottom: 20px;
        }

        .contactForm .form-list textarea {
            height: 128px;
        }

    .promo.benefit .benArrow img {
        bottom: 50px;
    }

    .mapSide {
        width: 50%;
    }

        .mapSide ul {
            margin-top: 25px;
        }

            .mapSide ul li {
                font-size: 16px;
            }

    .binaryTextBox {
        margin-bottom: 20px;
    }

    section.sidebarCont article .contentBox .binaryTextBox p {
        font-size: 13px;
    }

    .supportCenAccor .accordionBox .title {
        padding: 20px 0 20px 75px;
        font-size: 13px;
    }

        .supportCenAccor .accordionBox .title span {
            width: 83px;
        }

    .supportCenAccor .accordionBox .content {
        padding: 20px 35px;
    }

        .supportCenAccor .accordionBox .content p {
            font-size: 13px;
        }

        .supportCenAccor .accordionBox .content .applyBtn {
            margin-top: 20px;
            font-size: 13px;
        }

    .contentBox.supportCenter .title2 {
        margin-top: 50px;
    }

    .supportCenter .contactForm .form-list label {
        font-size: 12px;
    }

    .supportCenter .contactForm .form-list textarea {
        height: 167px;
    }

    .supportCenter .contactForm .form-list input, .supportCenter .contactForm .form-list textarea {
        margin-bottom: 0;
    }

    .supportCenter .contactForm .sendForm {
        font-size: 14px;
        width: 220px;
        padding: 18px 0;
    }

    .cvv2 input {
        width: 60px !important;
    }

    .processingListBox {
        margin-top: 20px;
    }

        .processingListBox ul li {
            font-size: 13px;
        }

            .processingListBox ul li a {
                padding: 12px 10px 12px 25px;
            }

    .card-number input {
        padding: 15px 10px !important;
    }

    section.form .promo.newVersion .title-time .titles h1 {
        margin-bottom: 7px;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        width: 100%;
        position: relative !important;
        margin: 0 !important;
        padding: 1% 20%;
        right: 0;
        background: #fff;
    }

    section.form .promo.newVersion.hasButtons .bottBinaryBtn div {
        clear: none;
    }

    section.form .promo.newVersion.hasButtons .bottBinaryBtn.oneButton > div {
        float: none;
        margin: auto;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn > div a {
        font-size: 11px !important;
        margin: 0 !important;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn .popupButton {
        padding: 10px 0;
    }

    section.form .promo.newVersion .title-time .time .title {
        font-size: 1.1vw;
    }

    section.form .promo.newVersion .title-time .time .date {
        font-size: 1.3vw;
    }

    section.form .promo.newVersion .title-time .time, section.form .promo.newVersion .title-time .titles {
        top: 50%;
    }

    section.form .promo.newVersion.hasButtons .title-time .time, section.form .promo.newVersion.hasButtons .title-time .titles {
        top: 40%;
    }
}

@media (max-width:1000px) {
    nav.display .prodServLink, section.home ul li .title span {
        display: none;
    }

    .showMobile {
        display: block !important;
    }

    .showDescktop {
        display: none !important;
    }

    .tabsBox .ui-tabs-nav {
        width: 100%;
        border-bottom: 0 !important;
    }

    .ui-tabs .ui-tabs-nav li {
        width: 100%;
        border: 2px solid #e0e0e0 !important;
        margin-bottom: 5px !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .tabsBox .ui-tabs-nav li.ui-tabs-active {
        border: 2px solid #00915A !important;
        margin-bottom: 5px !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        display: block;
        width: 100%;
        text-align: left;
    }

    .ui-tabs .ui-tabs-panel {
        margin-top: 10px !important;
    }

    nav.display {
        display: none;
    }

    nav.mobile {
        display: block;
    }

    .calcWidgetBox.wid100Pes ul.accSettings, .creditCalBox2 .contentPTop .row2 {
        width: 100%;
    }

    .bottomShareBox.paymentPlan ul.bottAddFavPrint {
        top: inherit;
        position: relative;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-bottom: 15px;
    }

    .bottomShareBox.paymentPlan .applyBtn.lit, .calcWidgetBox .applyBtn.marLefthHalf2.left, .calcWidgetBox .applyBtn.orange.left {
        float: none;
        clear: both;
        margin: 0 auto;
    }

    .calcWidgetBox.wid100Pes .applyBtn.marLefthHalf2 {
        margin-bottom: 20px;
    }

    .creditCalBox2 .contentPTop .row1 {
        width: 100%;
        margin-bottom: 25px;
    }

    .creditCalBox2 .contentPTop .row3, .creditCalBox2 .resultPart .btnPart {
        width: 35%;
    }

    .cvv2 input {
        width: 121px !important;
    }

    .creditCalBox2 .resultPart ul li label {
        font-size: 14px;
    }

    .creditCalBox2 .resultPart ul li span {
        font-size: 16px;
    }

    .creditCalBox2 .resultPart .resultText {
        padding: 4% 4% 5%;
    }

    .creditCalBox2 .resultPart .resBottom {
        margin-top: 20px;
    }

    section.aboutTeams.tutorials {
        border: none;
    }

    .card-number input {
        padding: 15px !important;
    }
}

@media (max-width:870px) {
    .contentBox .promo.promoVid .applyBtn, .title-time .buttons, section.sidebarCont article .contentBox .promo.promoVid img {
        display: none;
    }

    .bottBinaryBtn.showMobileBtns {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .multiButtonBox.showMobileBtns {
        margin-top: 10px;
    }

    #campPopupSlide .slidesjs-slide p {
        float: none;
        margin: 0 auto;
        padding-top: 50px;
        width: 90%;
    }

    #campPopupSlide .slidesjs-navigation {
        bottom: 52px;
        top: initial;
        margin: 0;
        z-index: 9999;
    }

    #campPopupSlide .slidesjs-previous {
        left: 0;
    }

    #campPopupSlide .slidesjs-next, .slideSplashBox .close {
        right: 0;
    }

    .input.radio.applQueries {
        width: 250px;
    }

    .shareFriend .title {
        font-size: 21px !important;
    }

    .showMobileBtns {
        display: block !important;
    }

    .showDescktopBtns {
        display: none !important;
    }

    .calcWidgets ul {
        max-width: 630px;
    }

        .calcWidgets ul li:nth-child(5n) {
            clear: none;
        }

    .campDetail .videoBox .playBtn {
        width: 70px;
        margin-left: -35px;
        bottom: 45px;
    }

    section.sidebarCont article .contentBox .promoVid .detVideo {
        position: relative;
        display: block;
        min-height: 200px;
        height: auto;
    }


    .cmsplayer {
        display: block;
    }

    .homeVideoBox .home-mobile-img {
        display: block !important;
    }


    .homeVideoBox .homeLongVideo {
        display: block;
        min-height: 180px;
        height: 350px;
    }

    .campDetail .videoBox img {
        display: none;
    }

    .campDetail .videoBox .detVideo {
        display: block;
    }

    .accSettings.bigScreen, .bottomShareBox.paymentPlan ul.bottAddFavPrint li.print {
        display: none;
    }

    .accSettings.mobile {
        display: block;
    }


    section.form .promo.newVersion .title-time .titles h1 {
        margin-bottom: 7px;
    }
}

@media (max-width:768px) {
    .campListPart ul.odullerlist li .back img {
        opacity: 1;
    }

    ul.privacy li {
        font-size: 10px !important;
    }

    .campListPart ul li .text2 p {
        font-size: 12px;
    }

    .splashBox.error, .splashBox.success {
        margin-left: -250px;
        padding: 40px 30px;
    }

    #bigScreen, .title-time .buttons {
        display: none;
    }

    article {
        width: 100%;
    }

    .splashBox.error {
        width: 500px;
    }

        .splashBox.error img {
            width: 70px;
            margin-right: 30px;
        }

        .splashBox.error p {
            width: 320px;
            font-size: 18px;
            line-height: 24px;
        }

    .splashBox.success {
        width: 500px;
        top: 110px;
    }

        .splashBox.success img {
            width: 70px;
        }

        .splashBox.success h4 {
            font-size: 30px;
            line-height: 30px;
        }

        .splashBox.success h5 {
            font-size: 18px;
            margin: 10px 0;
        }

        .splashBox.success p {
            font-size: 14px;
            line-height: 20px;
        }

    .bottSupportLinks {
        margin-bottom: 25px;
    }

    section.campDetail .contentBox.faq {
        padding: 0 5% !important;
    }

    .titleBar.fullGreen div {
        padding: 25px 0;
        max-width: 90%;
        width: 90%;
    }

    .titleBar.fullGreen h1 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 5px;
    }

    .titleBar.fullGreen p {
        font-size: 18px;
        line-height: 22px;
    }

    .bottomShareBox {
        padding: 20px 5%;
        width: 100%;
    }

    .browserError {
        padding: 12px 25px;
        font-size: 12px;
    }

        .browserError div {
            line-height: 20px;
        }

            .browserError div img {
                width: 18px;
            }

        .browserError span {
            clear: both;
            width: 100%;
            padding-top: 10px;
        }

    .sidebarCont .accordionBox {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebarCont .contentBox .accordionBox {
        padding-left: 0;
        padding-right: 0;
    }

    #mobileScreen {
        display: block;
    }

    .slideSplashBox {
        width: 90%;
        margin-left: -45%;
    }

    #campPopupSlide .slidesjs-container {
        min-height: 400px;
    }

    #campPopupSlide .slidesjs-slide img {
        width: 100%;
    }

    #campPopupSlide .slidesjs-pagination {
        display: none;
    }

    #campPopupSlide .slidesjs-navigation {
        position: relative;
    }

    #campPopupSlide .slidesjs-previous {
        float: left;
    }

    #campPopupSlide .slidesjs-next {
        float: right;
    }

    #campPopupSlide .slidesjs-slide p {
        font-size: 12px;
        line-height: 16px;
        padding-top: 20px;
    }

    section.form .promo .title-time .titles h1, section.form .promo .title-time .titles h1 span {
        font-family: open_sansbold;
    }


    .shareFriend .fRow span {
        position: initial;
        margin-bottom: 15px;
    }

    .shareFriend .continue-btn {
        margin-bottom: 40px;
    }

    section.home ul li div {
        bottom: 20px;
        left: 20px;
    }

        section.home ul li div h2 {
            font-size: 26px;
        }

        section.home ul li div span {
            font-size: 14px;
            margin: 5px 0 15px;
        }

        section.home ul li div .more {
            font-size: 13px;
            margin: 0;
        }

    section.form .promo .title-time .titles h1 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 24px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 14px;
        line-height: 20px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title1 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title1 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title1 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title2 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title2 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title2 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title3 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title3 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title3 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title4 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title4 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title4 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title5 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title5 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title5 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title6 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title6 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title6 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title7 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title7 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title7 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .titles.title8 h1 {
        font-size: 19px;
        margin-bottom: 3px;
        line-height: 20px;
        font-family: open_sansbold;
    }

        section.form .promo .title-time .titles.title8 h1 span {
            font-family: open_sansbold;
        }

    section.form .promo .title-time .titles.title8 h2 {
        font-size: 12px;
        line-height: 15px;
        font-family: open_sansregular;
    }

    section.form .promo .title-time .time {
        height: 50px;
        transform: inherit;
        top: 55px;
    }

        section.form .promo .title-time .time div {
            transform: inherit;
            top: 8px;
        }

        section.form .promo .title-time .time img {
            margin-right: 10px;
        }

        section.form .promo .title-time .time .title {
            font-size: 11px;
        }

        section.form .promo .title-time .time .date {
            font-size: 14px;
        }

    section.form .promo.newVersion .title-time .time {
        right: -2%;
    }

    section.form .promo.newVersion .title-time .titles h1 {
        line-height: 17px;
        margin-bottom: 5px;
    }

        section.form .promo.newVersion .title-time .titles h1 span {
            font-size: 17px;
            font-family: bnpp_sansregular;
            line-height: 17px;
        }

    section.form .promo.newVersion .title-time .titles h2 {
        font-size: 13px;
        font-family: open_sanslight;
    }

    section.form .promo.newVersion .title-time .time .title {
        font-size: 1.7vw;
    }

    section.form .promo.newVersion .title-time .time .date {
        font-size: 1.6vw;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        padding: 1% 20%;
    }

    section.sidebarCont article .contentBox .promo.promoVid img {
        display: none;
    }

    .accordion-title {
        padding: 15px 0 15px 3.3333333333333%;
        font-size: 14px;
        line-height: 20px;
    }

        .accordion-title span.title {
            padding-left: 35px;
            height: 24px;
            float: left;
            line-height: 24px;
        }

        .accordion-title .okey {
            width: 65px;
        }

            .accordion-title .okey img {
                width: 26px;
                margin-left: -13px;
                top: 23px;
                transform: inherit;
            }

    .accordion-container {
        padding: 20px 3.3333333333333%;
    }

        .accordion-container .form-list {
            width: 100%;
            margin-right: 0;
        }

    .form-list label {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .form-part input, .form-part textarea, .inputs input, .inputs textarea {
        padding: 10px;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 10px 50px 10px 10px;
    }

    button.continue-btn.right.bottom.possAbs {
        position: relative;
        bottom: inherit !important;
        right: inherit !important;
    }

    button.continue-btn.setBinaryColumn {
        margin-right: 0 !important;
    }

    .checkRadioBox {
        clear: both;
    }

    .form-list .input.checkbox, .form-list .input.radio {
        clear: both;
        margin-bottom: 20px;
    }

    .form-list .checkbox-group .input.checkbox, .form-list .radio-group .input.radio {
        clear: none;
    }

    .form-list.confText span.title {
        font-size: 34px;
    }

    .form-list.confText span.subTitle {
        font-size: 22px;
        line-height: 26px;
    }

    .form-list.confText span.desp {
        font-size: 16px;
    }

    .form-list.video {
        margin-top: 25px;
    }

    .contentBox .accordion-container.confirmation .form-list.video {
        margin-top: 0;
    }

    .accordion-container .cardTypeText {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .cardTypeBox p {
        font-size: 13px;
    }

    .cardTypeBox label {
        font-size: 11px;
        margin-top: 6px;
    }

    .accordion-container p {
        font-size: 13px !important;
        line-height: 18px !important;
    }

    .contractBox {
        margin: 15px 0;
        width: 100%;
    }

        .contractBox p {
            font-size: 10px !important;
        }

        .contractBox label {
            margin-top: 5px;
            font-size: 12px;
        }

        .contractBox.mar-right-130 {
            margin-right: 0;
        }

    .cvv2 span {
        width: auto;
        display: inline;
    }

    .cvv2 img {
        width: 70px;
    }

    .input.radio.applQueries {
        width: 100%;
        clear: both;
        margin: 0 0 20px;
    }

    .followResults {
        width: 100%;
        margin: 40px 0;
    }

        .followResults .seperator {
            margin-left: 39px;
        }

        .followResults .box div em {
            font-size: 24px;
        }

        .followResults .box div.cont span {
            font-size: 12px;
        }

        .followResults .box div.cont p {
            font-size: 12px !important;
        }

    article .titleBar:after, article .titleBar:before {
        display: none;
    }

    article .titleBar h1 {
        width: 98% !important;
    }

    .campDetail article .campDetailImg {
        float: none;
        display: block;
        width: 100%;
        margin: 0 auto;
        border: none;
        clear: both;
    }

    .campDetail article .contentBox {
        width: 100%;
        padding: 20px;
    }

    .campDetail.type2 .promo .social {
        width: 38px;
    }

    .campDetail.type2 article .titleBar p {
        font-size: 16px;
    }

    .campDetail.type2 article .campDetailImg {
        margin: 0 auto;
    }

        .campDetail.type2 article .campDetailImg.left {
            float: none;
        }

    .detPageBottListThem.campDet {
        margin-top: 0;
        border: none;
    }

    .detPageBottListThem {
        padding: 0 20px;
    }

    .contentBox .detPageBottListThem {
        padding: 0;
    }

    .campDetail.type2 article .contentBox {
        width: 100%;
        padding: 20px !important;
        min-height: initial;
    }

        .campDetail.type2 article .contentBox h2 {
            font-size: 24px;
            line-height: 26px;
        }

        .campDetail.type2 article .contentBox.whatis {
            width: 60%;
        }

    .campDetail.type2 article .campDetailImg.left.whatis {
        float: left;
        width: 40%;
        max-width: inherit;
        padding-left: 20px;
    }

    .campDetail .videoBox .playBtn {
        width: 60px;
        margin-left: -35px;
        top: 50%;
        margin-top: -35px;
        bottom: inherit;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 200px !important;
    }

    .campDetail.type2 article .contentBox .left, .campDetail.type2 article .contentBox .right {
        width: 50%;
        float: left;
    }

        .campDetail.type2 article .contentBox .left .applyBtn {
            float: right;
        }

        .campDetail.type2 article .contentBox .right .applyBtn {
            float: left;
            margin-left: 5px;
        }

    .campDetail.type2 article .contentBox .applyBtn.first {
        margin-right: 5px;
    }

    section.campDetail .contentBox.faq {
        margin-top: 0;
    }

    table.prices thead th {
        font-size: 10px;
        padding: 5px;
    }

    table.prices tr td {
        padding: 10px 5px;
        font-size: 11px;
    }

    .campDetail article .contentBox.textCont p {
        font-size: 10px;
        line-height: 20px;
    }

    section.sidebarCont {
        padding: 0;
    }

        section.sidebarCont aside {
            width: 100%;
            padding: 20px;
            border: 3px solid transparent;
        }

            section.sidebarCont aside .sideMenu {
                display: none;
                margin-top: 15px;
            }

        section.sidebarCont article {
            float: left;
            clear: both;
            width: 100%;
        }

        section.sidebarCont aside h2 {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 0;
        }

        section.sidebarCont aside .sideMenuDefault {
            display: none;
        }

        section.sidebarCont aside .sideMenuOpen {
            display: inline-block;
        }

        section.sidebarCont article .titleBar {
            padding: 31px 40px;
        }

            section.sidebarCont article .titleBar h1 {
                font-size: 28px;
                line-height: 30px;
            }

            section.sidebarCont article .titleBar p {
                font-size: 18px;
                line-height: 26px;
                margin-top: 5px;
            }

        section.sidebarCont article .contentBox {
            min-height: inherit;
            width: 100%;
            padding: 0 20px;
            margin-top: 0;
        }

            section.sidebarCont article .contentBox .promo {
                width: 100%;
                margin-bottom: 15px;
            }

    .campDetail.about article {
        margin-top: 0;
    }

    section.campDetail .contentBox.about {
        margin-top: 0;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

        section.campDetail .contentBox.about .left h2, section.campDetail .contentBox.about .right h2 {
            font-size: 16px;
        }

        section.campDetail .contentBox.about .left p, section.campDetail .contentBox.about .right p {
            font-size: 12px;
        }

    .aboutTeams {
        padding-top: 15px;
        margin-top: 5px;
    }

        .aboutTeams .title {
            font-size: 40px;
        }

        .aboutTeams .subTitle {
            font-size: 16px;
        }

            .aboutTeams .subTitle.type2 {
                margin-top: 50px;
            }

        .aboutTeams ul.team li .details span.name {
            font-size: 18px;
            line-height: 18px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 12px;
            line-height: 12px;
        }

        .aboutTeams ul.team li .details span.seperator {
            margin: 12px auto;
        }

    section.aboutTeams ul.tutorials {
        padding-top: 20px;
    }

        section.aboutTeams ul.tutorials li a {
            left: 20px;
            bottom: 20px;
        }

            section.aboutTeams ul.tutorials li a span {
                font-size: 12px;
                padding: 10px 0;
            }

    .campListPart h2 {
        font-size: 20px;
        padding-top: 3px;
    }

    .campListPart ul li span {
        font-size: 12px;
    }

    .campListPart .select .ui-selectmenu-button {
        font-size: 14px;
    }

    section.calMeans .calcWidgetSlider {
        max-width: 600px;
        margin-bottom: 30px;
    }

    .calcWidgetSlider .slick-slide {
        min-height: 150px;
        margin: 0 10px;
    }

        .calcWidgetSlider .slick-slide img {
            width: 50px;
        }

        .calcWidgetSlider .slick-slide span {
            padding-top: 15px;
            font-size: 13px;
        }

    ul.accResult.marTop30 {
        margin-top: 0;
    }

    section.sidebarCont.campDetail article {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        section.sidebarCont.campDetail article .titleBar:after {
            display: none !important;
        }

        section.sidebarCont.campDetail article .contentBox {
            width: 100%;
            margin: 15px 0;
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

    .campDetail article .campDetailImg {
        max-width: 250px;
        position: relative;
        top: inherit;
    }

    .calcWidgetBox {
        padding-bottom: 30px;
    }

        .calcWidgetBox h3 {
            font-size: 24px;
        }

    .creditCalBox2 .contentPTop .row1, .creditCalBox2 .contentPTop .row2 {
        width: 50%;
    }

    section.branches .brancSrcBox {
        position: relative;
        float: left;
        width: 90%;
        top: inherit;
        left: inherit;
        margin: 20px 5% 0;
    }

    section.branches article {
        float: left;
        width: 90%;
        margin: 5% 0 0 5%;
        clear: both;
    }

        section.branches article h2 {
            font-size: 22px;
            margin-bottom: 10px;
        }

        section.branches article ul li {
            margin-bottom: 20px;
            width: 50%;
        }

            section.branches article ul li p, section.branches article ul li span {
                font-size: 12px;
            }

            section.branches article ul li a {
                font-size: 11px;
                margin-top: 10px;
            }

            section.branches article ul li .title {
                font-size: 14px;
                margin-bottom: 8px;
            }

    section.page404 {
        padding: 60px 5%;
    }

        section.page404 article h2 {
            font-size: 120px;
            line-height: 90px;
        }

        section.page404 article p {
            font-size: 26px;
            line-height: 36px;
        }

        section.page404 article span {
            font-size: 18px;
            margin-bottom: 30px;
        }

        section.page404 article a {
            font-size: 12px;
        }

    .contactForm {
        max-width: 90%;
        margin-top: 35px;
        margin-bottom: 35px;
    }

        .contactForm .form-list textarea {
            height: 122px;
        }

    .title2 {
        font-size: 24px;
    }

    .subTitle2 {
        font-size: 14px;
    }

    .splashBox.contact {
        width: 100%;
        margin-left: inherit;
        top: 50px;
        left: 0;
        padding: 25px;
    }

        .splashBox.contact h4 {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .splashBox.contact p {
            font-size: 12px;
            line-height: 20px;
            margin: 0 0 20px;
        }

    .promo.benefit .benArrow img {
        width: 50px;
        bottom: 30px;
    }

    .mapSide {
        width: 46%;
        margin-left: 4%;
    }

        .mapSide ul li {
            font-size: 14px;
        }

            .mapSide ul li a {
                padding: 1px 35px 1px 0;
            }

                .mapSide ul li a:hover {
                    background: 0 0;
                }

            .mapSide ul li ul li {
                font-size: 11px;
            }

    #ui-datepicker-div {
        width: 253px !important;
        background: #f7f7f7 !important;
    }

    .ui-datepicker .ui-datepicker-title select, .ui-datepicker table thead th span {
        font-size: 12px !important;
    }

    .ui-datepicker-calendar td {
        padding: 0 !important;
    }

        .ui-datepicker-calendar td a {
            width: 35px !important;
            font-size: 13px !important;
        }

            .ui-datepicker-calendar td a:hover {
                font-size: 13px !important;
            }
}

@media (max-width:1842px) {
    .tableMobileFix2 {
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -webkit-appearance: none;
    }

        .tableMobileFix2 table {
            min-width: 500px;
        }

        .tableMobileFix2 .mobileTableRouter {
            display: none;
        }

        .tableMobileFix2::-webkit-scrollbar {
            -webkit-appearance: none;
        }

            .tableMobileFix2::-webkit-scrollbar:vertical {
                width: 11px;
            }

            .tableMobileFix2::-webkit-scrollbar:horizontal {
                height: 11px;
            }

        .tableMobileFix2::-webkit-scrollbar-thumb {
            border-radius: 8px;
            border: 2px solid #fff;
            background-color: rgba(0,0,0,.5);
        }

        .tableMobileFix2::-webkit-scrollbar-track {
            background-color: #fff;
            border-radius: 8px;
        }
}

@media (max-width:1576px) {
    .tabsBox .tableMobileFix2 {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-appearance: none;
    }

        .tabsBox .tableMobileFix2 table {
            min-width: 500px;
        }

        .tabsBox .tableMobileFix2 .mobileTableRouter {
            display: block;
        }

        .tabsBox .tableMobileFix2::-webkit-scrollbar {
            -webkit-appearance: none;
        }

            .tabsBox .tableMobileFix2::-webkit-scrollbar:vertical {
                width: 11px;
            }

            .tabsBox .tableMobileFix2::-webkit-scrollbar:horizontal {
                height: 11px;
            }

        .tabsBox .tableMobileFix2::-webkit-scrollbar-thumb {
            border-radius: 8px;
            border: 2px solid #fff;
            background-color: rgba(0,0,0,.5);
        }

        .tabsBox .tableMobileFix2::-webkit-scrollbar-track {
            background-color: #fff;
            border-radius: 8px;
        }
}

@media (max-width:640px) {

    .campListPart ul li .text2 p {
        font-size: 14px;
    }

    .resultPart .box-content .tooltip .icon {
        padding-top: 5px;
    }

    .bottBinaryBtn div {
        float: none;
    }

    section.home ul li {
        width: 100%;
        margin: 5px 0 0;
    }

        section.home ul li.double img {
            display: none;
        }

            section.home ul li.double img.mobile {
                display: block;
            }

    .bottBinaryBtn div a.applyBtn {
        font-size: 14px;
        width: 220px;
    }

    .bottBinaryBtn div {
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        padding: 0 !important;
        text-align: center;
    }

        .bottBinaryBtn div a.applyBtn {
            margin: 0 auto;
            float: none;
        }

    .bottSupportTitle {
        font-size: 18px;
        margin-bottom: 15px;
        margin-top: 30px;
    }

    ul.bottSupportLinks li a {
        padding: 12px 0;
        font-size: 13px;
    }

    .splashBox.warning {
        width: 100%;
        margin-left: 0;
        left: 0;
        padding: 40px;
    }

        .splashBox.warning img {
            margin-right: 20px;
            height: 70px;
        }

        .splashBox.warning .close img {
            height: auto;
        }

        .splashBox.warning div {
            margin: 0;
            padding-left: 90px;
        }

            .splashBox.warning div p {
                font-size: 14px;
                line-height: 18px;
            }

            .splashBox.warning div .continue-btn {
                font-size: 11px;
            }

    .bottSupportBox {
        margin-bottom: 20px;
        padding: 20px 20px 20px 28px;
    }

        .bottSupportBox p {
            font-size: 12px;
            line-height: 16px !important;
            margin-top: 2px;
        }

    .splashBox {
        width: 100% !important;
        margin-left: inherit !important;
        left: 0 !important;
        padding: 10% 5% !important;
    }

    .calculatorSplashBox.splashBox, .faizOraniSplashBox.splashBox {
        padding-top: 50px !important;
        top: 0 !important;
        height: 100%;
    }

    .splashBox.error img {
        width: 15%;
        margin-right: 5%;
    }

    .splashBox.error p {
        width: 75%;
        font-size: 14px;
        line-height: 20px;
    }

    .splashBox.agreement {
        padding: 5% !important;
    }

        .splashBox.agreement .agreementBox {
            height: 330px;
        }

        .splashBox.agreement h4 {
            font-size: 20px;
            margin-bottom: 15px;
        }

        .splashBox.agreement .agreementBox p {
            font-size: 12px;
            line-height: 20px;
            padding-right: 15px;
        }

    .splashBox.pdf {
        margin-left: -465px;
        top: 75px;
        padding: 0 !important;
    }

        .splashBox.pdf iframe {
            width: 100%;
            height: 535px;
        }

    .customInfoPopup {
        padding: 30px !important;
    }

    section.sidebarCont article .contentBox .bottomShareBox p.depositSeeDet {
        width: 100%;
        float: left;
        position: relative;
        left: inherit;
        top: inherit;
        margin: 0 0 10px;
    }

    .tableMobileFix {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-appearance: none;
    }

        .tableMobileFix table {
            min-width: 500px;
        }

    .mobileTableRouter {
        display: block;
        font-family: Arial,sans-serif;
    }

    table thead th .shortTooltip .icon {
        width: 22px !important;
        height: 22px;
        padding-top: 2px;
        font-size: 13px !important;
    }

    table thead th .shortTooltip div {
        right: -50px;
        top: 34px;
        bottom: initial;
        left: initial;
    }

        table thead th .shortTooltip div span {
            display: none;
        }

    .slideSplashBox .close img {
        width: 26px;
    }

    .mbBg, section.form .promo .title-time .titles {
        width: 100%;
    }

    section.home ul li div {
        bottom: 15px;
        left: 15px;
    }

        section.home ul li div h2 {
            font-size: 24px;
        }

        section.home ul li div span {
            font-size: 13px;
            margin: 2px 0 12px;
        }

        section.home ul li div .more {
            font-size: 12px;
        }

    .shareFriend .title br {
        display: None;
    }

    section.form .promo img.mobile {
        display: block;
    }

    section.aboutTeams ul.tutorials li.double img, section.form .promo img.normal {
        display: none;
    }

    section.form .promo .title-time .titles h1 {
        font-size: 16px;
        margin-bottom: 5px;
        line-height: 18px;
    }

    section.form .promo .title-time .titles h2 {
        font-size: 12px;
        line-height: 18px;
    }

    .mbBg {
        position: absolute;
        height: 100%;
        background-color: #000;
        opacity: 0;
        -webkit-animation: bannerbg 1s;
        animation: bannerbg 1s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
    }

    section.form .promo .title-time .titles.title1 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title1 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title1 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title2 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title2 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title2 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title3 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title3 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title3 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title4 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title4 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title4 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title5 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title5 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title5 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title6 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title6 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title6 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title7 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title7 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title7 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .titles.title8 {
        opacity: 0;
        width: 100% !important;
        left: 0 !important;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo .title-time .titles.title8 h1 {
            font-size: 15px;
            margin-bottom: 5px;
            line-height: 18px;
            color: #fff;
        }

        section.form .promo .title-time .titles.title8 h2 {
            font-size: 11px;
            line-height: 18px;
            color: #FFF;
        }

    section.form .promo .title-time .time {
        top: 42px;
        display: none;
    }

    section.form .promo.newVersion .title-time .titles {
        top: 50%;
        width: 100%;
        left: 0;
        opacity: 0;
        -webkit-animation: bannertext 1s;
        animation: bannertext 1s;
        animation-delay: 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

        section.form .promo.newVersion .title-time .titles h1 {
            line-height: 20px;
        }

            section.form .promo.newVersion .title-time .titles h1 span {
                font-size: 20px;
                color: #fff;
                line-height: 20px;
            }

        section.form .promo.newVersion .title-time .titles h2 {
            font-size: 12px;
            color: #fff;
        }

    section.form .promo.newVersion.hasButtons .bottBinaryBtn div {
        margin-bottom: 0 !important;
    }

    .contractBox label {
        float: none;
    }

    .cardTypeBox .iradio {
        clear: both;
        margin-bottom: 15px;
    }

    .cardTypeBox label {
        margin-bottom: 14px;
    }

    .followResults.vertical .box .tooltip {
        right: 63%;
    }

    .alertBox {
        font-size: 12px;
    }

    .campDetail article .titleBar h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .accordionBox .content p, .transactionsTable {
        font-size: 12px;
    }

    .campDetail.type2 .promo .social {
        width: 28px;
        top: 15px;
        right: 15px;
    }

    .transactionsTable thead th {
        padding: 15px 3px;
    }

    .transactionsTable tbody td {
        padding: 10px 0;
    }

        .transactionsTable tbody td.name {
            padding: 10px;
        }

        .transactionsTable tbody td img {
            width: 14px;
        }

    section.sidebarCont article .contentBox .promoVid .detVideo object {
        height: 200px;
    }

    .campDetail.type2 article .contentBox.whatis {
        width: 100%;
    }

    .campDetail.type2 article .campDetailImg.left.whatis {
        float: none;
        width: auto;
        max-width: 250px;
        padding-left: 0;
    }

    section.campDetail .contentBox.faq {
        padding-top: 0;
    }

    .accordionBox {
        padding: 15px 0;
    }

        .accordionBox .title {
            font-size: 12px;
            padding-left: 40px;
        }

            .accordionBox .title.widthImg img {
                margin: 0 12px 0 0;
                height: 40px;
            }

        .accordionBox .content {
            margin-top: 10px;
            padding-left: 40px;
        }

    .aboutTeams ul.team li {
        width: 50%;
    }

        .aboutTeams ul.team li .details span.name {
            font-size: 22px;
            line-height: 22px;
        }

        .aboutTeams ul.team li .details span.job {
            font-size: 14px;
            line-height: 14px;
        }

        .aboutTeams ul.team li .details span.seperator {
            margin: 15px auto;
        }

    section.aboutTeams ul.tutorials li, section.aboutTeams ul.tutorials li.double {
        width: 100%;
        margin: 0 0 5px;
    }

        section.aboutTeams ul.tutorials li.double a img, section.aboutTeams ul.tutorials li.double img.mobile {
            display: block;
        }

        section.aboutTeams ul.tutorials li:last-child {
            margin-bottom: 0;
        }

        section.aboutTeams ul.tutorials li a {
            left: 20px;
            bottom: 20px;
        }

            section.aboutTeams ul.tutorials li a img {
                width: 40px;
            }

            section.aboutTeams ul.tutorials li a span {
                padding: 13px 15px 12px;
                font-size: 12px;
            }

    .campListPart .select {
        width: 50%;
        clear: both;
        float: left;
        margin: 10px 0 0;
    }

        .campListPart .select.sectorFilter {
            width: 50%;
        }

    .campListPart ul li {
        width: 49.190938511327%;
        margin: 0 1.618123% 1.6181229773463% 0;
    }

        .campListPart ul li span {
            font-size: 14px;
        }

    .cardPackage {
        padding: 12px;
    }

        .cardPackage h3, .cardPackage p {
            font-size: 12px;
            margin-bottom: 8px;
        }

        .cardPackage em {
            font-size: 12px;
        }

    .interBankingBox p {
        padding: 0 20px;
        font-size: 12px !important;
    }

    .calcWidgets ul {
        width: 100%;
    }

        .calcWidgets ul li {
            width: 46.3%;
            height: 130px;
            margin: 0 0 2.5% 2.5%;
        }

    section.sidebarCont article .contentBox .tooltip.infoMessage p {
        float: none;
    }

    .calcWidgets ul li img {
        width: 40px;
    }

    .calcWidgets ul li span {
        font-size: 13px;
    }

    .promo.benefit .benArrow img {
        width: 40px;
    }
}

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

    100% {
        opacity: .6;
    }
}

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

    100% {
        opacity: .6;
    }
}

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@media (max-width:570px) {
    .creditCalBox2 .contentPTop .row1, .creditCalBox2 .contentPTop .row2 {
        width: 100%;
    }

    .creditCalBox2 .contentPTop .row3, .creditCalBox2 .resultPart .btnPart {
        width: 56%;
        max-width: 200px;
    }

    .creditCalBox2 .resultPart ul li label {
        font-size: 12px;
    }

    .creditCalBox2 .resultPart ul li span {
        font-size: 14px;
    }

    .creditCalBox2 {
        padding: 5px;
    }

        .creditCalBox2 .contentPBottom {
            margin-top: 5px;
        }

        .creditCalBox2 .contentPTop .applyBtn, .creditCalBox2 .resultPart .applyBtn {
            font-size: 12px;
        }

        .creditCalBox2 .contentPTop .calTitle {
            font-size: 25px;
        }

        .creditCalBox2 .resultPart .resBottom .btns .payPlanBtn {
            display: block;
            margin-right: 0 !important;
        }

        .creditCalBox2 .contentPTop .iMiniU span {
            font-size: 16px;
        }

    .creditCalBox2Co {
        padding: 0;
        margin-left: -8%;
        width: 116%;
    }

        .creditCalBox2Co .contentPBottom {
            margin-top: 0;
        }
}

@media (max-width:480px) {

    section .applyBtn {
        padding: 15px 0;
        font-size: 13px;
        max-width: 100%;
    }

    .shortTooltip div {
        left: 0;
        max-width: 300px;
        bottom: 45px;
    }

    section .applyBtn.contBott {
        max-width: 100%;
    }

    section.campDetail .applyBtn {
        margin-left: 5%;
        margin-right: 5%;
    }

    .splashBox {
        width: 100% !important;
        margin-left: inherit !important;
        left: 0 !important;
        padding: 10% 5% !important;
    }

        .splashBox.error img {
            width: 30px !important;
            margin-right: 5%;
        }

        .splashBox.error p {
            width: 75%;
            font-size: 14px;
            line-height: 20px;
        }

        .splashBox.success h4 {
            font-size: 28px;
            line-height: 28px;
        }

    .customInfoPopup {
        padding: 30px !important;
    }

    .bottBinaryBtn div {
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        padding: 0 !important;
        text-align: center;
    }

        .bottBinaryBtn div a.applyBtn {
            margin: 0 auto;
            float: none;
        }

    .bottSupportTitle {
        margin-top: 20px;
        font-size: 16px;
    }

    ul.bottSupportLinks li a {
        font-size: 12px;
    }

    .titleBar.fullGreen div {
        padding: 15px 0;
    }

    .titleBar.fullGreen h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .titleBar.fullGreen p {
        font-size: 14px;
        line-height: 18px;
    }

    section.form .promo .title-time .titles h2, section.form .promo .title-time .titles.title1 h2, section.form .promo .title-time .titles.title2 h2, section.form .promo .title-time .titles.title3 h2, section.form .promo .title-time .titles.title4 h2, section.form .promo .title-time .titles.title5 h2, section.form .promo .title-time .titles.title6 h2, section.form .promo .title-time .titles.title7 h2, section.form .promo .title-time .titles.title8 h2 {
        line-height: 15px;
    }

    section .applyBtn.auto {
        font-size: 11px;
        padding: 13px 25px;
    }

    .bottomShareBox ul.bottAddFavPrint {
        float: left;
        clear: both;
        margin-top: 20px;
    }

        .bottomShareBox ul.bottAddFavPrint.left {
            margin: 0;
        }

    .leftPerCent50 {
        margin-left: 0;
    }

    .shortTooltip div {
        left: 0;
        max-width: 300px;
        bottom: 45px;
    }

        .shortTooltip div span {
            display: none !important;
        }

    .bottSupportBox img {
        margin-bottom: 10px;
    }

    .bottomShareBox.paymentPlan ul.bottAddFavPrint li {
        border: none;
        clear: both;
        margin-bottom: 10px;
    }

    .homeVideoBox .homeLongVideo {
        height: 250px;
    }


    #campPopupSlide .slidesjs-container {
        min-height: 310px;
    }

    .slideSplashBox .close {
        top: -40px;
    }

        .slideSplashBox .close img {
            width: 20px;
        }


    section.form .promo .title-time .titles, section.form .promo .title-time .titles.title1, section.form .promo .title-time .titles.title2, section.form .promo .title-time .titles.title4, section.form .promo .title-time .titles.title5, section.form .promo .title-time .titles.title6, section.form .promo .title-time .titles.title7, section.form .promo .title-time .titles.title8, section.home ul li {
        width: 100%;
    }



    section.home ul li {
        margin: 5px 0 0;
    }

        section.home ul li div span {
            margin: 10px 0 20px;
        }

        section.home ul li div a {
            font-size: 12px;
        }

        section.home ul li.double img {
            display: none;
        }

            .cvv2 > span, section.home ul li.double img.mobile {
                display: block;
            }

    section.form .promo .title-time .titles.title3 {
        width: 100%;
    }

    section.form .promo.newVersion.hasButtons .promo-bottBinaryBtn {
        padding: 1% 5%;
    }

    .cvv2 > span {
        clear: both;
        margin-top: -10px;
    }

    .comparison.step2 ul.accSettings, .followResults .seperator, .followResults.vertical .box.missingDoc .tooltip {
        display: none;
    }

    .cvv2 img {
        width: 70px;
        margin: 0px 0 15px;
    }

    .followResults {
        width: 90%;
        margin: 0 auto;
    }

        .followResults .box {
            clear: both;
            float: none;
            margin: 30px 0;
        }

            .followResults .box div {
                width: 65px;
                height: 65px;
            }

                .followResults .box div img {
                    width: 15px;
                }

                .followResults .box div em {
                    font-size: 20px;
                }

            .followResults .box.cont span {
                font-size: 11px;
            }

        .followResults.vertical .box {
            float: left;
            margin: 0 0 20px;
        }

            .followResults.vertical .box.missingDoc .cont span {
                color: #fa7939;
            }

    .cardTypeBox label {
        margin-right: 0;
    }

    .campDetail article .titleBar h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .campDetail article .contentBox h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .campDetail article .contentBox p.lit {
        font-size: 12px;
        line-height: 16px;
    }

    .detPageBottListThem.campDet h3 {
        padding: 10px 10px 10px 25px;
        font-size: 18px;
    }

    .campDetail.type2 article .titleBar h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .campDetail.type2 article .titleBar p {
        font-size: 14px;
    }

    .detPageBottListThem.campDet ul {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 5%;
    }

        .detPageBottListThem.campDet ul li {
            min-height: 200px;
            font-size: 12px;
            width: 48.79999999%;
        }

            .detPageBottListThem.campDet ul li span {
                font-size: 12px;
            }

            .detPageBottListThem.campDet ul li:nth-child(4n) {
                margin-right: 2.3980815347722%;
            }

            .detPageBottListThem.campDet ul li:nth-child(3n) {
                margin-right: 2.3980815347722%;
                clear: both;
            }

            .detPageBottListThem.campDet ul li:nth-child(2n) {
                margin-right: 0;
            }

    .detPageBottListThem.servBox ul li:nth-child(3n) {
        margin-right: 2.3980815347722%;
    }

    .detPageBottListThem.servBox ul li:nth-child(4n) {
        clear: none;
    }

    .detPageBottListThem.servBox ul.binary li:first-child {
        margin-left: 0 !important;
    }

    .detPageBottListThem.campDet.servBox ul.binary {
        margin-left: 20px !important;
    }

    .campDetail.type2 article .contentBox h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .campDetail.type2 article .contentBox .applyBtn {
        width: 100% !important;
        float: none !important;
        margin: 5px auto !important;
    }

    .campDetail.type2 article .contentBox .left, .campDetail.type2 article .contentBox .right {
        width: 100%;
        clear: both;
    }

    .campListPart ul li {
        width: 48.190938511327%;
    }

    .campDetail article .titleBar.faq p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 16px;
    }


    .campListPart ul li {
        margin: 0 2.618123% 1.6181229773463% 0;
    }

    .accordionBox .content p {
        font-size: 11px;
    }

    table.prices thead th {
        font-size: 9px;
    }

    table.prices tr td {
        padding: 10px 5px;
        font-size: 10px;
    }

    table.prices tbody td.paddLeft25, table.prices thead th.paddLeft25 {
        padding-left: 10px;
    }

    table.prices2 thead th, table.prices2 tr td {
        padding: 12px 5px !important;
        font-size: 11px !important;
    }

    section.sidebarCont aside h2 {
        font-size: 14px;
        line-height: 18px;
    }

    section.sidebarCont article .titleBar {
        padding: 20px;
    }

        section.sidebarCont article .titleBar h1 {
            font-size: 22px;
            line-height: 26px;
        }

        section.sidebarCont article .titleBar p {
            font-size: 14px !important;
            line-height: 20px;
            margin-top: 10px;
        }

    .aboutTeams, section.sidebarCont article .contentBox .bottSupportBox p {
        margin-top: 0;
    }

    section.sidebarCont article .contentBox p {
        font-size: 12px;
        line-height: 18px;
    }

        section.sidebarCont article .contentBox p.subTitle {
            font-size: 16px;
            line-height: 22px;
        }

        section.sidebarCont article .contentBox p.title {
            font-size: 20px;
            line-height: 24px;
        }

    .detPageBottListThem.noBg h3 {
        font-size: 20px;
        line-height: 20px;
    }

    .detPageBottListThem.noBg ul li {
        min-height: 180px;
        width: 48.5%;
    }

    @media (max-width: 480px) {
        .detPageBottListThem.noBg ul li:nth-child(2n) {
            margin-right: 0 !important;
        }



        .detPageBottListThem.noBg ul li span {
            padding: 10px;
            font-size: 12px;
        }
    }


    .interBankingBox {
        width: 100%;
        margin-right: 0;
        clear: both;
    }

    section.sidebarCont article .contentBox .bottSupportBox {
        padding: 15px 15px 3px 26px;
    }

        section.sidebarCont article .contentBox .bottSupportBox img {
            margin-bottom: 15px;
        }

    section.campDetail .contentBox.about .left, section.campDetail .contentBox.about .right {
        float: none;
        width: 100%;
    }

    .aboutTeams .title {
        font-size: 30px;
    }

    .aboutTeams .subTitle {
        font-size: 14px;
    }

    .aboutTeams ul.team li .details span.name {
        font-size: 18px;
        line-height: 18px;
    }

    .aboutTeams ul.team li .details span.job {
        font-size: 12px;
        line-height: 12px;
    }

    .aboutTeams ul.team li .details span.seperator {
        margin-bottom: 14px;
    }

    .aboutTeams .subTitle.type2 {
        margin-top: 40px;
    }

    .campListPart {
        padding-top: 10px;
    }

        .campListPart h2 {
            width: 100%;
            text-align: left;
            padding-left: 10px;
        }


        .campListPart .select, .campListPart .select.sectorFilter {
            width: 100%;
        }

    .tabsBox .ui-tabs-nav {
        margin-bottom: 20px;
    }

        .tabsBox .ui-tabs-nav li .ui-tabs-anchor {
            padding: 15px;
            min-width: inherit;
        }

    .tabsBox .ui-tabs-panel {
        padding: 0;
    }

    .cardPackage {
        width: 100%;
        clear: both;
        margin-right: 0;
    }

        .cardPackage.half {
            height: auto !important;
        }

        .cardPackage em, .cardPackage h3, .cardPackage p {
            font-size: 12px;
        }

    .comparison.step2 ul.accSettings.mobile {
        display: block;
    }

    ul.accSettings, ul.accSettings li {
        margin-bottom: 10px;
    }

        ul.accSettings li label {
            padding: 10px 0;
            font-size: 12px;
            width: 100%;
            clear: both;
        }

        ul.accSettings li .select .ui-selectmenu-button {
            width: 100% !important;
        }

        ul.accSettings li .inputs, ul.accSettings li .select, ul.accSettings li div.text {
            width: 100%;
            clear: both;
        }

            ul.accSettings li .select .ui-selectmenu-button span.ui-selectmenu-text {
                padding: 10px 50px 11px 10px;
            }

            ul.accSettings li .select .ui-menu .ui-menu-item {
                padding: 12px 10px !important;
            }

            ul.accSettings li .inputs input {
                padding: 12px 10px;
                font-size: 12px;
            }

        ul.accSettings li .interRate {
            padding: 11px 0;
            font-size: 14px;
        }

    .calcWidgetBox .halfBox, .calcWidgetBox .marLefthHalf {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .calcWidgetBox.comparison ul.accSettings li .full, .calcWidgetBox.comparison ul.accSettings li .full input, .calcWidgetBox.comparison ul.accSettings li .inputs, .calcWidgetBox.comparison ul.accSettings li .inputs input, .calcWidgetBox.comparison ul.accSettings li .select, .calcWidgetBox.comparison ul.accSettings li label {
        width: 100%;
    }

        .calcWidgetBox.comparison ul.accSettings li .select .ui-selectmenu-button {
            width: 100% !important;
        }

    ul.accResult {
        margin-bottom: 5px;
    }

        ul.accResult li {
            padding: 10px 0;
        }

            ul.accResult li label {
                font-size: 12px;
                width: 50px;
            }

            ul.accResult li span {
                font-size: 14px;
                text-align: right;
                width: 75%;
            }

    .calcWidgetBox .applyBtn {
        width: 200px;
        font-size: 13px;
    }

        .calcWidgetBox .applyBtn.lit {
            width: 160px;
        }

        .calcWidgetBox .applyBtn.bottom {
            margin-top: 15px;
        }

        .calcWidgetBox .applyBtn.middle {
            margin: 20px auto;
        }

        .calcWidgetBox .applyBtn.back {
            width: 140px;
        }

    .calcWidgetBox .payPlanBtn {
        font-size: 10px;
    }

    .credit .payPlanBtn {
        margin-right: 0;
        clear: both;
        margin-bottom: 10px;
    }

    .calcWidgetBox.comparison.step2 .marLefthHalfMore {
        width: 100%;
        margin-left: 0;
    }

    .calcWidgetBox.comparison.step2 .halfMore .applyBtn {
        float: none;
        margin: 10px auto;
    }

    ul.accSettings li div.text {
        padding: 14px 0;
    }

    .depositTable tbody td a, .depositTable tbody td.title, .depositTable thead th span {
        padding: 12px 0;
    }

    ul.accSettings li div.text.title {
        font-size: 16px;
    }

    .depositTable tbody td, .depositTable thead th {
        font-size: 11px;
    }

    .planComparBtns {
        width: 100%;
        margin-top: 20px;
    }

        .planComparBtns a {
            margin: 0 5px;
        }

    .comparison.step1 ul.accResult, .comparison.step1 ul.accSettings li, .comparison.step1 ul.accSettings li .inputs, .comparison.step1 ul.accSettings li .select, .comparison.step1 ul.accSettings li div.text, .comparison.step1 ul.accSettings li label {
        width: 100%;
    }

    .depositTable {
        margin-bottom: 12px;
    }

    .calcWidgetBox h3 {
        font-size: 20px;
    }

    .paymentPlanTable ul li {
        padding: 12px 15px;
    }

        .paymentPlanTable ul li span, .paymentPlanTable ul li span.left {
            font-size: 13px;
        }

            .paymentPlanTable ul li span.right {
                font-size: 14px;
            }

    .bottomShareBox.paymentPlan {
        margin-bottom: 30px;
    }

    section.page404 {
        padding: 40px 5%;
    }

        section.page404 article h2 {
            font-size: 90px;
            line-height: 70px;
        }

        section.page404 article p {
            font-size: 20px;
            line-height: 30px;
        }

        section.page404 article span {
            font-size: 14px;
            margin-bottom: 20px;
        }

        section.page404 article a {
            font-size: 11px;
        }

    section.branches article ul li {
        width: 100%;
    }

    .contactForm {
        width: 90%;
        max-width: 90%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

        .contactForm .form-list {
            width: 100%;
            max-width: 100%;
            margin-right: 0;
            clear: both;
        }

            .contactForm .form-list textarea {
                height: 80px;
            }

    .title2 {
        font-size: 20px;
    }

    .subTitle2 {
        font-size: 14px;
    }

    .promo.benefit .benArrow img {
        width: 30px;
        bottom: 20px;
    }

    .mapSide {
        width: 100%;
        clear: both;
        margin-right: 0;
    }

        .mapSide ul li {
            font-size: 14px;
        }

            .mapSide ul li a {
                padding: 1px 35px 1px 0;
            }

            .mapSide ul li ul li {
                font-size: 11px;
            }

    section.sidebarCont article .contentBox .binaryTextBox p {
        font-size: 12px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .supportCenAccor .accordionBox .title {
        padding: 18px 75px 18px 50px;
        font-size: 12px;
        line-height: 18px;
        background-position: 15px center !important;
    }

        .supportCenAccor .accordionBox .title span {
            width: 70px;
        }

    .supportCenAccor .accordionBox .content {
        padding: 15px 25px;
    }

        .supportCenAccor .accordionBox .content p {
            font-size: 12px;
        }

        .supportCenAccor .accordionBox .content .applyBtn {
            width: inherit;
            margin-top: 15px;
            font-size: 12px;
        }

    .contentBox.supportCenter .title2 {
        margin-top: 50px;
    }

    .supportCenter .contactForm .form-list {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

        .supportCenter .contactForm .form-list label {
            font-size: 12px;
            margin-bottom: 10px;
        }

        .supportCenter .contactForm .form-list textarea {
            height: 120px;
        }

        .supportCenter .contactForm .form-list input, .supportCenter .contactForm .form-list textarea {
            margin-bottom: 0;
            width: 100%;
        }

    .supportCenter .contactForm .sendForm {
        font-size: 13px;
        width: 200px;
        padding: 18px 0;
    }

    .processingListBox {
        margin: 20px 0;
    }

        .processingListBox ul {
            width: 100%;
            clear: both;
        }

    .cvv2 input {
        width: 95px !important;
    }

    .processingListBox ul li {
        font-size: 12px;
    }

        .processingListBox ul li a {
            padding: 10px 10px 10px 25px;
        }

    .card-number input {
        padding: 15px !important;
    }
}

@media (max-width:410px) {
    #promobanner {
        height: 39px;
    }

        #promobanner p {
            margin-left: -46.96875% !important;
            font-size: 12px !important;
            line-height: 15px;
            padding-top: 4px !important;
        }
}

@media (max-width:350px) {
    .resultPart .box-content .shortTooltip div.form-tooltip {
        padding: 15px;
        font-size: 11px;
    }

    .resultPart .shortTooltip div {
        padding: 15px;
        font-size: 11px;
        left: -52px;
    }

    .shareFriend .fRow {
        float: none;
        width: 280px;
    }
}

@media (max-width:320px) {
    .cmsplayer, .homeVideoBox .homeLongVideo {
        height: 210px;
    }

    section.home ul li div {
        bottom: 15px;
        left: 15px;
    }

        section.home ul li div h2 {
            font-size: 20px;
        }

        section.home ul li div span {
            font-size: 12px;
            margin: 3px 0 9px;
        }

        section.home ul li div .more {
            font-size: 12px;
        }

    section.home ul li .title {
        padding: 7px;
        font-size: 14px;
    }

        section.home ul li .title span:first-child {
            font-size: 14px !important;
        }

        section.home ul li .title span {
            font-size: 12px;
        }

    section .applyBtn {
        padding: 12px 5px;
        font-size: 12px;
    }

    .aboutTeams .title {
        font-size: 24px;
    }

    .aboutTeams ul li .details span.name {
        font-size: 13px;
        line-height: 13px;
    }

    .aboutTeams ul li .details span.seperator {
        margin-bottom: 14px;
    }

    .splashBox.warning {
        padding: 30px;
        text-align: center;
    }

        .splashBox.warning div {
            margin-top: 10px;
            padding-left: 65px;
        }

        .splashBox.warning img {
            margin-right: 15px;
            height: 50px;
            margin-top: 10px;
        }

        .splashBox.warning div p {
            font-size: 13px;
            line-height: 16px;
            text-align: left;
            margin-bottom: 5px;
        }

        .splashBox.warning div .continue-btn {
            float: none;
            clear: both;
            font-size: 11px;
            margin-top: 10px;
        }

    .tabsBox .ui-tabs-panel ul li {
        font-size: 11px;
    }

    section.calMeans .calcWidgetSlider {
        max-width: 60%;
        margin: 0 20% 15px;
    }

    .calcWidgetSlider .slick-slide {
        min-height: 135px;
    }

        .calcWidgetSlider .slick-slide img {
            width: 45px;
        }

        .calcWidgetSlider .slick-slide span {
            padding: 10px 0 5px;
        }

    .paymentPlanTable ul li {
        clear: both;
    }

        .paymentPlanTable ul li span.left {
            width: 100%;
        }

        .paymentPlanTable ul li span.right {
            width: 100%;
            margin-top: 5px;
        }

    .promo.benefit .benArrow img {
        width: 25px;
        bottom: 10px;
    }

    .detPageBottListThem.campDet ul li, .detPageBottListThem.noBg ul li {
        min-height: 180px;
        width: 100%;
        height: auto !important;
        margin-right: 0 !important;
    }

    .cvv2 input {
        width: 60px !important;
    }

    .detPageBottListThem.campDet ul li span {
        padding: 10px;
    }

    .card-number input {
        padding: 15px 10px !important;
    }
}

@media (max-width:768px) {

    #musteriIletisimStep .form-list {
        width: 100% !important;
    }

    .tooltip label {
        position: relative;
    }

        .tooltip label strong {
            margin-left: 0px;
            display: inline-block;
        }

    .resultPart .tooltip .box-content {
        position: relative;
        left: 0px;
        top: 0px;
    }

    .resultPart .tooltip.part {
        position: relative;
    }

        .resultPart .tooltip.part strong {
            display: inline-block;
            text-indent: 32px;
            position: relative;
            top: 7px;
            margin-bottom: 13px;
        }

    .resultPart .tooltip .box-content .icon {
        padding-top: 5px;
        margin-right: 3px;
        left: 0;
    }
}

@media only screen and (min-device-width:481px) and (max-device-width:999px) {
    .cmsplayer, .homeVideoBox .homeLongVideo {
        height: auto;
        margin-top: 0;
    }
}

.campDetail .videoBox .detVideo {
    min-height: 200px;
}

button.continue-btn.right.bottom.possAbs {
    bottom: 50px;
}

.selectInputSwitcher.inputActive .selectContainer, .selectInputSwitcher.selectActive .inputContainer {
    display: none;
}

.selectInputSwitcher .switchButton {
    color: #4c4c4c;
    margin-left: 15px;
    display: inline-block;
    font-size: 12px;
    text-decoration: underline;
    font-family: open_sansbold,sans-serif;
    margin-top: 9px;
    margin-bottom: 15px;
    cursor: pointer;
    letter-spacing: -.4px;
}

.vadeUyari {
    font-size: 13px;
}

.halff img {
    margin-bottom: 40px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
}

.videocls {
    background: url(../img/formPopupVideo_close.gif) no-repeat !important;
    width: 96px !important;
    margin-top: 18px !important;
    margin-right: 17px !important;
    height: 41px !important;
}

#promobanner {
    display: block;
    float: left;
    width: 100%;
    background: #ee8718;
    color: #fff;
    height: 39px;
    position: relative;
}

    #promobanner p {
        display: block;
        float: left;
        position: absolute;
        top: 0;
        height: 100%;
        width: 85.9375%;
        left: 50%;
        margin-left: -42.96875%;
        padding-top: 9px;
        font-size: 18px;
    }

.form .form-part {
    display: block;
    float: left;
    width: 100%;
}

section.form .promo .title-time .retime {
    right: 0;
    float: right;
    height: 76px;
    position: absolute;
    top: 70%;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-50%);
}

.promovideoo {
    display: block;
    top: 24%;
    position: relative;
    right: 6%;
    float: right;
}

@media (max-width:768px) {
    section.form .promo #promobanner p {
        font-size: 16px;
    }

    .campDetail article .contentBox .applyBtn {
        float: none;
        margin: 0 auto;
    }
}

@media (max-width:1366px) {
    section .promovideoo {
        display: block;
        float: right;
        clear: both;
        top: 22%;
        position: relative;
        margin-bottom: 10%;
        right: 4%;
    }

    section.form .promo .title-time .retime {
        right: 0;
        float: right;
        height: 76px;
        position: absolute;
        top: 64%;
        transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-50%);
    }

    .promovideoo {
        display: block;
        top: 23%;
        float: right;
        position: relative;
        right: 7%;
    }
}

@media (max-width:1280px) {
    section.form .promo .title-time .retime {
        top: 61% !important;
    }

    section.form .promo .title-time .promovideoo {
        top: 15% !important;
        right: 5% !important;
    }
}

@media (max-width:1024px) {
    ul.privacy li {
        font-size: 13px !important;
    }

    section.form .promo .title-time .retime {
        top: 68% !important;
        height: 53px;
    }

        section.form .promo .title-time .retime div {
            top: 22px;
            height: 53px;
        }

    section.form .promo .title-time .promovideoo {
        right: 8% !important;
        font-size: 10px !important;
        padding: 13px !important;
        top: 18% !important;
    }
}

@media (max-width:768px) {
    section.form .promo .title-time .retime {
        top: 99px !important;
        height: 45px;
    }

        section.form .promo .title-time .retime div {
            top: 22px;
        }

    section.form .promo .title-time .promovideoo {
        top: 20% !important;
        right: 9% !important;
        font-size: 8px !important;
        padding: 11px !important;
    }
}

@media (max-width:640px) {
    section.form .promo .title-time .promovideoo, section.form .promo .title-time .retime {
        display: none !important;
    }

    section.form #promobanner p {
        font-size: 11px !important;
    }
}

@media (max-height:850px) {
    .slideSplashBox2, .slideSplashBox3, .slideSplashBox4, .slideSplashBox5, .slideSplashBox6 {
        top: 4vw;
    }
}

@media (max-height:780px) {
    #campPopupSlide2 .slidesjs-slide img, #campPopupSlide3 .slidesjs-slide img, #campPopupSlide4 .slidesjs-slide img, #campPopupSlide5 .slidesjs-slide img, #campPopupSlide6 .slidesjs-slide img, .slideSplashBox2, .slideSplashBox3, .slideSplashBox4, .slideSplashBox5, .slideSplashBox6 {
        width: 240px;
    }

    #campPopupSlide2 .slidesjs-navigation, #campPopupSlide3 .slidesjs-navigation, #campPopupSlide4 .slidesjs-navigation, #campPopupSlide5 .slidesjs-navigation, #campPopupSlide6 .slidesjs-navigation {
        margin-top: -155px;
    }

    .slideSplashBox2 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide2 .slidesjs-pagination {
        top: 493px;
    }

    .slideSplashBox3, .slideSplashBox4 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide3 .slidesjs-pagination, #campPopupSlide4 .slidesjs-pagination {
        top: 440px;
    }

    .slideSplashBox5 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide5 .slidesjs-pagination {
        top: 493px;
    }

    .slideSplashBox6 {
        top: 100px;
        margin-left: -135px;
    }

    #campPopupSlide6 .slidesjs-pagination {
        top: 440px;
    }
}

@media (max-height:640px) {
    #campPopupSlide2 .slidesjs-navigation, #campPopupSlide3 .slidesjs-navigation, #campPopupSlide4 .slidesjs-navigation, #campPopupSlide5 .slidesjs-navigation, #campPopupSlide6 .slidesjs-navigation {
        margin-top: -155px;
    }

    #campPopupSlide2 .slidesjs-slide p, #campPopupSlide3 .slidesjs-slide p, #campPopupSlide4 .slidesjs-slide p, #campPopupSlide5 .slidesjs-slide p, #campPopupSlide6 .slidesjs-slide p {
        font-size: 13px;
    }

    .slideSplashBox2 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide2 .slidesjs-slide img, .slideSplashBox2 {
        width: 200px;
    }

    #campPopupSlide2 .slidesjs-pagination {
        top: 368px;
    }

    .slideSplashBox2 .close img {
        width: 25px;
    }

    .slideSplashBox3, .slideSplashBox4 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide3 .slidesjs-pagination, #campPopupSlide4 .slidesjs-pagination {
        top: 368px;
    }

    #campPopupSlide3 .slidesjs-slide img, #campPopupSlide4 .slidesjs-slide img, .slideSplashBox3, .slideSplashBox4 {
        width: 200px;
    }

        .slideSplashBox3 .close img, .slideSplashBox4 .close img {
            width: 25px;
        }

    .slideSplashBox5 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide5 .slidesjs-slide img, .slideSplashBox5 {
        width: 200px;
    }

    #campPopupSlide5 .slidesjs-pagination {
        top: 368px;
    }

    .slideSplashBox5 .close img {
        width: 25px;
    }

    .slideSplashBox6 {
        top: 60px;
        margin-left: -95px;
    }

    #campPopupSlide6 .slidesjs-slide img, .slideSplashBox6 {
        width: 200px;
    }

    #campPopupSlide6 .slidesjs-pagination {
        top: 368px;
    }

    .slideSplashBox6 .close img {
        width: 25px;
    }
}

@media (max-height:460px) {

    #campPopupSlide2 .slidesjs-navigation, #campPopupSlide3 .slidesjs-navigation, #campPopupSlide4 .slidesjs-navigation {
        margin-top: -155px;
    }

    #campPopupSlide2 .slidesjs-slide p, #campPopupSlide3 .slidesjs-slide p, #campPopupSlide4 .slidesjs-slide p, #campPopupSlide5 .slidesjs-slide p {
        font-size: 13px;
    }

    .slideSplashBox2 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide2 .slidesjs-slide img, .slideSplashBox2 {
        width: 150px;
    }

    #campPopupSlide2 .slidesjs-pagination {
        top: 280px;
    }

    .slideSplashBox2 .close img {
        width: 25px;
    }

    .slideSplashBox3, .slideSplashBox4 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide3 .slidesjs-pagination, #campPopupSlide4 .slidesjs-pagination {
        top: 280px;
    }

    #campPopupSlide3 .slidesjs-slide img, #campPopupSlide4 .slidesjs-slide img, .slideSplashBox3, .slideSplashBox4 {
        width: 150px;
    }

    #campPopupSlide5 .slidesjs-navigation, #campPopupSlide6 .slidesjs-navigation {
        margin-top: -250px;
    }

    .slideSplashBox3 .close img, .slideSplashBox4 .close img {
        width: 25px;
    }

    .slideSplashBox5 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide5 .slidesjs-slide img, .slideSplashBox5 {
        width: 150px;
    }

    #campPopupSlide5 .slidesjs-pagination {
        top: 280px;
    }

    .slideSplashBox5 .close img {
        width: 25px;
    }

    .slideSplashBox6 {
        top: 60px;
        margin-left: -75px;
    }

    #campPopupSlide6 .slidesjs-slide img, .slideSplashBox6 {
        width: 150px;
    }

    #campPopupSlide6 .slidesjs-pagination {
        top: 280px;
    }

    .slideSplashBox6 .close img {
        width: 25px;
    }

    #campPopupSlide6 .slidesjs-slide p {
        font-size: 11px;
        line-height: 11px;
    }
}

@media (max-width:400px) {
    #campPopupSlide2 .slidesjs-next, #campPopupSlide3 .slidesjs-next, #campPopupSlide4 .slidesjs-next, #campPopupSlide5 .slidesjs-next, #campPopupSlide6 .slidesjs-next {
        right: -35px;
    }

    #campPopupSlide2 .slidesjs-previous, #campPopupSlide3 .slidesjs-previous, #campPopupSlide4 .slidesjs-previous, #campPopupSlide5 .slidesjs-previous, #campPopupSlide6 .slidesjs-previous {
        left: -35px;
    }

    #campPopupSlide2 .slidesjs-navigation, #campPopupSlide3 .slidesjs-navigation, #campPopupSlide4 .slidesjs-navigation, #campPopupSlide5 .slidesjs-navigation, #campPopupSlide6 .slidesjs-navigation {
        margin-top: -215px;
    }

    .slideSplashBox2 .close {
        top: -25px;
    }

    .slideSplashBox2 {
        top: 30px;
    }

    .slideSplashBox3 .close {
        top: -25px;
    }

    .slideSplashBox3 {
        top: 30px;
    }

    .slideSplashBox4 .close {
        top: -25px;
    }

    .slideSplashBox4 {
        top: 30px;
    }

    .slideSplashBox5 .close {
        top: -25px;
    }

    .slideSplashBox5 {
        top: 30px;
    }

    .slideSplashBox6 .close {
        top: -25px;
    }

    .slideSplashBox6 {
        top: 30px;
    }


    section.home ul li .title {
        width: auto;
    }
}


/*1.yas infografik*/

#biryas ul {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #biryas ul.left li {
        float: left;
    }

#biryas li {
    margin: 0;
    padding: 0;
}

#biryas img {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#biryas .container {
    width: 100%;
    min-width: 240px;
    display: inline-block;
}

#biryas .home {
}

    #biryas .home .item {
        width: 100%;
    }

        #biryas .home .item img {
            width: 100%;
            display: block;
        }

#biryas .footer {
    background: #1f1f1f;
    width: 100%;
}

    #biryas .footer .container .item {
        float: left;
    }

    #biryas .footer .container .center {
        float: inherit;
        text-align: center;
    }

        #biryas .footer .container .center img {
            width: 66.52vw;
            margin: 0 auto;
            min-width: 240px;
        }

    #biryas .footer .container .holder {
        width: 44.32vw;
        margin: 0 auto;
    }

        #biryas .footer .container .holder .col {
            display: inline-block;
            float: left;
        }

            #biryas .footer .container .holder .col:first-child {
                width: 61.44%;
            }

            #biryas .footer .container .holder .col:last-child {
                width: 38.55%;
            }

            #biryas .footer .container .holder .col:first-child .item:nth-child(1) {
                border-right: 2px solid #4e4e4e;
            }

                #biryas .footer .container .holder .col:first-child .item:nth-child(1) img {
                    width: 15.02vw;
                    min-width: 110.094px;
                }

            #biryas .footer .container .holder .col:first-child .item:nth-child(2) {
                border-right: 2px solid #4e4e4e;
            }

                #biryas .footer .container .holder .col:first-child .item:nth-child(2) img {
                    width: 11.59vw;
                    min-width: 84.9531px;
                }

            #biryas .footer .container .holder .col:last-child .item:nth-child(1) img {
                width: 8.83vw;
                min-width: 64.7188px;
            }

            #biryas .footer .container .holder .col:last-child .item:last-child img {
                width: 7.87vw;
                min-width: 57.6719px;
            }

@media only screen and (max-width: 732px) {
    #biryas .footer .container .holder .col:first-child .item:nth-child(2) {
        border-right: 0px;
    }

    #biryas .footer .container .holder {
        width: 100%;
        margin: 0 auto;
    }

        #biryas .footer .container .holder .col {
            text-align: center;
        }

            #biryas .footer .container .holder .col .item {
                display: inline-block;
                float: none;
            }

            #biryas .footer .container .holder .col:first-child {
                width: 100%;
            }

            #biryas .footer .container .holder .col:last-child {
                width: 96%;
                margin-top: 20px;
            }

            #biryas .footer .container .holder .col:first-child .item:nth-child(1) img {
                width: 131.875px;
            }

            #biryas .footer .container .holder .col:first-child .item:nth-child(2) img {
                width: 101.75px;
            }

            #biryas .footer .container .holder .col:last-child .item:nth-child(1) img {
                width: 108.953px;
            }

            #biryas .footer .container .holder .col:last-child .item:last-child img {
                width: 97.1094px;
            }
}

/*1.yas infografik*/

.iframe_link {
    text-align: center;
    width: 100%;
    height: 100%;
}

    .iframe_link .text_content {
        width: 100%;
        height: 150px;
        text-align: left;
        display: inline-block;
    }

    .iframe_link textarea {
        color: #000;
        width: 100%;
        padding: 20px 30px;
        height: 100%;
    }

.i_iframe {
    border-top: 1px solid #e9e9e7;
}

.yuzk {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    z-index: -1;
}

    .yuzk .home .conteiner {
        width: 100%;
    }

        .yuzk .home .conteiner .item img {
            display: block;
            width: 100%;
        }


ul.privacy li {
    list-style-type: disc;
    font-family: open_sanslight;
    margin-bottom: 12px;
    font-size: 17px;
}

ul.privacy {
    margin: 20px 0 0 35px;
}


.shortTooltip ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.formTwit {
    text-align: center;
    width: 29%;
    position: inherit;
    float: right;
    top: 58px;
}


    .formTwit img {
        display: inline-block;
        width: 28px;
    }

    .formTwit span.item {
        font-size: 21px;
        font-family: open_sanssemibold;
        position: relative;
        top: -3px;
        margin-top: 10px;
    }

    .formTwit .twetSlide {
        margin-top: 12px;
        padding: 0px 30px;
    }

        .formTwit .twetSlide p {
            line-height: 30px;
            color: rgba(40, 40, 40, 0.77);
            font-size: 18px;
        }

        .formTwit .twetSlide .twitPerson span {
            display: block;
        }

        .formTwit .twetSlide .twitPerson img {
            width: 47px;
            height: 47px;
            border-radius: 40px;
        }

        .formTwit .twetSlide .twitPerson .text {
            position: relative;
            top: -9px;
            display: inline-block;
            text-align: left;
            margin-left: 5px;
        }

            .formTwit .twetSlide .twitPerson .text span:first-child {
                font-family: open_sansbold;
            }


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

    .formTwit .twetSlide .twitPerson img {
        min-width: 33px;
        min-height: 33px;
    }

    .formTwit .twetSlide p {
        line-height: 1.94vw;
        font-size: 1.16vw;
    }

    .formTwit .twetSlide .twitPerson .text span {
        font-size: 12px;
    }

    .formTwit span.item {
        font-size: 1.35vw;
    }

    .formTwit .twetSlide {
        margin-top: 0.77vw;
    }

        .formTwit .twetSlide p {
            margin: 0 0 0.97vw;
        }


    .formTwit .twetSlide {
        margin-top: 0.97vw;
        padding: 0px 1.94vw;
    }

        .formTwit .twetSlide .twitPerson .text {
            top: -0.55vw;
        }

    .formTwit img {
        width: 1.28vw;
        min-width: 23px;
    }
}


@media only screen and (max-width:1021px) {
    .formTwit span.item {
        font-size: 13.78px;
    }
}

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

    .campListPart ul li .text3 {
        top: 19%;
    }

    .campListPart ul li .text {
        padding: 0px 1.27vw;
    }

        .campListPart ul li .text span {
            font-size: 1.39vw;
            margin-bottom: 0.95vw;
            padding: 0;
        }

        .campListPart ul li .text .applyBtn {
            padding: 1.14vw 2.41vw;
            border-radius: 2.53vw;
            font-size: 1.14vw;
            max-width: 100%;
        }
}

@media only screen and (max-width:1440px) {
    .campListPart ul li .text span {
        font-size: 1.30vw;
    }
}


@media only screen and (max-width:768px) {
    .formTwit {
        display: none;
    }

    .campListPart ul li .text .applyBtn {
        display: none;
    }

    .campListPart ul li .text3 {
        display: none;
    }

    .campListPart ul li span.old {
        font-size: 12px;
    }
}


@media only screen and (max-width:640px) {
    .campListPart ul li span.old {
        font-size: 14px;
    }

    .campListPart ul li .text {
        top: 34%;
    }

        .campListPart ul li .text span {
            font-size: 2.83vw;
        }

        .campListPart ul li .text .applyBtn {
            padding: 2.19vw 4.69vw;
            border-radius: 4.69vw;
            font-size: 2.81vw;
            max-width: 100%;
        }

    .campListPart ul li .text3 {
        top: 19%;
    }

    .campListPart ul li .back2 .text3 .applyBtn {
        padding: 1.7vw 6.6vw;
        font-size: 2.17vw;
    }

    .campListPart ul li .text2 p span {
        line-height: 6.41vw;
    }
}



@media only screen and (max-width:1366px) {
    .formTwit {
        top: 31px;
    }
}


.mobile_wallet {
    border: 2px solid #05b14f;
    border-radius: 15px;
    padding: 56px 10px 56px 35px;
    margin-top: 83px;
    position: relative;
}

    .mobile_wallet .title_img {
        position: absolute;
        max-width: 102px;
        top: -53px;
        left: 45%;
        display: inline-block;
    }

        .mobile_wallet .title_img img {
            width: 100%;
        }

    .mobile_wallet .title {
        font-family: open_sansbold !important;
        font-size: 33px !important;
        line-height: 45px !important;
        margin-top: 15px !important;
        text-align: center;
    }

        .mobile_wallet .title span {
            font-family: open_sansextrabold;
        }

    .mobile_wallet ul {
        display: inline-block;
    }

        .mobile_wallet ul li {
            display: inline-block;
            width: 100%;
            margin-bottom: 13px;
        }

            .mobile_wallet ul li img {
                display: inline-block;
                max-width: 129px;
                width: 20%;
                vertical-align: middle;
            }

            .mobile_wallet ul li p {
                display: inline-block;
                width: 80%;
                vertical-align: middle;
                padding: 0;
                margin: 0;
            }

                .mobile_wallet ul li p span {
                    font-family: open_sansbold;
                }


@media (max-width:1550px) {
    .mobile_wallet {
        border-radius: 0.97vw;
        padding: 3.61vw 0.65vw 3.61vw 2.26vw;
        margin-top: 5.35vw;
    }

        .mobile_wallet .title_img {
            max-width: 6.58vw;
            top: -3.42vw;
            left: 45%;
        }


        .mobile_wallet .title {
            font-size: 2.13vw !important;
            line-height: 2.9vw !important;
            margin-top: 0.97vw !important;
        }

            .mobile_wallet .title span {
            }

        .mobile_wallet ul {
        }

            .mobile_wallet ul li {
                width: 100%;
                margin-bottom: 0.84vw;
            }
}

@media (max-width:1180px) {
    .mobile_wallet ul li img {
        max-width: 10.93vw;
        width: 18%;
    }
}


@media (max-width:768px) {

    .mobile_wallet {
        border-radius: 1.91vw;
        padding: 7.14vw 1.28vw 7.14vw 4.46vw;
        margin-top: 10.59vw;
    }

        .mobile_wallet .title_img {
            max-width: 13.01vw;
            top: -6.76vw;
            left: 45%;
        }


        .mobile_wallet .title {
            font-size: 3.57vw !important;
            line-height: 4.59vw !important;
            margin-top: 1.91vw !important;
        }


        .mobile_wallet ul li {
            margin-bottom: 1.66vw;
        }

            .mobile_wallet ul li img {
                max-width: 16.45vw;
                width: 19%;
            }

            .mobile_wallet ul li p {
                font-size: 16px !important;
                line-height: 21px !important;
            }
}



@media (max-width:604px) {



    .mobile_wallet ul li p {
        font-size: 2.58vw !important;
        line-height: 3.39vw !important;
    }
}



@media (max-width:485px) {

    .mobile_wallet {
        padding: 7.14vw 1.28vw 7.14vw 2.46vw;
    }

        .mobile_wallet .title {
            font-size: 3.8vw !important;
            line-height: 5vw !important;
        }

        .mobile_wallet ul li {
            margin-bottom: 5.66vw;
        }

            .mobile_wallet ul li img {
                max-width: 16.45vw;
                width: 17%;
            }
}




@media (max-width:400px) {
    .mobile_wallet ul li {
        margin-bottom: 6.66vw;
    }

        .mobile_wallet ul li p {
            font-size: 11px !important;
            line-height: 15px !important;
        }

    /* Mobil Uygulama Sayfası Revizyon */

    /* Iphone 4 Kampanya Anasayfa Revizyonu */
    .campListPart ul li {
        padding-bottom: 7px;
    }
}

.mobil-uygulama-parent #captDiv.gk .input {
    width: 100%;
}

.mobil-uygulama-parent #captDiv.gk {
    width: calc(100% - 210px);
}

.mobil-uygulama-parent .form-list .mobile-uygulama-input {
    width: 50%;
}

.mobil-uygulama-parent #capcthaDiv {
    width: 40%;
    margin-left: 5%;
}

.mobil-uygulama-parent button.continue-btn {
    margin-top: 54px;
    float: right;
    width: 100px;
}

.mobil-uygulama-parent #mobile-uygulama-container {
    width: calc(100% - 100px);
    float: left;
}


@media (max-width:1660px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 45% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        width: 45%;
    }
}

@media (max-width:1420px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 40% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        width: 50%;
    }
}



@media (max-width:1300px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 35% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        width: 50%;
    }

    .mobil-uygulama-parent button.continue-btn {
        margin-top: 60px;
    }
}


@media only screen and (max-width:1280px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 100% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        width: 80%;
        margin-left: 0;
    }

    .mobil-uygulama-parent button.continue-btn {
        margin-top: -52px;
    }


    .mobil-uygulama-parent #mobile-uygulama-container {
        width: 100% !important;
        float: left;
    }
}


@media only screen and (max-width:1100px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 100% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        width: 80%;
        margin-left: 0;
    }
}

@media only screen and (max-width:850px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 100% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        margin-left: 0;
        width: 75%;
    }

    .mobil-uygulama-parent button.continue-btn {
        margin-top: -60px;
    }
}

@media only screen and (max-width:700px) {
    .mobil-uygulama-parent .form-list .mobile-uygulama-input {
        width: 100% !important;
    }

    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        margin-left: 0;
    }

    .mobil-uygulama-parent button.continue-btn {
        margin-top: -48px;
    }
}


@media (max-width:490px) {
    .mobil-uygulama-parent #capcthaDiv.sendCapt {
        margin-left: 0;
        width: 100%;
    }

    .mobil-uygulama-parent #captDiv.gk {
        width: calc(100% - 201px);
    }

    .mobil-uygulama-parent button.continue-btn {
        margin-top: 0px !important;
        float: right;
        width: 100px;
    }
}


@media (max-width:350px) {


    .mobil-uygulama-parent #captDiv.gk {
        width: 100%;
    }
}


@media (max-width: 1480px) and (min-width:1380px) {
    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 0px 5px !important;
    }
}

@media (max-width: 1366px) and (min-width:1300px) {
    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 0px 5px !important;
    }

    .mobil-uygulama-parent .sendCapt div.captImg {
        float: left;
        margin-top: 8px !important;
    }
}

@media (max-width: 1378px) and (min-width:1367px) {
    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 0px 5px !important;
    }
}

@media (max-width: 1280px) and (min-width:1025px) {
    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 2px 5px !important;
    }

    .mobil-uygulama-parent .sendCapt div.captImg {
        float: left;
        margin-top: 5px !important;
    }
}

@media (max-width: 1024px) and (min-width:780px) {
    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 0px 5px !important;
    }

    .mobil-uygulama-parent .sendCapt div.captImg {
        float: left;
        margin-top: 1px !important;
    }

    .mobil-uygulama-parent .captIco {
        padding-top: 2px !important;
    }
}


@media (max-width: 778px) and (min-width:491px) {
    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 1px 5px !important;
    }
}

/* 594. Satırdaki float özelliğini disactive eder */

.mobil-uygulama-parent button.continue-btn.right {
    float: none !important;
    margin-top: 100px;
}


.mobil-uygulama-accordion.accordion-container {
    position: relative;
    display: none;
    margin: 0 auto;
    padding: 40px 0.33% 25px 0.33%;
}


.mobil-uygulama-parent section.sidebarCont article .contentBox {
    width: 90.217391304348%;
    margin: 6px auto 0;
    min-height: 360px;
}

    .mobil-uygulama-parent section.sidebarCont article .contentBox p.depositSeeDet {
        padding-top: 35px;
    }


/* Form Hata Mesajı Düzeltme*/

.jspContainer .subInfo.iMiniTextError {
    color: #f62727;
    font-family: open_sansbold;
}

.jspContainer .subInfo {
    margin-top: 10px;
    font-size: 12px;
    color: #343434;
    font-family: open_sanslight;
    display: block;
}


/* Tooltip Düzeltmeleri*/
.depositTable2 .shortTooltip .icon {
    border-radius: 50% !important;
}


@media (max-width: 1576px) {
    .tabsBox .tableMobileFix2 {
        overflow-y: visible !important;
    }
}

/* IE Tooltip Sorunu */
.shortTooltip div {
    bottom: auto !important;
}


/*IE Tüm Dropdown Hata Düzeltme Kodu */

.ui-selectmenu-menu {
    /*overflow-x:inherit!important;
        overflow-y:inherit!important;*/
    max-height: auto !important;
    overflow: hidden !important;
    z-index: 999;
}


    .ui-selectmenu-menu .ui-menu {
        max-height: 224px;
    }


/* Video Tablet ve Mobil Düzeltmeleri */

@media (min-width: 890px) and (max-width: 1280px) {

    section.sidebarCont article .contentBox .promo {
        margin-bottom: 40px !important;
    }
}

/* iPhone 4 ve 5 Video Revizyon */

@media screen and (device-aspect-ratio: 40/71) {

    .cmsplayer {
        height: 189px !important;
    }
}

@media screen and (device-aspect-ratio: 2/3) {

    .cmsplayer {
        height: 189px !important;
    }
}



/** Tool tip düzenlemeleri DY*/

@media (min-width: 310px) and (max-width:436px) {
    .resultPart .box-content .shortTooltip div.form-tooltip {
        left: -270px;
    }
}

@media (min-width: 1025px) and (max-width: 1920px) {

    .aboutTeams ul.team.team2 li {
        height: 25vw !important;
    }
}

.hover-gif {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}




/* Çekiliş Kazananlar CSS*/


.popup-wins {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.51);
}

    .popup-wins.active {
        display: block;
    }

    .popup-wins .container {
        height: 100%;
        display: table;
        width: 34vw;
        margin: 0 auto;
    }

        .popup-wins .container .row {
            display: table-cell;
            vertical-align: middle;
            box-sizing: border-box;
        }

            .popup-wins .container .row .popup-content {
                background: #fff;
                overflow: auto;
                position: relative;
                max-height: 31.53vw;
                -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
                box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
            }

                .popup-wins .container .row .popup-content ul {
                    padding-bottom: 1.6vw;
                    text-align: center;
                    padding-right: 1.6vw;
                    padding-left: 1.6vw;
                }

                    .popup-wins .container .row .popup-content ul li {
                        padding-bottom: 0.53vw;
                        font-family: open_sansregular;
                    }

                        .popup-wins .container .row .popup-content ul li.grey {
                            background: #f7f7f7;
                            padding: 0.53vw;
                        }

                        .popup-wins .container .row .popup-content ul li.white {
                            padding: 0.53vw;
                        }

                        .popup-wins .container .row .popup-content ul li.popup-content-title {
                            font-size: 0.95vw;
                            padding-top: 1.26vw;
                            font-weight: bold;
                        }

                        .popup-wins .container .row .popup-content ul li.popup-content-title-main {
                            font-size: 0.95vw;
                            font-weight: bold;
                            padding: 1.05vw;
                        }

                        .popup-wins .container .row .popup-content ul li.popup-content-title-main-alt {
                            font-weight: bold;
                        }

            .popup-wins .container .row .popup-title p {
                padding: 1.65vw;
                text-align: center;
                font-family: bnpp_sanslight;
                font-size: 1.58vw;
                color: #aaaaaa;
            }

            .popup-wins .container .row .popup-close-icon {
                width: 30px;
                height: 30px;
                display: inline-block;
                position: absolute;
                right: 0.26vw;
                top: 0;
                cursor: pointer;
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                transition-duration: 0.25s;
                -webkit-transition-duration: 0.25s;
            }

                .popup-wins .container .row .popup-close-icon:before, .popup-wins .container .row .popup-close-icon:after {
                    content: '';
                    display: inline-block;
                    width: 20px;
                    height: 2px;
                    background: #aaaaaa;
                    position: absolute;
                    top: 40px;
                    left: 5px;
                    color: #fff;
                }

                .popup-wins .container .row .popup-close-icon:before {
                    transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                }

                .popup-wins .container .row .popup-close-icon:after {
                    transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                }


/*Pop-Up Kazananlar Mobil*/

@media only screen and (min-width:1300px) and (max-width:1600px) {
    .popup-wins .container {
        width: 60vw;
    }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main {
            font-size: 1.35vw;
        }

        .popup-wins .container .row .popup-title p {
            font-size: 1.98vw;
        }
}

@media only screen and (min-width:900px) and (max-width:1300px) {
    .popup-wins .container {
        width: 60vw;
    }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main {
            font-size: 1.65vw;
        }

        .popup-wins .container .row .popup-title p {
            font-size: 2.58vw;
        }
}

@media only screen and (min-width:700px) and (max-width:900px) {

    .popup-wins .container .row .popup-content {
        max-height: 50vw;
    }

    .popup-wins .container {
        width: 70vw;
    }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main {
            font-size: 1.95vw;
        }

        .popup-wins .container .row .popup-title p {
            font-size: 4vw;
            padding-top: 4vw;
        }
}


@media only screen and (min-width:450px) and (max-width:700px) {

    .popup-wins .container .row .popup-content {
        max-height: 75vw;
    }

    .popup-wins .container {
        width: 75vw;
    }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main {
            font-size: 2.25vw;
            padding-top: 5vw;
        }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main-alt {
            font-size: 2.25vw;
            padding-bottom: 3.20vw;
        }

        .popup-wins .container .row .popup-title p {
            font-size: 4.35vw;
            padding-top: 4vw;
        }

        .popup-wins .container .row .popup-content ul li {
            font-size: 2.25vw;
        }
}


@media only screen and (min-width:300px) and (max-width:450px) {

    .popup-wins .container .row .popup-content {
        max-height: 75vw;
    }

    .popup-wins .container {
        width: 70vw;
    }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main {
            font-size: 3.25vw;
            padding-top: 3vw;
        }

        .popup-wins .container .row .popup-content ul li.popup-content-title-main-alt {
            font-size: 2.85vw;
            padding-bottom: 2.20vw;
        }

        .popup-wins .container .row .popup-title p {
            font-size: 5.70vw;
            padding-top: 4vw;
        }

        .popup-wins .container .row .popup-content ul li {
            font-size: 3.45vw;
        }
}


/* Kredili Mevduat Sayfası */

.creditCalBox2.krediliMevduat .resultPart ul li label {
    font-family: open_sansbold;
}

.creditCalBox2 .contentPTop .row-mevduat {
    width: 20vw;
    padding-left: 4.5vw;
    position: relative;
    float: left;
    padding-top: 1.45vw;
}


.creditCalBox2 .contentPTop .mevduat-container {
    width: 45vw;
    height: 14.7vw;
    float: left;
}

.creditCalBox2 .contentPTop .mevduat-button {
    float: left;
    width: 14.40vw;
}


    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 15.85vw;
        bottom: 0;
        padding-top: 8.85vw;
    }




/* Kredili Mevduat Sayfası Mobil */

.creditCalBox2 .contentPTop .mevduat-container {
    width: 43vw;
    height: 14.7vw;
    float: left;
}

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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 45vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 16.90vw;
        bottom: 0;
        padding-top: 9.65vw;
    }

    .creditCalBox2 .contentPTop .row-mevduat {
        width: 21.50vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        width: 16.4vw;
    }
}

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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 44vw;
        height: 16.7vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 17vw;
        bottom: 0;
        padding-top: 10.75vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        float: left;
        width: 16vw;
    }

    .creditCalBox2 .contentPTop .row-mevduat {
        width: 20.40vw;
    }
}


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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 44vw;
        height: 16.7vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 14vw;
        bottom: 0;
        padding-top: 9.35vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        float: left;
        width: 14vw;
    }
}

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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 55vw;
        height: 17.7vw;
        padding-left: 8vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 15vw;
        bottom: 0;
        padding-top: 3vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        float: none;
        width: 16vw;
        margin: 0 auto;
    }

    .creditCalBox2 .contentPTop .row-mevduat {
        padding-top: 2.45vw;
    }
}

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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 55vw;
        height: 21.7vw;
        padding-left: 7.70vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 13vw;
        bottom: 0;
        padding-top: 0;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        float: none;
        width: 14vw;
        margin: 0 auto;
    }

    .creditCalBox2 .contentPTop .row-mevduat {
        padding-top: 2.45vw;
        width: auto;
    }
}

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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 80vw;
        height: 26.7vw;
        padding-left: 17.50vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 15vw;
        bottom: 0;
        padding-top: 0;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        float: none;
        width: 14vw;
        margin: 0 auto;
    }

    .creditCalBox2 .contentPTop .row-mevduat {
        padding-top: 2.45vw;
        width: auto;
    }
}


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

    .creditCalBox2 .contentPTop .mevduat-container {
        width: 80vw;
        height: 60vw;
        padding-left: 8.50vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button .row3 {
        width: 22.50vw;
        bottom: 0;
        padding-top: 0;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        float: none;
        width: 22.50vw;
        margin: 0 auto;
        padding-top: 25vw;
    }

    .creditCalBox2 .contentPTop .row-mevduat {
        width: 65vw;
        padding-top: 2.45vw;
    }

    .creditCalBox2 .contentPTop .iTitle {
        font-size: 13.40px;
    }
}


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

    .creditCalBox2 .contentPTop .mevduat-container {
        padding-left: 9.5vw;
        height: 90vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        width: 31.5vw;
    }

        .creditCalBox2 .contentPTop .mevduat-button .row3 {
            width: 31.5vw;
        }
}

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


    .creditCalBox2 .contentPTop .mevduat-container {
        padding-left: 8.5vw;
        height: 105vw;
    }

    .creditCalBox2 .contentPTop .mevduat-button {
        width: 31.5vw;
    }

        .creditCalBox2 .contentPTop .mevduat-button .row3 {
            width: 31.5vw;
        }
}


.campListPart ul.odullerlist li .back.OdullerOpacity img {
    opacity: 1;
}


/*Link - Bold Text ve Alt Text*/

.bold-text {
    font-weight: bold !important;
    color: black !important;
    text-decoration: none !important;
}

.bold-text-underline {
    font-weight: bold !important;
    color: black !important;
    text-decoration: underline;
}

.bold-text-green {
    font-weight: bold !important;
    color: #00915A !important;
    text-decoration: none !important;
}

.spaceTop {
    margin-top: 40px !important;
}

.tabsBox .ui-tabs-panel ul a {
    text-decoration: underline;
    font-weight: bold;
    color: black;
}

.alt-text {
    list-style-type: none !important;
    font-size: 14px !important;
    font-family: open_sansregular !important;
    margin: 0 0 15px;
}

.alt-text-mobile {
    list-style-type: none !important;
    font-size: 12px !important;
    font-family: open_sansregular !important;
    margin: 0 0 15px;
}

.line-between {
    border-top: 1px solid #cbcccc;
    padding-top: 55px !important;
    width: 100%;
}

.iMiniTextError {
    color: #f62727;
    font-family: open_sansbold;
}

article .titleBar span.campaigns-inline-text {
    display: inline-block;
    font-family: bnpp_sansregular;
}


/* Oduller Sayfası */

.odullerlist li[data-year$="2015"] {
    display: none !important;
}

.odullerlist li[data-year$="2016"] {
    display: none !important;
}

.odullerlist li.visibleLi {
    display: block !important;
}


/* Hesap Makinesi Calender  */
.ui-datepicker {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

/* Anasayfa Resim */

.twoStructre .image-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
}

section .promo img.mobile-main-banner {
    display: none;
}

@media only screen and (max-width:500px) {
    section .promo img.desktop-main-banner {
        display: none;
    }

    section .promo img.mobile-main-banner {
        display: block;
    }
}

.imageBox.home-mobile-img {
    display: none;
}

.twoStructre .image-thumbnail-mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

/*TEXT ON MİDDLE */

.twoStructre .image-thumbnail .main-banner-text-middle {
    text-align: center;
    color: #000;
}


    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-main-text {
        font-family: 'BrandonGrotesque-Black';
        font-size: 78px;
        line-height: 1.1;
        color: #00915A;
        display: block;
        margin-top: 75px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-alt-text {
        font-family: 'Tungsten-Medium';
        font-size: 42px;
        line-height: 65px;
        letter-spacing: 10px;
    }


    .twoStructre .image-thumbnail .main-banner-text-middle button {
        color: #fff;
        background-color: #ff8500;
        padding: 25px 55px;
        font-size: 18px;
        border: none;
        font-family: open_sanssemibold;
        border-radius: 42px;
        margin-top: 0px;
    }


/*TEXT ON LEFT */

.twoStructre .image-thumbnail .main-banner-text {
    position: absolute;
    left: 70px;
    top: 100px;
    color: #00b54b;
}

    .twoStructre .image-thumbnail .main-banner-text p {
        font-family: open_sansregular;
        font-size: 50px;
        text-align: left;
        line-height: 65px;
    }

        .twoStructre .image-thumbnail .main-banner-text p span {
            font-family: open_sansbold;
        }

            .twoStructre .image-thumbnail .main-banner-text p span:nth-of-type(3) {
                font-family: open_sansextrabold;
                color: #00b54b;
                font-size: 60px;
            }

    .twoStructre .image-thumbnail .main-banner-text button {
        color: #fff;
        background-color: #ff8500;
        padding: 25px 55px;
        font-size: 18px;
        border: none;
        font-family: open_sanssemibold;
        border-radius: 42px;
        margin-top: 25px;
        margin-left: 170px;
    }

/* TEXT ON RIGHT*/



.twoStructre .image-thumbnail .main-banner-text-right {
    position: absolute;
    right: 3.65vw;
    top: 7.4vw;
    color: #212121;
    text-align: center;
}

    .twoStructre .image-thumbnail .main-banner-text-right p {
        font-family: open_sanslight;
        font-size: 2.3vw;
        line-height: 2.8vw;
        color: #00cb49;
    }

        .twoStructre .image-thumbnail .main-banner-text-right p span {
            font-family: open_sanssemibold;
            font-size: 2.4vw;
        }

            .twoStructre .image-thumbnail .main-banner-text-right p span:nth-of-type(2) {
                font-size: 2.9vw;
                letter-spacing: -1px;
                font-family: open_sanssemibold;
                color: #00cb49;
                line-height: 3.6vw;
            }

            .twoStructre .image-thumbnail .main-banner-text-right p span:nth-of-type(3) {
                font-size: 2.5vw;
                letter-spacing: -1px;
                color: #00cb49;
            }

    .twoStructre .image-thumbnail .main-banner-text-right button {
        color: #fff;
        background-color: #ff8500;
        padding: 20px 50px;
        font-size: 17px;
        border: none;
        font-family: open_sanssemibold;
        border-radius: 42px;
        margin-top: 25px;
    }

/*ANASAYFA MAIN BANNER RESPONSIVE*/

@media only screen and (min-width:1950px) {
    .twoStructre .image-thumbnail .main-banner-text-right {
        position: absolute;
        right: 40px;
        top: 140px;
        color: #212121;
        text-align: center;
    }

        .twoStructre .image-thumbnail .main-banner-text-right p {
            font-size: 55px;
            line-height: 1.3;
        }

            .twoStructre .image-thumbnail .main-banner-text-right p span {
                font-size: 55px;
            }

                .twoStructre .image-thumbnail .main-banner-text-right p span:nth-of-type(2) {
                    font-size: 69.5px;
                    line-height: 1.3;
                }
}

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

    .twoStructre .image-thumbnail .main-banner-text-right button {
        padding: 20px 50px;
        font-size: 15px;
        margin-top: 10px;
    }


    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-main-text {
        font-size: 55px;
        line-height: 1.1;
        margin-top: 55px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-alt-text {
        font-size: 35px;
        line-height: 2;
        letter-spacing: 6px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle button {
        padding: 20px 50px;
        font-size: 15px;
        border-radius: 42px;
    }
}


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

    .twoStructre .image-thumbnail .main-banner-text-right {
        top: 5.50vw;
    }

        .twoStructre .image-thumbnail .main-banner-text-right button {
            padding: 15px 35px;
            font-size: 14px;
        }


    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-main-text {
        font-size: 45px;
        line-height: 1.1;
        margin-top: 40px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-alt-text {
        font-size: 30px;
        line-height: 1.5;
        letter-spacing: 4.5px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle button {
        padding: 20px 40px;
        font-size: 15px;
        border-radius: 42px;
    }
}


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

    .twoStructre .image-thumbnail .main-banner-text-right {
        right: 7.5vw;
        top: 9vw;
    }

        .twoStructre .image-thumbnail .main-banner-text-right p {
            font-size: 3.5vw;
            line-height: 4.5vw;
            margin-bottom: 10px;
        }

            .twoStructre .image-thumbnail .main-banner-text-right p span {
                font-size: 3.5vw;
            }

                .twoStructre .image-thumbnail .main-banner-text-right p span:nth-of-type(2) {
                    font-size: 4.4vw;
                    line-height: normal;
                }

                .twoStructre .image-thumbnail .main-banner-text-right p span:nth-of-type(3) {
                    font-size: 3.5vw;
                }

        .twoStructre .image-thumbnail .main-banner-text-right button {
            padding: 20px 50px;
            font-size: 18px;
            margin-left: 1.5vw;
        }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-main-text {
        font-size: 85px;
        line-height: 1.1;
        margin-top: 40px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-alt-text {
        font-size: 55px;
        line-height: 1.7;
        letter-spacing: 10px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle button {
        padding: 25px 55px;
        font-size: 17px;
        border-radius: 42px;
    }
}

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

    .twoStructre .image-thumbnail .main-banner-text-right button {
        padding: 20px 45px;
        font-size: 15px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-main-text {
        font-size: 5.56vw;
        line-height: 1.1;
        margin-top: 3.7vw;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-alt-text {
        font-size: 3.7vw;
        line-height: 1.5;
        letter-spacing: 4.5px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle button {
        padding: 20px 40px;
        font-size: 15px;
        border-radius: 42px;
    }
}




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


    .twoStructre .image-thumbnail .main-banner-text-right {
        right: 6.8vw;
        top: 8.50vw;
    }

        .twoStructre .image-thumbnail .main-banner-text-right button {
            font-size: 1.5vw;
            padding: 2.10vw 4.85vw;
            margin-top: 1vw;
            margin-left: 1.3vw;
        }

    .twoStructre .image-thumbnail .main-banner-text-middle button {
        padding: 20px 30px;
        font-size: 14px;
        border-radius: 42px;
    }
}


@media only screen and (max-width:700px) {
    .twoStructre .image-thumbnail .main-banner-text-right button {
        font-size: 1.7vw;
        padding: 2.2vw 4.5vw;
    }
}


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

    .twoStructre .image-thumbnail .main-banner-text-right button {
        font-size: 1.7vw;
        padding: 2.2vw 4.5vw;
        margin-top: -5px;
    }

    .twoStructre .image-thumbnail .main-banner-text-middle p {
        margin: 0 0 7px;
    }

        .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-main-text {
            font-size: 5.56vw;
            line-height: 1.1;
            margin-top: 3.7vw;
        }

        .twoStructre .image-thumbnail .main-banner-text-middle p span.banner-alt-text {
            font-size: 3.3vw;
            line-height: 1.5;
            letter-spacing: 2.5px;
        }

    .twoStructre .image-thumbnail .main-banner-text-middle button {
        padding: 10px 15px;
        font-size: 2.1vw;
        border-radius: 42px;
    }
}


/*===============================
             Mobil 
            Uygulama 
             İndir
=================================*/



/*=============================          
       General Code Here     
===============================*/


.main_mobil_uygulama {
    display: none;
}

.main_mobil_uygulama {
    width: 100%;
    position: fixed;
    margin-top: -20px;
    height: 101%;
    z-index: 99999999;
    display: none;
    overflow: auto;
}

.main_mobil_uygulama_background {
    width: 100%;
    height: 150%;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    background-color: #1bca6b;
    margin-top: -50px;
    display: none;
}

.gradient {
    background: #1bca6b;
}

.mobil_show {
    display: block !important;
}

.mobil_close {
    display: none !important;
}

.radial {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0.4)), color-stop(52%, rgba(255,255,255,0.1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.1) 52%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}




/*=============================
 
            Tablets
            
===============================*/


@media only screen and (max-width:1280px) and (max-height:800px) {

    /*Mobil Uygulama Main*/
    .main_mobil_uygulama_text, .mobil_uygulama_phone, .mobil_uygulama_buton, .mobil_uygulama_app, .close_button {
        margin-top: 20px;
    }

    /*Mobil Uygulama Close Button*/
    .main_mobil_uygulama .close_button {
        width: 100%;
        position: relative;
        font-family: open_sanslight;
        z-index: 2;
    }

        .main_mobil_uygulama .close_button:before,
        .main_mobil_uygulama .close_button:after {
            clear: both;
            display: table;
            content: "";
        }

        .main_mobil_uygulama .close_button #right_content {
            float: right;
            top: 0;
            right: 0;
            margin-right: 20px;
            font-size: 18px;
            color: #fff;
        }

            .main_mobil_uygulama .close_button #right_content span {
                float: left;
                margin-top: 8px;
                cursor: pointer;
            }

            .main_mobil_uygulama .close_button #right_content figure {
                float: right;
                margin: 10px;
                cursor: pointer;
            }

                .main_mobil_uygulama .close_button #right_content figure img {
                    width: 19px;
                }


    /*Mobil Uygulama Text*/
    .main_mobil_uygulama .main_mobil_uygulama_text span > span {
        font-family: open_sansregular;
    }

    .main_mobil_uygulama .main_mobil_uygulama_text {
        width: 70%;
        margin: 0 auto;
        margin-top: -7px;
        padding-bottom: 10px;
        color: #fff;
        text-align: center;
        font-family: open_sanssemibold;
        font-size: 24px;
    }


    /*Mobil Uygulama Img*/
    .main_mobil_uygulama .mobil_uygulama_phone {
        width: 100%;
        position: relative;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 320px;
            margin: 0 auto;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 320px;
            }

    /*Mobil Uygulama Button*/
    .main_mobil_uygulama .mobil_uygulama_buton {
        position: relative;
        margin-top: 10px;
    }

        .main_mobil_uygulama .mobil_uygulama_buton .applyBtn.orange {
            border-color: #ee8718;
            background: #ee8718;
            color: #fff;
        }

        .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
            display: block;
            width: 290px;
            padding: 20px 20px;
            margin: 0 auto;
            border: 1px solid #ee8718;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            text-align: center;
            text-transform: uppercase;
            font-size: 18px;
            font-family: open_sansbold;
            color: #ee8718;
            transition: all .3s ease;
        }


    /*Mobil Uygulama App*/
    .main_mobil_uygulama .mobil_uygulama_app {
        padding-top: 20px;
    }

        .main_mobil_uygulama .mobil_uygulama_app:before,
        .main_mobil_uygulama .mobil_uygulama_app:after {
            clear: both;
            display: table;
            content: "";
        }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil {
            float: left;
            width: 50%;
            padding-right: 15px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil figure {
                float: right;
            }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
                width: 190px;
            }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil {
            float: right;
            width: 50%;
            padding-left: 15px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil figure {
                float: left;
            }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
                width: 190px;
            }
}



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

    /*Mobil Uygulama Main*/
    .main_mobil_uygulama_text, .mobil_uygulama_phone, .mobil_uygulama_buton, .mobil_uygulama_app, .close_button {
        margin-top: 20px;
    }



    /*Mobil Uygulama Close Button*/
    .main_mobil_uygulama .close_button {
        width: 100%;
        position: relative;
        font-family: open_sanslight;
        z-index: 2;
    }

        .main_mobil_uygulama .close_button:before,
        .main_mobil_uygulama .close_button:after {
            clear: both;
            display: table;
            content: "";
        }

        .main_mobil_uygulama .close_button #right_content {
            float: right;
            top: 0;
            right: 0;
            margin-right: 20px;
            font-size: 18px;
            color: #fff;
        }

            .main_mobil_uygulama .close_button #right_content span {
                float: left;
                margin-top: 8px;
                cursor: pointer;
            }

            .main_mobil_uygulama .close_button #right_content figure {
                float: right;
                margin: 10px;
                cursor: pointer;
            }

                .main_mobil_uygulama .close_button #right_content figure img {
                    width: 19px;
                }


    /*Mobil Uygulama Text*/
    .main_mobil_uygulama .main_mobil_uygulama_text span > span {
        font-family: open_sansregular;
    }

    .main_mobil_uygulama .main_mobil_uygulama_text {
        width: 70%;
        margin: 0 auto;
        margin-top: -7px;
        padding-bottom: 10px;
        color: #fff;
        text-align: center;
        font-family: open_sanssemibold;
        font-size: 24px;
    }


    /*Mobil Uygulama Img*/
    .main_mobil_uygulama .mobil_uygulama_phone {
        width: 100%;
        position: relative;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 320px;
            margin: 0 auto;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 320px;
            }

    /*Mobil Uygulama Button*/
    .main_mobil_uygulama .mobil_uygulama_buton {
        position: relative;
        margin-top: 10px;
    }

        .main_mobil_uygulama .mobil_uygulama_buton .applyBtn.orange {
            border-color: #ee8718;
            background: #ee8718;
            color: #fff;
        }

        .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
            display: block;
            width: 290px;
            padding: 20px 20px;
            margin: 0 auto;
            border: 1px solid #ee8718;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            border-radius: 40px;
            text-align: center;
            text-transform: uppercase;
            font-size: 18px;
            font-family: open_sansbold;
            color: #ee8718;
            transition: all .3s ease;
        }


    /*Mobil Uygulama App*/
    .main_mobil_uygulama .mobil_uygulama_app {
        padding-top: 20px;
    }

        .main_mobil_uygulama .mobil_uygulama_app:before,
        .main_mobil_uygulama .mobil_uygulama_app:after {
            clear: both;
            display: table;
            content: "";
        }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil {
            float: left;
            width: 50%;
            padding-right: 15px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil figure {
                float: right;
            }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
                width: 190px;
            }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil {
            float: right;
            width: 50%;
            padding-left: 15px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil figure {
                float: left;
            }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
                width: 190px;
            }
}



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




    /*Mobil Uygulama Close Button*/
    .main_mobil_uygulama .close_button #right_content {
        font-size: 18px;
        margin-right: 20px;
        margin-top: 0px;
    }

        .main_mobil_uygulama .close_button #right_content figure img {
            width: 18px;
        }


    /*Mobil Uygulama Text*/
    .main_mobil_uygulama .main_mobil_uygulama_text span > span {
        font-family: open_sansregular;
    }

    .main_mobil_uygulama .main_mobil_uygulama_text {
        margin-top: 15px;
        padding-bottom: 15px;
        font-size: 19px;
        width: 70%;
    }

    /*Mobil Uygulama Img*/
    .main_mobil_uygulama .mobil_uygulama_phone {
        margin-top: 10px;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 280px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 280px;
            }


    /*Mobil Uygulama Button*/
    .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
        width: 220px;
        padding: 18px 25px;
        font-size: 13px;
    }

    /*Mobil Uygulama App*/
    .main_mobil_uygulama .mobil_uygulama_app {
        padding-top: 0px;
        margin-top: 10px;
    }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
            width: 130px;
        }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
            width: 130px;
        }
}




@media only screen and (max-width:800px) and (max-height:1280px) {



    /*Mobil Uygulama Close Button*/
    .main_mobil_uygulama .close_button #right_content {
        font-size: 24px;
        margin-right: 20px;
        margin-top: 0px;
    }

        .main_mobil_uygulama .close_button #right_content figure img {
            width: 25px;
        }


    /*Mobil Uygulama Text*/
    .main_mobil_uygulama .main_mobil_uygulama_text span > span {
        font-family: open_sansregular;
    }

    .main_mobil_uygulama .main_mobil_uygulama_text {
        margin-top: 15px;
        padding-bottom: 15px;
        font-size: 28px;
    }

    /*Mobil Uygulama Img*/
    .main_mobil_uygulama .mobil_uygulama_phone {
        margin-top: 30px;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 420px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 420px;
            }


    /*Mobil Uygulama Button*/
    .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
        width: 350px;
        padding: 25px 25px;
        font-size: 22px;
    }

    /*Mobil Uygulama App*/
    .main_mobil_uygulama .mobil_uygulama_app {
        padding-top: 25px;
    }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
            width: 230px;
        }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
            width: 230px;
        }
}



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

    /*Mobil Uygulama Close Button*/
    .main_mobil_uygulama .close_button #right_content {
        font-size: 24px;
        margin-right: 20px;
        margin-top: 0px;
    }

        .main_mobil_uygulama .close_button #right_content figure img {
            width: 25px;
        }


    /*Mobil Uygulama Text*/
    .main_mobil_uygulama .main_mobil_uygulama_text span > span {
        font-family: open_sansregular;
    }

    .main_mobil_uygulama .main_mobil_uygulama_text {
        margin-top: 15px;
        padding-bottom: 15px;
        font-size: 28px;
    }

    /*Mobil Uygulama Img*/
    .main_mobil_uygulama .mobil_uygulama_phone {
        margin-top: 30px;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 420px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 420px;
            }


    /*Mobil Uygulama Button*/
    .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
        width: 350px;
        padding: 25px 25px;
        font-size: 22px;
    }

    /*Mobil Uygulama App*/
    .main_mobil_uygulama .mobil_uygulama_app {
        padding-top: 25px;
    }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
            width: 230px;
        }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
            width: 230px;
        }
}



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

    /*Mobil Uygulama Close Button*/
    .main_mobil_uygulama .close_button #right_content {
        font-size: 18px;
        margin-right: 20px;
        margin-top: 0px;
    }

        .main_mobil_uygulama .close_button #right_content figure img {
            width: 18px;
        }


    /*Mobil Uygulama Text*/
    .main_mobil_uygulama .main_mobil_uygulama_text span > span {
        font-family: open_sansregular;
    }

    .main_mobil_uygulama .main_mobil_uygulama_text {
        margin-top: 15px;
        padding-bottom: 15px;
        font-size: 19px;
        width: 85%;
    }

    /*Mobil Uygulama Img*/
    .main_mobil_uygulama .mobil_uygulama_phone {
        margin-top: 10px;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 320px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 320px;
            }


    /*Mobil Uygulama Button*/
    .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
        width: 230px;
        padding: 18px 25px;
        font-size: 14px;
    }

    /*Mobil Uygulama App*/
    .main_mobil_uygulama .mobil_uygulama_app {
        padding-top: 0px;
    }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
            width: 150px;
        }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
            width: 150px;
        }
}



/*=============================
 
             Phones
            
===============================*/



/*===================
  iPhone Plus Series
=====================*/

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

    .main_mobil_uygulama {
        height: 105%;
    }

        /*Mobil Uygulama Close Button*/
        .main_mobil_uygulama .close_button {
            margin-top: 15px;
        }

            .main_mobil_uygulama .close_button #right_content {
                font-size: 20px;
            }

                .main_mobil_uygulama .close_button #right_content figure img {
                    width: 20px;
                }


        /*Mobil Uygulama Text*/
        .main_mobil_uygulama .main_mobil_uygulama_text {
            margin-top: 15px;
            padding-bottom: 15px;
            font-size: 20px;
            width: 85%;
        }

        /*Mobil Uygulama Img*/
        .main_mobil_uygulama .mobil_uygulama_phone {
            margin-top: 10px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure {
                width: 270px;
            }

                .main_mobil_uygulama .mobil_uygulama_phone figure img {
                    width: 270px;
                }


        /*Mobil Uygulama Button*/
        .main_mobil_uygulama .mobil_uygulama_buton {
            margin-top: 10px;
        }

            .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
                width: 240px;
                padding: 20px 20px;
                font-size: 15px;
            }

        /*Mobil Uygulama App*/
        .main_mobil_uygulama .mobil_uygulama_app {
            padding-top: 10px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
                width: 160px;
            }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
                width: 160px;
            }
}

/*===================
     iPhone 6,7...
=====================*/

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

    .main_mobil_uygulama {
        height: 105%;
    }

        /*Mobil Uygulama Close Button*/
        .main_mobil_uygulama .close_button {
            margin-top: 5px;
        }

            .main_mobil_uygulama .close_button #right_content {
                font-size: 16px;
            }

                .main_mobil_uygulama .close_button #right_content figure img {
                    width: 16px;
                }


        /*Mobil Uygulama Text*/
        .main_mobil_uygulama .main_mobil_uygulama_text {
            margin-top: 0px;
            padding-bottom: 15px;
            font-size: 16px;
            width: 85%;
        }

        /*Mobil Uygulama Img*/
        .main_mobil_uygulama .mobil_uygulama_phone {
            margin-top: 0px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure {
                width: 270px;
            }

                .main_mobil_uygulama .mobil_uygulama_phone figure img {
                    width: 270px;
                }


        /*Mobil Uygulama Button*/
        .main_mobil_uygulama .mobil_uygulama_buton {
            margin-top: 0px;
        }

            .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
                width: 200px;
                padding: 20px 20px;
                font-size: 12px;
            }

        /*Mobil Uygulama App*/
        .main_mobil_uygulama .mobil_uygulama_app {
            padding-top: 0px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
                width: 140px;
            }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
                width: 140px;
            }
}


/*===================
 Android Phone Series
=====================*/

@media only screen and (max-width:360px) and (max-height:640px) {

    .main_mobil_uygulama {
        height: 101%;
    }

        /*Mobil Uygulama Close Button*/
        .main_mobil_uygulama .close_button {
            margin-top: 5px;
        }

            .main_mobil_uygulama .close_button #right_content {
                font-size: 16px;
            }

                .main_mobil_uygulama .close_button #right_content figure img {
                    width: 16px;
                }


        /*Mobil Uygulama Text*/
        .main_mobil_uygulama .main_mobil_uygulama_text {
            margin-top: 0px;
            padding-bottom: 15px;
            font-size: 16px;
            width: 85%;
        }

        /*Mobil Uygulama Img*/
        .main_mobil_uygulama .mobil_uygulama_phone {
            margin-top: 0px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure {
                width: 230px !important;
            }

                .main_mobil_uygulama .mobil_uygulama_phone figure img {
                    width: 230px !important;
                }


        /*Mobil Uygulama Button*/
        .main_mobil_uygulama .mobil_uygulama_buton {
            margin-top: 0px;
        }

            .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
                width: 195px !important;
                padding: 20px 20px;
                font-size: 12px;
            }

        /*Mobil Uygulama App*/
        .main_mobil_uygulama .mobil_uygulama_app {
            padding-top: 0px;
        }

            .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
                width: 135px !important;
            }

            .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
                width: 135px !important;
            }
}


/*===================
      iPhone 5
=====================*/

@media only screen and (max-width:320px) and (max-height:568px) {

    .main_mobil_uygulama {
        height: 105%;
    }

    .mobil_uygulama_content {
        transform: none !important;
    }

    /* Close Button Style Code Here */
    .main_mobil_uygulama .close_button #right_content {
        font-size: 16px !important;
        margin-top: 10px;
        margin-right: 16px !important;
    }

        .main_mobil_uygulama .close_button #right_content figure img {
            width: 15px;
        }


    /*Mobil Uygulama Text Style Code Here */
    .main_mobil_uygulama .main_mobil_uygulama_text {
        font-size: 16px !important;
        margin-top: 2px !important;
        padding-bottom: 2px;
    }

    /*Mobil Uygulama Img Style Code Here */
    .main_mobil_uygulama .mobil_uygulama_phone {
        margin-top: 10px;
        margin-bottom: 5px;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 200px !important;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 200px !important;
            }


    /*Mobil Uygulama Button Style Code Here */
    .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
        width: 190px !important;
        padding: 12px 0px !important;
        font-size: 13px !important;
    }

    /*Mobil Uygulama App Style Code Here */

    .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
        width: 115px !important;
    }

    .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
        width: 115px !important;
    }
}


/*========================
  Old Iphone and Androids 
==========================*/

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

    .main_mobil_uygulama {
        height: 105%;
    }

    .mobil_uygulama_content {
        transform: translateY(15%);
    }

    /* Close Button Style Code Here */
    .main_mobil_uygulama .close_button #right_content {
        font-size: 15px;
        margin-right: 10px;
    }

        .main_mobil_uygulama .close_button #right_content figure img {
            width: 15px;
        }


    /*Mobil Uygulama Text Style Code Here */
    .main_mobil_uygulama .main_mobil_uygulama_text {
        margin-top: 1px;
        padding-bottom: 2px;
        font-size: 13px;
    }

    /*Mobil Uygulama Img Style Code Here */
    .main_mobil_uygulama .mobil_uygulama_phone {
        margin-top: 10px;
        margin-bottom: 5px;
    }

        .main_mobil_uygulama .mobil_uygulama_phone figure {
            width: 120px;
        }

            .main_mobil_uygulama .mobil_uygulama_phone figure img {
                width: 120px;
            }


    /*Mobil Uygulama Button Style Code Here */
    .main_mobil_uygulama .mobil_uygulama_buton .applyBtn {
        width: 165px;
        padding: 12px 0px;
        font-size: 10px;
    }

    /*Mobil Uygulama App Style Code Here */
    .main_mobil_uygulama .mobil_uygulama_app {
        margin-top: 10px;
    }

        .main_mobil_uygulama .mobil_uygulama_app #app_store_mobil img {
            width: 100px;
        }

        .main_mobil_uygulama .mobil_uygulama_app #google_play_mobil img {
            width: 100px;
        }
}






/*=============
    Mobil 
    Uygulama 
    Banner
===============*/

.mobil_uygulama_banner {
    width: 100%;
    height: auto;
    background-color: #00915A;
    color: #fff;
    margin-bottom: 20px;
    padding-bottom: 5px;
    position: relative;
}

.mobil_uygulama_container {
    padding-left: 270px;
}

.mobil_uygulama_banner figure {
    position: absolute;
    left: 0;
    bottom: -3px;
    margin-left: 70px;
}

    .mobil_uygulama_banner figure:before,
    .mobil_uygulama_banner figure:after {
        clear: both;
        display: table;
        content: "";
    }


.mobil_uygulama_container:before,
.mobil_uygulama_container:after {
    clear: both;
    display: table;
    content: "";
}

.mobil_uygulama_banner .mobil_uygulama_apps {
    float: left;
}

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        margin-right: 15px;
        margin-top: 12px;
        width: 140px;
    }

section.sidebarCont article .contentBox .mobil_uygulama_banner p {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-family: open_sanslight;
    padding-top: 30px;
    text-align: left;
}

    section.sidebarCont article .contentBox .mobil_uygulama_banner p > span {
        font-family: open_sansregular;
    }

section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
    display: inline-block;
    font-size: 14px;
    padding: 14px 25px;
    margin: 8px 10px;
}


@media only screen and (max-width:1680px) {
    .mobil_uygulama_container {
        padding-left: 250px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 50px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        text-align: left;
    }
}

@media only screen and (max-width:1440px) {
    .mobil_uygulama_container {
        padding-left: 220px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 45px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 18px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        width: 160px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 13px;
        padding: 14px 25px;
        margin: 8px 10px;
    }
}


@media only screen and (max-width:1366px) {
    .mobil_uygulama_container {
        padding-left: 210px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 30px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 17px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        margin-right: 15px;
        margin-top: 10px;
        width: 150px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 12px;
        padding: 16px 25px;
        margin: 7px 10px;
    }
}

@media only screen and (max-width:1280px) {
    .mobil_uygulama_banner {
        padding-bottom: 10px;
    }

    .mobil_uygulama_container {
        padding-left: 210px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 30px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 17px;
        width: 550px;
        padding-top: 20px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        margin-right: 15px;
        margin-top: 10px;
        width: 135px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 12px;
        padding: 15px 20px;
        margin: 2px 10px;
    }
}


@media only screen and (max-width:1024px) {
    .mobil_uygulama_container {
        padding-left: 200px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 20px;
    }

        .mobil_uygulama_banner figure img {
            width: 140px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 15px;
        margin-bottom: 0;
        width: 420px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        width: 110px;
        margin-right: 10px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 11px;
        padding: 13px 10px;
        margin: 1px 0px;
        width: 165px;
    }
}


@media only screen and (max-width:768px) {
    .mobil_uygulama_banner figure {
        margin-left: 25px;
        margin-top: 20px;
    }

        .mobil_uygulama_banner figure img {
            width: 140px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 15px;
        margin-bottom: 0;
        width: 485px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        width: 120px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 10px;
        padding: 15px 20px;
        margin: 3px 0px;
        width: 180px;
    }
}


@media only screen and (max-width:640px) {
    .mobil_uygulama_container {
        padding-left: 180px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 25px;
        margin-top: 20px;
    }

        .mobil_uygulama_banner figure img {
            width: 140px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 14px;
        margin-bottom: 0;
        width: 385px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        width: 110px;
        margin-right: 5px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 10px;
        padding: 12px 15px;
        margin: 0px 4px;
        width: 160px;
    }
}


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

    .mobil_uygulama_container {
        padding-left: 162px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 10px;
        margin-top: 20px;
    }

        .mobil_uygulama_banner figure img {
            width: 140px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        font-size: 14px;
        margin-bottom: 0;
        width: 385px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps img {
        width: 110px;
        margin-right: 5px;
    }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 9px;
        padding: 11px 15px;
        margin: 5px 4px;
        width: 150px;
    }
}



@media only screen and (max-width:480px) {
    .mobil_uygulama_banner {
        margin-left: -20px;
        width: 414px;
    }

    .mobil_uygulama_container {
        padding-left: 95px;
        margin-top: 20px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 15px;
    }

        .mobil_uygulama_banner figure img {
            width: 100px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        width: 260px;
        position: absolute;
        float: none;
        padding-left: 0px;
        padding-top: 10px;
        margin-top: 0px;
        font-size: 11px;
        line-height: 15px;
        left: auto;
        right: 40px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps {
        padding-top: 45px;
        padding-left: 18px;
    }

        .mobil_uygulama_banner .mobil_uygulama_apps img {
            width: 80px;
            margin-right: 5px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 7px;
        padding: 9px 10px;
        margin-top: 51px;
        width: 114px;
    }
}


@media only screen and (max-width:400px) {
    .mobil_uygulama_banner {
        margin-left: -20px;
        width: 375px;
    }

    .mobil_uygulama_container {
        padding-left: 95px;
        margin-top: 20px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 15px;
        margin-left: 5px;
    }

        .mobil_uygulama_banner figure img {
            width: 100px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        width: 220px;
        position: absolute;
        float: none;
        padding-left: 0px;
        padding-top: 10px;
        margin-top: 0px;
        font-size: 11px;
        line-height: 15px;
        left: auto;
        right: 40px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps {
        padding-top: 45px;
        padding-left: 18px;
    }

        .mobil_uygulama_banner .mobil_uygulama_apps img {
            width: 70px;
            margin-right: 2px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 6px;
        padding: 8px 10px;
        margin-top: 51px;
        width: 100px;
    }
}

@media only screen and (max-width:360px) and (max-height:640px) {

    .mobil_uygulama_banner {
        margin-left: -20px;
        width: 375px;
    }

    .mobil_uygulama_container {
        padding-left: 95px;
        margin-top: 20px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 15px;
        margin-left: 5px;
    }

        .mobil_uygulama_banner figure img {
            width: 100px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        width: 220px;
        position: absolute;
        float: none;
        padding-left: 0px;
        padding-top: 10px;
        margin-top: 0px;
        font-size: 11px;
        line-height: 15px;
        left: auto;
        right: 40px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps {
        padding-top: 45px;
        padding-left: 18px;
    }

        .mobil_uygulama_banner .mobil_uygulama_apps img {
            width: 65px;
            margin-right: 2px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 6px;
        padding: 8px 10px;
        margin-top: 51px;
        width: 100px;
    }
}

@media only screen and (max-width:330px) {
    .mobil_uygulama_banner {
        margin-left: -20px;
        width: 320px;
        padding-bottom: 5px;
    }

    .mobil_uygulama_container {
        padding-left: 95px;
        margin-top: 20px;
    }

    .mobil_uygulama_banner figure {
        margin-left: 15px;
        margin-left: 5px;
    }

        .mobil_uygulama_banner figure img {
            width: 80px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner p {
        width: 200px;
        position: absolute;
        float: none;
        padding-left: 0px;
        padding-top: 7px;
        margin-top: 0px;
        font-size: 11px;
        line-height: 15px;
        left: auto;
        right: 25px;
    }

    .mobil_uygulama_banner .mobil_uygulama_apps {
        padding-top: 50px;
        padding-left: 0px;
    }

        .mobil_uygulama_banner .mobil_uygulama_apps img {
            width: 57px;
            margin-right: 2px;
        }

    section.sidebarCont article .contentBox .mobil_uygulama_banner .applyBtn.auto {
        font-size: 5.5px;
        padding: 6px 10px;
        margin-top: 56px;
        width: 93px;
    }
}

/*===============================
             Mobil 
            Uygulama 
             Sticky
=================================*/

.mobil_uygulama_app_indir {
    position: fixed;
    display: none;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    height: 7%;
    background-color: #00c239;
    font-family: open_sanslight;
}

    .mobil_uygulama_app_indir p {
        float: left;
        padding-top: 27px;
        padding-left: 40px;
        padding-right: 30px;
        color: #fff;
        font-size: 20px;
    }

        .mobil_uygulama_app_indir p > span {
            font-family: open_sansbold;
        }

.all-link {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin-right: 0;
}

.mobil_uygulama_app_indir .mobil_uygulama_apps figure {
    float: left;
}

.mobil_uygulama_app_indir .mobil_uygulama_apps img {
    width: 150px;
    margin-right: 25px;
    margin-top: 15px;
    float: left;
}


/*=============================
 
            Tablets
            
===============================*/

@media only screen and (max-width:1280px) {
    .mobil_uygulama_app_indir {
        height: 75px;
    }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 140px;
            margin-right: 25px;
            margin-top: 17px;
            float: left;
        }

        .mobil_uygulama_app_indir p {
            float: left;
            padding-top: 29px;
            padding-left: 285px;
            padding-right: 30px;
        }
}

@media only screen and (max-width:1024px) {
    .mobil_uygulama_app_indir {
        height: 20px;
    }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 135px;
            margin-right: 25px;
            margin-top: 9px;
            float: left;
        }

        .mobil_uygulama_app_indir p {
            float: left;
            padding-top: 19px;
            padding-left: 155px;
            padding-right: 30px;
        }
}

/*For iPad*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .mobil_uygulama_app_indir {
        height: 56px;
    }
}


@media only screen and (max-width:900px) {
    .mobil_uygulama_app_indir {
        height: 55px;
    }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 130px;
            margin-right: 25px;
            margin-top: 9px;
            float: left;
        }

        .mobil_uygulama_app_indir p {
            float: left;
            padding-top: 19px;
            padding-left: 110px;
            padding-right: 30px;
        }
}

@media only screen and (max-width:800px) {
    .mobil_uygulama_app_indir {
        height: 63px;
    }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 135px;
            margin-right: 25px;
            margin-top: 12px;
            float: left;
        }

        .mobil_uygulama_app_indir p {
            float: left;
            padding-top: 23px;
            padding-left: 55px;
            padding-right: 30px;
        }
}

@media only screen and (max-width:768px) {
    .mobil_uygulama_app_indir {
        height: 63px;
    }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 135px;
            margin-right: 25px;
            margin-top: 13px;
            float: left;
        }

        .mobil_uygulama_app_indir p {
            float: left;
            padding-top: 23px;
            padding-left: 40px;
            padding-right: 30px;
        }
}

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

    .mobil_uygulama_app_indir {
        height: 42px;
    }

        .mobil_uygulama_app_indir p {
            font-size: 13px;
            padding-top: 11px;
            padding-left: 100px;
            padding-right: 17px;
        }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 95px;
            margin-right: 10px;
            margin-top: 7px;
            float: left;
        }
}


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

    .mobil_uygulama_app_indir {
        height: 50px;
    }

        .mobil_uygulama_app_indir p {
            font-size: 15px;
            padding-top: 15px;
            padding-left: 42px;
            padding-right: 17px;
        }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 110px;
            margin-right: 10px;
            margin-top: 9px;
            float: left;
        }
}



/*=============================
 
             Phones
            
===============================*/


/*===================
  iPhone Plus Series
=====================*/

@media only screen and (max-width:440px) {
    .mobil_uygulama_app_indir {
        height: 45px;
    }

        .mobil_uygulama_app_indir p {
            font-size: 11px;
            padding-top: 14px;
            padding-left: 15px;
            padding-right: 17px;
        }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 85px;
            margin-right: 10px;
            margin-top: 10px;
            float: left;
        }
}

/*===================
     iPhone 6,7...
=====================*/

@media only screen and (max-width:400px) {
    .mobil_uygulama_app_indir {
        height: 40px;
    }

        .mobil_uygulama_app_indir p {
            font-size: 11px;
            padding-top: 11px;
            padding-left: 8px;
            padding-right: 10px;
        }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 70px;
            margin-right: 10px;
            margin-top: 11px;
            float: left;
        }
}

/*===================
 Android Phone Series
=====================*/

@media only screen and (max-width:360px) {
    .mobil_uygulama_app_indir {
        height: 40px;
    }

        .mobil_uygulama_app_indir p {
            width: 195px;
            font-size: 10px;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 5px;
        }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 72px;
            margin-right: 5px;
            margin-top: 10px;
            float: left;
        }
}

/*===================
      iPhone 5
=====================*/

@media only screen and (max-width:350px) {
    .mobil_uygulama_app_indir {
        height: 45px;
    }

        .mobil_uygulama_app_indir p {
            width: 175px;
            font-size: 9px;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 5px;
        }

        .mobil_uygulama_app_indir .mobil_uygulama_apps img {
            width: 65px;
            margin-right: 5px;
            margin-top: 12px;
            float: left;
        }
}






/*===============================
          Kampanyalar 
            Sayfası 
=================================*/



/*=============================          
       General Code Here     
===============================*/

h2.green-title-last-campaigns {
    background-color: #28b961;
    color: #fff;
    margin-left: -40px;
    padding-top: 0;
    padding: 10px 50px 10px 50px;
    border: 2px solid;
    border-radius: 0 30px 30px 0;
}

.endedCamp {
    font-size: 1.28vw;
    font-family: open_sanslight;
    font-weight: bold;
    visibility: visible;
}

    .endedCamp strong {
        font-family: open_sansbold;
    }


.campDetailTopSide {
    float: left;
    position: relative;
    margin-bottom: 30px;
    min-height: 630px;
    width: 100%;
}


.campListPart ul {
    padding-bottom: 35px;
}


    .campListPart ul li {
        width: 24%;
        margin: 0.9%;
        min-height: 510px;
        margin-right: 0;
    }

        .campListPart ul li img {
            width: 22.9vw;
        }

        /*.campListPart ul li:nth-child(4n) {
margin-right: initial;
}*/


        .campListPart ul li span.old {
            font-size: 18px;
            padding: 18px 0;
        }

        .campListPart ul li .back {
            background: none;
            border: 0;
            width: 100%;
        }


section .applyBtn.orange.not-active {
    pointer-events: none;
    cursor: default;
    background: #aeaeae;
    border-color: #aeaeae;
}


/* Kampanyalar Sayfası İçerik */


.campDetail article .campDetailImg {
    position: absolute;
    margin: 0px 0 0px 30px;
    top: 30px;
    opacity: 1;
    z-index: 2;
}

    .campDetail article .campDetailImg.whatis {
        opacity: 1;
    }

section.sidebarCont article .contentBox {
    min-height: auto;
}

.campDetail article .campDetailTopSide .titleBar {
    z-index: 1;
}


/* Campaign QR Code Banner */

.tavQrCode {
    background: url(../img/icons/Kampanya/tavQrPhone.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: 2.70%;
    bottom: 35px;
    z-index: 3;
    width: 47.367963%;
    height: 145px;
    padding: 20px;
}

    .tavQrCode p {
        font-size: 19px;
        width: 60%;
        line-height: 1.15;
        font-family: bnpp_sansregular;
        bottom: 0px;
        position: absolute;
    }

        .tavQrCode p a {
            text-decoration: none;
        }

        .tavQrCode p strong, .tavQrCode p span {
            font-family: bnpp_sansbold;
        }

    .tavQrCode img {
        width: auto;
    }

/***/


/* Campaign Mini Img Box*/

.blackTextImgContainer ul.imgTextList {
    width: 100%;
    position: relative;
    padding: 50px 0 40px 0;
}

    .blackTextImgContainer ul.imgTextList li {
        float: left;
        width: 33.3%;
        padding-bottom: 25px;
        color: #363636;
        min-height: 380px;
    }

        .blackTextImgContainer ul.imgTextList li img {
            display: block;
        }

        .blackTextImgContainer ul.imgTextList li span {
            font-family: bnpp_sansregular;
            font-size: 29.5px;
            padding: 25px 0;
            width: 70%;
            display: block;
            color: #404040;
        }

        .blackTextImgContainer ul.imgTextList li p {
            width: 72%;
            font-family: bnpp_sanslight;
            font-size: 20px;
            line-height: 1.5;
        }

.bankSliderContainer {
    display: none;
}

.campDetail .campaignImgContainer {
    float: left;
    padding: 15px 40px 30px 40px;
    width: 100%;
}


    .campDetail .campaignImgContainer h3 {
        font-family: bnpp_sanslight;
        font-size: 35px;
        padding: 5px 0;
    }

    .campDetail .campaignImgContainer > h3 strong, .campDetail .campaignImgContainer > h3 span {
        font-family: bnpp_sansregular;
    }


    .campDetail .campaignImgContainer img {
        width: auto;
    }

.campaignImgContainer ul.imgTextList {
    padding: 45px 0 0;
}

    .campaignImgContainer ul.imgTextList li {
        min-height: 315px;
        padding-bottom: 10px;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 25px;
            padding: 23.5px 0;
        }

        .campaignImgContainer ul.imgTextList li p {
            font-size: 19.5px;
            line-height: 1.25;
        }

/*****/





/*Campaigns Accordion*/

.campaigns-accordion-title {
    float: left;
    padding: 25px;
}

    .campaigns-accordion-title h3 {
        font-size: 18px;
    }

.accordionBox.campaigns-accordion {
    padding: 25px 0;
}

    .accordionBox.campaigns-accordion .title {
        font-size: 16px;
        background-size: 20px;
        padding-left: 40px;
    }

    .accordionBox.campaigns-accordion .content p {
        font-size: 14px;
        line-height: 20px;
    }

/*Digital Membership Campaign Share Line Delete*/
.campDetail.Digital-Membership .bottomShareBox {
    border: none;
}


/*=============================
 
            Desktops
            
===============================*/

@media only screen and (max-width:1750px) {
    .tavQrCode {
        background-size: 99.5%;
        left: 3%;
        bottom: 50px;
    }

        .tavQrCode p {
            font-size: 17px;
            bottom: 15px;
        }
}




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

    .campDetail article .campDetailImg {
        position: absolute;
        margin: 0px 0 0px 30px;
        top: 30px;
        opacity: 1;
    }


    .campListPart ul li {
        min-height: 445px;
    }

    .campDetailTopSide {
        min-height: 535px;
    }

    /* Campaign*/
    .campaignImgContainer ul.imgTextList li {
        min-height: 330px;
    }
}


/*=============================
 
            Laptops
            
===============================*/

@media only screen and (max-width:1550px) {
    .campDetail .campaignImgContainer h3 {
        font-size: 33px;
    }

    .campaignImgContainer ul.imgTextList li {
        min-height: 320px;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 21.5px;
        }

        .campaignImgContainer ul.imgTextList li p {
            font-size: 18.5px;
        }


    .tavQrCode {
        left: 3.4%;
    }

        .tavQrCode p {
            bottom: 17px;
        }
}


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

    .campListPart ul li {
        min-height: 395px;
    }

        .campListPart ul li span.old {
            font-size: 17px;
        }

    .campDetail article .campDetailImg {
        position: absolute;
        margin: 0px 0 0px 30px;
        top: 30px;
    }

    .accordionBox.campaigns-accordion .title {
        font-size: 15px;
    }

    .accordionBox.campaigns-accordion .content p {
        font-size: 13px;
    }

    .campaignImgContainer ul.imgTextList li span {
        font-size: 21.5px;
    }

    .campaignImgContainer ul.imgTextList li p {
        font-size: 18px;
    }

    .campaignImgContainer ul.imgTextList li {
        min-height: 340px;
    }

    .campDetail .campaignImgContainer .bankSliderContainer {
        min-height: 295px;
    }

    .tavQrCode {
        left: 3.7%;
    }

        .tavQrCode p {
            bottom: 10px;
        }
}

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

    .campDetail article .campDetailImg {
        position: absolute;
        margin: 0px 0 0px 30px;
        top: 30px;
    }

    .campListPart ul li {
        min-height: 375px;
    }

        .campListPart ul li img {
            width: 22.95vw;
        }

    .campaigns-accordion-title h3 {
        font-size: 16px;
    }

    .accordionBox.campaigns-accordion .title {
        font-size: 14px;
    }

    .campaignImgContainer ul.imgTextList li {
        min-height: 315px;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 20px;
        }

        .campaignImgContainer ul.imgTextList li p {
            font-size: 17px;
        }

    .tavQrCode p {
        font-size: 16px;
        bottom: 35px;
    }

    .campDetail .campaignImgContainer {
        padding-top: 0;
    }
}



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

    .campListPart ul li {
        width: 24%;
    }

    .campListPart ul li {
        min-height: 370px;
    }

    .campDetailTopSide {
        min-height: 470px;
    }

    .campDetail .campaignImgContainer h3 {
        font-size: 33px;
        padding-bottom: 40px;
    }

    .campaignImgContainer ul.imgTextList {
        padding-top: 0;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 18.5px;
        }


    .campDetail .campaignImgContainer {
        padding: 0px 40px 30px 40px;
    }

    .tavQrCode {
        left: 4.2%;
        bottom: 22px;
    }

        .tavQrCode p {
            font-size: 15.5px;
            bottom: 41px;
        }
}



/*=============================
 
            Tablets
            
===============================*/


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

    .campListPart ul li {
        min-height: 320px;
    }

    .campDetail article .campDetailImg {
        position: absolute;
        margin: 0px 0 0px 30px;
        top: 30px;
    }

    .campDetailTopSide {
        min-height: 430px;
    }

    .endedCamp {
        font-size: 1.28vw;
        font-family: open_sanslight;
        font-weight: bold;
        visibility: visible;
        animation-delay: 0.15s;
        animation: none;
    }

    .campaigns-accordion-title h3 {
        font-size: 15px;
    }

    .accordionBox.campaigns-accordion .title {
        font-size: 13px;
    }

    .accordionBox.campaigns-accordion .content p {
        font-size: 12px;
    }


    .tavQrCode {
        bottom: 65px;
        left: 5%;
    }

        .tavQrCode p {
            font-size: 13px;
            bottom: 60px;
        }
}


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

    .campListPart ul li {
        min-height: 290px;
    }

    .campDetail article .campDetailImg {
        position: absolute;
        margin: 0px 0 0px 30px;
        top: 30px;
    }

    /* Campaign*/

    .blackTextImgContainer {
        text-align: center;
    }

        .blackTextImgContainer ul.imgTextList {
            display: none;
        }

    .campDetail .campaignImgContainer h3 {
        font-size: 30px;
        padding: 40px 0 10px 0;
    }


    .tavQrCode {
        bottom: 128px;
        left: 5.8%;
        width: 46.67963%;
    }


    /*Slick Slider for Pages*/
    .bankSliderContainer {
        overflow: hidden;
        position: relative;
        padding: 30px 0;
        min-height: 350px;
        display: block;
        margin-bottom: 20px;
    }

        .bankSliderContainer .bankSliderContent {
            width: 100%;
            overflow: hidden;
            height: 100%;
            position: absolute;
        }

    .bankSlider-items {
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .bankSliderContent a {
        text-decoration: underline;
        color: #404040;
    }

    .bankSliderContent img {
        margin: 0 auto;
        padding: 20px 0;
    }

    .bankSliderContent span {
        font-family: bnpp_sansregular;
        font-size: 26.5px;
        width: 70%;
        display: block;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .contentWrapper .blackTextImgContainer p {
        width: 55%;
        margin: 0 auto;
        font-size: 19px;
    }

    .bankSliderContent .slick-dots {
        bottom: 40px !important;
    }

        .bankSliderContent .slick-dots li button:before {
            width: 15px;
            height: 15px;
            content: " ";
            color: #ffe7cd;
            background-color: #ffe7cd;
            opacity: 1;
            border-radius: 10px;
        }

        .bankSliderContent .slick-dots li.slick-active button:before {
            color: rgb(255,255,255);
            content: " ";
            background-color: #ee8718;
        }
}


@media only screen and (max-width:800px) and (max-height:1280px) {
    .campListPart ul li span.old {
        font-size: 15px;
    }

    .campListPart ul li {
        min-height: 261px;
    }

    .campDetail article .campDetailImg {
        position: absolute;
        margin: 0px 0 0px 30px;
        top: 30px;
    }
}


@media only screen and (max-width:820px) {
    .tavQrCode {
        bottom: 113px;
        left: 6.8%;
        background-size: 99%;
        padding: 10px;
    }

        .tavQrCode p {
            font-size: 11px;
            bottom: 80px;
            width: 55%;
        }
}


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

    .campListPart ul li {
        width: 30%;
        margin: 1.5%;
        min-height: 300px;
    }

    .campDetail article .campDetailImg {
        position: relative;
        margin: 0 auto;
        top: 0;
    }

    .campListPart ul li img {
        width: 30.6vw;
    }

    .accordionBox.campaigns-accordion {
        padding: 25px 25px;
    }


    .campDetail .campaignImgContainer {
        margin-top: -20px;
    }

        .campDetail .campaignImgContainer p {
            width: 55%;
            margin: 0 auto;
            font-size: 17px;
            padding: 10px 0;
        }

        .campDetail .campaignImgContainer .bankSliderContainer {
            min-height: 355px;
        }

    .tavQrCode {
        left: 2.5%;
        background-size: 95%;
        padding: 20px;
        top: 31%;
        width: 100%;
    }

        .tavQrCode p {
            font-size: 16px;
            bottom: 0;
            top: 105px;
            width: 55%;
        }


    .bankSliderContent span {
        font-size: 24px;
    }

    .campDetail .campaignImgContainer p {
        font-size: 15px;
    }
}


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

    .tavQrCode {
        top: 23.5%;
    }
}

@media only screen and (max-width:600px) {
    .campListPart ul li {
        min-height: 340px;
        width: 46%;
        margin: 1.9%;
        margin-left: 1.4%;
    }

    .campListPart ul {
        padding-bottom: 10px;
    }

    .campDetail article .campDetailImg {
        position: relative;
        margin: 0 auto;
        top: 0;
    }

    .campListPart ul li img {
        width: 46.6vw;
    }

    .bankSliderContainer {
        min-height: 370px;
    }

    .bankSliderContent .slick-dots {
        bottom: 35px !important;
    }

    .tavQrCode p {
        font-size: 16px;
        top: 87px;
    }
}



/*=============================
 
             Phones
            
===============================*/



/*===================
  iPhone Plus Series
          / 
       Android
=====================*/

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

    .campListPart ul li {
        min-height: 275px;
        width: 46%;
        margin: 2%;
        margin-left: 1.1%;
    }

    .campListPart ul {
        padding-bottom: 25px;
    }

    .endedCamp {
        font-size: 3vw;
    }

        .endedCamp strong {
            font-size: 3.25vw;
        }

    .campDetail .campaignImgContainer {
        margin-top: -25px;
    }

        .campDetail .campaignImgContainer h3 {
            font-size: 25px;
        }

    .bankSliderContainer {
        min-height: 330px;
        padding: 15px 0;
    }

    .bankSliderContent .slick-dots {
        bottom: 35px !important;
    }

    .tavQrCode {
        left: 10px;
        width: 95.1%;
        background-size: 100% 65%;
        padding: 10px;
        top: 17%;
    }

        .tavQrCode p {
            font-size: 12px;
            bottom: 0;
            top: 55px;
            width: 60%;
        }

    .bankSliderContent span {
        font-size: 23px;
    }

    .campDetail .campaignImgContainer p {
        font-size: 14px;
    }
}


/*===================
      iPhone 5
          / 
       Android
=====================*/

@media only screen and (max-width:380px) {
    /*Campaign*/
    .campDetail .campaignImgContainer h3 {
        font-size: 22px;
    }

    .tavQrCode {
        left: 9px;
        top: 18%;
    }

        .tavQrCode p {
            font-size: 13px;
            bottom: 0;
            top: 49px;
            width: 65%;
        }

    .bankSliderContent span {
        font-size: 22px;
    }

    .campDetail .campaignImgContainer p {
        font-size: 13px;
        width: 90%;
    }
}

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

    .tavQrCode {
        left: 8px;
        top: 16%;
    }

        .tavQrCode p {
            font-size: 12px;
            bottom: 0;
            top: 45px;
            width: 60%;
        }

    .bankSliderContent span {
        font-size: 20px;
        width: 50%;
    }

    .campDetail .campaignImgContainer {
        padding: 0px 40px 0px 40px;
    }

        .campDetail .campaignImgContainer p {
            font-size: 13px;
            width: 90%;
        }
}


@media only screen and (max-width:320px) and (max-height:568px) {

    .campListPart ul li {
        min-height: 250px;
    }

    .endedCamp {
        font-size: 4vw;
    }

        .endedCamp strong {
            font-size: 4.25vw;
        }
}






/*===============================
            
            ODULLER

=================================*/



/*=============================          
       General Code Here     
===============================*/

.campListPart .odullerlist li {
    min-height: 340px;
    width: 24%;
}

.campListPart ul.odullerlist li img {
    width: 100%;
    height: auto;
}

/*=============================
 
            Desktops
            
===============================*/



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

    .campListPart .odullerlist li {
        min-height: 340px;
    }
}


/*=============================
 
            Laptops
            
===============================*/


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

    .campListPart .odullerlist li {
        min-height: 300px;
    }
}

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

    .campListPart .odullerlist li {
        min-height: 290px;
    }
}



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

    .campListPart .odullerlist li {
        min-height: 270px;
    }
}



/*=============================
 
            Tablets
            
===============================*/


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

    .campListPart .odullerlist li {
        min-height: 240px;
    }
}


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

    .campListPart .odullerlist li {
        min-height: 210px;
    }
}


@media only screen and (max-width:800px) and (max-height:1280px) {
    .campListPart .odullerlist li {
        min-height: 200px;
    }
}

@media only screen and (max-width:768px) {
    .campListPart .odullerlist li {
        min-height: 200px;
        width: 30%;
    }
}



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

    .campListPart .odullerlist li {
        min-height: 190px;
        width: 31%;
    }

    .campListPart ul.campListYearSelect li {
        margin: 1.1%;
    }
}



/*=============================
 
             Phones
            
===============================*/



/*===================
  iPhone Plus Series
=====================*/

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

    .campListPart .odullerlist li {
        min-height: 200px;
        width: 47.4%;
    }
}

/*===================
     iPhone 6,7... 
          / 
       Android
=====================*/

@media only screen and (max-width:375px) {
    .campListPart .odullerlist li {
        min-height: 180px;
    }
}


/*===================
      iPhone 5
=====================*/

@media only screen and (max-width:320px) and (max-height:568px) {

    .campListPart .odullerlist li {
        min-height: 155px;
    }
}


/*===============================
        
         İnfografikler

=================================*/



/*=============================          
       General Code Here     
===============================*/



.campListPart ul.infografikler {
    float: left;
    width: 100%;
    clear: both;
    padding-top: 30px;
    margin: 0;
    list-style-type: none;
}

    .campListPart ul.infografikler li {
        float: left;
        width: 22.87%;
        margin: 1.0% 1.0% 1.0% 1.0%;
    }

        .campListPart ul.infografikler li a {
            display: inline-block;
        }

        .campListPart ul.infografikler li img {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 1;
            transition-duration: .2s;
            -webkit-transition-duration: .2s;
            transition-duration: .3s;
            -webkit-transition-duration: .3s;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .campListPart ul.infografikler li span.old {
            padding: 25px 0;
            font-size: 22px;
            color: #1c1c1c;
            display: block;
        }

        .campListPart ul.infografikler li span.old {
            height: 3.5em;
        }

/*=============================
 
            Laptops
            
===============================*/


@media (max-width: 1366px) {
    .campListPart ul.infografikler li span.old {
        padding: 15px 0;
        font-size: 18px;
    }

    .campListPart ul.infografikler {
        padding-top: 20px;
    }
}



/*=============================
 
            Tablets
            
===============================*/

@media (max-width: 1024px) {
    .campListPart ul.infografikler li span.old {
        padding: 10px 0;
        font-size: 14px;
    }
}


@media (max-width: 768px) {
    .campListPart ul.infografikler li span.old {
        font-size: 12px;
    }
}



@media (max-width: 640px) {
    .campListPart ul.infografikler li span.old {
        font-size: 14px;
    }

    .campListPart ul.infografikler li:nth-child(2n) {
        margin-right: 0;
    }
}

/*============================= 
 
             Phones
            
===============================*/



@media (max-width: 480px) {
    .campListPart ul.infografikler li {
        width: 48.190938511327%;
    }

    .campListPart ul.infografikler li {
        margin: 0 2.618123% 1.6181229773463% 0;
    }
}

@media (max-width: 400px) {
    .campListPart ul.infografikler li {
        padding-bottom: 7px;
    }
}




/*============================= 
 
           Acil Kredi
             Pop-Up
            
===============================*/



/*=============================          
       General Code Here     
===============================*/



.AcilKrediPopUp-Main {
    width: 100%;
    bottom: 0;
    top: 0;
    display: none;
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0px;
    z-index: 99999999;
}

.pop-up-Show {
    display: block;
}

.pop-up-Hide {
    display: none;
}

.AcilKrediPopUp-Main .dummy {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.AcilKrediPopUp-Main .AcilKredi-Content {
    width: 1118px;
    height: 577px;
    position: fixed;
    border: 2px solid #eaf4e0;
    border-radius: 10px;
    background-color: #eaf4e0;
    left: calc(50% - 559px);
    top: calc(50% - 278px);
    text-align: center;
}

    .AcilKrediPopUp-Main .AcilKredi-Content a {
        position: absolute;
        top: 50px;
        right: 45px;
        z-index: 9;
    }

        .AcilKrediPopUp-Main .AcilKredi-Content a.close img {
            z-index: 9;
        }

    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
        width: 36%;
        bottom: -5px;
        position: absolute;
        left: 40px;
    }


    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
        position: absolute;
        width: 60%;
        right: 7%;
        top: 32%;
    }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
            font-family: open_sanssemibold;
            font-size: 1.75vw;
            line-height: 50px;
            margin: 0;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p span.pop-up-green-text {
                font-family: open_sansextrabold;
                color: #00bc5d;
            }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p span.pop-up-black-text {
                font-family: open_sansextrabold;
                color: #000;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons {
            position: relative;
            width: 500px;
            margin: auto;
            margin-top: 55px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a {
                top: 0;
                right: 0;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                    position: relative;
                    display: inline-block;
                    text-transform: uppercase;
                    padding: 25px 35px;
                    border: 1px solid #ee8718;
                    text-align: center;
                    background: #ef8718;
                    -webkit-border-radius: 25px;
                    -moz-border-radius: 50px;
                    border-radius: 50px;
                    color: #FFF;
                    font-size: 18px;
                    font-family: open_sansbold;
                    transition: all .3s ease;
                    margin-left: 50px;
                    z-index: 99999;
                }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                    position: relative;
                    display: inline-block;
                    text-decoration: underline;
                    font-family: open_sansbold;
                    font-size: 0.95vw;
                    letter-spacing: -1px;
                    margin-top: 29px;
                    color: #323232;
                    margin-right: 35px;
                }




/*=============================
 
            Desktop
            
===============================*/

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

    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
        width: 55%;
        right: 10%;
        top: 32%;
    }
}


@media only screen and (max-width:1500px) {
    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
        font-size: 1.8vw;
    }
}


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

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 980px;
        height: 480px;
        left: calc(50% - 490px);
        top: calc(50% - 240px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            bottom: -6px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 350px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
            width: 55%;
            right: 10%;
            top: 30%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
                font-size: 2vw;
            }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons {
                margin-top: 40px;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                    font-size: 17px;
                    margin-left: 50px;
                }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                    font-size: 1.2vw;
                    margin-left: 15px;
                    margin-right: 25px;
                }
}




/*=============================
 
            Tablets
            
===============================*/

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

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 550px;
        height: 470px;
        left: calc(50% - 275px);
        top: calc(50% - 170px);
    }


        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -120px;
            left: 5px;
            bottom: 0;
            width: 100%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 280px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
            width: 80%;
            right: 10%;
            left: 10%;
            top: 48%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
                line-height: 30px;
                font-size: 2.1vw;
            }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons {
                width: 415px;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                    padding: 20px 30px;
                }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                    font-size: 1.4vw;
                }
}

@media only screen and (max-width:900px) {
    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
        top: -60px;
    }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
            width: 230px;
        }
}

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

    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
        top: -160px;
    }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
            width: 290px;
        }

    .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
        top: 45%;
    }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
            font-size: 2.9vw;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
            font-size: 2vw;
        }
}

@media only screen and (min-width:360px) and (max-width:740px) {


    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 400px;
        height: 320px;
        left: calc(50% - 200px);
        top: calc(50% - 160px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content a.close {
            z-index: 9;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content a.close img {
                width: 30px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -15px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 160px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
            top: 55%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
                font-size: 16px;
                line-height: 22px;
            }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons {
                width: auto;
                margin-top: 0;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                    font-size: 12px;
                    margin-left: 0;
                    padding: 15px 25px;
                }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                    margin-left: 0;
                }
}


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

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 470px;
        height: 470px;
        left: calc(50% - 235px);
        top: calc(50% - 235px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -145px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 300px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
            width: 90%;
            right: 5%;
            left: 5%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
                font-size: 21px;
            }


            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons {
                width: auto;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                    margin-left: 25px;
                }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                    font-size: 16px;
                }
}


/*============================= 
 
             Phones
            
===============================*/

@media only screen and (min-width:320px) and (max-width:570px) {

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 300px;
        height: 280px;
        left: calc(50% - 150px);
        top: calc(50% - 140px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content a {
            top: 25px;
            right: 30px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content a.close img {
                width: 25px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -20px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 130px;
            }


        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
            font-size: 14px;
            line-height: 17px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
            font-size: 12px;
            padding: 10px 20px;
            margin-left: 15px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
            margin-right: 0;
            font-size: 13px;
        }
}


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

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 330px;
        height: 450px;
        left: calc(50% - 165px);
        top: calc(50% - 175px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content a {
            top: 25px;
            right: 25px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -110px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 220px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
            top: 40%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
                font-size: 20px;
                line-height: 22px;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p span.pop-up-green-text {
                    display: block;
                }



            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons {
                margin-top: 25px;
            }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                    transform: translateY(-105px);
                    margin: 20px;
                    font-size: 14px;
                }

                .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                    margin-top: 75px;
                    margin-right: 0;
                    font-size: 14px;
                }
}

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

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 300px;
        height: 400px;
        left: calc(50% - 150px);
        top: calc(50% - 145px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content a {
            top: 25px;
            right: 25px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
            font-size: 18px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -105px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 210px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
            transform: translateY(-90px);
            margin: 10px;
            font-size: 14px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
            margin-top: 55px;
            margin-right: 0;
            font-size: 13px;
        }
}

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

    .AcilKrediPopUp-Main .AcilKredi-Content {
        width: 250px;
        height: 370px;
        left: calc(50% - 125px);
        top: calc(50% - 150px);
    }

        .AcilKrediPopUp-Main .AcilKredi-Content a {
            top: 25px;
            right: 25px;
        }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left {
            top: -50px;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Left img {
                width: 170px;
            }

        .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right {
            top: 45%;
        }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Text p {
                font-size: 17px;
            }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn {
                transform: translateY(-90px);
            }

            .AcilKrediPopUp-Main .AcilKredi-Content .AcilKredi-Content-Right .AcilKredi-Content-Right-Buttons a.applyBtn-Text {
                margin-top: 50px;
                margin-left: 0;
            }
}

/*---------------------------------------------------------------------------------------------------------------------------*/


.sendCapt div.capt-ico a.speaker {
    width: 18px;
    height: 10px;
    padding: 7px;
    display: block;
    background: url(/Content/img/speaker.png) center center no-repeat;
    border-bottom: 1px solid #999;
}

.sendCapt div.captImg {
    float: left;
    margin-top: 4px;
}

.sendCapt div.capt-ico a.refresh {
    width: 18px;
    height: 15px;
    padding: 5px;
    display: block;
    background: url(/Content/img/refresh2.png) center center no-repeat;
    border-top: 1px solid #f0f0f0;
}




.select select {
    /*visibility: hidden;*/
    /*display: block !important;
    opacity: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;*/
}

.alertBox {
    width: 100%;
    color: #fff;
    /*padding: 20px 70px;*/
    font-size: 14px;
    font-family: 'open_sanslight';
    margin: 8px 0 30px 0;
}

    .alertBox.okey {
        background: url(../img/alert-icon_okey.gif) #00915A no-repeat 20px center;
    }

    .alertBox.error {
        background: url(../img/alert-icon_error.gif) #e33b3b no-repeat 20px center;
    }

    .alertBox.info {
        background: url(../img/alert-icon_info.gif) #00915A no-repeat 20px center;
    }


.bsn-container {
    position: relative;
    width: 716px;
    height: 335px;
    margin: 0 auto;
    background: url(../img/basvurum_nerede/back.png) no-repeat;
}

.bsn-wrapper {
    position: relative;
    width: 716px;
    height: 372px;
    background: url(../img/basvurum_nerede/bilgiFormBack.png) no-repeat;
}

#bsn-header {
    position: relative;
    width: 716px;
    height: 290px;
}

.bsn-textHead {
    float: left;
    width: 716px;
    height: auto;
    margin-top: 35px;
}

    .bsn-textHead span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #fff;
        font-weight: bold;
        line-height: 24px;
        text-align: center;
        display: block;
        padding: 0px 15px;
    }

.eslesme {
    margin-top: 105px;
}

    .eslesme span {
        line-height: 35px;
    }

.bsn-content {
    position: relative;
    width: 716px;
    height: 419px;
}

    .bsn-content .bsn-head {
        float: left;
        width: 716px;
        height: auto;
    }

    .bsn-content .bsn-text {
        float: left;
        width: 716px;
        height: 17px;
    }

        .bsn-content .bsn-text .bsn-tCont {
            position: relative;
            width: 580px;
            height: auto;
            margin: 0 auto;
        }

            .bsn-content .bsn-text .bsn-tCont .bsn-one {
                float: left;
                width: 122px;
                height: auto;
                text-align: center;
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            .bsn-content .bsn-text .bsn-tCont .bsn-two {
                float: right;
                width: 122px;
                height: auto;
                text-align: center;
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

        .bsn-content .bsn-text .bsn-tCont2 {
            position: relative;
            width: 580px;
            height: auto;
            margin: 0 auto;
        }

            .bsn-content .bsn-text .bsn-tCont2 .bsn-one {
                position: absolute;
                width: 122px;
                height: auto;
                left: 0;
                text-align: center;
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            .bsn-content .bsn-text .bsn-tCont2 .bsn-two {
                position: absolute;
                width: 122px;
                height: auto;
                left: 50%;
                margin-left: -61px;
                text-align: center;
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

            .bsn-content .bsn-text .bsn-tCont2 .bsn-three {
                position: absolute;
                width: 122px;
                height: auto;
                right: 0;
                text-align: center;
                display: block;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                font-weight: bold;
                opacity: 0.5;
                filter: alpha(opacity=50);
            }

.secili {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.bsn-headOne {
    position: absolute;
    width: 154px;
    height: 60px;
    left: -17px;
    bottom: -5px;
    background: url(../img/basvurum_nerede/popupBack.png) no-repeat;
}

    .bsn-headOne span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        margin-top: 28px;
        text-align: center;
        display: block;
    }

.bsn-headTwo {
    position: absolute;
    width: 154px;
    height: 60px;
    right: -17px;
    bottom: -5px;
    background: url(../img/basvurum_nerede/popupBack.png) no-repeat;
}

    .bsn-headTwo span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        margin-top: 28px;
        text-align: center;
        display: block;
    }

.bsn-step3 .bsn-headOne {
    position: absolute;
    width: 154px;
    height: 60px;
    left: -17px;
    bottom: -5px;
    background: url(../img/basvurum_nerede/popupBack.png) no-repeat;
}

    .bsn-step3 .bsn-headOne span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        margin-top: 28px;
        text-align: center;
        display: block;
    }

.bsn-step3 .bsn-headTwo {
    position: absolute;
    width: 154px;
    height: 60px;
    left: 50%;
    margin-left: -77px;
    bottom: -5px;
    background: url(../img/basvurum_nerede/popupBack.png) no-repeat;
}

    .bsn-step3 .bsn-headTwo span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        margin-top: 28px;
        text-align: center;
        display: block;
    }

.bsn-step3 .bsn-headThree {
    position: absolute;
    width: 154px;
    height: 60px;
    right: -17px;
    bottom: -5px;
    background: url(../img/basvurum_nerede/popupBack.png) no-repeat;
}

    .bsn-step3 .bsn-headThree span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        margin-top: 28px;
        text-align: center;
        display: block;
    }

.bsn-red {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/reddedilenkart.png) no-repeat;
}

.bsn-redSon {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/basvuruRedSon.png) no-repeat;
}

.bsn-yeniSon {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/yenilenenKartSonuc.png) no-repeat;
}

.bsn-degerlendirme {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/degerlendirme.png) no-repeat;
}

.bsn-basim {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/basim.png) no-repeat;
}

.bsn-gonderim {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/gonderim.png) no-repeat;
}

.bsn-final {
    position: relative;
    width: 580px;
    height: 127px;
    margin: 33px auto 0;
    background: url(../img/basvurum_nerede/final.png) no-repeat;
}

.bsn-bilgiHead {
    float: left;
    width: 716px;
    height: auto;
    margin: 40px auto;
}

    .bsn-bilgiHead span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        color: #fff;
        font-weight: bold;
        line-height: 28px;
        text-align: center;
        display: block;
        padding: 0 20px;
    }

.bsn-formCont {
    float: left;
    width: 716px;
    height: auto;
}

.bsn-formBox {
    float: left;
    width: 650px;
    height: auto;
    border-bottom: 1px dotted #fff;
    padding: 10px 0px;
    margin-left: 35px;
}

    .bsn-formBox span {
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #fff;
        font-weight: bold;
        line-height: 32px;
        width: 150px;
        margin-left: 10px;
    }

    .bsn-formBox .bsn-stext {
        float: left;
        font-size: 12px;
        font-weight: normal;
    }

    .bsn-formBox .bsn-tcNo {
        float: left;
        width: 231px;
        height: 32px;
        background: url(../img/basvurum_nerede/inputBack.png) no-repeat;
        border: 0;
        border: none;
        padding: 0px 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height /*\**/: 32px\9;
        margin-right: 28px;
    }

    .bsn-formBox .bsn-cepFirst {
        float: left;
        width: 41px;
        height: 32px;
        background: url(../img/basvurum_nerede/cepfirst.png) no-repeat;
        border: 0;
        border: none;
        padding: 0px 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height /*\**/: 32px\9;
        margin-right: 10px;
    }

    .bsn-formBox .bsn-cepLast {
        float: left;
        width: 161px;
        height: 32px;
        background: url(../img/basvurum_nerede/ceplast.png) no-repeat;
        border: 0;
        border: none;
        padding: 0px 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        line-height /*\**/: 32px\9;
        margin-right: 28px;
    }

.bsn-guvenlikCont {
    position: relative;
    float: left;
    width: 650px;
    height: auto;
    margin-left: 35px;
    margin-top: 5px;
}

.bsn-guvenlikKodu {
    float: left;
    width: 122px;
    height: auto;
    margin-left: 160px;
}

    .bsn-guvenlikKodu span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #fff;
        display: block;
        margin-bottom: 2px;
    }

.bsn-sr {
    float: left;
    width: 30px;
    height: auto;
    margin: 12px 6px 0px 6px;
}

    .bsn-sr .bsn-sound {
        width: 30px;
        height: 23px;
        display: block;
        background: url(../img/basvurum_nerede/sound.png) center no-repeat;
        border-bottom: 1px solid #006241;
    }

    .bsn-sr .bsn-refresh {
        width: 30px;
        height: 23px;
        display: block;
        background: url(../img/basvurum_nerede/refresh.png) center no-repeat;
    }

.bsn-guvenlikKoduInput {
    float: left;
    width: 124px;
    height: auto;
}

    .bsn-guvenlikKoduInput span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #fff;
        display: block;
        margin-bottom: 2px;
    }

    .bsn-guvenlikKoduInput .bsn-gkInput {
        float: left;
        width: 104px;
        height: 36px;
        background: url(../img/basvurum_nerede/gkInput.png) no-repeat;
        border: 0;
        border: none;
        padding: 0px 10px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height /*\**/: 32px\9;
        font-weight: bold;
    }

.bsn-formDevam {
    position: absolute;
    width: 104px;
    height: 37px;
    right: 0px;
    bottom: 0px;
}

    .bsn-formDevam a {
        width: 104px;
        height: 37px;
        display: block;
        background: url(../img/basvurum_nerede/formDevam.png) no-repeat;
    }

.bsn-footer {
    position: relative;
    width: 716px;
    height: auto;
}

    .bsn-footer .bsn-text {
        float: left;
        width: 716px;
        height: auto;
        margin-top: 20px;
    }

        .bsn-footer .bsn-text span {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #333333;
            font-weight: bold;
            display: block;
            text-align: center;
            padding: 0px 15px;
        }

    .bsn-footer .bsn-devamBtn {
        float: left;
        width: 716px;
        height: auto;
        margin-top: 25px;
    }

        .bsn-footer .bsn-devamBtn a {
            width: 104px;
            height: 37px;
            background: url(../img/basvurum_nerede/devam.png) no-repeat;
            display: block;
            margin: 0 auto;
        }

.bsn-urunHead {
    float: left;
    width: 716px;
    height: auto;
    margin: 20px auto;
}

    .bsn-urunHead span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        line-height: 24px;
        text-align: center;
        display: block;
    }

.bsn-urunScroll {
    float: left;
    width: 716px;
    height: auto;
}

.bsn-urunList li {
    float: left;
    width: 427px;
    height: 42px;
    background: url(../img/basvurum_nerede/urunBg.png) left bottom no-repeat;
    border: 1px solid #00754D;
    margin-bottom: 7px;
}

.bsn-urunListActive {
    background: url(../img/basvurum_nerede/urunBg.png) left top no-repeat !important;
}

.bsn-urunList li a {
    display: block;
}

.bsn-urunList li span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    line-height: 42px;
    padding-left: 40px;
}

#bsn-scrollbar1 {
    width: 470px;
    clear: both;
    margin: 0 auto;
}

    #bsn-scrollbar1 .viewport {
        width: 450px;
        height: 205px;
        overflow: hidden;
        position: relative;
    }

    #bsn-scrollbar1 .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
    }

    #bsn-scrollbar1 .thumb .end,
    #bsn-scrollbar1 .thumb {
        background-color: #fff;
    }

    #bsn-scrollbar1 .scrollbar {
        position: relative;
        float: right;
        width: 10px;
    }

    #bsn-scrollbar1 .track {
        background: url(../img/basvurum_nerede/scrollBack.png) no-repeat;
        height: 100%;
        width: 10px;
        position: relative;
        padding: 0;
    }

    #bsn-scrollbar1 .thumb {
        height: 20px;
        width: 10px;
        cursor: pointer;
        overflow: hidden;
        position: absolute;
        top: 0;
    }

        #bsn-scrollbar1 .thumb .bsn-end {
            overflow: hidden;
            height: 5px;
            width: 10px;
        }

    #bsn-scrollbar1 .disable {
        display: none;
    }

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.formOverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #d7e4dd;
    opacity: 0.7;
    z-index: 99999990;
}

    .formOverlay.grey {
        background: #d7e4dd;
        opacity: 0.8;
    }

    .formOverlay.black {
        background: #1f1f1f;
        opacity: 0.9;
    }


/*Ali  */
.captchaImg {
    float: left;
    background: #F5F5F5;
    margin-right: 5px;
    padding: 1px 5px 3px 5px;
    /* border-radius: 3px; */
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
}


@media (max-width: 768px) {

    .captchaImg {
        padding: 0px;
    }

    .captIco {
        padding-top: 0px !important;
        margin-top: 6px;
    }

    .sendCapt div.captImg {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}

.gk {
    float: left;
}

.captIco {
    float: left;
    padding-top: 8px;
    padding-right: 7px;
    padding-left: 4px;
}

.form-list {
    width: 29.76190476190467%;
}

    .form-list.last {
        width: 29.76190476190467%;
    }


.newInput.newInputError {
    border-color: #f62727;
    background-color: #fbe1e1 !important;
}


/*@media(min-width:768px) {
    .gk {
        width: 200px;
    }
}

@media (max-width:420px) {
    .gk {
        width: inherit;
    }
}*/

/*@media (max-width:414px) {
    .gk {
        width: 200px;
    }
}

@media (max-width:360px) {
    .gk {
        width: 360px;
    }
}*/


/* Mobil Uygulama Revize */


.mobil-uygulama-parent .sendCapt {
    float: left;
    margin-left: 55px;
}


.mobil-uygulama-parent .captchaImg {
    margin-right: 10px;
    width: 191px;
}


@media (max-width: 1680px) {

    .mobil-uygulama-parent .captchaImg {
        padding: 0px 5px 2px 5px;
    }
}

.mobil-uygulama-parent .form-list span {
    font-family: open_sansbold;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 22px;
}

.mobil-uygulama-parent .form-list .input {
    float: left;
    width: 50%;
}




/*===================

    DESTEK MERKEZİ

=====================*/
span.destek-merkezi {
    font-size: 17px;
    line-height: 38px;
    color: #282828;
    font-family: open_sanslight;
}

@media (max-width: 1680px) {
    span.destek-merkezi {
        font-size: 16.5px;
        line-height: 38px;
        padding-left: 55px;
        display: block;
    }
}

@media (max-width: 1480px) {
    span.destek-merkezi {
        line-height: 38px;
    }

    /* Destek Merkezi Form*/
    .destek-list-area {
        width: 100%;
    }

        .destek-list-area .captchaImg {
            width: 30%;
            margin-right: 36px;
            padding: 0 5px 0 5px;
        }

        .destek-list-area .captIco {
            padding-left: 15px;
        }

        .destek-list-area .sendCapt div.captImg {
            margin-top: 5px;
        }
}

@media (max-width: 1366px) {
    span.destek-merkezi {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    span.destek-merkezi {
        font-size: 14px;
        line-height: 20px;
    }

    /* Destek Merkezi Form*/
    .destek-list-area .captIco {
        padding-top: 0;
        padding-left: 10px;
    }

    .form-list.destekMerkeziForm {
        width: 40%;
    }

    .destek-list-area .captchaImg {
        width: 40%;
        margin-right: 28px;
    }

    .destek-list-area input {
        height: 44px;
    }
}

@media (max-width: 800px) {
    .form-list.destekMerkeziForm {
        margin-right: 28px;
    }

    .form-list.destekMerkeziForm {
        width: 35%;
    }

    .destek-list-area .captchaImg {
        width: 35%;
        padding: 2.5px 0;
    }
}

@media (max-width: 450px) {
    .form-list.destekMerkeziForm {
        width: 100%;
    }

    .destek-list-area .captchaImg {
        width: 100%;
        padding: 2.5px 0;
    }

    .destek-list-area .captIco {
        padding-left: 30px;
    }

    .destek-list-area .gk {
        width: 100%;
    }
}





/* Contact Page Responsive*/
@media only screen and (max-width:1080px) {
    section.campDetail .contentBox.about.contact p.title {
        font-size: 20px;
        line-height: 25px;
        margin: 0px 0 20px;
    }
}
/* Destek Merkezi Form Area  Responsive*/
#accordionContainer2 > div.form-list.confText {
    width: 100%;
}


/* CEPTETEB URUNLER VE BANKACILIK SAYFASI - IMG + TEXT DESIGN */


.BankTopSide {
    float: left;
    position: relative;
    margin-bottom: 7px;
    min-height: 350px;
    width: 100%;
}



.BankDetail article .BankTopSide .titleBar {
    z-index: 1;
    padding-right: 0 !important;
    float: left;
    padding: 50px 120px 20px 120px;
}

section.sidebarCont.BankDetail article .titleBar:after {
    display: block !important;
    left: 4.799999999999% !important;
}

section.sidebarCont.BankDetail article .BankTopSide .titleBar h1 {
    clear: both;
    font-family: bnpp_sanslight;
    width: 51%;
    float: right;
    font-size: 42px;
    line-height: 45px;
}

article .titleBar span.inline-text {
    display: inline-block;
    font-family: bnpp_sansregular;
}




.BankDetail article .BankDetailImg {
    position: absolute;
    margin: 0px 0 0px 30px;
    top: 30px;
    opacity: 1;
    z-index: 2;
    width: 48.15%;
    float: left;
    border: 6px solid #fff;
    display: block;
    cursor: pointer;
}

.BankDetail article .miniVideoBox .detVideo {
    display: none;
}

.BankDetail article .videoHeroCover {
    z-index: 3;
    opacity: 1;
    cursor: pointer;
}

section.sidebarCont.BankDetail article .headerBox {
    width: 46%;
    margin-top: 0;
    min-height: auto;
    margin: -20px auto 0;
    padding: 40px 0 30px;
    padding-left: 0 !important;
    float: right;
}

.BankDetail article .headerBox h2 {
    font-size: 21px;
    line-height: 32px;
    color: #363636;
    margin-bottom: 15px;
    font-family: open_sanslight;
}



/*Bank Accordion*/

.bank-accordion .title.active-bank::after {
    background: url(../img/cepteteb_bankacilik/icons/bank-plus-active-icon.png) !important;
    background-repeat: no-repeat;
}

.tabAccordion {
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 10px 0 0px !important;
}

    .tabAccordion > .content {
        border-bottom: none;
    }

    .tabAccordion .title {
        font-size: 14.5px !important;
        margin-bottom: 5px;
    }


.accordionBox.bank-accordion .title::after {
    background: url(../img/cepteteb_bankacilik/icons/bank-plus-passive-icon-mobile.png) no-repeat center !important;
}

.accordionBox.bank-accordion .title.active::after {
    background: url(../img/cepteteb_bankacilik/icons/bank-plus-active-icon-mobile.png) no-repeat center !important;
}

.accordionBox.acdSecondLevel .title.active {
    background: none;
}

.accordionBox.bank-accordion.acdSecondLevel {
    border: none;
    width: 100%;
}



.bank-accordion-title {
    float: left;
    padding: 0px 0 30px 30px;
}

    .bank-accordion-title.positionVideoBox {
        padding-top: 4%;
    }

    .bank-accordion-title h3 {
        font-size: 30px;
        color: #18bb5d;
        font-family: bnpp_sanslight;
    }

.accordionBox.bank-accordion {
    padding: 0 0;
    margin: 0 35px;
    width: 90%;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: none;
}

article .accordionBox.bank-accordion:nth-child(3) .title {
    /*border-top: 1px solid #e5e5e5;*/
}

.accordionBox.bank-accordion .title {
    font-size: 16px;
    background-size: 20px;
    padding: 25px 0 20px 65px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

    .accordionBox.bank-accordion .title::after {
        background: url(../img/cepteteb_bankacilik/icons/bank-plus-passive-icon.png) no-repeat center;
        content: " ";
        width: 85px;
        height: 75px;
        position: absolute;
        margin-top: -26px;
        right: 0;
        transition: all .3s ease;
    }

.accordionBox.bank-accordion .finans-kocu {
    background: url("../img/cepteteb_bankacilik/icons/finans-nedir.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-ozet {
    background: url("../img/cepteteb_bankacilik/icons/finans-ozet.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-analiz {
    background: url("../img/cepteteb_bankacilik/icons/finans-analiz.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-islem {
    background: url("../img/cepteteb_bankacilik/icons/finans-islem.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-bildirim {
    background: url("../img/cepteteb_bankacilik/icons/finans-bildirim.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .content p {
    font-size: 15px;
    line-height: 20px;
}

.accordionBox.bank-accordion ul li {
    font-size: 14px;
    line-height: 30px;
    font-family: open_sansregular;
}

/* Bank Share Box */


.BankTopSide .BankShareBox {
    z-index: 3;
    border: none;
    position: absolute;
    width: 48.15%;
    margin-top: 35px;
    opacity: 0;
    transition: opacity 1s linear;
}

    .BankTopSide .BankShareBox span {
        display: none;
    }

    .BankTopSide .BankShareBox div {
        float: right;
    }

        .BankTopSide .BankShareBox div a {
            float: none;
        }

            .BankTopSide .BankShareBox div a img {
                display: block;
            }

.BankTopSide .shareBoxAnimate {
    opacity: 1;
}








/* CEPTETEB URUNLER VE BANKACILIK SAYFASI - IMG + TEXT DESIGN - RESPONSIVE */

@media only screen and (max-width: 1700px) {
    section.sidebarCont.BankDetail article .titleBar:after {
        display: none !important;
    }
}

@media only screen and (max-width: 1580px) {
    .BankTopSide {
        min-height: 310px;
    }

    section.sidebarCont.BankDetail article .BankTopSide .titleBar h1 {
        font-size: 38px;
    }

    .BankDetail article .headerBox h2 {
        font-size: 19px;
    }
}

@media only screen and (max-width: 1480px) {
    .bank-accordion-title {
        padding-top: 0px;
    }

        .bank-accordion-title h3 {
            font-size: 23px;
        }

    section.sidebarCont.BankDetail article .headerBox {
        width: 44%;
    }

    .accordionBox.bank-accordion .title {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1300px) {
    .BankDetail article .headerBox h2 {
        font-size: 17px;
    }
}

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

    .contentBox .headerBox {
        position: relative;
        margin-top: 20px;
    }

    .BankDetail article .videoHeroCover {
        display: none;
    }

    .BankDetail article .miniVideoBox .detVideo {
        display: block;
    }

    .BankDetail article .BankTopSide .titleBar {
        text-align: center;
        padding: 30px 0;
    }

    section.sidebarCont.BankDetail article .BankTopSide .titleBar h1 {
        float: none;
        width: 100%;
        font-size: 35px;
    }

        section.sidebarCont.BankDetail article .BankTopSide .titleBar h1 br {
            display: none;
        }

    .BankDetail article .BankDetailImg {
        opacity: 1;
        width: 70%;
        float: none;
        margin: 0 auto;
        position: relative;
        margin: 0 auto;
        top: -10px;
        background: none;
        border: none;
    }

    .BankTopSide .BankShareBox {
        width: 80%;
        top: 15%;
    }

    section.sidebarCont.BankDetail article .headerBox {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 100px 30px 20px 30px !important;
    }

        section.sidebarCont.BankDetail article .headerBox br {
            display: none;
        }

    .bank-accordion-title h3 {
        font-size: 18px;
    }
}

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


    .BankDetail article {
        padding-bottom: 50px;
    }

    .contentBox .headerBox {
        margin-top: 20px;
    }



    section.sidebarCont.BankDetail article .BankTopSide .titleBar h1 {
        font-size: 30px;
    }

    .BankDetail article .headerBox h2 {
        line-height: 25px;
        font-size: 15px;
    }

    section.sidebarCont.BankDetail article .headerBox {
        padding: 100px 35px 10px 35px !important;
    }

    .bank-accordion-title {
        padding: 0px 0 30px 35px;
    }

        .bank-accordion-title h3 {
            font-size: 16px;
        }

    .accordionBox.bank-accordion .title {
        font-size: 14px;
    }

    .accordionBox.bank-accordion .content p {
        font-size: 13.5px;
    }

    .captchaImg {
        padding: 0px;
    }

    .captIco {
        padding-top: 0px !important;
        margin-top: 6px;
    }

    .sendCapt div.captImg {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 800px) {
    .accordionBox.bank-accordion .title::after {
        height: 70px;
    }

    .BankTopSide .BankShareBox {
        width: calc(100% - 15%);
    }
}

@media only screen and (max-width: 450px) {
    .accordionBox.bank-accordion .title {
        padding: 25px 95px 20px 65px;
    }


        .accordionBox.bank-accordion .title::after {
            background: url(../img/cepteteb_bankacilik/icons/bank-plus-passive-icon-mobile.png) no-repeat center;
            margin-top: 0;
            top: 50%;
            transform: translateY(-50%);
        }

    .bank-accordion .title.active-bank::after {
        background: url(../img/cepteteb_bankacilik/icons/bank-plus-active-icon-mobile.png) no-repeat center !important;
        background-repeat: no-repeat;
    }


    section.sidebarCont.BankDetail article .BankTopSide .titleBar h1 {
        font-size: 5.11vw;
    }

    section.sidebarCont.BankDetail article .headerBox {
        padding: 10px 30px 10px 30px !important;
    }

    .bank-accordion-title {
        padding: 0px 20px 30px 30px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .accordionBox.bank-accordion {
        margin: 0 auto;
        float: none;
    }

    .accordionBox .content {
        margin-top: 30px;
    }
}


/* Form Page - File Upload Css*/

.form-list {
    width: 28.761905%;
}

    .form-list label.file-textbox {
        cursor: pointer;
        padding: 15px;
        color: #bcbcbc;
        float: left;
        width: 72%;
        font-size: 16px;
        font-family: open_sanslight;
        border: 1px solid #e2e2e2;
        background: #fff;
        margin-bottom: 0;
    }


        .form-list label.file-textbox:focus {
            border-color: #00915A;
        }

.form-part input.upload-file {
    cursor: pointer;
    position: relative;
    float: left;
    width: 25%;
    margin-left: 12px;
    padding: 54px 0 0 0;
    max-height: 50px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #ee8718;
    font-size: 15px;
    border: none;
    font-family: open_sanssemibold;
    border-radius: 42px;
    transition: all .3s ease;
}

    .form-part input.upload-file::after {
        content: "Dosya Yükle";
        font-family: open_sansregular;
        font-size: 14px;
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }

/*Error - Successful*/
.form-part input.upload-again::after {
    content: "Dosyayı Değiştir";
}

.form-part label.file-upload-error {
    border-color: #f62727;
}

.notification-text {
    float: left;
    padding: 15px 15px 5px 15px;
}

    .notification-text p {
        font-size: 14px !important;
    }

        .notification-text p span {
            font-family: open_sanssemibold;
        }

/*File Upload Responsive*/
/* Akıllı Telefonlar İçin Yatay ve Dikey ----------- */
/*1 telefon*/
@media only screen and (min-device-width : 360px) and (max-device-width : 370px) {
    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 750px) {

    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}
/*2*/
@media only screen and (min-device-width : 760px) and (max-device-width : 785px) {


    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}

@media only screen and (min-device-width :1020px) and (max-device-width : 1030px) {

    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 16px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 54px !important;
    }

    .form-part input.upload-file {
        padding: 50px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}
/*3*/
@media only screen and (min-device-width : 370px) and (max-device-width : 380px) {


    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}

@media only screen and (min-device-width : 660px) and (max-device-width : 675px) {


    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}
/*4*/
@media only screen and (min-device-width : 410px) and (max-device-width : 420px) {


    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 740px) {

    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}
/*5*/
@media only screen and (min-device-width : 370px) and (max-device-width : 380px) {


    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}

@media only screen and (min-device-width : 810px) and (max-device-width : 820px) {


    .form-list label.file-textbox {
        font-size: 11px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}
/*6*/
@media only screen and (min-device-width : 795px) and (max-device-width : 810px) {


    .form-list label.file-textbox {
        font-size: 11px;
        padding-top: 10px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}

@media only screen and (min-device-width : 1275px) and (max-device-width : 1285px) {


    .form-list label.file-textbox {
        font-size: 17px;
        padding-top: 14px !important;
    }

    .form-list label.file-textbox {
        width: 69%;
        height: 54px !important;
    }

    .form-part input.upload-file {
        padding: 50px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}


/*@media only screen and (max-width:1080px) {
    .form-list {
        width: 42.76190476190467%;
    }

    .form-part input.upload-file {
        margin-bottom: 0;
    }

    .form-list label.file-textbox {
        font-size: 14px;
        padding-top: 15px !important;
    }
}

@media only screen and (max-width:450px) {
    .form-list label.file-textbox {
        width: 69%;
        height:40px !important;
    }

    .form-part input.upload-file {
        padding: 40px 0 0 0;
    }

        .form-part input.upload-file::after {
            font-size: 13px;
            padding: 1px;
        }
}*/


/* Sitemap Set Position */

.mapSide {
    width: 100%;
}

    .mapSide ul {
        text-transform: uppercase;
    }

.contentBox.siteMap .column {
    width: 33.333%;
    float: left;
}

@media (max-width: 1024px) {
    .contentBox.siteMap .column {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .contentBox.siteMap .column {
        width: 46%;
        margin-left: 4%;
    }
}

@media (max-width: 480px) {
    .contentBox.siteMap .column {
        width: 100%;
        clear: both;
        margin-right: 0;
    }
}


/*Hide Video Download Button*/
video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


/* Mainpage Video Button*/


.applyBtn.mainPageVideo {
    width: 175px;
    position: absolute;
    bottom: 27%;
    right: 18.5%;
    z-index: 9999;
    padding: 15px 20px;
    font-size: 16px;
}

.videoBox.frontV .desktopVideoCover {
    display: block;
}

.videoBox.frontV .mobileVideoCover {
    display: none;
}

@media only screen and (max-width:1680px) {
    .applyBtn.mainPageVideo {
        right: 18%;
        bottom: 23%;
        padding: 13px 20px;
    }
}


@media only screen and (max-width:1550px) {
    .applyBtn.mainPageVideo {
        right: 17%;
    }
}

@media only screen and (max-width:1440px) {
    .applyBtn.mainPageVideo {
        font-size: 15px;
        right: 16%;
    }
}

@media only screen and (max-width:1380px) {
    .applyBtn.mainPageVideo {
        width: 150px;
        font-size: 14px;
        right: 17%;
    }
}

@media only screen and (max-width:1300px) {
    .applyBtn.mainPageVideo {
        width: 180px;
        padding: 15px 20px;
        font-size: 16px;
        right: 18%;
    }
}

@media only screen and (max-width:1080px) {
    .videoBox.frontV .mobileVideoCover {
        display: block;
    }

    .applyBtn.mainPageVideo {
        width: 150px;
        font-size: 14px;
        right: 18%;
    }
}


@media only screen and (max-width:920px) {
    .applyBtn.mainPageVideo {
        width: 150px;
        font-size: 13.5px;
        right: 17.5%;
    }
}


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

    .applyBtn.mainPageVideo {
        bottom: 22%;
        left: auto;
        right: 17%;
        width: 135px;
        font-size: 13px;
        padding: 13px 20px;
    }
}

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

    .applyBtn.mainPageVideo {
        right: 12%;
    }
}

@media only screen and (max-width:640px) {
    .videoBox.frontV .desktopVideoCover {
        display: none;
    }

    section .applyBtn.mainPageVideo {
        padding: 13px 20px;
        bottom: 60px;
        right: 10%;
        width: 135px;
    }
}

@media only screen and (max-width:450px) {
    section .applyBtn.mainPageVideo {
        font-size: 10px;
        padding: 7px 15px;
        bottom: 35px;
        right: 38px;
        width: 101px;
    }
}

@media only screen and (max-width:380px) {
    section .applyBtn.mainPageVideo {
        padding: 7px 12px;
        right: 25px;
    }
}

@media only screen and (max-width:350px) {
    section .applyBtn.mainPageVideo {
        bottom: 20px;
        right: 15px;
        padding: 5px 12px;
        font-size: 10px;
    }
}

/***/

/* İhtiyac Kredisi*/

@media only screen and (max-width:1080px) {
    .krediTabloText {
        display: none;
    }
}



/*CF*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
/***/

/* Table Move Mobile Router*/
.tabsBox .tableMobileFix2 .mobileTableRouter {
    display: none !important;
}

@media only screen and (max-width:1080px) {
    .tabsBox .tableMobileFix2 .mobileTableRouter {
        display: block !important;
    }
}

/**/



/* Index Inline Code */

/** Temporary **/
.twoStructre * {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

section.home ul li.double img {
    height: auto !important;
}

.twoStructre.homeVideoBox {
    background: #fff;
    float: left;
    position: relative;
    z-index: 99999;
}

.twoStructre .video-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}


.twoStructre .frontV img.frontCover {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.twoStructre .promo {
    width: 66.5984158%;
    float: left;
    margin-right: 0.26041666666667%;
    overflow: hidden;
    max-height: 790px;
    min-height: 470px;
}

    .twoStructre .promo .videoBox {
        height: 100% !important;
        width: 100%;
        background: #000;
    }

.twoStructre .cmsplayer {
    height: 100% !important;
}

.twoStructre .promo .videoBox video {
    position: relative;
    width: 100%;
    height: 100% !important;
    margin: 0 auto;
}


    .twoStructre .promo .videoBox video.videoFrontCover {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto !important;
        overflow: hidden;
    }



.twoStructre .promoRight {
    overflow: hidden;
    position: relative;
    max-height: 790px;
    min-height: 470px;
    height: 800px;
}

.twoStructre .promoRightSlider1 {
    width: 100%;
    height: 49.75%;
    position: absolute;
    overflow: hidden;
    margin: 0;
    top: 50.50%;
}

    .twoStructre .promoRightSlider1 .promoRightSlider1-item {
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
            width: 59%;
            display: inline-block;
            position: relative;
            left: 10px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 {
            width: 100%;
            margin-bottom: 6%;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
            position: relative;
            top: -10px;
            padding: 0 5%;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.s-container1 {
                left: -5px;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
            position: absolute; /*left: calc(50% - 318px );*/
            top: 0;
            min-height: 100px;
            left: 0%;
            margin: auto;
            width: 100%;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
            width: 100%;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-text {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            display: table;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.s-container1.ido_container {
            left: -11px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-text > div {
            display: table-cell;
            vertical-align: middle;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
            position: relative;
            left: 8px;
            width: 40%;
            margin: auto;
            display: inline-block;
            top: -11px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .ido_detail .s-logo-base {
            width: 43%;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base > span {
            display: none;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base2 .s-logo {
            width: initial;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo {
            width: 100%;
            position: relative;
            max-width: 200px;
            margin: auto;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
                max-width: 200px;
                margin: auto;
            }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
                top: 0;
                left: -27px;
                width: 90%;
                max-width: 200px;
                margin: auto;
            }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
                max-width: 114px;
                margin: auto;
                left: 26px;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base2 {
            width: 100%;
            margin: 0 auto;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base2 > span {
                display: none;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo2 {
            width: 100%;
            max-width: 155px;
            margin: auto;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title {
            color: #ffffff;
            font-family: open_sanssemibold;
            font-size: 25.28px;
            padding-top: 2.5%;
            letter-spacing: -0.025em;
            display: block;
            line-height: 1;
        }



        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount {
            color: #fff;
            font-family: open_sansextrabold;
            font-size: 180px;
            letter-spacing: 0;
            display: block;
            line-height: 0.68;
            padding: 5% 11% 4% 0;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail.ido_detail {
            width: 58%;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .ido_container img {
            top: 33px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title {
            font-family: open_sansregular;
            letter-spacing: 0.18em;
            line-height: 0.1em;
            padding: 0;
            position: relative;
            margin-bottom: 30px;
            margin-top: 73px;
            font-size: 23.48px;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:after {
                content: '';
                height: 1px;
                width: 60px;
                background: #fff;
                position: absolute;
                top: 88%;
                right: 0;
            }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:before {
                content: '';
                height: 1px;
                width: 60px;
                background: #fff;
                position: absolute;
                top: 88%;
                left: 0px;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount {
            letter-spacing: 0;
            line-height: 0.68;
            padding: 0;
            display: inline-block;
            font-size: 132.75px;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount i {
                position: relative;
                bottom: 5px;
                font-size: 73.15px;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text {
            position: relative;
            bottom: 4px;
            letter-spacing: 0.001em;
            font-size: 48.76px;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text b {
                position: relative;
                left: 9px;
                font-family: open_sansextrabold;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
            font-size: 60px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2 {
            color: #fff;
            font-family: open_sansextrabold;
            font-size: 90px;
            letter-spacing: 0;
            display: block;
            line-height: 0.68;
            padding: 5% 0 4% 0;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu {
                color: #fff;
                font-family: open_sansextrabold;
                font-size: 80px !important;
                letter-spacing: 0;
                display: block;
                line-height: 0.68;
                padding: 5% 0 4% 0;
            }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu_alttext {
                color: #fff;
                font-family: open_sansextrabold;
                font-size: 55px !important;
                letter-spacing: 0;
                display: block;
                line-height: 0.68;
                padding: 0;
            }


        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
            font-style: normal;
            position: relative;
            left: -1%;
            bottom: 30px;
            font-size: 54.18px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-t {
            color: #00915A;
            font-family: open_sansextrabold;
            font-size: 122px;
            letter-spacing: -0.08em;
            display: block;
            line-height: 1.3;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text {
            color: #ffffff;
            font-family: open_sanssemibold;
            font-size: 25.28px;
            letter-spacing: 0.05em;
            display: inline-block;
            position: relative;
            line-height: 1;
            margin-top: 4%;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
                margin-top: 0;
                top: 15px;
            }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
                position: absolute;
                left: -45px;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 28px;
                height: 3px;
                background: #fff;
            }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
                position: absolute;
                right: -45px;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 28px;
                height: 3px;
                background: #fff;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .detail-info {
            line-height: 1;
            color: #000000;
            font-family: open_sanssemibold;
            font-size: 18px;
            padding: 2.4% 0;
            width: 35%;
            display: block;
            margin: auto;
            background: #ffffff;
            margin-top: 3.4%;
        }

.twoStructre .slick-dots {
    position: absolute;
    display: block;
    width: 100% !important;
    text-align: center;
    margin: auto;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 7% !important;
}

    .twoStructre .slick-dots li {
        width: 14px;
        margin: 0px 14px 0 0 !important;
        height: auto;
        float: none;
        display: inline-block;
    }



        .twoStructre .slick-dots li:before {
            content: '';
            display: block;
            padding-top: 100%;
            height: 0;
            position: relative;
        }

        .twoStructre .slick-dots li:last-child {
            margin: 0 !important;
        }

    .twoStructre .slick-dots button {
        width: 100%;
        height: 100%;
        border-radius: 150%;
        position: absolute;
        left: 0;
        top: 0;
        border: 2px solid #fff;
        padding: 0;
    }

    .twoStructre .slick-dots .slick-active button {
        background: #fff;
    }

    .twoStructre .slick-dots button:hover {
        opacity: 0.8;
    }

.twoStructre .promoRightSlider1 .slick-list {
    height: 100%;
}

.twoStructre .promoRightSlider1 .slick-track {
    height: 100%;
}

.twoStructre .promoRightSlider2 .promoRightSlider2-item {
    position: relative;
    overflow: hidden;
    background: #d1d1d3;
}

.twoStructre .promoRightSlider2 .slick-list {
    height: 100%;
}

.twoStructre .promoRightSlider2 .slick-track {
    height: 100%;
}

.twoStructre .promoRightSlider2 .promoRightSlider2-item img {
    min-height: 100px;
    position: absolute; /*left:calc(25% - 160px); top: calc(50% - 137px);*/
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

    .twoStructre .promoRightSlider2 .promoRightSlider2-item img.fitHeight {
        height: 100%;
        width: auto;
    }

.twoStructre .promoRightSlider2 .promoRightSlider2-item.test img.mobile {
    display: none;
}

.twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text {
    position: absolute;
    right: 2%;
    top: 0;
    padding: 0px;
    width: 50%;
    height: 100%;
}

    /* FULL Text Hero Banner */

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text {
        width: 100%;
        text-align: center;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
            width: 375px;
            margin: auto;
            padding-left: 24px;
            height: 55%;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:last-child {
            padding-left: 20px;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
            font-family: open_sansregular;
            font-size: 28px !important;
            font-weight: normal;
            letter-spacing: -2px;
            line-height: 45px;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
                font-family: open_sansbold;
                font-size: 29.50px !important;
            }

                .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                    font-size: 45px !important;
                    padding-left: 5px;
                    letter-spacing: -1px;
                }


    /***/

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text div {
        height: 100%;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part {
        display: block;
        vertical-align: middle;
        height: 59%;
        position: relative;
        padding-left: 30px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 {
        height: 40%;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 button {
            color: #fff;
            background-color: #ff8500;
            padding: 18px 28px;
            font-size: 13.54px;
            border: none;
            font-family: open_sanssemibold;
            border-radius: 42px;
            margin-top: 25px;
        }



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part1 p {
        position: absolute;
        bottom: 0;
        font-size: 18.06px;
    }


.twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text {
    text-align: left;
}

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p {
        margin: 0;
        font-size: 18px;
        font-family: open_sansregular;
        color: #000000;
        letter-spacing: -0.02em;
        line-height: 1.3vw;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p b {
            font-family: open_sanssemibold;
            font-size: 28.89px;
            font-weight: normal;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b {
        font-family: open_sanssemibold;
        font-size: 18px !important;
        font-weight: normal;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-family: open_sanssemibold;
        font-size: 18px !important;
        font-weight: normal;
    }


    /*MID SİZE TEXT FOR BANNER */
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 20px;
        color: #09bb50;
        font-family: open_sansbold;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 20px;
        color: #000;
        font-family: open_sansbold;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 24px;
        color: #000;
        font-family: open_sansbold;
    }
    /**/

    /*BİG SİZE TEXT FOR BANNER */
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-green {
        display: block;
        font-size: 2.86vw;
        line-height: 2.6vw;
        font-family: open_sansextrabold;
        color: #00b94b;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-black {
        font-size: 1.25vw;
        line-height: 1.6vw;
        font-family: open_sansextrabold;
        color: #000;
    }


    /**/

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p .green-p {
        color: #00b94b;
        font-size: 28px;
        font-family: open_sanssemibold;
    }



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .promoRightSlider2-discount {
        position: relative;
        color: #09bb50;
        font-family: open_sansextrabold;
        font-size: 27.99px;
        line-height: 1;
        letter-spacing: -0.02em;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .promoRightSlider2-discount.doviz-banner-text {
            font-family: open_sansbold;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner .doviz-banner-text-bold {
        font-family: open_sansbold;
    }





    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-3 {
        text-align: left;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-3 p b {
            font-family: open_sansbold;
            font-weight: normal;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-3 p {
            margin: 0;
            font-size: 21px;
            font-family: open_sansregular;
            color: #000000;
            letter-spacing: -0.02em;
            line-height: 1.4;
        }

.twoStructre .promoRightSlider2 {
    width: 100%;
    overflow: hidden;
    height: 49.75%;
    position: absolute;
}

.twoStructre object#home-video {
    width: 100% !important;
    height: 100% !important;
}

.twoStructre .promoRightSlider2 .slick-dots {
    bottom: 5%;
    width: 126px;
}

.twoStructre .slick-dots li button:before {
    display: none;
}


/*Fatura Slider Code */


.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
    color: #fff;
    font-family: open_sansextrabold;
    font-size: 100px;
    letter-spacing: 0;
    display: block;
    line-height: 0.68;
    padding: 4% 8% 2% 0;
    width: 110%;
}

.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
    color: #fff;
    letter-spacing: 0;
    display: block;
    line-height: 0.68;
    padding-top: 8%;
    font-size: 29.2868px;
}


.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
    color: #fff;
    letter-spacing: 0;
    display: block;
    line-height: 0.68;
    font-size: 29.2868px;
}

.fatura_discount-mini-text {
    font-size: 50px;
}

.banner-big-size-text2 {
    font-family: open_sansextrabold !important;
    font-size: 45px !important;
    letter-spacing: 2px !important;
}



.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.gittigidiyor_title {
    font-family: 'open_sansbold';
    font-size: 24px;
}

.twoStructre .promoRightSlider1 .promoRightSlider1-item .gittigidiyor_container .container-detail2 {
    margin-bottom: -6%;
}

.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
    position: absolute;
    right: 10px;
    top: 20px;
    max-width: 155px;
}


.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
    font-family: 'open_sansbold';
    font-size: 25.5px;
    color: #fff;
    display: block;
}

.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
    color: #fff;
    font-family: 'open_sansextrabold';
    font-size: 47px;
    display: block;
}

.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text3 {
    color: #ffffff;
    font-family: 'open_sansextrabold';
    font-size: 36px;
    letter-spacing: 0.05em;
    display: inline-block;
    position: relative;
    margin-top: 1%;
}

@media(max-width:1680px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        width: 105%;
        height: 100%;
    }

    .fatura_discount-mini-text {
        font-size: 45px;
    }

    .banner-big-size-text2 {
        font-size: 40px !important;
        letter-spacing: 2px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b {
        font-size: 16px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 16.5px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 18px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 18px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 22px;
    }
}

@media(max-width:1600px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 110px !important;
    }

    .fatura_discount-mini-text {
        font-size: 35px;
    }

    .banner-big-size-text2 {
        font-size: 30px !important;
        letter-spacing: 2px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b {
        font-size: 16px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 15px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 18px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 16px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 20px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-green {
        font-size: 2.1vw;
        line-height: 2vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-black {
        font-size: 1.5vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p b.top-banner-bold-text-b-element {
        font-size: 1.3vw;
    }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
        font-size: 22px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
        font-size: 40px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
        max-width: 110px;
    }
}

@media(max-width:1440px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 95px !important;
        padding: 4% 4% 2% 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 25px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 27px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
        left: 0%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu {
        font-size: 60px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu_alttext {
        font-size: 42px !important;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .none {
        display: block;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 220px;
        height: 55%;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        font-size: 21px !important;
        line-height: 30px;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 22.50px !important;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                font-size: 26px !important;
            }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 14.5px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 16px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 16px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 19.4px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p b.top-banner-bold-text-b-element {
        font-size: 1.25vw !important;
    }
}



@media(max-width:1400px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 75px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 23px !important;
        padding-right: 3%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 23px !important;
    }

    .twoStructre .video-thumbnail {
        background-position-y: -58px;
    }
}


@media(max-width:1280px) and (min-width:1000px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 105px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 25px !important;
        padding-left: 3%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 25px !important;
    }
}



@media(max-width:880px) and (min-width:645px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 75px !important;
    }

    .fatura_discount-mini-text {
        font-size: 30px;
    }

    .banner-big-size-text2 {
        font-size: 30px !important;
        letter-spacing: 2px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 23px !important;
        padding-right: 3%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 23px !important;
    }
}


@media(max-width:640px) and (min-width:500px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 120px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 25px !important;
        padding-top: 2%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 25px !important;
    }
}


@media(max-width:499px) and (min-width:460px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 100px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 21px !important;
        padding-top: 2%;
    }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 21px !important;
    }
}


@media(max-width:499px) and (min-width:380px) {


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 80px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text.banner-big-size-text2 {
        font-size: 28px !important;
        letter-spacing: 2px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 20px !important;
        padding-top: 2%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 20px !important;
    }
}



@media(max-width:379px) and (min-width:300px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.fatura_discount {
        font-size: 45px !important;
    }

    .fatura_discount-mini-text {
        font-size: 25px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text {
        font-size: 15px !important;
        padding-top: 2%;
        padding-left: 2%;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.fatura_text.banner-big-size-text2 {
            font-size: 20px !important;
            letter-spacing: 2px !important;
        }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.fatura_title {
        font-size: 15px !important;
        padding-top: 6% !important;
    }
}







@media (min-width:1281px) {
    @media(max-height:920px) {
        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 button {
            font-size: 1vw !important;
            margin-top: 1.8vw;
            padding: 1.1vw 3vw;
            margin-top: 10px;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2.appyukle button {
            padding: 1.1vw 1vw;
        }



        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p {
            line-height: 1.2;
        }
    }

    @media (max-width:1454px) {
        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .none {
            display: none;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text {
            width: 52%;
        }
    }
}





@media (min-height: 900px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
        position: relative;
        width: 105%;
        left: 0%;
        height: 100%;
    }
}

@media (min-height: 700px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        left: 27px;
    }
}

@media (min-width:1921px) {
    section.home ul li.wow {
        animation-name: none !important;
        visibility: visible !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        width: 90%;
        margin: auto;
    }
}

@media (min-width:1821px) {
    section.home ul li.wow {
        animation-name: none !important;
        visibility: visible !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -37px;
    }
}





@media (min-width: 1750px) and (max-height: 800px) {
    .twoStructre .slick-dots {
        left: auto;
        top: 0;
        bottom: 0;
        height: 75px;
        width: 12px;
        right: 30px;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 12px;
    }

    .twoStructre .slick-dots li {
        display: block;
        float: none;
        width: 12px;
        margin: 6px 0 0 0 !important;
    }

        .twoStructre .slick-dots li:last-child {
            margin: 6px 0 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item img {
        height: 100%;
        width: auto;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        padding-bottom: 0;
    }
}

@media (max-width: 1750px) {

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -8px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        top: 7px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
        left: 28px;
    }

    @media (max-height: 900px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            top: 0.3vw;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
            top: 1px;
            left: 10px;
        }
    }

    @media (max-height: 810px) and (min-height: 700px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
            top: -10px;
        }
    }
}

@media (min-width: 1750px) {
    @media (max-height: 824px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            top: 6px;
        }
    }
}

@media (max-width: 1700px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -2px;
    }

    @media (max-height: 900px) {


        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            top: -0.2vw;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
            top: 0.1vw;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
            top: 7px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
            bottom: 20px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
            top: -4px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
            top: 7px;
        }
    }

    @media (max-height: 800px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            top: 0.2vw;
        }
    }
}

@media (max-width: 1700px) and (min-width: 1281px) {

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
        position: relative;
        height: initial;
        width: 100%;
        height: 100%;
        /*left: -20%;*/
    }

    @media (max-width:1370px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
            width: 147%;
            left: -23%;
        }
    }
}

@media (min-width: 1700px) and (max-height: 850px) {

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        left: 19px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 {
        margin-bottom: 0px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -11px;
    }
}

@media (min-width: 1700px) and (max-height: 750px) {
    .twoStructre .slick-dots {
        left: auto;
        top: 0;
        bottom: 0;
        height: 75px;
        width: 12px;
        right: 30px;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 12px;
    }

    .twoStructre .slick-dots li {
        display: block;
        float: none;
        width: 12px;
        margin: 6px 0 0 0 !important;
    }

        .twoStructre .slick-dots li:last-child {
            margin: 6px 0 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item img {
        height: 100%;
        width: auto;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        padding-bottom: 0;
    }
}

@media (min-width: 1650px) and (max-height: 700px) {
    .twoStructre .slick-dots {
        left: auto;
        top: 0;
        bottom: 0;
        height: 75px;
        width: 12px;
        right: 30px;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 12px;
    }

    .twoStructre .slick-dots li {
        display: block;
        float: none;
        width: 12px;
        margin: 6px 0 0 0 !important;
    }

        .twoStructre .slick-dots li:last-child {
            margin: 6px 0 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item img {
        height: 100%;
        width: auto;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        padding-bottom: 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        left: 29px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
        left: 15px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.dif-content {
        top: 17px;
    }
}



@media (min-width: 1550px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        top: 0.1vw;
    }
}

@media (min-width: 1500px) and (max-height: 700px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        top: 8px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        top: 14px;
    }
}

@media (min-width: 1280px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        left: -8px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        left: -8px;
    }

    @media (max-height: 700px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
            top: 0px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
            top: -4;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.dif-content {
            top: 7px;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
            top: -18px;
        }

            .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.dif-content {
                top: 0px;
            }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            top: 27px;
            left: 9px;
        }
    }

    @media (max-height: 900px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            left: -12px;
        }
    }
}

@media (max-width: 1580px) {

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        line-height: 30px;
        font-size: 20px !important;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 23.5px !important;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 235px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
        font-size: 27px !important;
    }
}


@media (max-width: 1500px) {

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -35px;
        width: 24px;
        height: 3px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -35px;
        width: 24px;
        height: 3px;
    }

    .twoStructre .slick-dots {
        width: 108px;
    }

        .twoStructre .slick-dots li {
            width: 12px;
            margin: 0 12px 0 0 !important;
        }



    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        left: 19px;
    }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -5px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        top: 7px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
        left: 28px;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 108px;
    }


    @media (max-height: 700px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            top: 1.2vw;
        }
    }
}

@media (max-width: 1368px) {
    .twoStructre .slick-dots {
        width: 90px;
    }

        .twoStructre .slick-dots li {
            width: 10px;
            margin: 0 10px 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 90px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu {
        font-size: 80px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu_alttext {
        font-size: 55px !important;
    }

    @media (min-width: 1281px) and (max-height: 840px) {
        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web.ido_img {
            top: -100px;
        }
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
        width: 100%;
        left: 0%;
        height: 105%;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web.ido_img {
            top: 0px;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu {
        font-size: 55px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu_alttext {
        font-size: 38px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b {
        font-size: 14px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 1vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 1.1vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 1.1vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 1.32vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .promoRightSlider2-discount.top-banner-bold-text-green-mini {
        font-size: 1.78vw !important;
    }
}

@media (max-width: 1280px) {
    @media (min-width: 640px) {
        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text {
            width: 52%;
        }
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2 {
        font-size: 6.62vw !important;
    }

    .twoStructre .promo {
        width: 100%;
        float: none;
        height: auto !important;
        margin-bottom: 0.28041666666667%;
        min-height: initial;
    }

        .twoStructre .promo:before {
            content: '';
            padding-top: 56.4%;
            display: block;
            height: 0;
        }

        .twoStructre .promo .videoBox {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
        }

    .twoStructre .promoRight {
        width: 100%;
        min-height: auto;
        min-height: initial;
        height: auto !important;
        margin: 0 0 -.19041666666667% 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        padding-bottom: 5.2%;
        display: table-cell;
        vertical-align: middle;
    }

    .twoStructre .promoRightSlider1 {
        width: 49.86999999999%;
        float: right;
        position: relative;
        display: inline-block;
        height: 100%;
        margin: 0;
    }

    .twoStructre .promoRightSlider2 {
        overflow: hidden;
        width: 49.86999999999%;
        display: inline-block;
        position: relative;
        top: 0;
        margin-bottom: 0;
        margin-right: 0.26041666666667%;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p b {
            font-size: 2.19vw !important;
            line-height: 2.73vw;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p {
            font-size: 1.41vw !important;
            line-height: 2.19vw;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .type-2 p b {
            font-size: 1.71vw !important;
            line-height: 2.19vw;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .type-2 p {
            font-size: 1.56vw !important;
            line-height: 2.19vw;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 button {
            font-size: 1.41vw !important;
            padding: 2.1vw 5.66vw;
            margin-top: 2.3vw;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2.appyukle button {
            padding: 2.3vw 1.8vw;
        }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title {
        font-size: 1.71875vw !important;
        padding-top: 8.2%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount {
        font-size: 12.625vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-t {
        font-size: 9.0625vw !important;
        line-height: 1.2;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text {
        font-size: 1.71875vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 .s-title {
        padding-top: 4.2%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 .s-discount-t {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 .s-discount-text {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 .s-discount {
        font-size: inherit;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
        font-size: 4vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .detail-info {
        font-size: 1.25vw !important;
        width: 29%;
        padding: 2.5% 0;
        margin-top: 1.7%;
    }

    .twoStructre #home-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-text {
        display: block;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-text > div {
            display: table;
            height: 100%;
            width: 100%;
        }

    .twoStructre .promoRightSlider1 .slick-dots {
        bottom: 5% !important;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        bottom: 5% !important;
    }

    .twoStructre .slick-dots {
        width: 117px;
    }

        .twoStructre .slick-dots li {
            width: 13px;
            margin: 0 13px 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 117px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -38px;
        width: 23px;
        height: 3px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -38px;
        width: 23px;
        height: 3px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item > img {
        height: auto !important;
        width: 100% !important;
        position: relative;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
        position: relative;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail2 {
        margin-bottom: 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        top: 0.5vw;
        left: -17px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        top: 16px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        top: -1vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        top: 0px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
        top: 0px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        top: 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-web {
        width: 100.3%;
        left: 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
        top: 11px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item img {
        position: relative;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p {
        font-size: 1.4vw !important;
        line-height: 2.34vw;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p b {
            font-size: 2.18vw !important;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p .green-p {
            font-size: 2.18vw !important;
        }



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-3 p {
        font-size: 1.64vw !important;
        line-height: 2.34vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 240px;
        padding-left: 35px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:last-child {
        padding-left: 35px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        font-size: 24px !important;
        line-height: 35px;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 26.50px !important;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                font-size: 40px !important;
            }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
        font-size: 30px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
        font-size: 50px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
        max-width: 160px;
    }
}

@media (max-width: 1280px) and (min-width:1240px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        top: 12px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 1.5vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 1.75vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 1.75vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 2.1vw;
    }
}



@media (max-width: 1080px) {

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        top: 4px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
        top: 6px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 1.5vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 1.75vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 1.75vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 2.1vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
        font-size: 22px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
        font-size: 40px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text3 {
        font-size: 28px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
        max-width: 140px;
    }
}

@media (max-width: 1024px) {
    .twoStructre .slick-dots {
        width: 108px;
    }

        .twoStructre .slick-dots li {
            width: 12px;
            margin: 0 12px 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 108px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -29px;
        width: 19px;
        height: 2px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -29px;
        width: 19px;
        height: 2px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo {
        width: 90%;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
            left: -13px;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu {
        font-size: 46px !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2.aysonu_alttext {
        font-size: 32px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 1.5vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 1.65vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 1.65vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 2vw;
    }
}

@media (max-width: 900px) {

    .twoStructre .video-thumbnail {
        background-position-y: -30px;
    }
}


@media (max-width: 810px) {
    /**.twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {padding: 0 1% 0 2%;}**/
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo {
        width: 90%;
    }
}

@media (max-width: 768px) and (min-width: 640px) {
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p .green-p.blockspan {
        display: block;
    }
}

@media (max-width: 768px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
        width: 50%;
        left: 10px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        left: 3px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2 {
        padding: 4% 0 3% 0;
    }

    .twoStructre .promoRightSlider1 .slick-dots {
        bottom: 5% !important;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        bottom: 5% !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base2 {
        width: 53%;
    }

    .twoStructre .slick-dots {
        width: 120px;
    }

        .twoStructre .slick-dots li {
            width: 9px;
            margin: 0 9px 0 0 !important;
            float: initial;
            display: inline-block;
        }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 100%;
        text-align: center;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .detail-info {
        font-size: 1.5vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -22px;
        width: 14px;
        height: 2px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -22px;
        width: 14px;
        height: 2px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -17px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base2 .s-logo {
        width: 68%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
        top: 9px;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 210px;
        padding-left: 30px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:last-child {
        padding-left: 35px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        font-size: 18px !important;
        line-height: 30px;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 19.50px !important;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                font-size: 23px !important;
            }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
        max-width: 90px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
        font-size: 20px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
        font-size: 35px;
    }
}

@media (max-width: 640px) {
    .twoStructre .promo .videoBox {
        background-color: #1c1c1c;
    }

        .twoStructre .promo .videoBox video {
            height: 100% !important;
            margin: 0 auto;
            width: 100%;
        }

    .twoStructre .promoRightSlider2 {
        width: 100%;
        margin-right: 0px;
    }

    .twoStructre .video-thumbnail {
        /*background: url('../../Content/img/home/video-cover/video-cover-cepteteb.jpg') no-repeat center;*/
        background-size: cover;
        z-index: 1;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.ido_container {
        top: 10px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part p {
        font-size: 2.81vw !important;
        line-height: 3.75vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p b {
        font-size: 4.38vw !important;
        line-height: 5.47vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 button {
        font-size: 2vw !important;
        letter-spacing: 0.1vw;
        line-height: 2.3vw;
        border-radius: 25px;
    }



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .type-2 p b {
        font-size: 4.38vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part1 {
        height: 62%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2 {
        font-size: 13.66vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        padding: 0 1% 4% 2%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        width: 43%;
        top: 0px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container {
        top: -10px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base.markafoni_logo {
        top: 10px;
    }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.dif-content {
        top: -3px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.s-discount-text2 {
        top: 1px;
    }


    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        top: 4.84vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
        font-size: 7vw !important;
    }

    .twoStructre .promo {
        margin-bottom: 0;
    }

    .twoStructre .promoRightSlider2 {
        height: auto !important;
        margin-top: 4px;
    }

    .twoStructre .promoRightSlider1 {
        float: none;
        width: 100%;
        margin: 0;
        margin-top: 2px;
        margin-bottom: -2px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item > img {
        position: relative;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title {
        font-size: 3.75vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount {
        font-size: 21.875vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-t {
        font-size: 17.34375vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text {
        font-size: 3.75vw !important;
        margin-top: 2px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .detail-info {
        font-size: 3.125vw !important;
        width: 31%;
        padding: 2.4% 0;
        margin-top: 2.6%;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -35px;
        width: 24px;
        height: 3px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -35px;
        width: 24px;
        height: 3px;
    }

    .twoStructre .promoRightSlider1 .slick-dots {
        bottom: 4% !important;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        bottom: 4% !important;
    }

    .twoStructre .slick-dots {
        width: 145px;
    }

        .twoStructre .slick-dots li {
            width: 13px;
            margin: 0 13px 0 0 !important;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
        bottom: 4.69vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item1 {
        top: -0.7vw;
        margin: auto;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p {
        font-size: 2.8vw !important;
        line-height: 4.68vw;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p b {
            font-size: 4.36vw !important;
        }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p .green-p {
            font-size: 4.36vw !important;
        }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-3 p {
        font-size: 3.27vw !important;
        line-height: 4.68vw;
    }



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 245px;
        padding-left: 40px;
    }



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        font-size: 25px !important;
        line-height: 30px;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 26.50px !important;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                font-size: 30px !important;
            }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 262px;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 3vw !important;
        line-height: 27px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 3.4vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 3.4vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 4.1vw;
    }
}



@media (max-width: 480px) {
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text {
        width: 50%;
        right: 4%;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item.test img.mobile {
        display: block;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item.test img.web {
        display: none;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -27px;
        width: 17px;
        height: 3px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -27px;
        width: 17px;
        height: 3px;
    }

    .twoStructre .promoRightSlider1 .slick-dots {
        bottom: 5.6% !important;
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        bottom: 5.6% !important;
    }

    .twoStructre .slick-dots {
        width: 120px;
    }

        .twoStructre .slick-dots li {
            width: 10px;
            margin: 0 10px 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 150px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base2 .s-logo {
        width: 68%;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.type-1 p .green-p.blockspan {
        display: block;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item2 {
        left: -7px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 215px;
        padding-left: 40px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        font-size: 18px !important;
        line-height: 35px;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 19.50px !important;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                font-size: 22px !important;
            }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p b {
        font-size: 2.7vw !important;
        line-height: 1vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-green {
        font-size: 3vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black {
        font-size: 3vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.mid-size-text p span.mid-size-text-black-semibold {
        font-size: 3.6vw;
    }
}

@media (max-width: 380px) {



    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        line-height: 45px;
    }


        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
            font-size: 21px !important;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 200px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.gittigidiyor_title {
        font-size: 4.29vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
        max-width: 95px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
        font-size: 16px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
        font-size: 30px;
    }
}

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

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base-top-right {
        max-width: 85px;
        right: 0px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title2 {
        font-size: 14px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount3 {
        font-size: 25px;
    }
}

@media (max-width: 340px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base {
        width: 48%;
        padding: 0;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo-base span {
            display: block;
            font-size: 4.705vw;
            font-family: open_sanssemibold;
            color: #ffffff;
            line-height: 1;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title {
        font-size: 5.29vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount {
        font-size: 20vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-t {
        font-size: 17.05vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text {
        font-size: 5.29vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .detail-info {
        font-size: 4.11vw !important;
        padding: 7px 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-text > div {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:before {
        left: -19px;
        width: 13px;
        height: 2px;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text:after {
        right: -19px;
        width: 13px;
        height: 2px;
    }


    .twoStructre .promoRightSlider1 .slick-dots {
    }

    .twoStructre .promoRightSlider2 .slick-dots {
        bottom: 6px;
    }

    .twoStructre .slick-dots {
        width: 120px;
    }

        .twoStructre .slick-dots li {
            width: 9px;
            margin: 0 9px 0 0 !important;
        }

    .twoStructre .promoRightSlider2 .slick-dots {
        width: 140px;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b {
        font-size: 16px !important;
        line-height: 22px !important;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span {
            font-size: 17.50px !important;
        }

            .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text p b span.banner-big-size-text {
                font-size: 19px !important;
            }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part:first-child {
        width: 181px;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.banner-full-text .part2 button {
        margin-left: 0;
    }
}

@media (max-width: 300px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount2 {
        font-size: 40px !important;
    }
}

@media (max-width: 1919px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail.ido_detail {
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .ido_container img {
        top: 1.2vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        min-width: 90px;
        width: 5.94vw;
        left: 1.35vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title {
        letter-spacing: 0.18em;
        line-height: 0.1em;
        margin-top: 3.8vw;
        margin-bottom: 1.56vw;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:after {
            width: 3.13vw;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:before {
            width: 3.13vw;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount {
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount i {
            bottom: 0.26vw;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text {
        bottom: 0.21vw;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text b {
            left: 0.47vw;
        }
}

@media (max-width: 1280px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount i {
        bottom: 2.34vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-container.s-container1.ido_container {
        left: 0;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        width: 8.91vw;
        left: 2.03vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail.ido_detail {
        left: 1vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .ido_container img {
        top: 3.34vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title {
        margin-top: 5.7vw !important;
        margin-bottom: 2.34vw !important;
        font-size: 1.95vw !important;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:after {
            width: 3.9vw !important;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:before {
            width: 3.9vw !important;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount {
        font-size: 9.14vw !important;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount i {
            bottom: 0.39vw !important;
            font-size: 4.22vw !important;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text {
        bottom: 0.31vw !important;
        font-size: 3.52vw !important;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text b {
            left: 0.7vw !important;
        }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 25px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 17.5px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-green {
        font-size: 4vw;
        line-height: 4vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-black {
        font-size: 2.2vw;
        line-height: 3vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .promoRightSlider2-discount.top-banner-bold-text-green-mini {
        font-size: 2.8vw !important;
    }
}

@media (max-width:1080px) {
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 20px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 15.5px !important;
    }
}



@media (max-width: 768px) {
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 button {
        font-size: 1.5vw !important;
        padding: 2.3vw 4.96vw;
        margin-top: 1.4vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2.appyukle button {
        padding: 2.3vw 1.9vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 17px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 12.5px !important;
    }
}




@media (max-width: 640px) {



    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-logo.item3 {
        width: 17.81vw;
        left: 4.06vw;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .container-detail.ido_detail {
        left: 1vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .ido_container img {
        top: 5.16vw !important;
    }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title {
        margin-top: 11.41vw !important;
        margin-bottom: 4.69vw !important;
        font-size: 3.59vw !important;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:after {
            width: 8.38vw !important;
        }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-title.ido_title:before {
            width: 8.38vw !important;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount {
        font-size: 20.63vw !important;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount.ido_discount i {
            bottom: 0.78vw !important;
            font-size: 11.25vw !important;
        }

    .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text {
        bottom: 0.63vw !important;
        font-size: 7.5vw !important;
    }

        .twoStructre .promoRightSlider1 .promoRightSlider1-item .s-discount-text.ido_text b {
            left: 1.41vw !important;
        }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2 button {
        font-size: 2.1vw !important;
        padding: 2.7vw 7vw;
        margin-top: 1.4vw;
        margin-left: 1.5vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .part2.appyukle button {
        padding: 2.7vw 3vw;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 25px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 17.5px !important;
        line-height: 25px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-green {
        font-size: 7.2vw;
        line-height: 7vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-black {
        font-size: 4.5vw;
        line-height: 6vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .type-2 p b.top-banner-bold-text-b-element {
        font-size: 3.8vw !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .promoRightSlider2-discount.top-banner-bold-text-green-mini {
        font-size: 5vw !important;
    }
}

@media (max-width:450px) {

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 16px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 14.5px !important;
        line-height: 17px !important;
    }

        .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span br {
            display: none;
        }
}

@media (max-width:380px) {
    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 16px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 12.5px !important;
        line-height: 17px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-green {
        font-size: 6.3vw;
        line-height: 7vw;
    }


    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text .type-2 p b {
        font-size: 3.70vw !important;
    }
}


@media (max-width: 340px) {
    .twoStructre .promoRightSlider1 .promoRightSlider1-item .ido_container .s-logo-base {
        width: 41%;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p span {
        font-size: 14px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b, .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text.doviz-banner p b span {
        font-size: 11.5px !important;
        line-height: 13px !important;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-black {
        font-size: 4.3vw;
    }

    .twoStructre .promoRightSlider2 .promoRightSlider2-item .promoRightSlider2-text p span.top-banner-bold-text-green-mini {
        font-size: 4.6vw;
    }
}

.twoStructre .promoRightSlider2 .promoRightSlider2-item img.etiket {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
}

/* Index Inline Code End */



/*Header Hemen Basvur Button - Desktop*/

.desktopHeaderBox {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

    .desktopHeaderBox span {
        display: block;
        float: right;
        text-align: center;
    }




/*Header Hemen Basvur Button - Mobile*/

.mobileHeaderBox {
    display: none;
}

.mobile.mobileHeaderBox .menuHeader {
    border: none;
}

nav.mobile {
    width: 100%;
    left: -100%;
}

    nav.mobile .link {
        padding: 25px 0 25px 25px;
        margin-right: 25px;
        color: #3a3a3a;
        background: #fff;
        font-size: 16px;
        border-bottom: 1px solid #ededed;
        font-family: open_sanssemibold;
        letter-spacing: 1px;
        float: left;
    }

        nav.mobile .link:active {
            background: #ee8718;
            color: #fff;
        }

    nav.mobile ul li.hemenBasvur {
        background: #00cb49;
    }

    nav.mobile ul li a {
        padding: 25px 0 25px 25px;
        color: #3a3a3a;
        font-size: 16px;
        font-family: open_sanssemibold;
        letter-spacing: 1px;
        background: url(../img/icons/MobileMenu/mobile-close-icon.png) right 30px center no-repeat;
        background-size: 10px;
    }

    nav.mobile ul li.hemenBasvur > a {
        color: #fff;
        background: url(../img/icons/MobileMenu/mobile-close-icon-hb.png) right 30px center no-repeat;
        background-size: 10px;
    }

    nav.mobile ul li.single a {
        background: none;
    }

    nav.mobile ul li.active a {
        background: #ee8718 url(../img/icons/MobileMenu/mobile-open-icon.png) right 30px center no-repeat;
        color: #fff;
    }

    nav.mobile .mobileMenuBasvur {
        margin-bottom: 0;
        display: block;
    }

        nav.mobile .mobileMenuBasvur li {
            position: relative;
            float: left;
            width: 50%;
            clear: none;
        }

            nav.mobile .mobileMenuBasvur li.menuHesapAc {
                background: url(../img/icons/MobileMenu/hesap-ac.png) right 25px center no-repeat;
                border-bottom: 1px solid rgb(178,239,200);
                border-right: 1px solid rgb(178,239,200);
                padding: 35px 25px;
                background-size: 45px;
            }

            nav.mobile .mobileMenuBasvur li.menuKrediKarti {
                background: url(../img/icons/MobileMenu/kredi-karti.png) right 30px center no-repeat;
                border-right: 1px solid rgb(178,239,200);
                padding: 23px 25px;
            }

            nav.mobile .mobileMenuBasvur li.menuIhtiyacKredisi {
                background: url(../img/icons/MobileMenu/ihtiyac-kredisi.png) right 30px center no-repeat;
                border-bottom: 1px solid rgb(178,239,200);
                padding: 23px 25px;
            }

            nav.mobile .mobileMenuBasvur li.menuEvKredisi {
                background: url(../img/icons/MobileMenu/ev-kredisi.png) right 30px center no-repeat;
                padding: 23px 25px;
            }

            nav.mobile .mobileMenuBasvur li a {
                padding: 0;
            }

            nav.mobile .mobileMenuBasvur li img {
                float: right;
                width: 45px;
            }

            nav.mobile .mobileMenuBasvur li span {
                font-family: open_sanssemibold;
                font-size: 18px;
                float: left;
            }

    nav.mobile ul.altMenuSub {
        margin-bottom: 0;
    }

        nav.mobile ul.altMenuSub li {
            border-bottom: 1px solid #ebebeb;
            padding: 10px 25px;
        }

            nav.mobile ul.altMenuSub li a {
                font-family: open_sanssemibold;
                font-size: 15px;
                padding: 10px 0;
            }

            nav.mobile ul.altMenuSub li:first-child a {
                padding-top: 15px;
            }

            nav.mobile ul.altMenuSub li:last-child {
                border-bottom: none;
            }

.mobile .menuHeader {
    display: block;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #ededed;
}

.mobile .closeDiv {
    width: 25%;
    float: left;
}

nav.mobile .link.close {
    background: none;
    font-size: 18px;
    color: #000;
    padding: 20px 0 0;
    border: none;
    letter-spacing: 0;
}

    nav.mobile .link.close span.greenClose {
        color: #43b02a;
    }

        nav.mobile .link.close span.greenClose img {
            width: 15px;
        }

    nav.mobile .link.close span.greenClose, nav.mobile .link.close span.blackClose {
        font-family: open_sansbold;
    }

.mobile .openDiv {
    width: 25%;
    float: left;
}

    .mobile .openDiv .mobileNavInit {
        margin: 0 25px 1px 0;
        text-align: center;
        font-size: 18px;
        padding: 20px 0 0;
        width: 100%;
    }

.mobileHeaderBox .mobileNavInit span {
    float: none;
    display: inline;
    padding-left: 6px;
}


.mobile .menuLogo {
    width: 50%;
    float: left;
    text-align: center;
}

    .mobile .menuLogo img {
        width: 180px;
    }

.mobile .menuSube {
    width: 25%;
    float: left;
    text-align: center;
}

    .mobile .menuSube img {
        width: 85px;
        padding: 15px 0 0;
    }

.mobile .menuPass {
    text-align: center;
    font-family: open_sansbold;
    font-size: 16px;
    padding: 25px 0;
    letter-spacing: 1px;
    border-bottom: 1px solid #ededed;
}

    .mobile .menuPass a {
        color: #424242;
    }

        .mobile .menuPass a:active {
            color: #00915A;
        }

    .mobile .menuPass img {
        margin-right: 7px;
    }


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

    .desktopHeaderBox {
        display: none;
        width: 100%;
    }


    .mobileHeaderBox {
        display: block;
        width: 100%;
    }

        .mobileHeaderBox .menuHeader {
            padding: 10px 0;
            width: 100%;
        }
}


@media (max-width: 500px) {

    nav.mobile .link.close {
        font-size: 15px;
        padding: 15px 0 0;
    }

        nav.mobile .link.close span.greenClose img {
            width: 13px;
        }

    .mobileHeaderBox .menuHeader {
        padding: 0;
    }

    .mobile .openDiv .mobileNavInit {
        font-size: 15px;
        padding: 15px 0 0;
        display: table;
        margin-right: 0;
    }

        .mobile .openDiv .mobileNavInit img {
            width: 15.5px;
        }

    .mobile .menuLogo img {
        width: 140px;
    }

    .mobile .menuSube img {
        width: 70px;
        padding: 5px 0 0;
    }

    .mobile .menuPass {
        font-size: 14px;
        padding: 20px 0;
    }

    nav.mobile .mobileMenuBasvur li.menuHesapAc {
        padding: 42px 25px;
    }

    nav.mobile .mobileMenuBasvur li span {
        font-size: 14px;
        width: 80px;
    }

        nav.mobile .mobileMenuBasvur li span > br {
            display: none;
        }

    nav.mobile .link {
        padding: 20px 0 20px 25px;
        font-size: 14px;
        float: left;
    }

    nav.mobile ul li a {
        font-size: 14px;
        padding: 20px 0 20px 25px;
        background-size: 8px;
    }

    nav.mobile ul li.hemenBasvur > a {
        background-size: 8px;
    }

    nav.mobile ul li.active a {
        background-size: 14px;
    }

    nav.mobile ul.altMenuSub li a {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    nav.mobile .mobileMenuBasvur li.menuHesapAc {
        padding: 42px 25px;
    }
}

@media (max-width: 350px) {
    nav.mobile .link.close {
        font-size: 14px;
        padding: 10px 0 0 11px;
    }

        nav.mobile .link.close span.greenClose img {
            width: 12px;
        }

    .mobile .openDiv .mobileNavInit {
        font-size: 14px;
        padding: 10px 0 0 11px;
    }

        .mobile .openDiv .mobileNavInit img {
            width: 12px;
            margin-right: 5px;
        }

    .mobile .menuLogo img {
        width: 120px;
    }

    .mobile .menuSube img {
        width: 75px;
        padding: 5px 10px 0 0;
    }

    .mobile .menuPass {
        font-size: 13px;
    }

        .mobile .menuPass img {
            width: 13.5px;
        }

    nav.mobile .link {
        font-size: 13px;
    }

    nav.mobile ul li a {
        font-size: 13px;
    }


    nav.mobile .mobileMenuBasvur li.menuHesapAc {
        padding: 41px 25px;
    }

    nav.mobile .mobileMenuBasvur li {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        nav.mobile .mobileMenuBasvur li span {
            font-size: 13px;
        }

        nav.mobile .mobileMenuBasvur li.menuHesapAc {
            background-size: 35px;
        }

        nav.mobile .mobileMenuBasvur li.menuIhtiyacKredisi {
            background: url(../img/icons/MobileMenu/ihtiyac-kredisi.png) right 23px center no-repeat;
            background-size: 45px;
        }

        nav.mobile .mobileMenuBasvur li.menuKrediKarti {
            background: url(../img/icons/MobileMenu/kredi-karti.png) right 22px center no-repeat;
            background-size: 45px;
        }

        nav.mobile .mobileMenuBasvur li.menuEvKredisi {
            background: url(../img/icons/MobileMenu/ev-kredisi.png) right 22px center no-repeat;
            background-size: 45px;
        }

    nav.mobile ul.altMenuSub li a {
        font-size: 12px;
    }
}

/****/



/* Destek Merkezi*/

.bottSupportBox {
    margin: 40px 0 0 0;
    padding: 30px;
}



/****/


/* Table Alt Text*/

.sideMenuPagesContainer .contentWrapper .blackTextImgContainer p.depositSeeDet, .sideMenuPagesContainer .contentWrapper .greenTextContainer p.depositSeeDet {
    font-size: 14px;
    padding: 10px 30px;
}

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p.depositSeeDet a, .sideMenuPagesContainer .contentWrapper .greenTextContainer p.depositSeeDet a {
        color: #404040;
    }
/***/

/*Mini Video Box*/

.headVideoImgContainer.mobile {
    display: none;
}


.headVideoImgContainer {
    width: 48.24%;
    position: relative;
    float: left;
}

/*.ceptetebNedir.headVideoImgContainer {
    width: 34%;
    left: 13.5vw;
    position: absolute;
}*/

section .miniVideoBox {
    position: absolute;
    margin: 0px 0 0 30px;
    top: 30px;
    display: block;
    background: none;
    left: 0;
    z-index: 2;
}

.detVideo {
    display: none;
}
/***/

/* Hero Image */
.miniVideoBox .BankDetailHero {
    position: relative;
    margin: 0px 0 0 0;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    float: left;
    border: 4px solid #fff;
    display: block;
    z-index: 2;
}

article .BankDetailHero {
    position: absolute;
    margin: 0px 0 0px 30px;
    top: 30px;
    opacity: 0;
    z-index: 2;
    width: 100%;
    left: 0;
    border: 0px solid #fff;
    display: block;
}

/*Hide Video Download Button*/
video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 35px); /* Adjust as needed */
}

/**/


/* Share Box on Image */

.shareBoxImg .shareBoxOnImg {
    z-index: 3;
    border: none;
    position: absolute;
    width: 29px;
    opacity: 1;
    transition: opacity 1s linear;
    margin-left: 600px;
}

    .shareBoxImg .shareBoxOnImg span {
        display: none;
    }

    .shareBoxImg .shareBoxOnImg div {
        float: right;
    }

        .shareBoxImg .shareBoxOnImg div a {
            float: none;
        }

            .shareBoxImg .shareBoxOnImg div a img {
                display: block;
            }

.shareBoxImg .shareBoxAnimate {
    opacity: 1;
}

/***/

.headerWrapper .headGreenBar {
    width: 100%;
    background: #00915A;
    position: relative;
    z-index: 1;
}

.headerWrapper .headWhiteBar {
    width: 100%;
    position: relative;
}

.headerWrapper .headContainer {
    width: 70%;
    margin: 0 auto;
    display: table;
    opacity: 0;
}

.headerWrapper .titleBar:after, .headerWrapper .titleBar:before {
    content: none;
}

.headerWrapper .titleBar {
    width: 50%;
    float: right;
    background: none;
    padding: 30px 30px 20px 30px;
    ;
}


.fullPageHeader .headerWrapper .titleBar {
    width: 49.5%;
}

article .titleBar h1 {
    color: #fff;
    font-family: bnpp_sanslight;
    font-size: 41px;
    line-height: 45px;
}

.headerWrapper .headerBox {
    width: 47.28%;
    float: right;
    margin-top: 20px;
}

.fullPageHeader .headerWrapper .headerBox {
    width: 49.5%;
    padding: 0px 35px;
}

.headerWrapper .headerBox h2 {
    color: #00915A;
    font-size: 26px;
    line-height: 30px;
    font-family: open_sanslight;
    padding-bottom: 20px;
}

    .headerWrapper .headerBox h2 a {
        text-decoration: none;
        color: #00915A;
        font-family: open_sansregular;
    }


.headerWrapper .headerBox p {
    font-family: open_sanslight;
    font-size: 18px;
    line-height: 1.35;
}

    .headerWrapper .headerBox p a {
        text-decoration: none;
        color: #000;
        font-family: open_sansregular3;
    }

.headerWrapper .applyBtn {
    text-transform: none;
    margin-top: 20px;
    width: 165px;
    padding: 15px 20px;
    font-size: 14px;
    margin: 0px 6px;
    margin-top: 20px;
    width: calc(55% - 30px);
    display: inline-block;
}

.contentWrapper {
    float: left;
    width: 100%;
    padding-bottom: 72px;
    opacity: 0;
    padding-top: 2%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


.containerBoxPosition {
    padding-top: 5% !important;
}


.contentWrapper .accordionContainer, .contentWrapper .blackTextImgContainer, .contentWrapper .blackTextContainer, .contentWrapper .greenTextContainer, .contentWrapper .greenLightTextContainer {
    width: 70%;
    margin: 0 auto;
    padding: 0px 30px;
}

/* Green title and text content*/

.greenTextContainer h1, .greenTextContainer h2, .greenTextContainer h3, .greenTextContainer h4, .greenTextContainer h5, .greenTextContainer h6 {
    font-family: open_sans_condensedbold;
    color: #00915A;
}

    .greenTextContainer h2 a {
        color: #00915A;
    }

        .greenTextContainer h2 a:hover {
            text-decoration: underline;
        }

.greenTextContainer p {
    font-family: open_sanslight;
    font-size: 18px;
    line-height: 1.5;
    padding-top: 10px;
}

    .greenTextContainer p a {
        color: #404040;
        text-decoration: none;
        font-weight: bold;
    }

        .greenTextContainer p a:hover {
            text-decoration: underline !important;
        }
/**/


/* Black title and image content*/
.contentWrapper .blackTextImgContainer {
    padding-top: 20px;
}

    .contentWrapper .blackTextImgContainer h2 {
        font-family: bnpp_sanslight;
        color: #404040;
        font-size: 35px;
    }

        .contentWrapper .blackTextImgContainer h2 a {
            color: #404040;
        }

        .contentWrapper .blackTextImgContainer h2 a {
            text-decoration: underline;
        }

        .contentWrapper .blackTextImgContainer h2 span {
            font-family: bnpp_sansregular;
        }

    .contentWrapper .blackTextImgContainer p {
        margin: 0;
        font-family: bnpp_sanslight;
        font-size: 18px;
        padding-bottom: 20px;
        line-height: 1.3;
        color: #404040;
    }

        .contentWrapper .blackTextImgContainer p > span, .contentWrapper .blackTextImgContainer p > strong {
            font-family: bnpp_sansregular;
            display: inline;
        }

        .contentWrapper .blackTextImgContainer p a > span, .contentWrapper .blackTextImgContainer p a > strong {
            font-family: bnpp_sansregular;
            display: inline;
        }

        .contentWrapper .blackTextImgContainer p a {
            color: #404040;
            text-decoration: none;
            font-weight: bold;
        }

            .contentWrapper .blackTextImgContainer p a:hover {
                text-decoration: underline;
            }

.blackTextImgContainer ul.imgTextList {
    width: 100%;
    position: relative;
    padding: 50px 0 40px 0;
}

    .blackTextImgContainer ul.imgTextList li {
        float: left;
        width: 33.3%;
        padding-bottom: 25px;
        color: #363636;
        min-height: 380px;
    }

        .blackTextImgContainer ul.imgTextList li a {
            text-decoration: underline;
            color: #404040;
        }

            .blackTextImgContainer ul.imgTextList li a:active {
                color: #404040;
            }

        .blackTextImgContainer ul.imgTextList li img {
            display: block;
        }

        .blackTextImgContainer ul.imgTextList li span {
            font-family: bnpp_sansregular;
            font-size: 29.5px;
            padding: 25px 0;
            width: 70%;
            display: block;
            color: #404040;
        }

        .blackTextImgContainer ul.imgTextList li p {
            width: 72%;
            font-family: bnpp_sanslight;
            font-size: 18px;
            line-height: 1.5;
        }
/**/


/* ul > li - Pages */

.contentWrapper .listPages ul {
    margin-top: 15px;
    margin-bottom: 35px;
}

    .contentWrapper .listPages ul li {
        margin-bottom: 12px;
        list-style-type: none;
    }

        .contentWrapper .listPages ul li::before {
            content: "• ";
            color: #989898;
            margin-right: 7px;
        }

/***/


/*Buttons*/
section .applyBtn.lit {
    text-transform: none;
    margin-top: 0;
    width: 195px;
    padding: 15px 20px;
    font-size: 15px;
}


/*Slider in Pages*/
.bankSliderContainer {
    display: none;
}


/* Accordion in Pages*/

/*Mobil Uygulama Page */
.contentWrapper .content .mobil-uygulama-accordion.accordion-container {
    padding: 0;
}

.greenTextContainer .content.mobilUygulama {
    padding: 25px 0;
}

.sideMenuPagesContainer .contentWrapper .accordionContainer.bankPagesAccordion {
    padding-top: 40px;
}

.bank-accordion-title {
    float: left;
    padding: 0 0 50px 0;
}

.bank-accordion .title.active-bank::after {
    background: url(../img/cepteteb_bankacilik/icons/bank-plus-active-icon.png) !important;
    background-repeat: no-repeat;
}

.bank-accordion-title h3 {
    font-size: 27px;
    color: #00915A;
    font-family: bnpp_sanslight;
}

.accordionBox.bank-accordion {
    padding: 0 0;
    margin: 0px;
    width: 90%;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: none;
}

article .accordionBox.bank-accordion .title.firstTitle {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

article .accordionBox.bank-accordion .title.secondLev {
    border-bottom: none;
}

article .accordionBox.bank-accordion.acdSecondLevel:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.accordionBox.bank-accordion .title {
    font-size: 16px;
    background-size: 20px;
    padding: 25px 0 20px 65px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.accordionBox .title.bankPages {
    background: none;
    padding-left: 40px;
}

.accordionBox.bank-accordion .title::after {
    background: url(../img/cepteteb_bankacilik/icons/bank-plus-passive-icon.png) no-repeat center;
    content: " ";
    width: 85px;
    height: 75px;
    position: absolute;
    margin-top: -26px;
    right: 0;
    transition: all .3s ease;
}


@media only screen and (max-height:900px) {
    .accordionBox.bank-accordion .title::after {
        height: 69px;
    }
}

.accordionBox.bank-accordion .finans-kocu {
    background: url("../img/cepteteb_bankacilik/icons/finans-nedir.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-ozet {
    background: url("../img/cepteteb_bankacilik/icons/finans-ozet.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-analiz {
    background: url("../img/cepteteb_bankacilik/icons/finans-analiz.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-islem {
    background: url("../img/cepteteb_bankacilik/icons/finans-islem.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .finans-bildirim {
    background: url("../img/cepteteb_bankacilik/icons/finans-bildirim.png");
    background-repeat: no-repeat;
    background-position: 15px 25px;
}

.accordionBox.bank-accordion .content {
    padding-left: 55px;
    padding-right: 55px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

    .accordionBox.bank-accordion .content p {
        font-size: 15px;
        line-height: 20px;
    }

.accordionBox.bank-accordion ul li {
    font-size: 14px;
    line-height: 30px;
    font-family: open_sansregular;
}

/****/


/* Sides Menü Text Pages */

.contentWrapper .bottBinaryBtn {
    float: none;
    margin: 0 auto;
    width: 60%;
    padding: 25px 0;
}

section.sidebarCont {
    padding: 0px 30px 80px;
}

    section.sidebarCont aside {
        margin-top: 20px;
        border-top: none;
        width: 23.826374%;
    }

.sideMenuPagesContainer {
    opacity: 1;
}

.sideMenuPagesHeader.imgVideo {
    min-height: 400px;
    margin-bottom: 30px;
}

.sideMenuPagesContainer .contentWrapper {
    opacity: 1;
    padding: 22px 20px 25px 20px;
    padding-bottom: 0;
}

.contentWrapper .blackTextImgContainer .subTitle {
    font-size: 30px;
    line-height: 36px;
    font-family: bnpp_sanslight;
    padding-top: 20px;
    margin: 10px 0 10px;
}

.sideMenuPagesContainer .contentWrapper .greenTextContainer h1, .sideMenuPagesContainer .contentWrapper .greenTextContainer h2, .sideMenuPagesContainer .contentWrapper .greenTextContainer h3, .sideMenuPagesContainer .contentWrapper .greenTextContainer h4, .sideMenuPagesContainer .contentWrapper .greenTextContainer h5, .sideMenuPagesContainer .contentWrapper .greenTextContainer h6 {
    padding-bottom: 10px;
    font-family: bnpp_sansregular;
}

    .sideMenuPagesContainer .contentWrapper .greenTextContainer h2 a {
        color: #00915A;
    }

        .sideMenuPagesContainer .contentWrapper .greenTextContainer h2 a:hover {
            text-decoration: underline;
        }

.sideMenuPagesContainer .contentWrapper .greenTextContainer p {
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 0;
    font-family: bnpp_sanslight;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 10px;
}

    .sideMenuPagesContainer .contentWrapper .greenTextContainer p > span {
        font-family: bnpp_sansregular;
        display: inline;
    }


.sideMenuPagesContainer .contentWrapper .accordionContainer,
.sideMenuPagesContainer .contentWrapper .blackTextImgContainer,
.sideMenuPagesContainer .contentWrapper .blackTextContainer,
.sideMenuPagesContainer .contentWrapper .greenTextContainer,
.sideMenuPagesContainer .contentWrapper .greenLightTextContainer {
    padding: 0;
}


.sideMenuPagesContainer .contentWrapper .blackTextImgContainer {
    padding-bottom: 25px;
}

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer h2 {
        padding-bottom: 20px;
    }

.sideMenuPagesContainer .headerWrapper .headGreenBar {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}




/* Video - IMG */
.sideMenuPagesHeader .miniVideoBox .BankDetailHero {
    opacity: 1;
}

.sideMenuPagesHeader .headerWrapper .headContainer {
    width: 100%;
    opacity: 1;
}

.sideMenuPagesHeader .headerWrapper .headerBox {
    padding: 0px 0px 0px 0px;
}

    .sideMenuPagesHeader .headerWrapper .headerBox p {
        padding: 0;
    }

        .sideMenuPagesHeader .headerWrapper .headerBox p > span, .sideMenuPagesHeader .headerWrapper .headerBox p > strong {
            font-family: open_sansregular;
        }

.sideMenuPagesHeader .BankDetailHero {
    opacity: 1;
}

.sideMenuPagesContainer .sideMenuPagesHeader .titleBar {
    padding: 25px 30px 20px 50px;
}

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
        color: #fff;
        font-family: bnpp_sanslight;
        font-size: 41px;
        line-height: 1.1;
    }


.sideMenuPagesHeader p {
    font-size: 18px;
    font-family: bnpp_sansregular;
    padding: 20px 30px 0px 50px;
    line-height: 1.55;
    margin: 0;
}

    .sideMenuPagesHeader p a {
        color: #404040;
        font-family: bnpp_sansregular;
    }

    .sideMenuPagesHeader p.litBold {
        font-family: open_sansregular;
        font-size: 18px;
        line-height: 1.45;
    }


.sideMenuPagesContainer .contentWrapper .accordionContainer,
.sideMenuPagesContainer .contentWrapper .blackTextImgContainer,
.sideMenuPagesContainer .contentWrapper .blackTextContainer,
.sideMenuPagesContainer .contentWrapper .greenTextContainer,
.sideMenuPagesContainer .contentWrapper .greenLightTextContainer {
    width: 98%;
}


    .sideMenuPagesContainer .contentWrapper .accordionContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenLightTextContainer.fullText {
        width: 90%;
    }



section.sidebarCont .sideMenuPagesContainer .contentBox {
    width: 100%;
    padding: 0px 30px 5px 50px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

    section.sidebarCont .sideMenuPagesContainer .contentBox.containerBoxPosition {
        padding-top: 4%;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox.noVideo {
        margin-top: 0;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p.title {
        font-family: bnpp_sansregular;
        font-size: 30px;
        font-weight: normal;
        line-height: 1.3;
        margin: 25px 0 20px;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox.imgContentBox p.title {
        margin-top: 0;
    }

        section.sidebarCont .sideMenuPagesContainer .contentBox.imgContentBox p.title:nth-child(n+2) {
            margin-top: 25px;
        }

    section.sidebarCont .sideMenuPagesContainer .contentBox p.title.green a {
        font-weight: normal;
        text-decoration: none;
    }
/**/

/* Calculate Boxs*/

.calcWidgetBox.wid100Pes {
    padding-top: 10px;
}

/***/


/*Doviz Page Bottom Text*/
.dovizBottomTextContainer .dovizText {
    float: left;
}

    .dovizBottomTextContainer .dovizText p.greenDovizTitle {
        font-size: 26.6px;
        font-family: open_sansregular;
        color: #00915A;
    }

    .dovizBottomTextContainer .dovizText p.contentDovizText {
        font-size: 17.3px;
        font-family: open_sansregular;
    }

.dovizBottomTextContainer .applyBtn.orange {
    width: 195px;
    float: left;
    font-family: open_sansbold;
    font-size: 15px;
    margin: 40px 0 0 80px;
    padding: 15px 22px;
    text-transform: none;
}
/**/



/*===============================
            CEPTETEB 
             NEDİR? 
=================================*/

.fullPageContainer .headerWrapper .headGreenBar {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


article.fullPageContainer {
    max-width: none;
    width: 100%;
}

.fullPageContainer > .fullPageHeader {
    width: 100%;
    float: left;
    min-height: 330px;
}


.fullPageContainer .headerWrapper, .fullPageContainer .contentWrapper {
    margin: 0 auto;
}


/*===============================

              SSS

=============================== ==*/


.contentBox.faq .accordionBox .title {
    font-size: 21px;
}


.titleBar.fullGreen .sssTitle {
    padding: 30px 0;
}

    .titleBar.fullGreen .sssTitle h1 {
        margin-bottom: 0;
        font-family: bnpp_sanslight;
        font-size: 41px;
    }

.sssTitleExp {
    padding: 15px 0 0;
    margin: 0 auto;
    max-width: 1286px;
    width: 66.979166666667%;
}

    .sssTitleExp p {
        font-size: 19px;
        line-height: 36px;
        font-family: open_sansregular;
        margin: 0;
    }


.filterContainer {
    width: 100%;
    position: relative;
    padding: 15px 0 10px 0;
}

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

    .filterBox .fa-filter {
        float: left;
        font-size: 19px;
        margin-top: 4px;
        margin-right: 7px;
        color: #00915A;
    }

    .filterBox span {
        color: #00915A;
        font-family: open_sansbold;
        font-size: 19px;
        float: left;
    }

.filterSelectText {
    float: left;
    width: 90%;
}

    .filterSelectText li {
        float: left;
        margin-bottom: 10px;
    }

        .filterSelectText li a {
            color: #000;
            font-size: 19px;
            margin: 0 0 0 25px;
            font-family: open_sanssemibold;
        }

            .filterSelectText li a:last-child {
                margin-right: 0;
            }

            .filterSelectText li a:hover {
                color: #454545;
            }

        .filterSelectText li.activeSSS a {
            color: #00915A;
            position: relative;
        }

            .filterSelectText li.activeSSS a:after {
                border-bottom: 2px solid #00915A;
                position: absolute;
                content: "";
                bottom: -2px;
                left: 0;
                width: 100%;
            }

.accordionBox .content p a {
    font-family: open_sansbold;
}


.sssSearchBox {
    position: relative;
    float: left;
    width: 100%;
}

    .sssSearchBox input {
        border: 1px solid #c6c6c6;
        border-radius: 50px;
        padding: 20px 45px;
        margin: 15px 0;
        font-size: 18px;
        font-family: open_sansregular;
        width: 81%;
        background: url(../img/icons/SSS/mag-glass.png) no-repeat center right 40px;
    }

        .sssSearchBox input:active {
            color: #000;
        }

        .sssSearchBox input::-ms-clear {
            display: none;
        }

        .sssSearchBox input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #cecece;
        }

        .sssSearchBox input::-moz-placeholder { /* Firefox 19+ */
            color: #cecece;
        }

        .sssSearchBox input:-ms-input-placeholder { /* IE 10+ */
            color: #cecece;
        }

        .sssSearchBox input:-moz-placeholder { /* Firefox 18- */
            color: #cecece;
        }


.noResults {
    display: none;
    position: relative;
    padding: 0;
    float: left;
    width: 75%;
}

    .noResults p {
        text-align: center;
        font-size: 16px;
        font-family: open_sansregular;
    }

/* Mobile SSS*/
.filterBox.mobileSSS {
    display: none;
}

.filterBox .sssMobileOpc {
    display: none;
}

.fixedSSS {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #00915A;
}

    /* Fixed SSS Box*/
    .fixedSSS .filterBox {
        width: 62%;
        float: none;
        margin: 0 auto;
    }

    .fixedSSS .filterSelectText li.activeSSS a {
        color: #fff;
    }

    .fixedSSS .filterSelectText li a {
        color: #f5f5f5;
    }

        .fixedSSS .filterSelectText li a:hover {
            color: #fff;
        }

    .fixedSSS .filterBox span {
        color: #fff;
    }

    .fixedSSS .filterBox .fa-filter {
        color: #fff;
    }

.fixedSearch {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    background: #fff;
}

    .fixedSearch .inputSSSRow {
        width: 60%;
        float: none;
        margin: 0 auto;
    }

    .fixedSearch input {
        margin: 15px 0;
        width: 100%;
        padding: 15px 30px;
    }

@media only screen and (max-width:1550px) {
    .filterSelectText {
        width: auto;
    }

    .fixedSSS .filterBox {
        width: 70%;
    }
}

@media only screen and (max-width:1440px) {
    .fixedSSS .filterBox {
        width: 70%;
    }

        .fixedSSS .filterBox .fa-filter {
            font-size: 17px;
            margin-top: 3px;
        }
}

@media only screen and (max-width:1300px) {
    .fixedSSS .filterBox {
        width: 80%;
    }
}

@media only screen and (max-width:1080px) {
    .fixedSearch {
        top: 49px;
    }

    .sssSearchBox input {
        font-size: 16px;
        padding: 15px 40px;
        margin: 15px 0;
        width: 90%;
    }

    .noResults {
        width: 100%;
    }

        .noResults p {
            font-size: 15px;
        }
}

@media only screen and (max-width:900px) {
    .sssSearchBox.fixedSearch input {
        width: 100%;
    }
}

@media only screen and (max-width:900px) {
    .fixedSearch .inputSSSRow {
        width: 70%;
    }
}

@media only screen and (max-width:450px) {
    .fixedSSS .filterBox {
        width: 85%;
    }

    .fixedSearch .inputSSSRow {
        width: 90%;
    }

    .sssSearchBox.fixedSearch input {
        font-size: 14px;
        background: url(../img/icons/SSS/mag-glass.png) no-repeat center right 15px;
    }

    .noResults p {
        font-size: 14px;
    }
}

@media only screen and (max-width:400px) {
    .fixedSSS .filterBox {
        width: 85%;
    }

    .fixedSearch .inputSSSRow {
        width: 90%;
    }

    .sssSearchBox input {
        font-size: 14px;
        background: url(../img/icons/SSS/mag-glass.png) no-repeat center right 20px;
    }

    .filterSelectText li:first-child a {
        margin-left: 0;
    }
}

@media only screen and (max-width:350px) {
    .sssSearchBox input {
        font-size: 14px;
        background: url(../img/icons/SSS/mag-glass.png) no-repeat center right 15px;
        background-size: 19px;
    }

    .sssSearchBox.fixedSearch input {
        font-size: 14px;
        background: url(../img/icons/SSS/mag-glass.png) no-repeat center right 10px;
        background-size: 20px;
    }
}


/*===============================
           CAMPAIGNS 
             PAGE 
=================================*/



/*=============================          
       General Code Here     
===============================*/



/* Campaign Index Right Text */

.campaignIndexText {
    float: right;
}

    .campaignIndexText p {
        font-family: open_sanssemibold;
        font-size: 18.5px;
        line-height: 1.5;
        text-align: right;
        float: left;
        margin: 0 20px 0 0;
    }

    .campaignIndexText .applyBtn.orange {
        float: left;
        font-family: open_sansbold;
        font-size: 13.3px;
        margin-top: 2px;
        padding: 15px 22px;
        text-transform: none;
    }

/**/

.campDetail .detPageBottListThem ul li.alt-text {
    padding-bottom: 3px;
}

h2.green-title-last-campaigns {
    background-color: #28b961;
    color: #fff;
    margin-left: -40px;
    padding-top: 0;
    padding: 10px 50px 10px 50px;
    border: 2px solid;
    border-radius: 0 30px 30px 0;
}

.endedCamp {
    font-size: 1.13vw;
    font-family: open_sanslight;
    font-weight: bold;
    visibility: visible;
}
/* Campaigns End*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .endedCamp {
        border: 6px solid #fff;
    }
}

.endedCamp strong {
    font-family: open_sansbold;
}
/****/

.campDetailTopSide {
    float: left;
    position: relative;
    margin-bottom: 30px;
    min-height: 355px;
    max-height: 750px;
}

.campListPart ul {
    padding-bottom: 35px;
}


    .campListPart ul li {
        width: 24%;
        margin: 0.9%;
        min-height: 510px;
        margin-right: 0;
    }

        .campListPart ul li img {
            width: 22.9vw;
            height: 22.66vw;
        }

        .campListPart ul li span.old {
            font-size: 18px;
            padding: 18px 0;
        }

        .campListPart ul li .back {
            background: none;
            border: 0;
            width: 100%;
        }


section .applyBtn.orange.not-active {
    pointer-events: none;
    cursor: default;
    background: #aeaeae;
    border-color: #aeaeae;
}


/* Kampanyalar Sayfası İçerik */

.campDetail strong {
    font-family: bnpp_sansregular;
}

.campDetail article .campDetailImg {
    /*    width: auto;*/
    position: absolute;
    margin: 0px 0 0px 30px;
    top: 30px;
    z-index: 2;
}

    .campDetail article .campDetailImg.mobileCamp {
        display: none;
    }


section.sidebarCont.campDetail article .campDetailTopSide .titleBar {
    padding: 30px 30px 25px 50px;
}


    section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 {
        width: 48.25%;
        color: #fff;
        font-size: 41px;
        line-height: 1.2;
        font-family: bnpp_sanslight;
    }

        section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 a {
            color: #fff;
            font-family: bnpp_sansregular;
        }

        section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 span {
            font-family: bnpp_sansregular;
            display: block;
        }

        section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 span, section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 strong {
            font-family: bnpp_sansregular;
        }

section.sidebarCont.campDetail article .contentBox {
    width: 46%;
    padding: 20px 30px 0px 0px;
}

    section.sidebarCont.campDetail article .contentBox h2 {
        font-size: 20px;
        font-family: open_sanssemibold;
        line-height: 1.3;
    }

.campDetail article .contentBox .applyBtn {
    text-transform: uppercase;
    margin-top: 20px;
    width: auto;
    min-width: 160px;
    padding: 15px 20px;
    font-size: 15px;
}

@media only screen and (max-width:450px) {
    .campDetail article .contentBox .applyBtn {
        padding: 12px 20px;
        min-width: 140px;
        font-size: 13px;
    }
}


/* Campaign Mini Img Box*/
.campDetail .campaignImgContainer {
    float: left;
    padding: 0 40px;
    width: 100%;
}


    .campDetail .campaignImgContainer h3 {
        font-family: bnpp_sanslight;
        font-size: 35px;
        padding: 5px 0;
        color: #404040;
    }

    .campDetail .campaignImgContainer > h3 strong, .campDetail .campaignImgContainer > h3 span {
        font-family: bnpp_sansregular;
    }


    .campDetail .campaignImgContainer img {
        width: auto;
    }

.campaignImgContainer ul.imgTextList {
    padding: 45px 0 0;
}

    .campaignImgContainer ul.imgTextList li {
        min-height: 315px;
        padding-bottom: 10px;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 22px;
            padding: 23.5px 0;
        }

        .campaignImgContainer ul.imgTextList li p {
            font-size: 18px;
            line-height: 1.25;
        }

/*****/


/* Campaign Detail Content*/
.campDetail .detPageBottListThem h3 {
    background: none;
    color: #404040;
    font-family: bnpp_sanslight;
    font-size: 35px;
    padding: 0 30px 40px 55px;
}

    .campDetail .detPageBottListThem h3:before {
        content: none;
    }

    .campDetail .detPageBottListThem h3 span {
        font-family: bnpp_sansregular;
    }

.campDetail .detPageBottListThem {
    width: 90%;
}

    .campDetail .detPageBottListThem ul {
        margin-top: 0;
        list-style-type: none;
        position: relative;
    }

        .campDetail .detPageBottListThem ul li {
            color: #ee8718;
            position: relative;
            margin: 0;
            padding-bottom: 30px;
        }

            .campDetail .detPageBottListThem ul li:before {
                content: "• ";
                font-size: 30px;
                position: absolute;
                left: -30px;
                top: -10px;
            }

            .campDetail .detPageBottListThem ul li.endListCamp:before {
                content: none;
            }

            .campDetail .detPageBottListThem ul li p {
                display: inline;
                color: #282828;
                font-family: open_sanslight;
                font-size: 18px;
                line-height: 1.2;
            }

                .campDetail .detPageBottListThem ul li p a {
                    font-weight: bold;
                    color: #00915A;
                    position: relative;
                    display: inline-block;
                }

                    .campDetail .detPageBottListThem ul li p a:hover {
                        color: #21d06b;
                    }
            /*.campDetail .detPageBottListThem ul li p a:after { content: ""; position:absolute; left: 50%;bottom: -3px; transform: translateX(-50%); height: 2px; width: 0; background-color: #00915A; transition: all .15s linear;  }
.campDetail .detPageBottListThem ul li p a:hover::after{width: 100%; }*/

            .campDetail .detPageBottListThem ul li.alt-text:before {
                content: none;
            }

            .campDetail .detPageBottListThem ul li p.alt-text-campaign {
                display: block;
                font-size: 15px;
                padding: 0 0 13px 0;
                margin: 0;
                line-height: 1.3;
            }

            .campDetail .detPageBottListThem ul li p.alt-text-campaign2 {
                display: block;
                font-size: 14px;
                padding: 0 0 13px 0;
                margin: 0;
                line-height: 1.4;
            }

            .campDetail .detPageBottListThem ul li .detail-ulContent li {
                padding-bottom: 0;
            }

                .campDetail .detPageBottListThem ul li .detail-ulContent li:before {
                    color: #989898;
                    font-size: 20px;
                    top: -3px;
                    left: -17px;
                }

/**/ /**/


.campDetail article .campDetailImg.whatis {
    opacity: 1;
}

section.sidebarCont article .contentBox {
    min-height: auto;
}

.campDetail article .campDetailTopSide .titleBar {
    z-index: 1;
}

/*Campaigns Accordion*/
.pageAccordionContainer {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

    .pageAccordionContainer p a {
        text-decoration: none !important;
        font-family: bnpp_sansregular;
        font-weight: normal;
    }

.accordionBox.page-accordion p br {
    display: block !important;
}

.page-accordion-title {
    float: left;
    padding: 25px 25px 25px 0;
}

.accordionBox.page-accordion {
    padding: 25px 0;
}

    .accordionBox.page-accordion .content {
        margin-top: 15px;
    }

.pageAccordionContainer .accordionBox.page-accordion:last-child {
    border: none;
}

.accordionBox.page-accordion .title {
    font-size: 17px;
    background-size: 20px;
    padding-left: 40px;
}

.accordionBox.page-accordion .content p {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 0;
}

/*Digital Membership Campaign Share Line Delete*/
.campDetail.Digital-Membership .bottomShareBox {
    border: none;
}


/* Campaign Table */
.campaignTable {
    margin-top: 20px;
    width: 35%;
    position: relative;
    border: 1px solid #000;
}

    .campaignTable thead th {
        background-color: #00915A;
        border: 1px solid #00915A;
        font-size: 16px;
        width: 50%;
    }

        .campaignTable thead th:first-child {
            border-right: 1px solid #fff;
        }

        .campaignTable thead th span {
            display: block;
            width: 100%;
            padding: 17px 0;
            text-align: center;
            color: #fff;
            border: 1px solid #00915A;
        }


    .campaignTable tbody td {
        border: 1px solid #00915A;
        font-family: open_sanslight;
        min-width: 60px;
        text-align: center;
        font-size: 16px;
        color: #282828;
        height: 30px;
        max-width: 210px;
    }


@media only screen and (max-width: 1480px) {
    .campaignTable thead th {
        font-size: 14px;
    }

    .campaignTable tbody td {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1366px) {
    .campaignTable thead th {
        font-size: 13px;
    }

    .campaignTable tbody td {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1024px) {
    .campaignTable thead th {
        font-size: 12px;
    }

    .campaignTable tbody td {
        font-size: 12px;
    }
}


@media only screen and (max-width: 900px) {
    .campaignTable {
        width: 50%;
        margin: 25px auto;
    }
}

@media only screen and (max-width: 450px) {
    .campaignTable {
        width: 95%;
    }
}


/******************************************** CEPTETEB NEW DESIGN - RESPONSIVE ***************************************************/


/* Video - Img - Text Container Responsive */

@media only screen and (max-width:1950px) {
    .campListPart ul li img {
        width: 100%;
        height: auto;
    }

    .campListPart ul li {
        min-height: 535px;
    }
}

@media only screen and (max-width:1750px) {
    .blackTextImgContainer ul.imgTextList li {
        min-height: 435px;
    }

    .headerWrapper .titleBar {
        padding: 30px 0px 20px 30px;
    }

    .shareBoxImg .shareBoxOnImg {
        width: 100%;
        margin-left: 0;
    }
}


@media only screen and (max-width:1680px) {
    .blackTextImgContainer ul.imgTextList li {
        min-height: 435px;
    }

    .contentWrapper .blackTextImgContainer h2 {
        font-size: 33px;
    }

    .sideMenuPagesHeader.imgVideo {
        min-height: 375px;
    }

    .fullPageContainer > .fullPageHeader {
        min-height: 290px;
    }

    /* Campaign*/
    .campaignImgContainer ul.imgTextList li {
        min-height: 330px;
    }

    .campListPart ul li {
        min-height: 460px;
    }

    section.sidebarCont.campDetail article .contentBox h2 {
        font-size: 18px;
    }

    /*Button*/
    .contentWrapper .bottBinaryBtn {
        width: 65%;
    }
}


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

    .containerBoxPosition {
        padding-top: 4.5% !important;
    }

    .sideMenuPagesHeader.imgVideo {
        min-height: 350px;
    }

    .fullPageContainer > .fullPageHeader {
        min-height: 280px;
    }

    .blackTextImgContainer ul.imgTextList li {
        min-height: 435px;
    }

    article .titleBar h1 {
        font-size: 37px;
        line-height: 1.2;
    }

    .greenTextContainer h2 {
        line-height: 1.25;
        padding-bottom: 10px;
    }

    .greenTextContainer p {
        font-size: 17px;
    }

    .contentWrapper .blackTextImgContainer {
        padding-top: 13px;
    }

        .contentWrapper .blackTextImgContainer p {
            font-size: 20px;
        }

    .contentWrapper .bottBinaryBtn {
        width: 90%;
    }


    .sideMenuPagesContainer .contentWrapper .greenTextContainer p {
        font-size: 16px;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p {
        font-size: 17px;
    }


    .blackTextImgContainer ul.imgTextList li {
        min-height: 405px;
    }

        .blackTextImgContainer ul.imgTextList li span {
            font-size: 26.5px;
        }

        .blackTextImgContainer ul.imgTextList li p {
            font-size: 17px;
            padding-top: 0;
        }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
        font-size: 37px;
    }

    .sideMenuPagesHeader p.litBold {
        font-size: 17.5px;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p.title {
        font-size: 26.5px;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p {
        font-size: 17.5px;
    }

    /* Campaign*/

    .campListPart ul li {
        min-height: 420px;
    }

    section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 {
        font-size: 37px;
        line-height: 1.1;
    }

    section.sidebarCont.campDetail article .contentBox h2 {
        font-size: 17px;
        line-height: 1.35;
    }


    .campDetail .campaignImgContainer h3 {
        font-size: 32px;
    }

    .campaignImgContainer ul.imgTextList li {
        min-height: 320px;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 21px;
        }

        .campaignImgContainer ul.imgTextList li p {
            font-size: 17px;
        }

    .campDetail .detPageBottListThem h3 {
        font-size: 30px;
    }

    .campDetail .detPageBottListThem ul li p {
        font-size: 17px;
    }

    /* Campaign Index Right Text */
    .campaignIndexText p {
        font-size: 17px;
    }

    .campaignIndexText .applyBtn.orange {
        margin: 0;
        padding: 14px 20px;
    }

    /*Other Page*/

    .sideMenuPagesContainer .contentWrapper .accordionContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenLightTextContainer.fullText {
        width: 94%;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText {
        width: 60%;
    }

        .dovizBottomTextContainer .dovizText br {
            display: none;
        }

        .dovizBottomTextContainer .dovizText p.greenDovizTitle {
            font-size: 22px;
        }

        .dovizBottomTextContainer .dovizText p.contentDovizText {
            font-size: 16.3px;
        }
    /**/
}


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

    .containerBoxPosition {
        padding-top: 6.5% !important;
    }

    article .titleBar h1 {
        font-size: 33px;
    }

    .headerWrapper .headerBox p {
        font-size: 17px;
    }

    .contentWrapper .blackTextImgContainer .subTitle {
        font-size: 26px;
    }

    .contentWrapper .bottBinaryBtn {
        width: 70%;
    }

    .contentWrapper .applyBtn {
        font-size: 14px;
    }

    .blackTextImgContainer ul.imgTextList li {
        min-height: 425px;
    }

        .blackTextImgContainer ul.imgTextList li span {
            font-size: 23.5px;
        }

    .fullPageHeader .headerWrapper .titleBar {
        width: 49%;
    }

        .fullPageHeader .headerWrapper .titleBar h1 {
            font-size: 32px;
        }

    .fullPageContainer .greenTextContainer p br {
        display: none;
    }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
        font-size: 31.5px;
    }

    .headerWrapper .headerBox {
        width: 46.9%;
    }

    .sideMenuPagesHeader.imgVideo {
        min-height: 300px;
    }

    .sideMenuPagesHeader p {
        font-size: 17px;
    }

        .sideMenuPagesHeader p.litBold {
            font-size: 17px;
        }

    section.sidebarCont .sideMenuPagesContainer .contentBox p.title {
        font-size: 25px;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p {
        font-size: 16.5px;
    }



    /* Campaign*/
    .campListPart ul li {
        min-height: 420px;
    }

        .campListPart ul li span.old {
            font-size: 17px;
        }

    .campaignImgContainer ul.imgTextList li span {
        font-size: 20px;
    }

    .campaignImgContainer ul.imgTextList li p {
        font-size: 16.5px;
    }

    .campaignImgContainer ul.imgTextList li {
        min-height: 290px;
    }

    .campDetail .campaignImgContainer .bankSliderContainer {
        min-height: 315px;
    }

    .campDetail .detPageBottListThem h3 {
        padding: 20px 45px 30px 35px;
    }

    .campDetail .detPageBottListThem ul li p {
        font-size: 16.5px;
    }

    .campDetail .detPageBottListThem ul li:before {
        font-size: 30px;
    }


    /* SSS */

    .contentBox.faq .accordionBox .title {
        font-size: 19px;
    }
}

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

    .headerWrapper .headerBox {
        width: 46.5%;
    }

    /* SSS */

    .filterBox span {
        font-size: 17px;
    }

    .filterSelectText li a {
        font-size: 17px;
    }

    .contentBox.faq .accordionBox .title {
        font-size: 17px;
    }

    /* Buttons */
    .contentWrapper .bottBinaryBtn {
        width: 75%;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText br {
        display: none;
    }

    .dovizBottomTextContainer .dovizText p.greenDovizTitle {
        font-size: 20px;
    }

    .dovizBottomTextContainer .dovizText p.contentDovizText {
        font-size: 15px;
    }
    /**/
    .headerWrapper .applyBtn {
        width: calc(53% - 30px);
    }
}



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

    .headerWrapper .titleBar {
        padding: 30px 0px 20px 25px;
    }

    .headerWrapper .headerBox {
        width: 46.2%;
    }

    article .titleBar h1 {
        font-size: 31.5px;
    }

    .fullPageHeader .headerWrapper .titleBar {
        width: 48.5%;
    }

        .fullPageHeader .headerWrapper .titleBar h1 {
            font-size: 30px;
        }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
        font-size: 30px;
    }

    .headerWrapper .headerBox p {
        font-size: 16.5px;
    }

    .greenTextContainer p {
        font-size: 16.5px;
    }

    .sideMenuPagesHeader p {
        font-size: 16.5px;
    }

    .sideMenuPagesContainer .contentWrapper .greenTextContainer p {
        font-size: 16.5px;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p {
        font-size: 16.5px;
    }

    .blackTextImgContainer ul.imgTextList li span {
        font-size: 22px;
    }

    .blackTextImgContainer ul.imgTextList li p {
        font-size: 15px;
    }

    .contentWrapper .blackTextImgContainer h2 {
        font-size: 32px;
    }

    .contentWrapper .blackTextImgContainer p {
        font-size: 19px;
    }

    .contentWrapper .greenTextContainer p br {
        display: none;
    }


    /* Buttons */
    .contentWrapper .bottBinaryBtn {
        width: 100%;
    }


    /*Campaign*/

    .campListPart ul li {
        min-height: 380px;
    }

    .campDetailTopSide {
        min-height: 280px;
    }

    section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 {
        font-size: 31px;
    }

    section.sidebarCont.campDetail article .contentBox h2 {
        font-size: 16.5px;
    }

    .campDetail .campaignImgContainer h3 {
        font-size: 30px;
        padding-bottom: 40px;
    }

    .campaignImgContainer ul.imgTextList {
        padding-top: 0;
    }

        .campaignImgContainer ul.imgTextList li span {
            font-size: 18.5px;
        }

    .campDetail .detPageBottListThem h3 {
        font-size: 30px;
    }

    .campDetail .detPageBottListThem ul li p {
        font-size: 15px;
    }

        .campDetail .detPageBottListThem ul li p.alt-text-campaign {
            font-size: 15px;
        }

    .campDetail .detPageBottListThem ul li:before {
        font-size: 32px;
        top: -12px;
    }

    /*Buttons*/

    .campDetail article .contentBox .applyBtn {
        float: none;
        font-size: 14px;
        width: 160px;
        padding: 13px 20px;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText p.greenDovizTitle {
        font-size: 20px;
    }

    .dovizBottomTextContainer .dovizText p.contentDovizText {
        font-size: 15px;
    }
    /**/

    /*Other Page*/

    .sideMenuPagesContainer .contentWrapper .accordionContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenLightTextContainer.fullText {
        width: 93%;
    }
}

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


    .headerWrapper .headerBox.shortText {
        margin-top: 115px;
    }

    .fullPageHeader .headerWrapper .titleBar h1 {
        font-size: 24.5px;
    }

    .headerWrapper .headerBox p {
        font-size: 15px;
    }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
        font-size: 24.5px;
    }


    .sideMenuPagesContainer .contentWrapper .greenTextContainer p {
        font-size: 15px;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p {
        font-size: 15px;
    }

    .greenTextContainer p {
        font-size: 15px;
    }

    .contentWrapper .blackTextImgContainer h2 {
        font-size: 27px;
    }

    .blackTextImgContainer ul.imgTextList li {
        width: 50%;
        min-height: 270px;
    }

        .blackTextImgContainer ul.imgTextList li span {
            font-size: 19px;
        }

        .blackTextImgContainer ul.imgTextList li p {
            font-size: 15px;
        }


    /*Button*/
    .headerWrapper .applyBtn {
        font-size: 14px;
        padding: 12px 8px;
    }
    /**/

    .headerWrapper .headContainer, .shareBoxImg .shareBoxOnImg, .miniVideoBox .BankDetailHero, .cmsplayer, .fullPageContainer .contentWrapper, .sideMenuPagesContainer {
        opacity: 1;
    }

    /* Campaign*/
    .campListPart ul li {
        height: 320px; /*min-height: 320px;*/
    }

    ul.campaignMainPage li span.old {
        font-size: 17px;
    }

    ul.campaignMainPage li span {
        font-size: 17px;
    }

    /* SSS */

    .contentBox.faq .accordionBox .title {
        font-size: 15px;
    }

    .accordionBox .content p {
        font-size: 16px;
    }

    .filterBox span {
        font-size: 15px;
    }

    .filterSelectText {
        float: none;
        overflow-x: scroll;
        height: 24px;
        width: 500px;
        margin: 0 90px;
        overflow-y: hidden;
        position: relative;
    }


        .filterSelectText li {
            margin: 0 0 10px 0;
        }

            .filterSelectText li a {
                font-size: 15px;
            }

            .filterSelectText li:last-child a {
                margin-right: 25px;
            }

        .filterSelectText::-webkit-scrollbar {
            display: none;
        }

    .filterSelectContain {
        width: 800px;
    }


    .filterBox.rotate:after {
        transform: rotate(180deg);
    }


    /* .contentWrapper .bottBinaryBtn */

    .contentWrapper .bottBinaryBtn {
        width: 100%;
        padding-top: 0;
        padding-bottom: 15px;
    }

    .detPageBottListThem.noBg h3 {
        padding-bottom: 15px;
    }


    /*Other Page*/

    .sideMenuPagesContainer .contentWrapper .accordionContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenLightTextContainer.fullText {
        width: 91%;
    }


    /* Campaign Index Right Text */
    .campaignIndexText p {
        font-size: 16px;
    }

    .campaignIndexText .applyBtn.orange {
        padding: 13px 20px;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText {
        width: 60%;
    }

        .dovizBottomTextContainer .dovizText p.greenDovizTitle {
            font-size: 20px;
        }

        .dovizBottomTextContainer .dovizText p.contentDovizText {
            font-size: 14px;
        }

    .dovizBottomTextContainer .applyBtn.orange {
        margin: 40px 0 0 40px;
    }
    /**/


}

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

    .headerWrapper .headerBox {
        width: 95%;
        margin-bottom: 20px;
    }

    .sideMenuPagesContainer .headerWrapper .headGreenBar.videoGreenBarMobile, .fullPageContainer .headerWrapper .headGreenBar.videoGreenBarMobile {
        padding-top: 130px;
    }

    .sideMenuPagesContainer .contentWrapper .accordionContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .blackTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenTextContainer.fullText,
    .sideMenuPagesContainer .contentWrapper .greenLightTextContainer.fullText {
        width: 98%;
    }

    section.sidebarCont article {
        margin-right: 0;
    }

    .headerWrapper .headGreenBar {
        padding-top: 220px;
        margin-top: 210px;
    }

    .bank-accordion-title h3 {
        font-size: 16px;
    }

    .headVideoImgContainer {
        display: none;
    }

        .headVideoImgContainer.mobile {
            display: block;
        }

    .bottBinaryBtn div {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 10px;
        padding: 0 !important;
        text-align: center;
    }

        .bottBinaryBtn div a.applyBtn {
            margin: 0 auto;
            float: none;
        }

    /*.sideMenuPagesHeader.imgVideo{margin-top:-50px;}*/

    .headVideoImgContainer.mobile {
        width: 95%;
    }

    section .miniVideoBox {
        position: relative;
        margin: 0 15px;
    }

    .headerWrapper .headContainer {
        width: 100%;
        padding: 0 40px;
    }

    .fullPageHeader .headerWrapper .headerBox {
        width: 100%;
        padding: 0;
    }

    .headerWrapper .headerBox {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .headerWrapper .headerBox.shortText {
            margin-top: 20px;
        }


    .headerWrapper .titleBar {
        width: 100%;
        float: left;
        padding: 20px 0;
    }

    .fullPageHeader .headerWrapper .titleBar {
        width: 100%;
    }

    .headerWrapper .titleBar br {
        display: none;
    }

    .headerWrapper .applyBtn {
        margin: 0 auto;
        margin-top: 20px;
        display: block;
    }

    .bottomShareBox {
        padding: 25px 1%;
        width: 100%;
        padding-bottom: 0;
    }

    .shareBoxImg .shareBoxOnImg div a img {
        width: 30px;
    }

    .contentWrapper .accordionContainer, .contentWrapper .blackTextImgContainer, .contentWrapper .blackTextContainer, .contentWrapper .greenTextContainer {
        width: 100%;
    }

    .sideMenuPagesContainer .contentWrapper {
        padding-top: 20px;
    }

    .contentWrapper {
        padding-top: 25.5px;
    }

    .blackTextImgContainer {
        text-align: center;
    }

        .blackTextImgContainer ul.imgTextList {
            display: none;
        }

    .sideMenuPagesContainer .blackTextImgContainer {
        text-align: left;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p {
        width: 100%;
    }

    .sideMenuPagesContainer .headerWrapper .headContainer {
        padding: 0;
    }

    .sideMenuPagesHeader .headerWrapper .headerBox {
        padding: 0 20px;
    }

        .sideMenuPagesHeader .headerWrapper .headerBox p > br {
            display: none;
        }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar {
        padding: 20px 25px;
    }

    .sideMenuPagesHeader p {
        padding: 20px 25px 5px 25px;
    }

    .sideMenuPagesHeader p {
        font-size: 16px;
    }

        .sideMenuPagesHeader p.litBold {
            font-size: 16px;
        }

    section.sidebarCont .sideMenuPagesContainer .contentBox p.title {
        font-size: 22px;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p {
        font-size: 16px;
    }

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 80px;
        margin-top: 220px;
    }

    article .BankDetailHero {
        margin: 0px 0 0px 20px;
    }


    /*Slick Slider for Pages*/
    .bankSliderContainer {
        overflow: hidden;
        position: relative;
        padding: 30px 0;
        min-height: 350px;
        display: block;
        margin-bottom: 20px;
    }

        .bankSliderContainer .bankSliderContent {
            width: 100%;
            overflow: hidden;
            height: 100%;
            position: absolute;
        }

    .bankSlider-items {
        position: relative;
        overflow: hidden;
        background: #fff;
    }

    .bankSliderContent img {
        margin: 0 auto;
        padding: 20px 0;
    }

    .bankSliderContent span {
        font-family: bnpp_sansregular;
        font-size: 23px;
        width: 70%;
        display: block;
        margin: 0 auto;
        padding-bottom: 15px;
    }

    .contentWrapper .blackTextImgContainer p {
        width: 55%;
        margin: 0 auto;
        font-size: 16px;
    }

    .bankSliderContent .slick-dots {
        bottom: 60px !important;
    }

        .bankSliderContent .slick-dots li button:before {
            width: 15px;
            height: 15px;
            content: " ";
            color: #ffe7cd;
            background-color: #ffe7cd;
            opacity: 1;
            border-radius: 10px;
        }

        .bankSliderContent .slick-dots li.slick-active button:before {
            color: rgb(255,255,255);
            content: " ";
            background-color: #ee8718;
        }

    /* Campaign*/

    .campDetailTopSide {
        min-height: 310px;
    }

    section.sidebarCont.campDetail article .contentBox {
        width: 95%;
    }


    /* SSS */

    .sssTitleExp {
        width: 90%;
        max-width: 90%;
        margin: 0 auto;
    }

    /* Campaign Index Right Text */
    .campaignIndexText p {
        font-size: 15px;
    }

    .campaignIndexText .applyBtn.orange {
        padding: 12px 20px;
        font-size: 12px;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText {
        width: 55%;
    }

    .dovizBottomTextContainer .applyBtn.orange {
        margin: 40px 0 0 30px;
    }
    /**/

}

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

    .sideMenuPagesContainer .headerWrapper .headGreenBar.videoGreenBarMobile, .fullPageContainer .headerWrapper .headGreenBar.videoGreenBarMobile {
        padding-top: 95px;
    }

    .fullPageContainer .headerWrapper .headGreenBar {
        padding-top: 180px;
        margin-top: 210px;
    }

    .headerWrapper .headGreenBar {
        padding-top: 240px;
        margin-top: 210px;
    }

    .fullPageContainer .miniVideoBox {
        margin: 0 19px;
    }

    section .miniVideoBox {
        margin: 0 13px;
    }

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 50px;
        margin-top: 220px;
    }

    .bottBinaryBtn.showMobileBtns {
        margin-bottom: 45px;
    }

    .tabBottParag {
        width: 90%;
        margin: 0 auto;
        display: block;
        position: relative;
        padding-top: 15px;
    }

    /* Campaign*/

    .campDetail .campaignImgContainer h3 {
        font-size: 30px;
        padding: 40px 0 0px 0;
    }

    .campListPart ul li {
        width: 30%;
        margin: 1.5%;
        min-height: 325px;
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 1.5%;
        }

        .campListPart ul li img {
            width: 29.6vw;
        }

    ul.campaignMainPage li span.old {
        font-size: 15px;
    }

    ul.campaignMainPage li span {
        font-size: 15px;
    }

    .campDetail article .campDetailImg {
        margin: 5px 0 0px 30px;
    }

    /* Campaign Index Right Text */
    .campaignIndexText {
        display: none;
    }
    /**/

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText {
        width: 100%;
        float: none;
    }

        .dovizBottomTextContainer .dovizText p.greenDovizTitle {
            font-size: 20px;
        }

        .dovizBottomTextContainer .dovizText p.contentDovizText {
            font-size: 13px;
        }

    .dovizBottomTextContainer .applyBtn.orange {
        margin: 0 auto;
        float: none;
    }
    /**/

}


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

    .sideMenuPagesContainer .headerWrapper .headGreenBar.videoGreenBarMobile, .fullPageContainer .headerWrapper .headGreenBar.videoGreenBarMobile {
        padding-top: 220px;
    }

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 130px;
        margin-top: 220px;
    }

    .headVideoImgContainer.mobile {
        margin-top: -25px;
    }


    article .BankDetailHero {
        margin: 0px 0 0px 20px;
    }

    section.sidebarCont article {
        width: 100%;
        margin-right: 0;
        position: relative;
        z-index: 8;
    }

    section .miniVideoBox {
        position: relative;
        margin: 0 19px;
    }

    section.sidebarCont {
        padding: 0;
    }

        section.sidebarCont aside {
            width: 100%;
            padding-top: 5px;
            padding-bottom: 10px;
            position: relative;
            z-index: 2;
        }

        section.sidebarCont .sideMenuPagesContainer .contentBox {
            padding: 0px 30px 35px 25px;
        }


    /* Campaign*/

    .detPageBottListThem.CampDetailText {
        top: -30px;
    }

    .campDetailTopSide {
        max-height: 1000px;
    }

    .fullPageContainer .headerWrapper .headGreenBar {
        padding-top: 160px;
        margin-top: 210px;
    }

    .campDetail article .campDetailImg {
        display: none;
    }

        .campDetail article .campDetailImg.mobileCamp {
            display: block;
            position: relative;
            width: 95%;
            max-width: 95%;
            top: 0;
            margin: 0 auto;
        }

    .detPageBottListThem .detail-ulContent {
        margin-left: 45px;
        margin-bottom: 0 !important;
    }

    section.sidebarCont.campDetail article .campDetailTopSide .titleBar {
        padding-top: 20%;
        margin-top: -130px;
    }

    section.sidebarCont.campDetail article .contentBox {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 20px 60px 25px 0px !important;
    }

    .campDetail .campaignImgContainer p {
        width: 55%;
        margin: 0 auto;
        font-size: 17px;
        padding: 10px 0;
    }

    .campDetail .campaignImgContainer .bankSliderContainer {
        min-height: 355px;
    }

    .campDetail .detPageBottListThem {
        width: 100%;
    }

        .campDetail .detPageBottListThem ul {
            margin: 10px 65px 30px 65px;
        }

            .campDetail .detPageBottListThem ul li p.alt-text-campaign {
                font-size: 14px;
            }

    .campDetail .bottomShareBox {
        padding: 30px 50px;
        width: 90%;
        margin: 0 auto;
        position: relative;
        float: none;
        padding-bottom: 0;
    }


    /* SSS */

    .titleBar.fullGreen .sssTitle h1 {
        font-size: 36px;
    }

    .sssTitleExp p {
        font-size: 17.5px;
    }


    /*Other Pages*/
    .contentWrapper .accordionContainer,
    .contentWrapper .blackTextImgContainer,
    .contentWrapper .blackTextContainer,
    .contentWrapper .greenTextContainer,
    .contentWrapper .greenLightTextContainer {
        padding: 0px 40px;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText {
        width: 55%;
        float: left;
    }

        .dovizBottomTextContainer .dovizText p.greenDovizTitle {
            font-size: 20px;
        }

        .dovizBottomTextContainer .dovizText p.contentDovizText {
            font-size: 13px;
        }

    .dovizBottomTextContainer .applyBtn.orange {
        margin: 40px 0 0 40px;
        float: left;
    }
    /**/

}


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

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 80px;
    }

        .sideMenuPagesContainer .headerWrapper .headGreenBar.videoGreenBarMobile, .fullPageContainer .headerWrapper .headGreenBar.videoGreenBarMobile {
            padding-top: 130px;
        }

    .fullPageContainer .miniVideoBox {
        margin: 0 15px;
    }

    .fullPageContainer .headerWrapper .headGreenBar {
        padding-top: 85px;
    }

    section .miniVideoBox {
        margin: 0 15px;
    }

    .headerWrapper .headGreenBar {
        padding-top: 150px;
        margin-top: 210px;
    }

    .bankSliderContainer {
        min-height: 370px;
    }

    .bankSliderContent .slick-dots {
        bottom: 35px !important;
    }

    /* Campaign*/
    .campListPart ul li {
        min-height: 270px;
    }

        .campListPart ul li span.old {
            font-size: 14px;
        }

    ul.campaignMainPage li span.old {
        font-size: 14px;
    }

    ul.campaignMainPage li span {
        font-size: 14px;
    }

    section.sidebarCont.campDetail article .campDetailTopSide .titleBar {
        padding-top: 25%;
    }


    /* SSS */

    .filterSelectText {
        margin-right: 0;
        width: 420px;
    }

    .fixedSSS .filterSelectText {
        width: 340px;
    }

    .sssSearchBox input {
        width: 100%;
        padding: 15px 25px;
    }
}


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

    .sideMenuPagesContainer .headerWrapper .headGreenBar.videoGreenBarMobile, .fullPageContainer .headerWrapper .headGreenBar.videoGreenBarMobile {
        padding-top: 110px;
    }

    .fullPageContainer .miniVideoBox {
        margin: 0 10px;
    }

    section .miniVideoBox {
        margin: 0 10px;
    }

    .shareBoxImg .shareBoxOnImg {
        width: 100%;
    }

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 60px;
        margin-top: 130px;
    }

    .fullPageHeader .headerWrapper .titleBar h1 {
        font-size: 22.5px;
    }

    .fullPageContainer .headerWrapper .headGreenBar {
        padding-top: 80px;
        margin-top: 130px;
    }

    .headerWrapper .headGreenBar {
        padding-top: 110px;
        margin-top: 130px;
    }

    article .titleBar h1 {
        font-size: 25px;
    }

    .headerWrapper .headerBox p {
        font-size: 14.5px;
    }

    .headerWrapper .applyBtn {
        padding: 12px 6px;
        font-size: 14px;
    }

    .greenTextContainer p {
        font-size: 14.5px;
    }

    .contentWrapper .blackTextImgContainer h2 {
        font-size: 26px;
    }

    .bankSliderContent span {
        font-size: 21.5px;
    }

    .contentWrapper .blackTextImgContainer p {
        width: 90%;
        font-size: 15px;
    }

    .bankSliderContainer {
        min-height: 330px;
        padding: 15px 0;
    }

    .bankSliderContent .slick-dots {
        bottom: 35px !important;
    }

    .sideMenuPagesContainer .contentWrapper {
        padding: 20px 20px;
    }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar {
        padding: 15px 25px;
    }

        .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
            font-size: 23px;
            line-height: 1.3;
        }

    .sideMenuPagesHeader p {
        font-size: 15px;
    }

        .sideMenuPagesHeader p.litBold {
            font-size: 15px;
        }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer h2 {
        font-size: 19.5px;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p {
        font-size: 14.5px;
    }

    .contentWrapper .blackTextImgContainer .subTitle {
        font-size: 20px !important;
        margin-bottom: 15px;
    }

    .sideMenuPagesContainer .contentWrapper .greenTextContainer p {
        font-size: 14.5px;
    }



    article .BankDetailHero {
        margin: 0px 0 0px 11px;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p.title {
        font-size: 17px;
        margin: 20px 0 10px 0;
    }

    section.sidebarCont .sideMenuPagesContainer .contentBox p {
        font-size: 13px;
        line-height: 1.4;
    }

    .detPageBottListThem.cepteteb-banking ul {
        margin: 5px 0 40px 15px;
    }

    section .applyBtn.lit {
        padding: 12px 20px;
        width: 140px;
        font-size: 12px;
        /*display: inline-flex;*/
    }

    .sideMenuPagesContainer .bottBinaryBtn.showMobileBtns {
        margin-top: -30px;
        margin-bottom: 10px;
    }

    .sideMenuPagesContainer .bottBinaryBtn div a.applyBtn {
        padding: 15px 20px;
        width: 155px;
    }



    .sideMenuPagesContainer .detPageBottListThem.noBg ul li {
        width: 48%;
    }

        .sideMenuPagesContainer .detPageBottListThem.noBg ul li:nth-child(2n) {
            margin-right: 0;
        }

    /*Campaign*/

    .campListPart ul li {
        min-height: 275px;
        width: 46%;
        margin: 2%;
        margin-left: 1.1%;
        /*margin-right: 0%;*/
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 1.5%;
        }

        .campListPart ul li img {
            width: 46.6vw;
        }

    section.sidebarCont.campDetail article .campDetailTopSide .titleBar {
        padding: 23% 20px 20px 20px;
        margin-top: -70px;
    }

        section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 {
            font-size: 24px;
        }

    section.sidebarCont.campDetail article .contentBox {
        font-size: 16px;
        padding: 20px 30px 0 0px !important;
    }

        section.sidebarCont.campDetail article .contentBox h2 {
            font-size: 16px;
        }

    .campDetail article .contentBox .applyBtn {
        font-size: 12px;
        width: 55%;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .campDetail .campaignImgContainer h3 {
        font-size: 25px;
    }

    .campDetail .detPageBottListThem h3 {
        font-size: 30px;
        padding: 20px 45px 30px 30px;
    }

    .campDetail .campaignImgContainer p {
        width: 95%;
        margin: 0 auto;
        font-size: 15px;
        padding: 10px 0;
    }

    .campDetail .detPageBottListThem ul {
        margin: 10px 65px 30px 30px;
    }



    /* SSS */

    .titleBar.fullGreen .sssTitle h1 {
        font-size: 30px;
    }

    .sssTitleExp p {
        font-size: 15px;
    }

    .filterSelectText {
        width: 255px;
    }

    .fixedSSS .filterSelectText {
        width: 200px;
    }




    /* Other Pages*/

    .detPageBottListThem.noBg h3 {
        font-size: 18px;
    }

    .bottBinaryBtn div a.applyBtn {
        font-size: 11px;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText {
        width: 100%;
        float: none;
    }

        .dovizBottomTextContainer .dovizText p.greenDovizTitle {
            font-size: 20px;
        }

        .dovizBottomTextContainer .dovizText p.contentDovizText {
            font-size: 13px;
        }

    .dovizBottomTextContainer .applyBtn.orange {
        margin: 0 auto;
        float: none;
        width: 160px;
        font-size: 13px;
        padding: 13px 20px;
    }
    /**/

    /* Destek Merkezi*/

    .bottSupportBox {
        padding: 10px 15px;
    }

    /* Table Mobile Poss */

    .tableMobileFix table {
        min-width: 350px;
    }
}


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

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 40px;
    }

        .sideMenuPagesContainer .headerWrapper .headGreenBar.videoGreenBarMobile, .fullPageContainer .headerWrapper .headGreenBar.videoGreenBarMobile {
            padding-top: 100px;
        }

    .fullPageContainer .headerWrapper .headGreenBar {
        padding-top: 65px;
        margin-top: 130px;
    }

    .headerWrapper .headContainer {
        padding: 0 30px;
    }

    .headerWrapper .headGreenBar {
        padding-top: 90px;
        margin-top: 150px;
    }

    article .titleBar h1 {
        font-size: 22px;
    }

    article .BankDetailHero {
        margin: 0px 0 0px 9px;
    }

    .bankSliderContent .slick-dots {
        bottom: 20px !important;
    }

    .sideMenuPagesContainer .sideMenuPagesHeader .titleBar h1 {
        font-size: 21px;
        line-height: 1.1;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer h2 {
        font-size: 18.5px;
    }

    .sideMenuPagesContainer .contentWrapper .blackTextImgContainer p {
        font-size: 14.5px;
    }

    .contentWrapper .blackTextImgContainer .subTitle {
        font-size: 18px !important;
        margin-bottom: 15px;
    }

    .sideMenuPagesContainer .contentWrapper .greenTextContainer p {
        font-size: 14.5px;
    }


    /*Campaign*/
    .campDetail .campaignImgContainer h3 {
        font-size: 22px;
    }

    .campDetail .detPageBottListThem h3 {
        padding: 15px 5px;
        font-size: 28px;
    }

    .campDetail .detPageBottListThem ul {
        margin: 10px 10px 30px 35px;
    }

    /* SSS */

    .sssTitleExp p {
        line-height: 1.3;
        font-size: 14px;
    }

    .filterBox .fa-filter {
        margin-top: 3px;
    }

    .filterSelectText {
        width: 240px;
    }


    /* Other Pages*/

    .detPageBottListThem.noBg ul li {
        min-height: 185px;
        width: 100%;
        height: auto !important;
        margin-right: 3px !important;
    }

    .detPageBottListThem.paymentListBox ul li {
        min-height: 240px;
    }

    .detPageBottListThem.askListBox ul li {
        min-height: 275px;
    }




    .contentWrapper .accordionContainer,
    .contentWrapper .blackTextImgContainer,
    .contentWrapper .blackTextContainer,
    .contentWrapper .greenTextContainer,
    .contentWrapper .greenLightTextContainer {
        padding: 0px 30px;
    }

    /*Doviz Page Bottom Text*/
    .dovizBottomTextContainer .dovizText p.greenDovizTitle {
        font-size: 18px;
    }

    .dovizBottomTextContainer .dovizText p.contentDovizText {
        font-size: 13px;
    }
    /**/


    /*Tables*/
    .depositTable tbody td.title {
        min-width: 120px;
    }



    /*accordionBox*/

    .accordionBox .content {
        padding-left: 0;
    }
}


@media only screen and (max-width:350px) {
    .headerWrapper .applyBtn {
        padding: 12px 6px;
        font-size: 10px;
    }

    .shareBoxImg .shareBoxOnImg div a img {
        width: 25px;
    }

    .fullPageContainer .miniVideoBox {
        margin: 0 8px;
    }

    section .miniVideoBox {
        margin: 0 8px;
    }

    .headerWrapper .headContainer {
        padding: 0 30px;
    }

    .headerWrapper .headGreenBar {
        padding-top: 85px;
        margin-top: 125px;
    }

    article .titleBar h1 {
        font-size: 21px;
    }

    .fullPageHeader .headerWrapper .titleBar h1 {
        font-size: 20px;
    }

    .headerWrapper .headerBox {
        margin-top: 15px;
    }

        .headerWrapper .headerBox p {
            font-size: 15px;
        }

    section .applyBtn {
        padding: 15px 5px;
    }

    .greenTextContainer p {
        font-size: 14px;
    }

    .contentWrapper .blackTextImgContainer h2 {
        font-size: 27px;
    }

    .bankSliderContent span {
        font-size: 21px;
    }

    .contentWrapper .blackTextImgContainer p {
        font-size: 14px;
    }

    .bankSliderContent .slick-dots {
        bottom: 20px !important;
    }

        .bankSliderContent .slick-dots li button:before {
            width: 13px;
            height: 13px;
        }

    article .BankDetailHero {
        margin: 0px 0 0px 8px;
    }

    .fullPageContainer .headerWrapper .headGreenBar {
        padding-top: 70px;
        margin-top: 100px;
    }

    .sideMenuPagesContainer .headerWrapper .headGreenBar {
        padding-top: 44px;
        margin-top: 105px;
    }


    /* Campaign*/

    h2.green-title-last-campaigns {
        margin-left: 0;
        border: none;
        border-radius: 0;
        padding: 20px 0;
        position: relative;
    }

        h2.green-title-last-campaigns:before {
            position: absolute;
            height: 67px;
            width: 10px;
            left: -5px;
            top: 0px;
            background: #28b961;
            content: "";
        }

        h2.green-title-last-campaigns:after {
            position: absolute;
            height: 67px;
            width: 10px;
            right: -5px;
            top: 0px;
            background: #28b961;
            content: "";
        }

    .campListPart ul li {
        min-height: 275px;
        width: 90%;
        margin: 0 5%;
        padding-bottom: 30px;
    }

        .campListPart ul li:nth-child(4n) {
            margin-right: 0;
        }

        .campListPart ul li img {
            width: 100%;
            height: auto;
        }

    ul.campaignMainPage li span {
        font-size: 16px;
        line-height: 1.4;
    }

        ul.campaignMainPage li span.old {
            font-size: 16px;
        }


    section.sidebarCont.campDetail article .campDetailTopSide .titleBar {
        margin-top: -55px;
    }

        section.sidebarCont.campDetail article .campDetailTopSide .titleBar h1 {
            font-size: 22px;
        }

    .campDetail .detPageBottListThem h3 {
        font-size: 25px;
    }

    .campDetail .detPageBottListThem ul li p {
        font-size: 14.5px;
        line-height: 1.3;
    }

    /* SSS */

    .filterSelectText {
        width: 160px;
    }

    .fixedSSS .filterSelectText {
        width: 135px;
    }

    /** Complain Box */
    .detPageBottListThem.paymentListBox ul li {
        min-height: 260px;
    }

    .detPageBottListThem.askListBox ul li {
        min-height: 310px;
    }
}

@media only screen and (max-width:320px) {
    .headerWrapper .applyBtn {
        font-size: 12px;
    }
}

@media only screen and (max-width:280px) {
    .headerWrapper .applyBtn {
        font-size: 9px;
    }
}
/***/
/* Accordion Responsive */
@media only screen and (max-width: 1700px) {
    section.sidebarCont.BankDetail article .titleBar:after {
        display: none !important;
    }
}

@media only screen and (max-width: 1480px) {
    .bank-accordion-title {
        padding-top: 0px !important;
    }

        .bank-accordion-title h3 {
            font-size: 23px;
        }
}

@media only screen and (max-width: 1080px) {
    .bank-accordion-title h3 {
        font-size: 18px;
    }

    .accordionBox.bank-accordion {
        width: 100%;
    }

        .accordionBox.bank-accordion .title {
            padding: 25px 0 20px 55px;
        }

            .accordionBox.bank-accordion .title::after {
                background: url(../img/cepteteb_bankacilik/icons/bank-plus-passive-icon-mobile.png) no-repeat center;
                margin-top: 0;
                top: 50%;
                transform: translateY(-50%);
            }

    .bank-accordion .title.active-bank::after {
        background: url(../img/cepteteb_bankacilik/icons/bank-plus-active-icon-mobile.png) no-repeat center !important;
        background-repeat: no-repeat;
    }
}

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

    .accordionBox.bank-accordion .title {
        font-size: 14px;
        padding: 25px 60px;
    }

    .accordionBox.bank-accordion .content p {
        font-size: 13.5px;
    }
}

@media only screen and (max-width: 800px) {
    .accordionBox.bank-accordion .title::after {
        height: 70px;
    }
}

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

    .bank-accordion-title {
        padding: 0px 20px 30px 0;
    }

    .accordionBox.bank-accordion {
        margin: 0 auto;
        float: none;
    }

        .accordionBox.bank-accordion .content {
            padding: 0 25px;
        }

    .accordionBox .content {
        margin-top: 30px;
    }

    .accordionBox.bank-accordion .title {
        padding: 25px 60px 25px 25px;
    }

    .accordionBox.bank-accordion .finans-kocu, .accordionBox.bank-accordion .finans-ozet, .accordionBox.bank-accordion .finans-analiz, .accordionBox.bank-accordion .finans-islem, .accordionBox.bank-accordion .finans-bildirim {
        padding: 25px 60px;
    }

    .sidebarCont .accordionBox {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ATM Page */

.atmContainer {
    position: relative;
    float: left;
    z-index: 990;
    padding: 10px 45px;
    border-top: 1px solid #ebebeb;
    background: #fff;
}

.atmTitle {
    float: left;
    font-size: 15px;
    font-family: open_sansregular;
    padding: 0 0 15px 0;
    width: 100%;
}

    .atmTitle strong {
        font-family: open_sansbold;
    }

.atmContent {
    position: relative;
    float: left;
    width: 100%;
}

.currencyField {
    position: relative;
    float: left;
    padding-right: 20px;
}

    .currencyField img, .currencyField p {
        float: left;
        display: block;
    }

    .currencyField p {
        margin: 5px 0 10px 10px;
    }

.atmImages img {
    margin-right: 10px;
    margin-top: 14px;
}

    .atmImages img.dolar {
        width: 15px;
        height: 25px;
    }

    .atmImages img.euro {
        width: 19px;
        height: 24px;
    }

    .atmImages img.ortopedik {
        width: 21px;
        height: 24px;
    }

    .atmImages img.sterlin {
        width: 18px;
        height: 24px;
    }

@media only screen and (max-width:800px) {
    .atmContainer {
        padding: 10px 30px;
    }
}

@media only screen and (max-width:450px) {
    .atmContainer {
        padding: 10px 15px;
    }
}


/****/


/* Index Pop-Up */

.popupOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    background: #1f1f1f;
    opacity: .7;
    z-index: 99999990;
}

.indexPopup {
    width: 50%;
    height: 100%;
    display: none;
    position: fixed;
    text-align: center;
    z-index: 99999991;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.indexPopupCont {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url(../img/icons/Popup/Index/ihtiyac-kredisi2.jpg) no-repeat center center;
    background-size: contain;
}

.closePopup {
    font-family: Arial;
    font-weight: bold;
    font-size: 1.56vw;
    color: #232323;
    position: absolute;
    top: 25px;
    right: 60px;
}

.indexPopupCont .applyBtn {
    display: block;
    text-transform: uppercase;
    padding: 18px 23px;
    border: 1px solid #ee8718;
    text-align: center;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    font-size: 16px;
    font-family: open_sansbold;
    transition: all .3s ease;
    width: 18.55vw;
    margin: 0 auto;
    top: 73%;
    position: relative;
}

    .indexPopupCont .applyBtn.orange {
        border-color: #ee8718;
        background: #ee8718;
        color: #fff;
    }


@media only screen and (max-width: 1080px) {
    .indexPopup-show {
        display: block;
    }
}


@media only screen and (max-width: 800px) {
    .indexPopupCont .applyBtn {
        font-size: 11px;
        padding: 12px 22px;
        width: 17.55vw;
    }

    .closePopup {
        top: 25px;
        right: 85px;
    }
}


@media only screen and (max-width: 800px) and (min-height: 1280px) {
    .indexPopup {
        width: 75%;
    }

    .indexPopupCont .applyBtn {
        width: 28.55vw;
        top: 70%;
        font-size: 20px;
        padding: 22px 23px;
    }

    .closePopup {
        top: 140px;
        font-size: 22px;
    }
}

@media only screen and (max-width: 780px) {
    .indexPopup {
        width: 85%;
    }

    .closePopup {
        font-size: 22px;
        right: 75px;
    }

    .indexPopupCont .applyBtn {
        font-size: 18px;
        padding: 19px 22px;
        width: 29.55vw;
    }
}


@media only screen and (max-width: 740px) and (max-height: 415px) {
    .closePopup {
        top: 15px;
        right: 210px;
        font-size: 10px;
    }

    .indexPopupCont .applyBtn {
        font-size: 9px;
        padding: 8px 10px;
        width: 15.55vw;
    }
}


@media only screen and (max-width: 670px) {
    .closePopup {
        top: 15px;
        right: 185px;
        font-size: 10px;
    }

    .indexPopupCont .applyBtn {
        font-size: 9px;
        padding: 8px 10px;
        width: 16.55vw;
    }
}

@media only screen and (max-width: 480px) {
    .popupOverlay {
        background: #fff;
        opacity: 1;
    }

    .indexPopup {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
    }

    .closePopup {
        top: 25px;
        right: 30px;
        font-size: 4.05vw;
    }

    .indexPopupCont .applyBtn {
        font-size: 14px;
        padding: 15px 12px;
        width: 38.55vw;
    }
}

@media only screen and (max-width: 480px) and (max-height:320px) {
    .indexPopup {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
    }

    .closePopup {
        top: 15px;
        right: 30px;
        font-size: 2.05vw;
    }

    .indexPopupCont .applyBtn {
        font-size: 8px;
        padding: 9px 9px;
        width: 18vw;
    }
}


@media only screen and (max-width: 420px) {
    .indexPopupCont .applyBtn {
        font-size: 11px;
        padding: 12px 12px;
    }
}



/* IE 10- 11 Form Page Issue */
/*#ui-id-34, #ui-id-29, #ui-id-22, #ui-id-21, #ui-id-18, #ui-id-15, #ui-id-12{display:none!important;}*/


/* Popup Video Box */

.videoPopupOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #1f1f1f;
    opacity: .9;
    z-index: 99999998;
    display: none;
}

.popupVideoText {
    cursor: pointer;
    font-weight: bold !important;
    font-family: bnpp_sanslight !important;
    color: #404040;
}

    .popupVideoText:hover {
        text-decoration: underline;
    }

.videoPopupContainer {
    display: none;
    position: fixed;
    width: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: 20%;
    z-index: 99999999;
}

.popupVideoClose {
    position: absolute;
    top: -35px;
    z-index: 1;
    right: -35px;
    cursor: pointer;
}

    .popupVideoClose img {
        width: 25px;
    }

@media only screen and (max-width:1080px) {
    .videoPopupContainer {
        width: 80%;
    }

    .popupVideoClose {
        right: 0px;
    }
}

@media only screen and (max-width:450px) {
    .videoPopupContainer {
        width: 90%;
        top: 35%;
    }

    .popupVideoClose {
        right: 0px;
        top: -50px;
    }
}

@media only screen and (max-width:350px) {
    .videoPopupContainer {
        width: 98%;
        top: 30%;
    }
}



/* Campaign Show More Content */

.showMoreEndCamp {
    position: relative;
    width: 100%;
    text-align: center;
    float: left;
    padding-bottom: 40px;
}

    .showMoreEndCamp p {
        font-family: open_sanslight;
        font-size: 18px;
        margin: 0;
        cursor: pointer;
        width: 190px;
        margin: 0 auto;
    }

    .showMoreEndCamp img {
        margin-top: 8px;
        cursor: pointer;
    }


@media only screen and (max-width: 800px) {
    .showMoreEndCamp p {
        font-size: 16px;
    }
}



/* Detect Browser*/
.browserDetectMain {
    background-color: #343434;
    width: 920px;
    z-index: 9999999;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -200px;
    margin: auto;
    transition: all .5s ease;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    opacity: 0;
    text-align: center;
}

.browserDetectContent {
    padding: 20px;
}

    .browserDetectContent p {
        color: #ffffff;
        float: left;
        font-size: 16px;
        width: 100%;
        margin: 0;
        font-family: open_sansregular;
    }

        .browserDetectContent p a {
            color: #ffffff;
            text-decoration: underline;
            font-family: open_sansregular;
            font-weight: bold;
        }

.positionBrowser {
    bottom: 0;
    opacity: 1;
}


/* Responsive*/

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

    .browserDetectMain {
        width: 100%;
        border-radius: 0;
    }
}

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

    .browserDetectContent {
        padding: 20px 30px;
    }

        .browserDetectContent p {
            width: 85%;
            margin: 0 15px 0 0;
        }
}

@media only screen and (max-width:650px) {
    .browserDetectContent p {
        width: 100%;
        margin: 0;
        line-height: 2;
    }
}

@media only screen and (max-width:420px) {
    .browserDetectContent {
        padding: 20px 12px;
    }

        .browserDetectContent p {
            font-size: 11.5px;
            line-height: 2;
        }
}

@media only screen and (max-width:350px) {
    .browserDetectContent {
        padding: 20px 12px;
    }
}



/* Second Button */
.secondButton {
    margin-left: 20px;
}

@media only screen and (max-width: 1280px) {
    .secondButton {
        margin-left: 0;
    }
}

/* Banner */
.slick-slide {
    display: block;
}

.promoRightSlider2-item.slick-slide.slick-active,
.promoRightSlider1-item slick-slide slick-active {
    display: block;
}

.twoStructre .promoRightSlider2 .promoRightSlider2-item {
    background: #fff;
}

    .twoStructre .promoRightSlider2 .promoRightSlider2-item img,
    .twoStructre .promoRightSlider1 .promoRightSlider1-item img {
        display: none;
    }

.promoRightSlider2-item.slick-slide.slick-active img,
.promoRightSlider2-item.slick-slide.slick-cloned img,
.promoRightSlider1-item.slick-slide.slick-active img,
.promoRightSlider1-item.slick-slide.slick-cloned img {
    display: block;
}

.bottomBoxShow {
    display: none;
}

    .bottomBoxShow.active {
        display: block;
    }


/* Accordeon */

.accordionBox .title.widthImg img {
    height: 80px;
}

.accordionBox .title {
    font-size: 18px;
}

.greenTextContainer .accordionBox .title {
    font-family: bnpp_sansregular;
}

/* Mobile Fixed Button */

@media only screen and (max-width:800px) {
    .fixedButton {
        position: fixed;
        bottom: -2px;
        z-index: 9999;
        background: #fff;
        width: 100%;
        border-top: 2px solid #dedede;
        left: 0px;
        /*padding-top: 15px;*/
        display: block;
    }

    /*.fixedButton:before {
            content: "";
            position: absolute;
            background: #fff;
            width: 100px;
            height: 103%;
            left: -30px;
            top: -2px;
            border-top: 2px solid #dedede;
        }

        .fixedButton:after {
            content: "";
            position: absolute;
            background: #fff;
            width: 100px;
            height: 103%;
            right: -80px;
            top: -2px;
            border-top: 2px solid #dedede;
        }*/

    .headerWrapper .fixedButton .applyBtn {
        margin-bottom: 15px;
        margin-top: 15px;
    }
}

@media only screen and (max-width:450px) {
    /*.fixedButton:before {
        content: "";
        position: absolute;
        background: #fff;
        width: 70px;
        height: 103%;
        left: -30px;
        top: -2px;
        border-top: 2px solid #dedede;
    }

    .fixedButton:after {
        content: "";
        position: absolute;
        background: #fff;
        width: 70px;
        height: 103%;
        right: -30px;
        top: -2px;
        border-top: 2px solid #dedede;
    }*/
}

/* Mobile Fix Route*/
.tableContBox td {
    color: #282828;
}

.tableContBox .mobileTableRouter span {
    color: #282828;
}

.campDetail .mobileTableRouter img {
    width: 25px;
}


/* Update */

.detPageBottListThem ul li {
    font-family: bnpp_sanslight;
}


/* Ghost Page */

.ghostPage .videoFullScreen.headVideoImgContainer {
    width: 34%;
    left: 14.5vw;
    position: absolute;
    opacity: 1;
}

.fullPageContainer > .fullPageHeader.ghostPage {
    min-height: 20vw;
}

.fullPageHeader.ghostPage .headerWrapper .headerBox {
    padding: 0 0 0 35px;
}

.ghostPage .grayBox {
    padding: 30px;
    background: #edf2f5;
    margin-bottom: 50px;
    width: 100%;
}

.grayBox h3 {
    font-family: open_sansregular;
    font-size: 1.04vw;
    padding-bottom: 21px;
    color: #313a43;
}

/* Inputs */
.miniForm {
    position: relative;
    float: left;
}

.ghostPage .inputRow {
    display: block;
    position: relative;
    float: left;
    padding-bottom: 28px;
    width: 20vw;
}

    .ghostPage .inputRow:first-child {
        padding-right: 50px;
    }

.ghostPage .inputField {
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    padding-right: 40px;
}

    .ghostPage .inputField input {
        border: 1px solid rgba(195,202,207,0.8);
        width: 100%;
        padding: 15px 20px;
        font-size: 16px;
        font-family: "open_sanslight";
    }

.ghostPage .inputTitle {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 15px;
}

    .ghostPage .inputTitle span {
        display: block;
        font-family: "open_sansbold";
        font-size: 14px;
        color: #545454;
        line-height: 1.3;
        width: 80%;
    }

/*Error for Input*/
.ghostPage span.errorInput, span.errorInput3 {
    display: none;
}

.ghostPage .inputError input {
    border: 2px solid rgb(255,84,74);
}

.ghostPage .inputError span.errorInput {
    font-family: "open_sansbold";
    font-size: 13px;
    color: #fff;
    padding: 5px 22px;
    width: 100%;
    position: relative;
    background: rgb(255,84,74);
    display: block;
}

.ghostPage .inputError span.errorInput3 {
    font-family: "open_sansbold";
    font-size: 13px;
    color: #FF544A;
    padding: 18px 0 0 0;
    width: 100%;
    position: relative;
    float: left;
    display: block;
}

.ghostPage .securityContent.inputError span.errorInput3 {
    padding: 10px 0 15px 20px;
}

/*Captcha*/
.ghostPage .securityHead {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 15px;
}

.ghostPage .securityContainer {
    display: block;
    position: relative;
    float: left;
    padding-bottom: 10px;
    width: 65%;
}

    .ghostPage .securityContainer .inputExplanation p {
        padding: 0 0 0 20px;
    }

.ghostPage .securityContent {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

.ghostPage .securityTitle {
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    color: #545454;
}

.ghostPage .securityImg {
    color: #545454;
    padding: 5px 20px 0 10px;
    margin-bottom: 8px;
    position: relative;
    width: 17.5vw;
    float: left;
    margin-right: 15px;
    background: #f3f4f5;
    border: 1px solid rgba(195,202,207,0.8);
    margin-right: 50px;
}

    .ghostPage .securityImg img {
        padding: 13px 0 6px 10px;
    }

.ghostPage .securityIcons {
    float: right;
    font-size: 16px;
}

    .ghostPage .securityIcons i {
        display: block;
        margin: 5px 0;
        cursor: pointer;
    }

        .ghostPage .securityIcons i.fa-rotate-right {
            width: 16px;
            height: 16px;
            text-align: center;
            vertical-align: middle;
            line-height: 16px;
        }

        .ghostPage .securityIcons i:last-child {
            margin: 5px 0 0 0;
        }

.ghostPage .securityCode {
    position: relative;
    float: left;
    width: 20vw;
}

    .ghostPage .securityCode input {
        background: #fff;
        width: 100%;
        border: 1px solid rgba(195,202,207,0.8);
        padding: 16px 20px;
        font-size: 16px;
        font-family: "open_sanslight";
    }
/**/

/*Button*/
.ghostPage .buttonContainer {
    position: absolute;
    right: -14%;
    bottom: 3%;
}

.ghostPage .submitButton {
    background: #ff8500;
    border-radius: 50px;
    width: 189px;
    padding: 18px 0;
    border: none;
}

    .ghostPage .submitButton:focus {
        outline: none;
    }

    .ghostPage .submitButton p {
        font-family: "open_sanssemibold";
        color: #fff;
        font-size: 16px;
        text-align: center;
        margin: 0;
        padding: 0;
    }

.ghostPage .submitButton {
    font-family: "open_sanssemibold";
    color: #fff;
    font-size: 16px;
    text-align: center;
    /*margin: 0;*/
    /*padding: 0;*/
}


/* Content */
.ghostPage .pageAccordionContainer {
    padding-bottom: 50px;
}

    .ghostPage .pageAccordionContainer .accordionBox .title {
        font-family: 'BNPP Rounded';
        font-weight: lighter;
        font-size: 24px;
    }

    .ghostPage .pageAccordionContainer .accordionBox.page-accordion .content p {
        font-size: 17px;
        line-height: 1.35;
    }

    .ghostPage .pageAccordionContainer .accordionBox.page-accordion {
        border-bottom: 1px solid rgba(185,192,197,0.8);
        padding-bottom: 70px;
    }

.ghostPage .videoHead {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 30px;
}

    .ghostPage .videoHead h3 {
        font-family: open_sansbold;
        font-size: 42px;
        line-height: 1.2;
        color: #28b961;
        padding-bottom: 30px;
    }

    .ghostPage .videoHead p {
        font-family: open_sansregular;
        font-size: 20px;
        line-height: 1.25;
        color: #313a43;
        padding: 0;
        margin: 0;
    }

.ghostPage .videoContent {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

.ghostPage .videoImg {
    float: left;
    cursor: pointer;
}

    .ghostPage .videoImg img {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        top: 0;
        width: 100%;
        z-index: 2;
    }

.ghostPage .videoBox {
    display: none;
}

.ghostPage .videoField {
    float: left;
    padding-right: 35px;
    width: 50%;
}

.ghostPage .videoText {
    float: left;
    width: 45%;
}

    .ghostPage .videoText p.boldVideoText {
        font-family: open_sans_condensedbold;
        color: #313a43;
        font-size: 25px;
        line-height: 1.2;
        padding-bottom: 22px;
    }

    .ghostPage .videoText p {
        margin: 0;
        line-height: 1.25;
        color: #313a43;
        font-size: 18px;
        font-family: open_sanslight;
    }


@media only screen and (max-width:1680px) {
    .ghostPage .inputRow {
        width: 50%;
    }

    .ghostPage .securityContainer {
        width: 45%;
    }

    .ghostPage .securityContent {
        width: 100%;
    }

    .ghostPage .securityImg {
        width: 40%;
        margin-right: 25px;
    }

    .ghostPage .securityCode {
        width: 54%;
    }

    .ghostPage .buttonContainer {
        position: absolute;
        right: -6%;
        bottom: 1%;
    }

    .ghostPage .videoHead p {
        font-size: 19px;
    }

    .ghostPage .videoText p.boldVideoText {
        font-size: 22px;
    }

    .ghostPage .videoText p {
        font-size: 17px;
    }
}


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

    .ghostPage .inputRow:first-child {
        padding-right: 3.2vw;
    }

    .ghostPage .securityContainer {
        width: 100%;
    }

    .ghostPage .securityImg {
        width: 44%;
        margin-right: 3.2vw;
    }

    .ghostPage .securityCode {
        width: 50%;
    }


    .grayBox h3 {
        font-size: 18px;
    }

    .ghostPage .buttonContainer {
        float: right;
        position: absolute;
        bottom: auto;
        left: 426px;
        margin-top: 260px;
    }

    .ghostPage .pageAccordionContainer .accordionBox .title {
        font-size: 22px;
    }

    .ghostPage .pageAccordionContainer .accordionBox.page-accordion .content p {
        font-size: 16px;
    }

    .ghostPage .videoHead h3 {
        font-size: 30px;
    }

    .ghostPage .videoHead p {
        font-size: 16px;
    }

    .ghostPage .videoText p.boldVideoText {
        font-size: 20px;
    }

    .ghostPage .videoText p {
        font-size: 16px;
    }
}

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

    .ghostPage .inputRow:first-child {
        padding-right: 3.2vw;
    }

    .ghostPage .securityContainer {
        width: 100%;
    }

    .ghostPage .securityImg {
        width: 44%;
        margin-right: 3.2vw;
    }

    .ghostPage .securityCode {
        width: 50%;
    }


    .grayBox h3 {
        font-size: 18px;
    }

    .ghostPage .buttonContainer {
        float: left;
        position: relative;
        bottom: auto;
        margin-top: 11px;
        left: 153px;
    }

    .ghostPage .pageAccordionContainer .accordionBox .title {
        font-size: 22px;
    }

    .ghostPage .pageAccordionContainer .accordionBox.page-accordion .content p {
        font-size: 16px;
    }

    .ghostPage .videoHead h3 {
        font-size: 30px;
    }

    .ghostPage .videoHead p {
        font-size: 16px;
    }

    .ghostPage .videoText p.boldVideoText {
        font-size: 20px;
    }

    .ghostPage .videoText p {
        font-size: 16px;
    }
}



@media only screen and (max-width:900px) {
    .ghostPage .headVideoImgContainer.mobile img {
        opacity: 1;
    }

    .fullPageHeader.ghostPage .headerWrapper .titleBar {
        padding-top: 0;
    }

        .fullPageHeader.ghostPage .headerWrapper .titleBar h1 {
            font-size: 5.71vw;
        }

    .fullPageHeader.ghostPage .headerWrapper .headerBox {
        padding: 0;
    }

    .ghostPage .headerWrapper .headerBox p {
        font-size: 3.43vw;
    }

    .grayBox h3 {
        font-size: 3.43vw;
    }

    .ghostPage .inputRow {
        width: 100%;
    }

        .ghostPage .inputRow:first-child {
            padding-right: 0;
        }

    .ghostPage .inputTitle span {
        font-size: 2.57vw;
    }

    /*.ghostPage .inputField input {
        font-size: 2.57vw;
        width: 188px;
    }*/

    .ghostPage .securityTitle {
        font-size: 2.57vw;
    }

    .ghostPage .securityCode input {
        font-size: 2.57vw;
    }

    .ghostPage .submitButton p {
        font-size: 2.57vw;
    }

    .ghostPage .pageAccordionContainer {
        padding-bottom: 35px;
    }

        .ghostPage .pageAccordionContainer .accordionBox.page-accordion {
            padding: 0 0 30px 0;
        }

        .ghostPage .pageAccordionContainer .accordionBox .title {
            font-size: 3.43vw;
        }

        .ghostPage .pageAccordionContainer .accordionBox.page-accordion .content p {
            font-size: 2.57vw;
        }

    .ghostPage .videoHead h3 {
        font-size: 6vw;
    }

    .ghostPage .videoHead p {
        font-size: 2.86vw;
    }

    .ghostPage .videoField {
        width: 100%;
        padding: 0;
    }

    .ghostPage .videoImg {
        width: 100%;
    }

    .ghostPage .videoText {
        width: 100%;
    }

        .ghostPage .videoText p {
            font-size: 2.57vw;
            padding: 0;
        }

            .ghostPage .videoText p.boldVideoText {
                padding: 30px 0;
                font-size: 3.57vw;
            }
}


@media only screen and (max-width:600px) {
    .fullPageHeader.ghostPage .headerWrapper .titleBar h1 {
        font-size: 6.71vw;
    }

    .fullPageHeader.ghostPage .headerWrapper .headerBox {
        margin: 0;
    }

    .ghostPage .headerWrapper .headerBox p {
        font-size: 4.13vw;
    }

    .ghostPage.contentWrapper {
        padding-top: 20px;
    }

    .ghostPage .grayBox {
        padding: 15px;
    }

    .grayBox h3 {
        font-size: 4.43vw;
    }

    .ghostPage .inputTitle span, .ghostPage .securityTitle, .ghostPage .securityCode input, .ghostPage .submitButton p {
        font-size: 3.57vw;
    }

    .ghostPage .inputField input {
        font-size: 3.87vw;
        width: 181px;
    }

    .ghostPage .securityImg {
        width: 100%;
        margin-right: 0;
    }

    .ghostPage .securityCode {
        width: 100%;
    }

    .ghostPage .buttonContainer {
        float: left;
        text-align: center;
        left: 2px;
    }

    .ghostPage .videoHead h3 {
        padding-bottom: 20px;
    }

    .ghostPage .pageAccordionContainer .accordionBox .title {
        font-size: 4.93vw;
    }

    .ghostPage .videoHead p {
        font-size: 4vw;
    }

    .ghostPage .videoText p.boldVideoText {
        padding: 20px 0;
        font-size: 4.17vw;
    }

    .ghostPage .videoText p {
        font-size: 3.67vw;
    }
}

.menuTooltip {
    /*position: relative;*/
    /*display: inline-block;*/
    /*border-bottom: 1px dotted black;*/
}

    .menuTooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: white;
        color: #282828;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px;
        /* Position the tooltip */
        /*position: absolute;*/
        z-index: 1;
        /*top: -5px;
        left: 105%;*/
        font-family: open_sansbold;
        margin-left: 10px;
    }

    .menuTooltip:hover .tooltiptext {
        visibility: visible;
    }

.sh-mobilemenu {
    display: none;
}

@media only screen and (max-width:500px) {
    body {
        /*padding-top:96px!important;*/
    }
}

@media only screen and (max-width:768px) {
    .sh-mobilemenu {
        width: 96%;
        border: 1px solid #ee8718;
        border-radius: 24px;
        text-align: center;
        padding: 0;
        display: table;
        height: 44px;
        margin: 15px 2%;
    }

        .sh-mobilemenu .appLink {
            font-size: 14px;
            font-family: open_sansbold;
            color: #ee8718;
            display: table-cell;
            width: 27%;
            padding: 0 3px;
            vertical-align: middle;
            position: relative;
        }

    .sh-mobilemnu .appLink:nth-child(2) {
        padding: 0 10px;
    }

    .sh-mobilemnu .appLink:nth-child(4) {
        display: none;
    }

    .sh-mobilemenu .appLink + .appLink::before {
        content: '';
        height: 20px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-left: 1px solid #ee8718;
    }

    .sh-mobilemenu .appLink + .appLink:nth-child(2)::before {
        display: none;
    }

    .sh-mobilemenu .appLink.first {
        color: #ee8718;
        border-top-left-radius: 21px;
        border-bottom-left-radius: 21px;
        padding: 0 5px;
        height: 44px;
    }

        .sh-mobilemenu .appLink.first + .appLink::after {
            content: '';
            height: 20px;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border-left: 1px solid #ee8718;
        }
}

#musteriIletisimStep .form-list {
    width: 40%;
}

#btnDovizTabloGuncelle {
    float: right;
    cursor: pointer;
}

#divDovizSonGuncelleme {
    float: left;
}

#divDovizSonGuncellemeMobile {
    text-align: center;
    display: block;
    font-size: 15px;
    float: right;
    height: 21px;
    padding-top: 7px;
}

#btnDovizTabloGuncelleMobile {
    text-align: center;
    display: none;
    float: left;
    height: 21px;
    cursor: pointer;
    margin-top: 5px;
}

    #btnDovizTabloGuncelleMobile table {
        min-width: 0px;
    }

        #btnDovizTabloGuncelleMobile table img {
            width: 130px;
            height: 16px;
        }

.contentBox h2 {
    padding-left: 25px;
}

.campDetailTopSide .titleBar {
    padding-left: 25px !important;
}

/*Ön Basvuru */
.basvuru-on-ek.container {
    font-family: 'Open Sans', sans-serif;
    color: #313740;
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.basvuru-on-ek h2 {
    text-align: center;
    font-weight: 600;
}

.basvuru-on-ek .subtitle {
    text-align: center;
    margin: auto;
    margin-top: 20px;
    width: 700px;
}

.basvuru-on-ek .card {
    height: 140px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    display: flex;
    align-items: center;
}

.basvuru-on-ek .row {
    margin: 40px 0 40px 0;
}

.basvuru-on-ek .card h4 {
    font-size: 18px;
    font-weight: 600;
}

.basvuru-on-ek * .icon {
    width: 60px;
}

.basvuru-on-ek * .arrow-icon {
    width: 40px;
}

.basvuru-on-ek * .left, .right {
    width: 25%;
    text-align: center;
}

.basvuru-on-ek * .content {
    width: 50%;
}

.basvuru-on-ek .card-container {
    width: 50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 1190px) {
    .basvuru-on-ek.container {
        width: 994px;
    }
}

@media screen and (max-width: 993px) {
    .basvuru-on-ek.container {
        width: 100%;
    }
}

@media screen and (max-width: 810px) {
    .basvuru-on-ek .card-container {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .basvuru-on-ek .subtitle {
        width: 100%;
    }

    .basvuru-on-ek .card .icon {
        width: 45px;
    }

    .basvuru-on-ek .card .left {
        width: 20%;
    }

    .basvuru-on-ek .card h4 {
        font-size: 15px;
    }

    .basvuru-on-ek .card p {
        margin-top: 5px;
    }

    .basvuru-on-ek .card .right {
        width: 20%;
    }

    .basvuru-on-ek .card .content {
        width: 60%;
    }

    .arrow-icon {
        width: 30px;
    }
}

.basvuru-on-ek * .card-container a {
    color: black;
    text-decoration: none;
}
/*Ön Basvuru */

/*Hesap Aç*/

/*Hesap Aç-Desktop*/
.accordion-title.acc-open span.numeric {
    color: #fff;
    float: right;
    margin-right: 10%;
}

.accordion-title span.numeric {
    color: #282828;
    float: right;
    margin-right: 10%;
}
/*1*/
@media only screen and (min-device-width : 360px) and (max-device-width : 370px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 20%;
    }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 750px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 11%;
    }
}
/*2*/
/*3*/
@media only screen and (min-device-width : 370px) and (max-device-width : 380px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 20%;
    }
}

@media only screen and (min-device-width : 660px) and (max-device-width : 675px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 12%;
    }
}
/*4*/
@media only screen and (min-device-width : 410px) and (max-device-width : 420px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 18%;
    }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 740px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 11%;
    }
}
/*5*/

.accordion-title.done span.numeric {
    color: #fff;
    background: #00915A;
    opacity: .7;
}

/*Hesap Aç-Mobile*/

/*iPad*/
@media (min-width:768px) and (max-width:1024px) {
    .accordion-title span.numeric {
        color: #282828;
        float: right;
        margin-right: 10%;
    }

    .accordion-title.acc-open span.numeric {
        color: #fff;
        float: right;
        margin-right: 10%;
    }
}
/*iPad*/

/*without mobile*/
/*Hesap Aç*/


/*FORM DESIGN 25122018*/

.form-select-box {
    display: block !important;
    width: 100%;
    border: thin solid #e2e2e2;
    color: black;
    font-family: open_sanslight;
    font-size: 14px;
    background: #fff;
    padding: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: #fff url('/Content/img/custom-select-off_icon.gif') no-repeat;
    background-size: 60px 100%;
    background-position: right 0px center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

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

@media (max-width:1280px) {
    .form-select-box {
        padding: 12px;
        font-size: 14px;
    }
}

@media (max-width:1024px) {
    .form-select-box {
        padding: 10px;
        font-size: 12px;
    }
}

@media (max-width:812px) {
    .form-select-box {
        padding: 9px;
        font-size: 11px;
    }
}

@media (max-width:800px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:768px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:740px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:736px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:667px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:414px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:375px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

@media (max-width:360px) {
    .form-select-box {
        padding: 10px;
        font-size: 11px;
    }
}

.input-validation-error .form-select-box {
    border-color: #f62727;
    background-color: #fbe1e1;
}

/*FORM DESIGN 25122018*/

/*Captcha Hizalama v*/
.captcha-parent {
    width: 58%;
}
/* Akıllı Telefonlar İçin Yatay ve Dikey ----------- */
/*1 telefon*/
@media only screen and (min-device-width : 360px) and (max-device-width : 370px) {
    .captcha-parent {
        width: 44%;
    }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 750px) {
    .captcha-parent {
        width: 24%;
    }
}
/*2*/
@media only screen and (min-device-width : 760px) and (max-device-width : 785px) {
    .captcha-parent {
        width: 25%;
    }
}

@media only screen and (min-device-width :1020px) and (max-device-width : 1030px) {
    .sendCapt #captchaCode {
        height: 48px;
        width: 191px;
    }
}
/*3*/
@media only screen and (min-device-width : 370px) and (max-device-width : 380px) {
    .captcha-parent {
        width: 46%;
    }
}

@media only screen and (min-device-width : 660px) and (max-device-width : 675px) {
    .captcha-parent {
        width: 30%;
    }
}
/*4*/
@media only screen and (min-device-width : 410px) and (max-device-width : 420px) {
    .captcha-parent {
        width: 51%;
    }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 740px) {
    .captcha-parent {
        width: 27%;
    }
}
/*5*/
@media only screen and (min-device-width : 370px) and (max-device-width : 380px) {
    .captcha-parent {
        width: 46%;
    }
}

@media only screen and (min-device-width : 810px) and (max-device-width : 820px) {
    .sendCapt #captchaCode {
        height: 40px;
        width: 191px;
    }
}
/*6*/
@media only screen and (min-device-width : 795px) and (max-device-width : 810px) {
    .sendCapt #captchaCode {
        height: 40px;
        width: 219px;
    }
}

@media only screen and (min-device-width : 1275px) and (max-device-width : 1285px) {
    .sendCapt #captchaCode {
        height: 54px;
        width: 219px;
    }
}
/*Captcha Hizalama^*/

/*Turna.com Resim Hizalama*/

/*2*/
@media only screen and (min-device-width : 760px) and (max-device-width : 785px) {
    .banners {
        width: 100%;
    }

    .campaingCode {
        bottom: 60px !important;
        left: 110px !important;
        font-size: 30px !important;
    }
}

@media only screen and (min-device-width :1020px) and (max-device-width : 1030px) {

    .campaingCode {
        bottom: 44px !important;
        left: 85px !important;
        font-size: 23px !important;
    }
}

/*3*/
@media only screen and (min-device-width : 660px) and (max-device-width : 675px) {
    .banners {
        width: 100%;
    }
}
/*Kupon Desktop-Mobil*/

/*Turna.com Resim Hizalama*/

/*2*/
@media only screen and (min-device-width : 760px) and (max-device-width : 785px) {
    .banners {
        width: 100%;
    }

    .campaingCode {
        bottom: 60px !important;
        left: 110px !important;
        font-size: 30px !important;
    }
}

@media only screen and (min-device-width :1020px) and (max-device-width : 1030px) {

    .campaingCode {
        bottom: 44px !important;
        left: 85px !important;
        font-size: 23px !important;
    }
}

/*3*/
@media only screen and (min-device-width : 660px) and (max-device-width : 675px) {
    .banners {
        width: 100%;
    }

    .campaingCode {
        bottom: 51px !important;
        left: 92px !important;
        font-size: 30px !important;
    }
}
/*4*/
@media only screen and (min-device-width : 410px) and (max-device-width : 420px) {
    .campaingCode {
        bottom: 49px !important;
        left: 47px !important;
        font-size: 22px !important;
    }
}

@media only screen and (min-device-width : 730px) and (max-device-width : 740px) {
    .banners {
        width: 100%;
    }

    .campaingCode {
        bottom: 56px !important;
        left: 110px !important;
        font-size: 30px !important;
    }
}
/*5*/
@media only screen and (min-device-width : 810px) and (max-device-width : 820px) {
    div#banners-alignment > div.form-list.confText {
        width: 100%;
    }

    .campaingCode {
        bottom: 61px !important;
        left: 115px !important;
        font-size: 35px !important;
    }

    .banners {
        width: 100%;
    }
}

/*6*/
@media only screen and (min-device-width : 795px) and (max-device-width : 810px) {
    div#banners-alignment > div.form-list.confText {
        width: 100%;
    }

    .banners {
        width: 100%;
    }

    .campaingCode {
        bottom: 59px !important;
        left: 115px !important;
        font-size: 35px !important;
    }
}

@media only screen and (min-device-width : 1275px) and (max-device-width : 1285px) {
    .campaingCode {
        bottom: 42px !important;
        left: 75px !important;
        font-size: 27px !important;
    }
}
/*Turna.com Resim Hizalama*/

.form-list label:nth-child(1) {
    margin-top: 15px;
    margin-bottom: 2px;
    height: 34px;
}

.foot-note {
    font-size: 10px;
    color: #969696;
}

@media only screen and (max-width:900px) { /*/*/
    #vknEkleSilBox {
        width: 59%;
    }

    #btnVknSil {
        float: left;
    }
}

#vknEkleSilBox {
    width: 13%;
}


/*----------*/
/* Akıllı Telefonlar İçin  Dikey ----------- */
@media only screen and (min-device-width : 350px) and (max-device-width : 370px) {
    #vknEkleSilBox {
        width: 62%;
    }
}

@media only screen and (min-device-width : 758px) and (max-device-width : 778px) {
    #vknEkleSilBox {
        width: 29%;
    }
}

@media only screen and (min-device-width : 365px) and (max-device-width : 375px) {
    #vknEkleSilBox {
        width: 59%;
    }
}

@media only screen and (min-device-width : 404px) and (max-device-width : 424px) {
    #vknEkleSilBox {
        width: 54%;
    }
}

@media only screen and (min-device-width : 365px) and (max-device-width : 385px) {
    #vknEkleSilBox {
        width: 59%;
    }
}

@media only screen and (min-device-width : 790px) and (max-device-width : 810px) {
    #vknEkleSilBox {
        width: 28%;
    }
}
/*-----------------*/


/*----------*/
/* Akıllı Telefonlar İçin Yatay  ----------- */
@media only screen and (min-device-width : 730px) and (max-device-width : 750px) {
    #vknEkleSilBox {
        width: 62%;
    }
}

@media only screen and (min-device-width : 1014px) and (max-device-width : 1034px) {
    #vknEkleSilBox {
        width: 29%;
    }
}

@media only screen and (min-device-width : 657px) and (max-device-width : 677px) {
    #vknEkleSilBox {
        width: 59%;
    }
}

@media only screen and (min-device-width : 726px) and (max-device-width : 745px) {
    #vknEkleSilBox {
        width: 54%;
    }
}

@media only screen and (min-device-width : 802px) and (max-device-width : 822px) {
    #vknEkleSilBox {
        width: 59%;
    }
}

@media only screen and (min-device-width : 1270px) and (max-device-width : 1290px) {
    #vknEkleSilBox {
        width: 28%;
    }
}
/*-----------------*/
/*TextBolar vb boy eşitleme*/
.form-list input {
    height: 48px;
    margin-bottom: 5px;
}

.form-list select {
    height: 54px;
    margin-bottom: 5px;
}
/*continue-btn right bottom clear{
    margin-bottom:5px;
}*/

@media only screen and (max-width:900px) {
    .form-list input {
        height: 40px;
        margin-bottom: 5px;
    }

    .form-list select {
        height: 40px;
        margin-bottom: 5px;
    }
}
/*TextBolar vb boy eşitleme*/

/**/ /**/
@media screen and (min-width: 815px) {
    div #banners-alignment > div {
        float: right;
    }
}


@media screen and (max-width: 858px) {
    div.form-list.confText {
        width: 100%;
    }
}

/*PDF Tasarımı*/
@media only screen and (max-width: 800px) {
    .containerpop {
        width: 92% !important;
        margin: 50% auto;
        height: auto;
    }
}

.popuptext {
    max-width: 898px;
    height: auto !important;
    text-align: center;
    background: url('../img/popuptext.jpg') no-repeat !important;
    position: relative;
    margin: 10% auto;
    overflow: hidden !important;
    margin-top: 0;
}

    .popuptext .textcontainer {
        text-align: left;
        padding: 12.2% 7% 0 5.7%;
    }

        .popuptext .textcontainer h2 {
            color: #00914b;
            font-size: 32px;
            text-transform: uppercase;
        }

        .popuptext .textcontainer p {
            font-size: 27px;
        }

    .popuptext .popupclose {
        position: absolute;
        display: block;
        text-align: right;
        top: 8.3%;
        right: 4.4%;
        cursor: pointer;
    }
/*PDF Tasarımı*/

#btnKvkkAcikRizaText:hover, #btnKvkkEtkIzniText:hover, #btnKvkkAydinlatmaText:hover, #btnBasvuruBilgi:hover, #btnKvkkBilgiPaylasimTalebiText:hover {
    /*font-weight: bold;*/
    text-decoration: underline;
}

#fixButtonCont {
    text-align: center;
}