body {
    color: #626e72;
    overflow: hidden;
    font-family: "gtEestiDisplay-Light";
    font-size: 13px;
    position: relative;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

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

* {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none
}

*[tabindex]:focus,
.Accessibility a:focus,
.Accessibility button:focus,
.Accessibility input:focus,
.Accessibility textarea:focus,
.Accessibilitytextarea:focus,
.Accessibility .select2-container:focus,
.Accessibility .select2-container-active,
.Accessibility .landing-page .page-box-list .box:focus {
    outline: 3px solid #ffd52f !important;
    text-decoration: none !important;
    outline-offset: 3px !important;
    position: relative;
    z-index: 999999
}

a {
    cursor: pointer
}

a:focus {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1
}

.bold {
    font-family: 'NeoSansPro-Medium'
}

a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.no-animate {
    -webkit-transition: none;
    transition: none
}

.no-js .js-banking {
    display: none !important
}

input[type="text"]::-ms-clear {
    display: none
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?sqe3x5');
    src: url('fonts/icomoon.eot?sqe3x5#iefix') format('embedded-opentype'), url('fonts/icomoon.woff2?sqe3x5') format('woff2'), url('fonts/icomoon.ttf?sqe3x5') format('truetype'), url('fonts/icomoon.woff?sqe3x5') format('woff'), url('fonts/icomoon.svg?sqe3x5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-Regular';
    src: url('fonts/gt-eesti-display-regular-webfont.eot');
    src: url('fonts/gt-eesti-display-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-regular-webfont.woff') format('woff'), url('fonts/gt-eesti-display-regular-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-RegularItalic';
    src: url('fonts/gt-eesti-display-regular-italic-webfont.eot');
    src: url('fonts/gt-eesti-display-regular-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-regular-italic-webfont.woff') format('woff'), url('fonts/gt-eesti-display-regular-italic-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-Bold';
    src: url('fonts/gt-eesti-display-bold-webfont.eot');
    src: url('fonts/gt-eesti-display-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-bold-webfont.woff') format('woff'), font-weight:normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-Light';
    src: url('fonts/gt-eesti-display-light-webfont.eot');
    src: url('fonts/gt-eesti-display-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-light-webfont.woff') format('woff'), url('fonts/gt-eesti-display-light-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-Medium';
    src: url('fonts/gt-eesti-display-medium-webfont.eot');
    src: url('fonts/gt-eesti-display-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-medium-webfont.woff') format('woff'), url('fonts/gt-eesti-display-medium-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-MediumItalic';
    src: url('fonts/gt-eesti-display-medium-italic-webfont.eot');
    src: url('fonts/gt-eesti-display-medium-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-medium-italic-webfont.woff') format('woff'), url('fonts/gt-eesti-display-medium-italic-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-LightItalic';
    src: url('fonts/gt-eesti-display-light-italic-webfont.eot');
    src: url('fonts/gt-eesti-display-light-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-light-italic-webfont.woff') format('woff'), url('fonts/gt-eesti-display-light-italic-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'gtEestiDisplay-Thin';
    src: url('fonts/gt-eesti-display-thin-webfont.eot');
    src: url('fonts/gt-eesti-display-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gt-eesti-display-thin-webfont.woff') format('woff'), url('fonts/gt-eesti-display-thin-webfont.ttf') format("truetype");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-Internet_Sube-02:before {
    content: ""
}

.icon-basvurum-nerede:before {
    content: ""
}

.icon-basvuru-takip:before {
    content: ""
}

.icon-intengo:before {
    content: ""
}

.icon-calculationtool:before {
    content: ""
}

.icon-bankadan:before {
    content: ""
}

.icon-tapu:before {
    content: ""
}

.icon-sss-new:before {
    content: ""
}

.icon-hesaplama1:before {
    content: ""
}

.icon-konut:before {
    content: ""
}

.icon-erteleme {
    margin-top: 15px;
    background: url('../img/icon-erteleme.png');
    height: 27px;
    width: 27px;
    display: block
}

.icon-arac:before {
    content: ""
}

.icon-arrow_down:before {
    content: ""
}

.icon-altin_sube:before {
    content: ""
}

.icon-firma_icon:before {
    content: ""
}

.icon-gayrimenkul-new:before {
    content: ""
}

.icon-np-ok:before {
    content: ""
}

.icon-notice:before {
    content: ""
}

.icon-hesaplama:before {
    content: "";
    color: #424443
}

.icon-hesaplama,
.icon-basvur {
    position: absolute;
    z-index: 9999;
    right: 26px;
    top: 14px
}

.icon-basvur:before {
    content: ""
}

.icon-basvurularimiz:before {
    content: ""
}

.icon-Play:before {
    content: ""
}

.icon-Pause:before {
    content: ""
}

.icon-date:before {
    content: ""
}

.icon-Tanitim_Filmi:before {
    content: ""
}

.icon-kambiyo2:before {
    content: ""
}

.icon-kambiyo:before {
    content: ""
}

.icon-download-now:before {
    content: ""
}

.icon-kart-icon:before {
    display: block;
    content: "";
    margin-top: -6px
}

.icon-mobile-banking-demo:before,
.icon-internet-banking-demo:before {
    content: ""
}

.icon-nearest-branch:before {
    content: ""
}

.icon-canli_destek_button:before {
    content: ""
}

.icon-list-note:before {
    content: ""
}

.icon-reklam-arrow:before {
    content: ""
}

.icon-arrow-right {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-contact:before {
    content: ""
}

.icon-key:before,
.icon-lock:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.active .icon-search:before {
    content: ""
}

.select2-arrow:before,
.icon-arrow-down:before,
.icon-down:before {
    content: ""
}

.icon-Atm:before {
    content: ""
}

.icon-bilgilendiririz:before {
    content: ""
}

.icon-Bullet:before {
    content: ""
}

.icon-cagri_merkezi:before {
    content: ""
}

.icon-Cozeriz:before {
    content: ""
}

.icon-detail-information:before,
.icon-info:before {
    content: ""
}

.icon-nearest-branch:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-Harita_atm_ikonu .path1:before {
    content: "";
    color: #fff
}

.icon-Harita_atm_ikonu .path2:before {
    content: "";
    margin-left: -1em;
    color: #000
}

.icon-Harita_sube_ikonu .path1:before {
    content: "";
    color: #fff
}

.icon-Harita_sube_ikonu .path2:before {
    content: "";
    margin-left: -1em;
    color: #000
}

.w-auto {
    width: auto
}

.icon-simple-logo,
.icon-calc-tools {
    font-size: 34px;
    display: inline-block;
    position: relative;
    top: 1px;
    vertical-align: top
}

.icon-simple-logo+span,
.icon-calc-tools+span {
    display: inline-block;
    margin-left: 6px;
    line-height: 19px
}

.icon-simple-logo:after {
    content: ""
}

.icon-calc,
.icon-detail-information {
    font-size: 34px
}

.icon-calc:before,
.icon-calc-tools:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-announcements:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-Mesajlar:before {
    content: ""
}

.icon-mobil_uygulama:before {
    content: ""
}

.icon-Rotator:before {
    content: ""
}

.icon-arrow-right:before,
.icon-paging-right:before,
.icon-arrow2:before {
    content: ""
}

.icon-Seffafiz:before {
    content: ""
}

.icon-SMS_Bankacılıgı:before {
    content: ""
}

.icon-arrow-left:before,
.icon-paging-left:before {
    content: ""
}

.icon-sss:before {
    content: ""
}

.icon-sube:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-products-and-service:before {
    content: ""
}

.icon-yaninizdayiz:before {
    content: ""
}

.icon-Yardim:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-arrow-up:before,
.icon-up:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-close-2:before {
    content: ""
}

.icon-rotator:before {
    content: ""
}

.icon-print:before {
    content: ""
}

.icon-rapor:before {
    content: ""
}

.icon-pos:before {
    content: ""
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.relative {
    position: relative !important
}

.clear {
    clear: both !important
}

.mt0 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.mt20 {
    margin-top: 20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mr-10 {
    margin-right: 10px !important
}

.select {
    border: 2px solid #ddd
}

.select2-container a.select2-choice {
    height: 38px;
    line-height: 40px;
    border: 0;
    padding-left: 10px;
    font-size: 16px
}

.select2-container a.select2-choice .select2-arrow {
    background: none;
    border: 0;
    border-radius: 0;
    color: #424443;
    font-size: 14px;
    line-height: 47px;
    width: 25px
}

#select2-drop.select2-drop-active {
    border-color: #d9d9d9;
    margin-top: -3px
}

.icon-mobile-banking-demo,
.icon-download-now,
.icon-internet-banking-demo,
.btn-icon i.icon-kambiyo,
i.icon-pos {
    top: 7px !important
}

.select2-arrow {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.select2-dropdown-open .select2-arrow:before {
    content: ""
}

select.native-select {
    background: #fff url(../img/bg-native-select-arrow.png) 95% center no-repeat;
    background-size: 10px 5px;
    border: 2px solid #d9d9d9;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 10px;
    font-size: 16px;
    -webkit-appearance: none;
    color: #444
}

.iphone select.native-select {
    padding-top: 0
}

.form-wrapper {
    overflow: inherit
}

.page .form-wrapper .form-group.auto {
    min-height: inherit;
    margin-bottom: 20px !important;
    overflow: hidden
}

.page .form-wrapper .form-group.auto .radio {
    margin-bottom: 10px
}

.form-wrapper {
    margin: 0 -15px !important
}

.form-wrapper .form-group {
    min-height: 108px
}

.form-wrapper .form-group label {
    font-size: 15.4px;
    color: #00b1a1;
    display: block;
    margin-bottom: 8px
}

.form-wrapper .form-group input {
    width: 100%;
    margin-right: 20px
}

.form-wrapper .form-group.error input,
.form-wrapper .form-group.error textarea {
    border-color: #e2231a
}

.form-wrapper .form-group.error label {
    color: #e2231a
}

.form-wrapper .form-group.error .select {
    border-color: #e2231a
}

.form-wrapper .form-group .captcha .img {
    width: 71%;
    float: left;
    border: 1px solid #d9d9d9
}

.form-wrapper .form-group .captcha .img img {
    width: 100%;
    height: 41px
}

.form-wrapper .form-group .captcha .btnRefresh {
    width: 42px;
    height: 42px;
    line-height: 47px;
    text-align: center;
    font-size: 22px;
    float: right;
    background: #00b1a1;
    color: #fff
}

.form-wrapper .form-group .btn {
    height: 42px;
    margin-top: 28px
}

.form-wrapper .form-group .btn.fr {
    margin-right: 0
}

.form-wrapper .form-group .blue-text {
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #00a9d0;
    padding: 0 10px;
    font-size: 16px
}

.form-wrapper .form-group .radio {
    margin-bottom: 0
}

.form-wrapper .form-group .radio label {
    margin-bottom: 0
}

.form-wrapper .form-group h2 {
    margin-left: 15px;
    color: #2e3030
}

.form-wrapper .form-group .result {
    margin: 0;
    line-height: 1
}

.form-wrapper .error-container {
    margin: 0 15px 15px;
    overflow: hidden;
    position: relative
}

.form-wrapper .error-container i {
    font-size: 30px;
    color: #e2231a;
    float: left
}

.form-wrapper .error-container em {
    line-height: 1.4;
    font-size: 12px;
    color: #e2231a;
    font-style: normal;
    margin: 0 0 0 40px;
    display: block
}

.form-wrapper .form-group em.error {
    margin-top: 6px;
    color: #e2231a;
    font-style: normal;
    display: none
}

.form-group input[type="text"] {
    background: #fff;
    height: 42px;
    padding: 0 10px;
    color: #414042;
    font-size: 16px;
    border: 2px solid #ddd;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
    border-radius: 0;
    box-shadow: none
}

.form-group textarea {
    width: 100%;
    background: #fff;
    height: 90px;
    padding: 6px 10px;
    color: #414042;
    font-size: 16px;
    border: 2px solid #ddd;
    overflow: auto;
    resize: none;
    font-family: inherit;
    margin-bottom: 5px
}

.form-group .select {
    width: 100%;
    margin-bottom: 5px
}

.form-group .radio,
.form-group .checkbox {
    overflow: hidden;
    margin-bottom: 10px
}

.form-group .radio span,
.form-group .checkbox span {
    width: 20px;
    height: 18px;
    background: url(../img/bg-form-element.png) no-repeat;
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px
}

.form-group .radio span input,
.form-group .checkbox span input {
    width: 20px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.form-group .radio label,
.form-group .checkbox label {
    float: left;
    color: #414042;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 0
}

.form-group .radio span {
    background-position: right bottom
}

.form-group .radio span.active {
    background-position: right top
}

.form-group .checkbox span {
    background-position: left bottom
}

.form-group .checkbox span.active {
    background-position: left top
}

.form-group small {
    font-size: 12px;
    display: block;
    margin-bottom: 10px
}

.give-offer-form .form-group small {
    margin-bottom: 0
}

.form-group .btn {
    width: auto;
    height: 40px;
    line-height: .9;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: 13px 20px;
    background-color: #458666;
    border: 0;
    cursor: pointer
}

.form-group .btn.block {
    width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0
}

.form-group .btn.big {
    width: auto;
    padding-left: 75px;
    padding-right: 75px
}

.form-group .btn:hover {
    background: #0c948b;
    border-color: #03887f
}

.form-group .select-wrap {
    width: 100%;
    background: #fff;
    height: 100px;
    padding: 10px;
    border: 1px solid #d9d9d9
}

.form-group .select-multiple {
    width: 100%;
    height: 80px;
    border: 0;
    color: #414042;
    font-size: 16px
}

.form-group input.error {
    border: 1px solid #e2231a !important
}

.give-offer-form .full-width {
    width: 100%;
    display: inline-block
}

.ertelemetalep-form .form-group .checkbox {
    display: inline-flex;
    margin-top: 5px;
    padding-right: 20px
}

.btn-icon {
    color: #2e3030 !important;
    font-size: 15.4px;
    padding: 10px 55px 9px 20px;
    border: 2px solid #ddd;
    display: inline-block;
    margin-bottom: 30px;
    position: relative
}

.btn-icon i {
    color: #abd037;
    font-size: 27px;
    position: absolute;
    right: 6px;
    top: 13px
}

.btn-icon i.icon-lock,
.btn-icon i.icon-demo {
    font-size: 22px;
    right: 17px
}

.btn-icon i.icon-rapor {
    font-size: 21px;
    right: 9px;
    top: 8px
}

.btn-icon i.icon-apply-now,
.btn-icon i.icon-star {
    font-size: 27px;
    top: 6px
}

.btn-icon i.icon-nearest-branch {
    font-size: 24px;
    top: 8px;
    right: 9px
}

.btn-icon.apply-now,
.btn-icon.nearest-branch {
    padding-right: 45px
}

.btn-icon i.icon-calc {
    font-size: 27px;
    top: 7px;
    right: 9px
}

.btn-icon.no-icon {
    padding: 15px 20px
}

.btn-icon:hover {
    border-color: #abd037;
    text-decoration: none
}

.btn-text {
    display: inline-block;
    font-size: 14px;
    position: relative;
    padding-left: 20px
}

.btn-text i {
    color: #458666;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 4px
}

.btn-text i.icon-happy-card {
    font-size: 24px;
    top: -1px
}

.btn-text:hover {
    color: #00abd7
}

.btn-text.other {
    padding-left: 35px
}

.pagination ul {
    display: inline-block;
    padding-left: 0;
    margin: 0 !important;
    position: relative
}

.pagination.center {
    text-align: center
}

.pagination.right {
    float: right
}

.pagination>ul>li {
    display: inline;
    background: none !important;
    margin: inherit !important;
    padding: inherit !important;
    position: relative;
    float: left
}

.pagination ul li.prev:before,
.pagination ul li.next:before {
    display: none
}

.pagination>ul>li:before {
    content: "";
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.pagination>ul>li:hover:before,
.pagination>ul>li.active:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    background: #458666
}

.pagination>ul>li>a,
.pagination>ul>li>span {
    position: relative;
    float: left;
    padding: 0 10px;
    line-height: 1.7;
    text-decoration: none !important;
    color: #363838 !important;
    margin-left: -1px;
    font-size: 15px
}

.pagination>ul>li:first-child>a,
.pagination>ul>li:first-child>span {
    margin-left: 0
}

.pagination>ul>li:last-child>a,
.pagination>ul>li:last-child>span {}

.pagination>ul>li>a:hover,
.pagination>ul>li>span:hover,
.pagination>ul>li>a:focus,
.pagination>ul>li>span:focus {
    color: #fff !important
}

.pagination>ul>.active>a,
.pagination>ul>.active>span,
.pagination>ul>.active>a:hover,
.pagination>ul>.active>span:hover,
.pagination>ul>.active>a:focus,
.pagination>ul>.active>span:focus {
    z-index: 2;
    color: #fff !important;
    cursor: default
}

.pagination .prev a,
.pagination .next a {
    padding: 6px 7px 5px;
    font-size: 8px;
    color: #fff;
    position: relative
}

.pagination .next a:before,
.pagination .prev a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #c3c5c8;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    z-index: 1
}

.pagination .next a i,
.pagination .prev a i {
    color: #fff;
    position: relative;
    z-index: 2;
    top: 0;
    left: -1px
}

.pagination .next a i {
    left: 0
}

.pagination .prev a:hover,
.pagination .next a:hover {
    border-color: #00aedb;
    color: #00aedb
}

.pagination>ul>li.prev a {
    margin-right: 5px
}

.pagination>ul>li.next a {
    margin-left: 5px
}

.alert {
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    margin-bottom: 24px;
    padding: 16px 35px 16px 14px;
    font-size: 14px;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}

.alert i {
    float: left;
    font-size: 30px;
    margin: 5px 20px 5px 5px
}

.alert.center p {
    margin: 10px 0 0
}

.alert.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert.alert-success h4 {
    color: #468847
}

.alert.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert.alert-error h4 {
    color: #b94a48
}

.alert.alert-info {
    background-color: #01a9ce;
    border-color: #01a9ce;
    color: #fff;
    text-shadow: none
}

.alert.alert-info h4 {
    color: #fff;
    margin-bottom: 10px
}

.alert.alert-info p {
    color: #fff;
    margin-bottom: 0
}

.not-working {
    font-size: 14px;
    color: #fff
}

.accWrapper {
    margin-bottom: 30px;
    clear: both
}

.accItem {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 10px
}

.accItem .accTitle {
    position: relative
}

.accItem .accTitle span {
    color: #2e3030;
    padding: 15px 40px 15px 20px;
    display: block;
    line-height: 1.4;
    font-size: 15.4px;
    cursor: pointer
}

.accItem .accTitle i {
    width: 10px;
    height: 10px;
    color: #abd037;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px
}

.accItem .accTitle.active {
    background: #abd037
}

.accItem .accTitle.active span {
    color: #fff
}

.accItem .accTitle.active i {
    color: #fff
}

.accItem .accContent {
    padding: 20px 20px 10px;
    display: none;
    overflow: hidden
}

.accItem .accContent p {
    margin-bottom: 20px;
    word-wrap: break-word
}

.accItem .accContent h4 {
    margin-bottom: 10px;
    font-family: 'gtEestiDisplay-Bold'
}

.accItem .accContent .text {
    margin: 0;
    padding: 0
}

.accItem .accContent .image {
    margin: 0 0 20px 0;
    padding-right: 0
}

.accItem .accContent .image img {
    border: 2px solid #f0f0f0;
    float: right
}

.accItem .accContent .image.mr-20 {
    margin-right: -20px
}

.accItem .accContent .btn-icon {
    margin-bottom: 20px
}

.accItem.inside {
    border: 0
}

.accItem.inside .accTitle.inside {
    background: #f0f0f0
}

.accItem.inside .accTitle.inside i {
    color: #818181
}

.accItem.inside .accTitle.inside span {
    color: #414042
}

.accItem.inside .accTitle.inside.active {
    background: #818081
}

.accItem.inside .accTitle.inside.active span {
    color: #fff
}

.accItem.inside .accTitle.inside.active i {
    color: #fff
}

.accItem.inside .accContent.inside {
    padding: 20px 20px 0
}

.device .accItem.inside .accContent.inside {
    padding: 20px 0 0
}

.accItem.inside .accContent.inside h3 {
    margin-bottom: 15px
}

.accItem.inside .accContent.inside p:last-child {
    margin-bottom: 0
}

.accItem.inside.active .accContent {
    padding-bottom: 20px
}

.accItem.inside.last {
    border: 0;
    margin-bottom: 0
}

.accWrapper .accWrapper {
    margin-bottom: 17px
}

.accWrapper h3 {
    margin-bottom: 18px !important
}

.accItem .accContent .images {
    margin-bottom: 20px
}

.fancybox-wrap.TFModal .fancybox-skin {
    padding-top: 0 !important;
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.fancybox-wrap.TFModal .fancybox-title {
    height: 50px;
    line-height: 50px;
    background: #00b1a1;
    margin: 0 -15px 15px;
    font-size: 18px;
    color: #fff;
    font-family: 'gtEestiDisplay-Regular';
    padding: 0 0 0 20px
}

.fancybox-wrap.TFModal .fancybox-close,
.fancybox-wrap.TFModalHome .fancybox-close {
    width: 20px;
    height: 20px;
    background: url(../img/btn-modal-close.png) center center no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 8050
}

.fancybox-wrap.TFModalHome .fancybox-close {
    top: 20px;
    right: 20px
}

.loadblock {
    width: 100%;
    height: 100%;
    background: url('../img/ajax-loader.gif') no-repeat center center #458666;
    opacity: .6;
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    cursor: progress
}

.loadblock.msg {
    background-image: none !important;
    opacity: 1
}

.loadblock span {
    display: block;
    color: #fff;
    width: 100%;
    text-align: center;
    top: 50%;
    position: relative
}

.home .campaign-slider .loadblock {
    background-color: transparent
}

.home .left-col .main-slider .loadblock {
    background-color: transparent
}

.home .announcements .loadblock {
    background-color: transparent
}

.home .right-col .currency-table-wrapper .loadblock {
    background-color: transparent
}

body {
    height: inherit;
    width: inherit;
    overflow: visible !important;
    overflow-x: hidden
}

body #s4-workspace {
    overflow: visible;
    height: auto !important;
    background: #00436a;
    overflow: hidden
}

#contentBox {
    margin: 0 !important;
    min-width: inherit !important
}

#s4-bodyContainer {
    padding-bottom: 0 !important
}

[type^="application/x-sharepoint-uc"] {
    display: none
}

#macSharePointPlugin {
    display: none !important
}

a:visited {
    color: #c4943a
}

.edit-mode-panel {
    padding: 10px 20px 20px !important;
    background: #f6f6f6 !important;
    border: 1px solid #dedede !important;
    margin: 0 0 20px !important;
    color: #333 !important
}

.edit-mode-panel th,
.edit-mode-panel td {
    padding: 10px 0 !important
}

.edit-mode-panel .ms-formfieldlabelcontainer {
    margin: 0 0 10px
}

.edit-mode-panel .ms-formfieldlabel {
    display: block !important;
    margin: 0 0 0 0 !important;
    color: #00436a !important;
    font-size: 14px !important;
    border: none !important;
    border-bottom: 1px solid #dedede !important;
    padding: 0 0 5px !important;
    height: auto !important
}

.edit-mode-panel .ms-formfieldvaluecontainer {
    border: 0;
    padding: 0;
    margin: 0
}

.edit-mode-panel table {
    border-left: 1px solid #dedede
}

.edit-mode-panel table td {
    border: 1px solid #dedede !important;
    padding: 10px !important
}

.edit-mode-panel .accItem .accContent {
    display: block !important
}

.ms-siteactions-root>span>a.ms-core-menu-root {
    width: auto !important;
    height: auto !important
}

#ms-help span {
    width: auto !important;
    height: auto !important
}

#ms-help span.s4-clust {
    width: 16px !important;
    height: 16px !important
}

.ms-webpart-menuLink {
    width: 10px !important
}

.ms-core-menu-hasIcons>.ms-core-menu-list,
.ms-core-menu-separator {
    margin: 0 !important
}

.ms-core-menu-hasIcons>.ms-core-menu-list>.ms-core-menu-item {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.ms-core-menu-hasIcons>.ms-core-menu-list>.ms-core-menu-item a {
    text-decoration: none
}

#contentBox {
    min-width: auto
}

#header {
    position: relative
}

#header .top {
    width: 100%;
    background: #f0f0f0
}

#header .top .nav {
    margin: 20px 0 0
}

#header .top .nav.top-links {
    float: left;
    width: 46.5%
}

#header .top .nav li {
    float: left;
    margin-right: 15px
}

#header .top .nav li a {
    color: #212121;
    font-size: 14px
}

#header .top .nav li a:hover,
#header .top .nav li a.active {
    color: #458666
}

#header .top .products-and-service {
    margin: 16px 0 0 0;
    line-height: 20px;
    float: right;
    padding-right: 0;
    color: #212121
}

#header .top .products-and-service a {
    color: #212121;
    float: right;
    font-size: 14px
}

#header .top .products-and-service a:hover {
    color: #458666
}

#header .top .products-and-service span {
    font-size: 17px;
    display: inline-block;
    float: left;
    margin-right: 5px
}

#header .top .internet-banking,
#header .top .instant-password {
    height: 58px;
    padding: 0;
    position: relative
}

#header .top .internet-banking .js-banking .icon-internet-banking {
    position: absolute;
    top: 15px;
    background-image: url(../img/Internet_Sube.png);
    width: 23px;
    height: 23px;
    right: 23px
}

#header .top .internet-banking .js-banking {
    padding-left: 24px
}

.en #header .top .internet-banking {
    margin-right: 0 !important
}

#header .top .internet-banking a.btn {
    padding-left: 25px
}

#header .top .internet-banking::before,
#header .top .instant-password::before,
.new-btn-apply-now a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.new-btn-apply-now a::before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.new-btn-apply-now a:hover::before {
    background: #0c948b
}

#header .top .internet-banking::before {
    background: #458666;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.new-btn-apply-now-2 a::before {
    background: #458666;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.new-btn-apply-now-2 a:hover:before {
    background: #d5d5d5
}

.new-btn-apply-now a span,
.new-btn-apply-now-2 a span {
    position: absolute;
    z-index: 999
}

#header .top .instant-password::before,
.new-btn-apply-now a::before {
    background-color: #c4943a;
    background-repeat: no-repeat
}

.new-password-btn {
    border: 2px solid #fff
}

.new-password-btn::before {
    background: none !important
}

#header .top .internet-banking-panel>a {
    width: 29%;
    float: left;
    margin: 25px 0
}

.en #header .top .internet-banking-panel>a {
    width: 45% !important
}

#header .top .internet-banking-panel>a {
    margin-left: 20px
}

#header .top .internet-banking-panel>a+a {
    margin-right: 20px;
    margin-left: 0
}

#header .top .js-banking .animate-internet-banking {
    background-image: url(../img/02_sube.gif);
    width: 23px;
    height: 24px;
    position: absolute;
    z-index: 999999;
    right: 23px;
    top: 15px;
    display: none;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-size: 100%;
    font-weight: normal
}

#header .top .instant-password .animate-key {
    background-color: #458666;
    background-image: url(../img/01_sifre.gif);
    width: 16px;
    height: 25px;
    position: absolute;
    z-index: 999999;
    right: 44px;
    top: 12px;
    display: none
}

#header .top .instant-password .animate-customer {
    background-image: url(../img/custormer-be.gif);
    background-repeat: no-repeat;
    width: 19px;
    height: 23px;
    position: absolute;
    z-index: 999999;
    right: 35px;
    top: 15px;
    display: none
}

.ie-white-icon {
    float: left;
    background: url("../img/ie-message-img.png") left top no-repeat;
    width: 63px;
    height: 63px
}

.ie-download-message {
    background: #1c2437;
    padding: 30px 0;
    position: relative;
    display: none
}

.ie-download-message p {
    color: #fff;
    font-size: 16px;
    margin: 10px 20px 0 20px;
    float: left;
    line-height: 22px
}

.ie-message-close-icon {
    position: absolute;
    right: 10px;
    margin-top: 14px;
    background: url("../img/ie-message-img.png") top right no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: -22px
}

.btn-ie-update {
    float: left;
    padding: 10px 20px;
    margin-top: 13px;
    color: #1c2437;
    font-size: 13px;
    background: #d2d3d7;
    margin-left: 40px
}

.kisisel-message {
    background: #03bdad;
    padding: 30px 0;
    position: relative;
    display: none
}

.kisisel-message a {
    color: #023a35 !important
}

.kisisel-message p {
    color: #fff;
    font-size: 16px;
    margin: 10px 20px 0 20px;
    float: left;
    line-height: 22px
}

.kisisel-close-icon {
    position: absolute;
    right: 10px;
    margin-top: 14px;
    background: url("../img/ie-message-img.png") top right no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: -22px
}

#header .top .be-a-customer:hover .animate-customer {
    display: block
}

.icon-musteri_ol_icon {
    font-size: 19px !important;
    width: 19px;
    height: 20px;
    overflow: hidden;
    background: url(../img/musteri-ol-icon.png)
}

#header .top .js-banking:hover .animate-internet-banking {
    display: block
}

#header .top .instant-password:hover.new-password-btn {
    background: #fff
}

#header .top .instant-password:hover.new-password-btn a.btn.js-banking {
    color: #abd037
}

#header .top .instant-password:hover .animate-key {
    display: block
}

.pdRightNone {
    padding-right: 0
}

#header .top .internet-banking .btn,
#header .top .instant-password .btn {
    height: 58px;
    display: block;
    color: #fff;
    padding: 0 30px 0 22px;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    z-index: 2;
    font: 19px/58px "gtEestiDisplay-Light"
}

#header .top .internet-banking .btn i,
#header .top .instant-password .btn i {
    font-size: 18px;
    position: absolute;
    right: 35px;
    margin-left: 9px;
    top: 18px
}

.new-password-btn {
    width: 29%;
    height: 50px !important;
    border: 2px solid #fff;
    margin-top: 25px
}

#header .top .instant-password.new-password-btn a.btn {
    line-height: 47px !important;
    padding-left: 0 !important;
    text-align: center;
    font-size: 19px;
    padding: 0 !important;
    transform: skew(10deg)
}

#header .top .instant-password.new-password-btn a.btn {}

#header .top .internet-banking-panel,
#header .top .instant-password-panel {
    height: 100px;
    background: #abd037;
    position: absolute;
    top: 58px;
    z-index: 1000;
    display: none
}

#header .top .instant-password-panel {
    padding: 30px 0 !important
}

#header .top .internet-banking-panel {
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.ipad.desktop #header .top .internet-banking-panel,
.ipad.desktop #header .top .instant-password-panel {
    height: 107px
}

.ipad.desktop #header .top .internet-banking-panel ul {
    margin-top: 13px
}

.ipad.tablet #header .top .internet-banking,
.ipad.tablet #header .top .internet-banking .instant-password-panel {
    padding-left: 0
}

.ipad.tablet #header .top .internet-banking-panel,
.ipad.tablet #header .top .instant-password-panel {
    height: 102px
}

.ipad.desktop #header .top .internet-banking-panel ul {
    margin-top: 13px
}

.instant-password-button {
    width: 39%;
    display: block;
    float: left;
    margin-left: 5% !important
}

#header .top .internet-banking-panel .login,
#header .top .instant-password-panel .instant-password-button {
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #212121;
    font-size: 16px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-right: 20px
}

#header .top .internet-banking-panel .login {}

#header .top .internet-banking-panel .login span {
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    display: block;
    font-size: 20px
}

#header .top .internet-banking-panel .login:hover,
#header .top .instant-password-panel .login:hover {
    color: #abd037
}

#header .top .internet-banking-panel ul {
    margin: 13px 20px 0
}

#header .top .internet-banking-panel ul li {
    width: 30%;
    float: left
}

#header .top .internet-banking-panel ul li:last-child,
#header .top .instant-password-panel ul li:last-child {
    width: 40%
}

#header .top .internet-banking-panel ul li a,
#header .top .instant-password-panel a {
    color: #fff;
    font-size: 13px
}

#header .top .internet-banking-panel ul li a:hover,
#header .top .instant-password-panel ul li a:hover {
    text-decoration: underline
}

.en #header .top .internet-banking-panel ul li,
.en #header .top .internet-banking-panel ul li:last-child {
    width: 50%
}

.en #header .top .instant-password-panel ul li,
.en #header .top .instant-password-panel ul li:last-child {
    width: 50%
}

#header .bottom {
    width: 100%;
    height: 116px;
    background: #fff
}

#header .bottom .logo {
    margin: 0 0 0 0;
    display: inline-block
}

#header .bottom .main-nav {
    float: right;
    position: absolute;
    right: 70px;
    z-index: 100;
    height: 111px
}

#header .bottom .main-nav li {
    float: left
}

#header .bottom .main-nav li a.first {
    padding: 0 14.3px;
    color: #212121;
    font: 22px/116px "gtEestiDisplay-Regular";
    display: block;
    position: relative
}

#header .bottom .main-nav li a.first i {
    width: 26px;
    height: 13px;
    display: none;
    background: url(../img/bg-main-nav-hover.png) bottom center no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -13px
}

#header .bottom .main-nav li a.first .touch {
    display: none
}

#header .bottom .main-nav li.active a.first,
#header .bottom .main-nav li a.first:hover {
    color: #22ccbd;
    text-decoration: none
}

#header .bottom .main-nav li.active a.first i,
#header .bottom .main-nav li a.first:hover i {
    display: block
}

#header .bottom .main-nav li a.first.selected,
#header .bottom .main-nav li.selected a.first {
    color: #22ccbd
}

#header .bottom .main-nav li .nav-wrap {
    position: absolute;
    left: 0;
    top: 115px;
    display: none;
    background: #1d1d1d;
    padding: 30px 0 10px;
    box-shadow: rgba(34, 34, 34, .5) 0 10px 10px
}

#header .bottom .main-nav li .nav-wrap ul {
    width: auto;
    height: auto;
    overflow: hidden;
    float: none;
    padding-left: 5px
}

#header .bottom .main-nav li .nav-wrap li {
    line-height: 130%;
    margin-bottom: 20px;
    font-family: 'gtEestiDisplay-Light';
    font-size: 16.4px;
    padding: 0;
    padding-top: 5px
}

#header .bottom .main-nav li .nav-wrap li a {
    color: #fff
}

#header .bottom .main-nav li .nav-wrap li a:hover {
    color: #458666
}

#header .bottom .search {
    width: 20px;
    height: 20px;
    float: right;
    margin: 46px 8px 0 15px;
    position: relative
}

#header .bottom .search i {
    font-size: 24px
}

#header .bottom .search a {
    text-decoration: none;
    color: #002a42
}

#header .bottom .search a:hover,
#header .bottom .search a.active {
    color: #458666
}

.auto-search-box .content .form-group label {
    float: right;
    height: 42px;
    background: #00c5b4;
    color: #fff;
    padding: 0 15px;
    line-height: 43px;
    position: absolute;
    z-index: 999999;
    right: 0;
    font-size: 16px;
    display: block
}

.auto-search-box .content .form-group label:before {
    content: "";
    width: 11px;
    height: 100%;
    position: absolute;
    left: -4px;
    top: 0;
    z-index: 1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    background: #00c5b4
}

.auto-search-box .content .form-group label {
    padding: 0 15px 0 11px
}

#header .bottom .search .auto-search-box {
    width: 620px;
    height: auto;
    background: #424443;
    right: -21px;
    top: 63px;
    position: absolute;
    z-index: 10;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none
}

#header .bottom .search .auto-search-box .arrow-top {
    width: 22px;
    height: 11px;
    background: url(../img/bg-main-nav-hover.png);
    display: block;
    position: absolute;
    right: 12px;
    top: -11px
}

#header .bottom .search .auto-search-box .content {
    padding: 20px
}

#header .bottom .search .auto-search-box .content .form-group input {
    width: 100%
}

#header .bottom .search .auto-search-box .form-group {
    position: relative
}

#header .bottom .search .auto-search-box .loader {
    width: 16px;
    height: 16px;
    background: url(../img/loader.gif);
    position: absolute;
    top: 13px;
    right: 13px;
    display: none
}

#header .bottom .search .auto-search-box .result {
    width: 100%;
    position: relative
}

#header .bottom .search .auto-search-box .result .ui-autocomplete {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    border: 0;
    background: #e4e4e4;
    border-radius: 5px;
    margin-top: 20px
}

#header .bottom .search .auto-search-box .result .ui-autocomplete li {
    line-height: 20px;
    color: #fff;
    border-bottom: 1px solid #458666;
    margin: 0 20px;
    font-size: 14px;
    padding: 10px 0;
    cursor: pointer
}

#header .bottom .search .auto-search-box .result .ui-autocomplete li.ui-state-focus {
    background: none;
    border: 0;
    color: #458666;
    border-bottom: 1px solid #004d79;
    font-weight: normal
}

#header .bottom .search .auto-search-box .result .ui-autocomplete li:last-child {
    border: 0
}

#header .bottom .search .auto-search-box .result .ui-autocomplete.noresult {
    background: #00b1a1
}

#content {
    position: relative;
    padding: 20px 0;
    z-index: 5;
    background: #fff
}

#content.bireysel-landing-page,
#content.retail-landing-page,
#content.subesiz-bankacilik-landing-page,
#content.branchless-landing-page,
#content.kampanyalar-landing-page {
    background: #ddd url(../img/blue-bg.jpg) no-repeat center top;
    padding: 30px 0 40px 0
}

#content.kobi-landing-page,
#content.sme-landing-page,
#content.commercial-landing-page,
#content.ticari-landing-page {
    background: #ddd url(../img/gray-bg.png) no-repeat center top;
    padding: 30px 0 40px 0
}

#content.sub-page-content {
    background-color: #ddd;
    padding: 30px 0 40px 0
}

#content.landing-page {
    background: #ddd;
    padding-top: 0;
    padding: 0 0 30px 0
}

#content.home {
    padding: 0
}

.home .left-col {
    padding: 0 30px 0 20px
}

.home .main-slider-container {
    width: 100%;
    height: 421px;
    position: relative;
    overflow: hidden;
    z-index: 120
}

.home .left-col .main-slider .not-working {
    margin-top: 56px
}

.home .left-col .main-slider .item {
    width: 100%;
    height: 452px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.home .left-col .main-slider .item h2 {
    width: 50%;
    font-size: 36px;
    line-height: 120%;
    margin: 46px 0 0;
    font-family: 'NeoSansPro-Medium';
    color: #fff;
    display: none
}

.home .left-col .main-slider .item h2 a {
    color: #fff;
    text-decoration: none
}

.home .left-col .main-slider .item h2 small {
    line-height: 120%;
    font-size: 24px;
    font-family: 'NeoSansPro-Light';
    display: block;
    margin-top: 7px
}

.home .left-col .main-slider .item img {
    width: 380px;
    height: 406px;
    position: absolute;
    right: 15px;
    top: 35px
}

.home .left-col .main-slider .item .btn-detail {
    line-height: 100%;
    padding: 12px 20px;
    border: 2px solid #fff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin: 15px 0 0;
    display: none
}

.home .left-col .main-slider .item .btn-detail:hover {
    background: #fff;
    color: #00aedb
}

.home .left-col .main-slider .item .btn-detail:focus {
    background: none !important;
    color: #fff !important
}

.home .main-slider-container .main-slider {
    z-index: 5
}

.main-slider.owl-carousel .owl-item {
    overflow: hidden
}

.main-slider {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5
}

.main-slider .item {
    height: 445px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.main-slider .item img {
    width: auto
}

.main-slider-container .banner-bg,
.page-top .banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 421px;
    z-index: 3
}

.page-top .banner-bg {
    z-index: 3;
    height: 248px;
    background: #fff
}

.page-top .banner-bg:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 248px;
    width: 1000px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    background: url(../img/banner-right.png) no-repeat left top #fff;
    margin-left: 600px
}

.main-slider-container .banner-bg div,
.page-top .banner-bg div {
    position: absolute;
    top: 0;
    left: 52%;
    width: 100%;
    height: 421px;
    transition: all .8s ease;
    opacity: 0;
    background-position: left top;
    background-repeat: no-repeat;
    margin-left: -416px;
    background: #abd037
}

.landing-page .page-top .banner-bg div {
    left: 50%
}

.page-top .banner-bg div {
    margin-left: -118px;
    height: 248px
}

.main-slider-container .banner-bg div.active,
.page-top .banner-bg div.active {
    opacity: 1
}

.main-slider-container .item-turquoise,
.page-top .item-turquoise {
    position: absolute;
    width: 3000px;
    height: 100%;
    left: 49.9%;
    top: 0;
    margin-left: -1357px;
    transition: all .8s ease;
    z-index: 5
}

.main-slider-container .item-turquoise i,
.page-top .item-turquoise i {
    position: absolute;
    right: -49px;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/banner-left.png) no-repeat right top;
    z-index: 2
}

.page-top .item-gray i {
    background: url(../img/banner-left-gray.png) no-repeat right top !important;
    z-index: 2
}

.main-slider-container .item-gray span,
.page-top .item-gray span {
    background: #acadb0 !important
}

.kobi-landing-page .page-top .item .text .buttons a.blue2:before,
.kobi-landing-page .page-top .item .text .buttons a.blue:before,
.ticari-landing-page .page-top .item .text .buttons a.blue2:before,
.ticari-landing-page .page-top .item .text .buttons a.blue:before {
    border: 2px solid #fff !important
}

.kobi-landing-page .page-top .item .text .buttons a.blue2:hover:before,
.kobi-landing-page .page-top .item .text .buttons a.blue:hover:before,
.ticari-landing-page .page-top .item .text .buttons a.blue2:hover:before,
.ticari-landing-page .page-top .item .text .buttons a.blue:hover:before {
    background-color: #bbbbc0 !important;
    color: #fff;
     !important
}

.main-slider-container .item-turquoise span,
.page-top .item-turquoise span {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #458666;
    z-index: 1;
    transform: skewX(-11deg);
    -webkit-transform: skew(-11deg);
    -moz-transform: skew(-11deg);
    -ms-transform: skew(-11deg)
}

.main-slider-container .item-green,
.page-top .item-green {
    position: absolute;
    width: 3000px;
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -600px;
    background-color: #abd037;
    transform: skewX(-11deg);
    -webkit-transform: skew(-11deg);
    -moz-transform: skew(-11deg);
    -ms-transform: skew(-11deg);
    transition: all .8s ease;
    z-index: 4
}

.page-top .item-green {
    width: 3300px
}

.page-top .item-turquoise {
    width: 3295px
}

.main-slider-container .item-turquoise.active-slide {
    margin-left: -3258px
}

.main-slider-container .item-turquoise.active {
    margin-left: -3341px
}

.page-top .item-turquoise.active-slide {
    margin-left: -3370px
}

.page-top .item-green.active {
    margin-left: -3316px
}

.landing-page .page-top .item-green.active {
    margin-left: -3369px
}

.page-top .item-turquoise.active {
    margin-left: -3395px
}

.main-slider-container .item-green.active {
    margin-left: -3316px
}

.main-slider-container .text-top,
.page-top .text-top {
    width: 400px;
    position: absolute !important;
    left: 50%;
    top: 25px;
    margin-left: -1724px;
    text-align: right;
    z-index: 6;
    opacity: 0;
    line-height: 41px
}

.main-slider-container a,
.page-top h2 a {
    color: #fff;
    font: 37px "gtEestiDisplay-MediumItalic"
}

.page-top h2 a:eq(1) {
    color: #fff;
    font: 42px "gtEestiDisplay-MediumItalic"
}

.main-slider-container .text-top img,
.page-top .text-top img {
    width: auto !important;
    display: inline !important
}

.main-slider-container .text-top.active {
    margin-left: -732px;
    opacity: 1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.main-slider-container .behaviorpad .text-top.active {
    margin-left: -732px
}

.main-slider-container .text-top.active h2 {
    transform: skew(0deg);
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -ms-transform: skew(0deg)
}

.main-slider-container .text-bottom {
    width: 400px;
    position: absolute !important;
    color: #353636;
    left: 50%;
    bottom: 173px;
    margin-left: 1724px;
    text-align: left;
    transition: all .8s ease;
    z-index: 5;
    opacity: 0;
    line-height: 41px
}

.main-slider-container .text-bottom h2 a {
    font-size: 46px
}

.main-slider-container .text-bottom img {
    width: auto !important;
    display: inline !important
}

.main-slider-container .text-bottom.active {
    margin-left: -305px;
    opacity: 1;
    transform: skew(-8deg);
    -webkit-transform: skew(-8deg);
    -moz-transform: skew(-8deg);
    -ms-transform: skew(-8deg)
}

.main-slider-container .owl-item.active .item,
.page-top .owl-item.active .item {
    display: block
}

.main-slider-container .owl-controls {
    width: auto;
    height: 12px;
    position: absolute;
    bottom: 54px;
    right: 50%;
    margin-right: 386px
}

.main-slider-container .owl-dots {
    float: right
}

.main-slider-container .owl-dots .owl-dot,
.page-top .owl-dots .owl-dot {
    width: 17px;
    height: 15px;
    background-color: rgba(255, 255, 255, .3);
    float: left;
    margin-right: 5px;
    cursor: pointer;
    margin-top: -2px;
    transform: skewX(-16deg);
    -webkit-transform: skew(-16deg);
    -moz-transform: skew(-16deg);
    -ms-transform: skew(-16deg)
}

.home .main-slider-container .owl-dots {
    margin-right: 27px;
    position: relative
}

.main-slider-container .currency-table-wrapper .owl-controls,
.page-top .currency-table-wrapper .owl-controls {
    width: 60px;
    height: 12px;
    bottom: 0;
    margin-left: 80px
}

.main-slider-container .currency-table-wrapper .owl-dots .owl-dot {
    width: 10px;
    height: 6px
}

.main-slider-container .owl-dots .owl-dot.active,
.page-top .owl-dots .owl-dot.active {
    background-color: #fff
}

.kur-bg {
    position: absolute;
    width: 80%;
    height: 100%;
    left: 44%;
    top: 0;
    margin-left: 327px;
    z-index: 6
}

.kur-bg i {
    transform: skewX(-11deg);
    -webkit-transform: skew(-11deg);
    -moz-transform: skew(-11deg);
    -ms-transform: skew(-11deg);
    position: absolute;
    width: 80%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.kur-bg span {
    background: url(../img/kur-bg.png) no-repeat;
    position: absolute;
    width: 80%;
    height: 100%;
    left: -44px;
    top: 0;
    z-index: 2
}

html.wf-active .home .left-col .main-slider .item h2 {
    display: block
}

html.wf-active .home .left-col .main-slider .item .btn-detail {
    display: inline-block
}

html.wf-inactive .home .left-col .main-slider .item h2 {
    display: block
}

.home .play-control {
    position: absolute;
    height: 27px;
    width: 27px;
    top: -10px;
    margin-left: -27px;
    float: right;
    display: block;
    right: -27px
}

.landing-page .play-control {
    float: left;
    margin-top: -9px
}

.landing-page .play-control a i::before {
    transition: all .4s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.kobi-landing-page .icon-Pause:before,
.ticari-landing-page .icon-Pause:before,
.kobi-landing-page .icon-Play:before,
.ticari-landing-page .icon-Play:before {
    color: rgba(255, 255, 255, .3)
}

.landing-page .icon-Pause:hover:before,
.landing-page .icon-Play:hover:before {
    color: #fff
}

.icon-Play,
.icon-Pause {
    font-size: 30px
}

.home .play-control .play:hover,
.home .play-control .pause:hover {
    color: #fff
}

.play-control .play {
    display: none
}

.home .left-col .main-slider .owl-controls .owl-dots .owl-dot,
.play-control .play,
.play-control .pause {
    float: left;
    color: #80d4e7;
    font-size: 24px;
    margin-right: 6px
}

.home .icon-slider-play-icon,
.home .icon-slider-pause-icon {
    font-size: 41px
}

.home .play-control .play,
.home .play-control .pause {
    width: 27px;
    height: 27px;
    position: absolute;
    bottom: 0;
    left: 0
}

.home .left-col .main-slider .owl-controls .owl-dots .owl-dot:hover {
    color: #dedede
}

.home .left-col .main-slider .owl-controls .owl-dots .owl-dot.active {
    color: #fff
}

.home .left-col .main-slider .owl-controls {
    position: absolute;
    left: 0;
    bottom: 85px;
    height: 24px
}

.home .left-col .main-slider .owl-controls .owl-dots .owl-dot {
    float: left;
    color: #80d4e7;
    font-size: 24px;
    margin-right: 6px
}

.home .left-col .main-slider .owl-controls .owl-dots .owl-dot:hover {
    color: #dedede
}

.home .left-col .main-slider .owl-controls .owl-dots .owl-dot.active {
    color: #fff
}

.home .right-col .owl-carousel {
    overflow: hidden
}

.home .right-col .table-modal {
    left: 1000px
}

.home .right-col .currency-table-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    top: 16px;
    border: 2px solid #ebebeb;
    background: #f9f9f9;
    min-height: 477px
}

.home .right-col .currency-table-wrapper thead td {
    font-family: 'NeoSansPro-Medium'
}

.home .right-col .currency-table-wrapper table {
    width: 93%;
    color: #fff;
    margin: 29px 0 0
}

.home .right-col .currency-table-wrapper table .w50 {
    width: 40%
}

.en .home .right-col .currency-table-wrapper table .w50 {
    width: 48%
}

*/ .home .right-col .currency-table-wrapper table .w40 {
    width: 40%
}

.home .right-col .currency-table-wrapper table .w30 {
    width: 30%
}

.home .right-col .currency-table-wrapper table .w25 {
    width: 26%
}

.home .right-col .currency-table-wrapper table .w20 {
    width: 20%
}

.home .right-col .currency-table-wrapper table .font-16 {}

.home .right-col .currency-table-wrapper table .font-12 {}

.home .right-col .currency-table-wrapper table thead td {
    height: 34px;
    font: 15px "gtEestiDisplay-Regular";
    color: #212121
}

.home .right-col .currency-table-wrapper table tbody td {
    font: 17px "gtEestiDisplay-Light";
    color: #3f3f3f;
    padding-bottom: 26px
}

.home .right-col .currency-table-wrapper table tr.last td {
    color: #848484;
    font: 13px "gtEestiDisplay-Regular"
}

.home .right-col .currency-table-wrapper table .after td:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.home .right-col .currency-table-wrapper table .after td:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.home .right-col .currency-table-wrapper table td.pl20 {
    padding-left: 30px !important;
    font: 17px "gtEestiDisplay-Regular"
}

.home .right-col .currency-table-wrapper table td.pr20 {
    padding-right: 6px !important
}

.home .right-col .currency-table-wrapper table td i {
    display: inline-block;
    float: left;
    font-size: 10px;
    overflow: hidden;
    position: relative;
    top: 5px;
    padding-right: 5px
}

.home .right-col .currency-table-wrapper table td .icon-up {
    color: #a1ce16
}

.home .right-col .currency-table-wrapper table td .icon-down {
    color: #d03737
}

.home .right-col .currency-table-wrapper table td i.notr {
    background: url(../img/bg-currency-table-status.png);
    width: 12px;
    background-position: 16px 14px;
    height: 10px;
    margin-right: 8px
}

.home .right-col .currency-table-wrapper table thead tr:nth-child(1) td {
    padding-bottom: 42px !important;
    text-transform: uppercase
}

.home .right-col .currency-table-wrapper .owl-controls {
    height: 10px;
    padding-left: 20px;
    position: absolute;
    right: 27px;
    bottom: 24px
}

.home .right-col .currency-table-wrapper .owl-controls .owl-dot {
    font-size: 8px;
    color: #a6e7f1;
    float: left;
    margin-right: 5px;
    background-color: #a2a2a2;
    width: 9px;
    height: 6px;
    transform: skew(-18deg);
    -webkit-transform: skew(-18deg);
    -moz-transform: skew(-18deg);
    -ms-transform: skew(-18deg)
}

.home .right-col .currency-table-wrapper .owl-controls .owl-dot.active {
    color: #fff;
    background-color: #00b1a1
}

.home .right-col .currency-table-wrapper p {
    padding-left: 42px;
    height: 26px;
    line-height: 26px;
    margin: 0 0 26px 0
}

.home .right-col .currency-table-wrapper .table-1 table .after td {
    background: #1e9fc0
}

.home .right-col .currency-table-wrapper .table-1 table .after.last td {
    height: 30px;
    background: none;
    border-top: 1px solid #74d8e9
}

.home .right-col .currency-table-wrapper .table-modal {
    width: 100%;
    position: absolute;
    top: 60px;
    z-index: 20;
    color: #00436a;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.home .right-col .currency-table-wrapper .table-modal table {
    color: #00436a
}

.home .right-col .currency-table-wrapper .table-modal td {
    height: 30px
}

.home .right-col .currency-table-wrapper table #bist-tbody td i {
    margin-top: 0
}

#bist-tbody i {
    display: none !important
}

.home .right-col .currency-table-wrapper .table-modal table .after td {
    background: #e5faff
}

.home .right-col .currency-table-wrapper .table-modal .controls {
    color: #00436a;
    border-top: 0;
    line-height: 30px
}

.home .right-col .currency-table-wrapper .table-modal .controls p {
    color: #00436a
}

.home .right-col .currency-table-wrapper .table-modal .controls span {
    color: #00436a
}

.home .right-col .currency-table-wrapper .table-modal .controls a {
    height: 30px;
    line-height: 30px;
    color: #00b1a1;
    text-decoration: underline;
    position: absolute;
    right: 30px;
    bottom: -30px
}

.home .right-col .currency-table-wrapper .table-modal .controls a:hover {
    color: #00b1a1
}

.home .right-col .currency-table-wrapper .table-modal .controls .all-view a {
    height: 26px;
    line-height: 26px;
    color: #00b1a1;
    text-decoration: underline
}

.home .right-col .currency-table-wrapper .table-modal .close {
    background: #fff;
    position: absolute;
    right: 6px;
    bottom: -50px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    border-bottom: 2px solid #458666
}

.home .right-col .currency-table-wrapper .table-modal .close a {
    height: 48px;
    display: block;
    text-decoration: none;
    color: #00b1a1;
    font: 15px/52px "gtEestiDisplay-Medium";
    text-align: center;
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg)
}

.home .right-col .currency-table-wrapper .table-modal .close a i {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 14px;
    transform: rotate(180deg)
}

.home .right-col .currency-table-wrapper .table-modal .close a:hover i {}

.home .right-col .currency-table-wrapper .table-modal.table-3 .close {
    left: 24px;
    right: inherit;
    bottom: -50px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    border-bottom: 2px solid #458666
}

.home .right-col .currency-table-wrapper .table-1 {
    z-index: 2;
    position: relative
}

.home .right-col .currency-table-wrapper .table-2 {
    z-index: 3
}

.home .right-col .currency-table-wrapper .table-3 {
    z-index: 4
}

.home .right-col .currency-table-wrapper #piyasalar:before,
.home .right-col .currency-table-wrapper .table-3 .slider:before,
.home .right-col .currency-table-wrapper .table-2 .slider:before {
    content: "";
    position: absolute;
    left: 28px;
    top: 61px;
    height: 1px;
    background: #cfcfcf;
    width: auto;
    right: 28px;
    overflow: hidden
}

.home .right-col .table-3 .controls p {
    margin: 0;
    padding: 0
}

.home .right-col .currency-table-wrapper .table-3 .controls a {
    bottom: 0
}

.home .right-col .currency-table-wrapper .table-2 .controls {
    line-height: inherit
}

.home .right-col .currency-table-wrapper .table-2 .controls p {
    margin: 0;
    line-height: 20px;
    height: 20px
}

.home .right-col .currency-table-wrapper .table-2 .controls small {
    margin-left: 20px
}

.home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info {
    height: 56%;
    background: #458666;
    position: absolute;
    top: 51px;
    left: 35px;
    right: 10px;
    padding: 10px;
    display: none
}

.home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info.active {
    display: block
}

.home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info li {
    color: #fff;
    font-size: 13px;
    margin-bottom: 10px
}

.home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info li i {
    font-size: 4px;
    margin: 7px 5px 0 0;
    display: inline-block;
    float: left
}

.home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info li span {
    color: #fff
}

.home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info .icon-arrow-down {
    position: absolute;
    bottom: -9px;
    right: 19px;
    color: #458666;
    font-size: 14px
}

.home .right-col .currency-table-wrapper .table-modal .controls .btn-kar-paylari {
    color: #212121;
    bottom: 0 !important
}

.controls .btn-kar-paylari {
    bottom: -20px
}

.home .right-col .currency-table-wrapper .table-modal .controls .icon-info {
    font-size: 20px
}

.home .right-col .buttons {
    height: 60px;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding: 0 15px
}

.home .right-col .buttons li {
    width: 32%;
    float: left;
    position: relative;
    padding: 0 15px
}

.home .right-col .buttons li+li {
    margin-left: 1px
}

.home .right-col .buttons li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.home .right-col .buttons li a.active {
    border-bottom: 4px solid #458666
}

.home .right-col .buttons li:hover a {
    text-decoration: none
}

.home .right-col .buttons li a {
    width: auto;
    height: 38px;
    display: block;
    color: #424443;
    text-align: left;
    font: 15px "gtEestiDisplay-Medium";
    margin-top: 22px;
    position: relative;
    z-index: 2
}

.home .right-col .buttons li.active a {
    text-decoration: none
}

.new-btn-apply-now-2 {
    position: relative;
    right: 10px
}

.new-btn-apply-now,
.new-btn-apply-now-2 {
    height: 50px;
    background: none !important;
    margin-top: 10px
}

.new-btn-apply-now a span,
.new-btn-apply-now-2 a span {
    font-size: 17px
}

.new-btn-apply-now-2 a span {
    color: #424443 !important;
    font-family: 'gtEestiDisplay-Regular';
    text-indent: 22px
}

.home .right-col .btn-apply-now a {
    width: auto;
    color: #fff;
    font-size: 19px;
    font-family: 'gtEestiDisplay-Regular';
    display: block;
    margin-left: 10px;
    height: 50px;
    line-height: 50px;
    position: static
}

.home .right-col .btn-apply-now a:hover {
    text-decoration: none
}

.home .calculation {
    margin: -70px auto 30px auto;
    z-index: 120;
    max-width: 1210px;
    float: none;
    position: relative
}

.home .calculation .tab-title {
    margin: 0 -15px;
    position: relative;
    z-index: 999999;
    height: 40px
}

.home .calculation .tab-title li {
    float: left;
    margin-right: 3px;
    background: #353636
}

.home .calculation .tab-title li a {
    padding: 11px 0 11px 0;
    line-height: 100%;
    display: block;
    color: #c3c5c8;
    text-decoration: none;
    font: 15px "gtEestiDisplay-Regular";
    width: 110px;
    text-align: center
}

.home .calculation .tab-title li.active {
    background: #424443
}

.home .calculation .tab-title li.active a {
    text-decoration: none;
    color: #fff
}

.home .calculation .tab-item.t1.brt0 {
    border-top-left-radius: 0
}

.home .calculation .tab-item {
    background: #424443;
    margin: -2px -15px 0;
    padding: 30px 20px 24px 20px;
    display: none;
    position: relative;
    z-index: 10
}

.home .calculation .tab-item .form h3 {
    color: #fff;
    margin: 0 0 5px;
    font-size: 14px;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal
}

.home .calculation .form-group {}

.home .calculation .form-group label {
    font-size: 14px;
    color: #b3b4b4;
    margin-bottom: 15px;
    display: block;
    font-family: "gtEestiDisplay-Light"
}

.home .calculation .form-group .select {
    width: 100%;
    border: 0
}

.home .calculation .form-group.w8 {
    width: 100%;
    margin-right: 4px
}

.home .calculation .form-group .input {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 4px
}

.home .calculation .form-group .input span {
    position: absolute;
    right: 10px;
    top: 9px;
    color: #414042;
    font-size: 16px;
    color: #fff
}

.home .calculation .form-group input {
    width: 100%;
    background: transparent;
    height: 38px;
    padding: 0 40px 0 10px;
    color: #414042;
    font-size: 16px;
    border: 0;
    margin-bottom: 0
}

.home .calculation .form-group input.onlyTL {
    text-align: right
}

.home .calculation .form-group .btn {
    margin-top: 35px
}

.home .calculation .form-group .btn:hover {
    background: #fff;
    color: #00b1a1;
    border-color: #00b1a1
}

.home .calculation .form-group.last {
    margin-right: 0
}

.home .calculation .form-group .form-slider {
    background: #353636;
    padding: 0 20px;
    margin-top: -2px;
    position: relative;
    border-radius: 4px
}

.home .calculation .form-group .form-slider-inner {
    background: url(../img/bg-range-slider.png) left center repeat-x;
    padding: 0 20px
}

.home .calculation .form-group .form-slider-inner .ui-widget-header,
.home .calculation .form-group .form-slider-inner .ui-widget-content {
    background: none
}

.home .calculation .form-group .ui-slider .ui-slider-handle {
    border: 0
}

.home .calculation .form-group .form-slider input {
    width: 45px;
    position: absolute;
    text-align: center !important;
    left: 10px;
    padding: 0 5px;
    display: none
}

.home .calculation .form-group .ui-slider {
    height: 44px;
    border: 0
}

.home .calculation .form-group .ui-slider .ui-slider-handle {
    width: 59px;
    height: 40px;
    background: url(../img/bg-range-slider-handle.png);
    display: block;
    cursor: pointer;
    top: 2px;
    margin-left: -33px
}

.home .calculation .form-group .ui-slider .ui-slider-handle em {
    width: 45px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 7px;
    padding: 0 5px;
    font-style: normal;
    text-align: center;
    color: #414042;
    font-size: 16px
}

.home .calculation span.err {
    font-size: 14px;
    color: #8facbe;
    padding: 10px 0 0;
    display: block;
    clear: both
}

.home .calculation .tab-item .faal-card .form-group {
    width: 25%;
    margin: 0 0 10px
}

.home .calculation .tab-item .faal-card .form-group input {
    text-align: right
}

.home .calculation .tab-item .faal-card .form-group .input i {
    font-size: 26px;
    position: absolute;
    right: 10px;
    top: 7px;
    color: #00b1a1
}

.home .calculation .tab-item .faal-card .expense-field .form-group {
    margin-bottom: 0;
    padding: 0 15px
}

.home .calculation .tab-item .faal-card .expense-field.second {
    display: none
}

.home .calculation .tab-item .currency-calc {
    width: 35%;
    background: #00507f;
    float: right;
    margin: -20px -20px -20px 0;
    padding: 20px;
    position: relative
}

.home .calculation .tab-item .currency-calc .arrow {
    height: 40px;
    width: 30px;
    float: left;
    background: url(../img/bg-currency-calc-arrow.png) center center no-repeat;
    margin: 0 2px;
    cursor: pointer
}

.home .calculation .tab-item .currency-calc .form-group {
    width: 100%;
    margin: 0 0 16px
}

.home .calculation .tab-item .currency-calc .form-group.last {
    margin: 37px 0 0
}

.home .calculation .tab-item .currency-calc .btn {
    float: left;
    margin: 0
}

.home .calculation .tab-item .currency-calc input.disabled {
    float: right;
    background: #003b5d;
    color: #fff
}

.home .calculation input.result {
    float: right;
    background: transparent;
    color: #fff;
    padding: 0 50px 0 10px;
    text-align: right;
    border: 2px solid #696b6b
}

.home .profit-calculator .re-calc-btn {
    position: absolute;
    right: 10px;
    top: 10px
}

.form-group .input .currency-dark {
    color: #414042 !important
}

.form-group .input .currency-light {
    color: #fff !important
}

.home .profit-calculator input.type-result {
    padding: 0 10px 0 10px !important
}

.home .calculation .tab-item .faal-card .calculate-btn-group {
    width: 50%
}

.home .calculation .tab-item .faal-card .calculate-btn-group {
    width: 50%
}

.home .calculation .tab-item .faal-card .form-group .btn:hover {
    background: #0c948b;
    border-color: #03887f;
    color: #fff
}

.home .campaign-slider .owl-item:nth-child(1n) {
    color: #fff
}

.home .campaign-slider .owl-item:nth-child(2n) {
    color: red
}

.home .campaign-slider .owl-item:nth-child(3n) {
    color: #000
}

.home .campaigns .owl-item:nth-child(1n) .campaign .campaign-left::before {
    background: #458666
}

.home .campaigns .owl-item:nth-child(1n) .campaign .campaign-left::after {
    background: #abd037
}

.home .campaigns .owl-item:nth-child(2n+1) .campaign .campaign-left::before {
    background: #c3c5c8
}

.home .campaigns .owl-item:nth-child(2n+1) .campaign .campaign-left::after {
    background: #cccdd1
}

.home .campaigns .owl-item:nth-child(3n) .campaign .campaign-left::before {
    background: #abd037
}

.home .campaigns .owl-item:nth-child(3n) .campaign .campaign-left::after {
    background: #b6db44
}

.home .campaigns .campaign {
    position: relative;
    overflow: hidden
}

.home .campaigns .campaign .campaign-left {
    position: absolute;
    height: 100%
}

.home .campaigns .campaign .campaign-img {
    margin-left: 0;
    float: right
}

.home .campaigns .campaign .campaign-left::before {
    content: "";
    position: absolute;
    left: -56px;
    top: 0;
    width: 205px;
    height: 101%;
    background: #458666;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    z-index: 3
}

.home .campaigns .campaign .campaign-left::after {
    content: "";
    position: absolute;
    left: -35px;
    top: 0;
    width: 205px;
    height: 100%;
    background: #c4943a;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    z-index: 2
}

.home .campaigns .campaign .campaign-left .campaign-content {
    position: relative;
    z-index: 4;
    width: 125px;
    text-align: right;
    top: 30px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    margin-left: 15px
}

.home .campaigns .campaign a {
    color: #fff;
    transition: none;
    -webkit-transation: none;
    display: block
}

.home .campaigns .campaign h4 {
    font-size: 24px;
    line-height: 100%;
    margin: 0;
    font-weight: normal;
    margin-bottom: 0;
    color: #fff;
    font-family: "gtEestiDisplay-Regular";
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg)
}

.home .campaigns .campaign img {
    max-width: 100%;
    height: auto;
    width: auto;
    display: inline-block
}

.home .campaigns .campaign p {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 0;
    color: #fff;
    margin-top: 15px;
    transform: skew(-1deg);
    -webkit-transform: skew(-1deg);
    -moz-transform: skew(-1deg)
}

.home .campaigns .campaign:hover a {
    color: #fff
}

.home .campaigns .controls {
    margin: 0 15px;
    border-bottom: 1px solid #40bfda
}

.home .campaigns .owl-controls {
    height: 30px;
    border-bottom: 1px solid #ddd;
    margin: 0 15px;
    position: relative
}

.home .campaigns .owl-controls .owl-dots {
    position: absolute;
    height: 24px;
    left: 50%;
    bottom: 0;
    background: #fff;
    padding-left: 8px
}

.home .campaigns .owl-dots .owl-dot {
    width: 14px;
    height: 13px;
    background-color: #ddd;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    transform: skewX(-16deg)
}

.home .campaigns .owl-dots .owl-dot.active {
    background: #00b1a1
}

.home .campaigns .owl-controls .owl-dots .owl-dot {
    float: left;
    color: #80d4e7;
    font-size: 24px;
    margin-right: 5px
}

.home .campaigns .owl-controls .owl-dots .owl-dot:hover {
    color: #dedede
}

.home .campaigns .owl-controls .owl-dots .owl-dot.active {
    color: #fff
}

.home .announcements {
    width: 100%;
    height: 69px;
    margin: 26px 0 40px 0
}

.home .announcements h4 {
    font-size: 17px;
    font-family: "gtEestiDisplay-Regular";
    padding: 2px 0 6px 0;
    margin: 0 !important
}

.home .announcements i {
    font-size: 38px;
    float: left;
    color: #458666;
    margin-top: 15px
}

.home .announcements .text {
    margin-left: 51px;
    padding: 5px 0;
    width: auto;
    overflow: hidden
}

.home .announcements .text p {
    width: 100%;
    font-size: 18px;
    margin: 0;
    color: #212121;
    padding: 5px
}

.home .announcements .text p a {
    color: #212121;
    font: 18px "gtEestiDisplay-Light"
}

.home .announcements .controls {
    height: 14px;
    margin: -6px 0 0 55px
}

.home .announcements .controls a {
    width: 9px;
    height: 9px;
    display: block;
    float: left;
    color: #00b1a1;
    font-size: 10px;
    text-decoration: none;
    margin-top: 4px
}

.home .announcements .controls a:hover {
    color: #abd037
}

.home .announcements .controls span {
    display: block;
    float: left;
    padding: 0 11px 0 15px;
    line-height: 100%;
    color: #212121;
    font-family: "gtEestiDisplay-Regular";
    font-size: 16px
}

.home .announcements .controls em {
    font-style: normal
}

#piyasalar {
    background: #f8f8f8;
    height: 311px;
    overflow: hidden
}

.top-drop-down {
    position: relative
}

.site-language {
    display: none;
    position: absolute;
    left: -10px;
    top: 24px;
    z-index: 999999;
    background: #5d5d5d;
    border-top: 2px solid #424443
}

.top-drop-down .site-language.active {
    display: block
}

.top-drop-down ul.active {
    display: block
}

.top-drop-down ul li {
    float: none;
     !important
}

.top-drop-down ul li a {
    display: block;
    width: 79px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #d2d4d3 !important
}

.top-drop-down ul li a:hover {
    background: #424443
}

.t-drop-down-icon,
.up-icon-language {
    font-size: 8px;
    color: #6f7171
}

i.up-icon-language.icon-up {
    display: block;
    margin-top: -7px;
    color: #424443;
    width: 100%;
    text-align: center;
    height: 7px
}

.be-a-customer::before {
    background-repeat: no-repeat
}

.home-finance-calculator {
    position: absolute;
    width: 310px;
    top: 0;
    z-index: 999999;
    left: 50%;
    margin-left: 274px;
    padding-top: 30px;
    font-family: 'gtEestiDisplay-Regular' !important
}

.home-finance-calculator .select,
.home-finance-calculator input {
    height: 50px !important;
    width: 100%;
    border: 2px solid #458666 !important;
    border-radius: 0
}

.home-finance-calculator .home-finance-result,
.home-finance-calculator em {
    border: none !important;
    background: none !important;
    height: 26px !important;
    font-size: 22px;
    font-weight: normal;
    color: #333;
    padding: 0
}

.home-finance-calculator em {
    font-style: normal
}

.select .select2-container a.select2-choice .select2-arrow {
    background: #494b4a
}

.home-finance-calculator .input-group {
    position: relative
}

.home-finance-calculator .select2-container a.select2-choice {
    height: 46px;
    line-height: 48px
}

.home-finance-calculator .finance-price .input-group-addon,
.home-finance-calculator .number-of-terms .input-group-addon {
    position: absolute;
    z-index: 999;
    font-size: 16px
}

.home-finance-calculator .number-of-terms .input-group-addon {
    position: absolute;
    z-index: 999;
    left: 15px;
    top: 15px;
    display: none;
    color: #333
}

.home-finance-calculator .number-of-terms span#select2-chosen-2 {
    text-indent: 0
}

.number-of-terms span#select2-chosen-2 {
    text-indent: 26px;
    color: #333;
    font-family: 'gtEestiDisplay-Regular';
    margin-top: -.5px
}

.home-finance-calculator .finance-price .input-group-addon {
    position: absolute;
    z-index: 999;
    right: 14px;
    top: 15px
}

.home-finance-calculator .finance-price {
    padding-right: 5px
}

.home-finance-calculator .select:first-child {
    margin-bottom: 20px
}

.payment-plan-summary {
    background: #f2f2f2;
    padding: 15px 20px 11px 20px
}

.payment-plan-summary span {
    color: #424443, .7);
    font-family: "gtEestiDisplay-Light";
    font-size: 16px;
    display: inline-block;
    width: 100%
}

.payment-plan-summary strong {
    font-size: 22px;
    font-weight: normal;
    color: #333
}

.finance-calculator-links a {
    display: block;
    margin-top: 20px;
    font-size: 17px;
    text-align: center;
    height: 50px;
    line-height: 52px
}

.finance-calculator-links .home-apply-now {
    color: #fff;
    background: #458666;
    text-align: center
}

.finance-calculator-links .home-apply-now:hover {
    background: #0c948b
}

.finance-calculator-links .home-payment-plan {
    text-decoration: underline;
    color: #424443
}

.finance-calculator-links .home-payment-plan:hover {
    text-decoration: none
}

.market-data-appyl-now {
    background: #f8f8f8;
    padding: 18px 0 34px 0
}

.market-data-appyl-now a.calculation-btn {
    width: 306px !important;
    margin: 0 auto !important
}

.main-calculation-tabs {
    float: left
}

.main-calculation-tabs .nav-tabs {
    overflow: hidden
}

.main-calculation-tabs .nav-tabs li {
    padding: 0 !important
}

.main-calculation-tabs .nav-tabs>li a,
.currecny-box h4 {
    color: rgba(66, 68, 67, .5);
    font-size: 24px;
    float: left;
    padding: 38px 47px 16px 42px;
    margin: 0 !important;
    cursor: pointer;
    font-family: 'gtEestiDisplay-Regular'
}

.main-calculation-tabs .nav-tabs li a h2 {
    font-size: 24px;
    margin: 0;
    color: rgba(66, 68, 67) !important;
    line-height: 1.2;
    border-bottom: 6px solid transparent;
    font-family: 'gtEestiDisplay-Regular'
}

.currecny-box h4 {
    padding: 38px 175px 16px 29px;
    color: #424443 !important
}

.currecny-box h4 {
    color: #424443 !important
}

.calculation-market-data .home-page-application {
    border: 2px solid #ebebeb;
    height: 60px;
    margin: 30px 0 0 0
}

.home-page-application span {
    font-size: 16px;
    display: block;
    font-family: "gtEestiDisplay-Light";
    line-height: 60px;
    float: left;
    margin: 0 30px
}

.home-page-application span a {
    color: #424443
}

.home-page-application span.vehicle-financing {
    position: relative
}

.vehicle-financing a,
.housing-finance a {
    padding-left: 11px
}

.home-page-application .icon-arac,
.home-page-application .icon-erteleme {
    display: block;
    float: left;
    line-height: 57px
}

.home-page-application .icon-arac::before,
.icon-erteleme::before {
    font-size: 26px
}

span.vehicle-financing::after {
    content: "";
    border-right: 2px solid #e1e1e1;
    position: absolute;
    right: -25px;
    height: 25px;
    width: 4px;
    top: 15px
}

.home-page-application.application-btn {
    border: none
}

.calculation-market-data .all-references {
    font-size: 17px;
    color: #000006;
    font-family: 'gtEestiDisplay-Regular';
    text-decoration: underline;
    line-height: 60px;
    float: right;
    margin-right: 25px
}

.application-btn .all-calculation-btn {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #458666;
    font-size: 17px;
    color: #fff;
    cursor: pointer
}

.application-btn .all-calculation-btn i {
    padding-right: 15px;
    position: relative;
    top: 1px
}

.application-btn .all-calculation-btn:hover {
    background: #0c948b
}

.application-btn .icon-hesaplama1 {
    padding-right: 15px;
    position: relative;
    top: 3px
}

.application-btn .icon-hesaplama1::before {
    font-size: 22px
}

.calculation-market-data .all-references:hover {
    text-decoration: none
}

.calculation-market-data .main-calculation-tabs .nav-tabs>li.active a {
    color: rgba(66, 68, 67) !important;
    border-bottom: 6px solid transparent;
    transition: none !important
}

.calculation-market-data .main-calculation-tool>.tab-wrapper .tab-title {
    overflow: hidden;
    border-bottom: 2px solid #ebebeb
}

.calculation-market-data .main-calculation-tool .tab-content {
    border-top: 2px solid #ebebeb;
    margin-top: -2px
}

.calculation-market-data .main-calculation-tool>.tab-wrapper .tab-title>ul>li,
.currecny-box h4 {
    color: rgba(66, 68, 67, .5);
    font-size: 24px;
    float: left;
    padding: 38px 175px 14px 32px;
    cursor: pointer;
    font-family: 'gtEestiDisplay-Regular'
}

.calculation-market-data .main-calculation-tool>.tab-wrapper>.tab-title>ul>li.active {
    color: rgba(66, 68, 67);
    border-bottom: 6px solid #06c4b3
}

.calculation-market-data .form-group {
    margin-bottom: 20px
}

.individual-calculation {
    max-height: 475px;
    overflow: hidden;
    border-left: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb
}

.individual-calculation>.tab-wrapper>.tab-title {
    float: left
}

.calculation-market-data .individual-calculation>.tab-wrapper>.tab-title>ul>li {
    color: rgba(66, 68, 67, .5);
    font-size: 18px;
    background: #fafafa;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    padding: 80px 40px 108px 40px;
    width: 203px;
    float: none;
    cursor: pointer;
    line-height: 24px
}

.calculation-market-data .individual-calculation>.tab-wrapper>.tab-title>ul>li:first-child {
    border-top: none !important
}

.calculation-market-data .individual-calculation .tab-wrapper .tab-title ul li.active {
    color: rgba(66, 68, 67);
    background: #fff;
    border-right: 0 !important
}

.individual-calculation .tab-item {
    display: block;
    width: 100%;
    float: right;
    padding: 40px
}

.individual-calculation input {
    height: 50px !important;
    line-height: 48px;
    width: 100%
}

.individual-calculation .select2-container a.select2-choice {
    height: 46px !important;
    line-height: 48px !important
}

.individual-calculation label {
    display: block;
    font-size: 15px;
    color: #424443;
    padding-bottom: 15px
}

.individual-calculation .select2-container a.select2-choice .select2-arrow {
    line-height: 48px !important
}

.main-calculation-principal {
    color: #333
}

.main-calculation-principal .input-group {
    position: relative
}

.main-calculation-principal .input-group-addon {
    position: absolute;
    top: 14px;
    right: 15px;
    z-index: 999999;
    font-size: 16px;
    color: #333
}

.main-calculation-principal input[type="text"] {
    text-align: right;
    text-indent: 35px;
    padding-right: 45px
}

.main-calculation-slider .form-slider {
    background: #fff;
    padding: 0 20px;
    position: relative;
    border: 2px solid #d9dad9;
    height: 50px
}

.main-calculation-slider .form-slider-inner {
    background: url(../img/bg-range-slider.png) left center repeat-x;
    padding: 0 27px
}

.main-calculation-slider .form-slider-inner .ui-widget-header,
.main-calculation-slider .form-slider-inner .ui-widget-content {
    background: none
}

.main-calculation-slider .ui-slider .ui-slider-handle {
    border: 0
}

.main-calculation-slider .form-slider input {
    width: 45px;
    position: absolute;
    text-align: center !important;
    left: 10px;
    padding: 0 5px;
    display: none
}

.main-calculation-slider .ui-slider {
    height: 44px;
    border: 0
}

.main-calculation-slider .ui-slider .ui-slider-handle {
    width: 57px;
    height: 40px;
    background: url(../img/bg-range-slider-handle.png);
    display: block;
    cursor: pointer;
    top: 3px;
    margin-left: -33px
}

.main-calculation-slider .ui-slider .ui-slider-handle em {
    width: 45px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 7px;
    padding: 0 5px;
    font-style: normal;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.main-calculation-result .calculation-result-title {
    font-size: 15px;
    display: block;
    color: #333
}

.calculation-result-container {
    margin-top: 15px
}

.main-calculation-result .calculation-result,
.calculation-result-box .currency-light {
    font-size: 24px;
    color: #458666;
    width: auto !important
}

.en .calculation-result-two {
    padding-left: 15px
}

.calculation-result-two {
    padding-left: 30px;
    width: auto !important;
    float: left
}

.en .profit-share-calculation .calculation-result-one {
    margin-right: 0
}

.profit-share-calculation .calculation-result-one {
    width: auto;
    float: left;
    margin-right: 10px
}

.calculation-result-two::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #d4d4d4;
    transform: skew(-10deg)
}

.calculation-result-box.col-lg-6.calculation-result-one {
    position: relative
}

.calculation-result-box.col-lg-6.calculation-result-one::after {
    content: "";
    border-right: 1px solid #e2e2e2;
    position: absolute;
    right: 12px;
    top: 0;
    height: 50px;
    width: 1px;
    transform: translateY(-50%) rotate(11deg);
    top: 50%
}

.main-calculation-link a {
    display: inline-block;
    color: #424443;
    font-size: 17px;
    line-height: 48px;
    text-decoration: underline;
    font-family: 'gtEestiDisplay-Regular';
    margin-top: 20px;
    float: right
}

.main-calculation-link a:hover {
    text-decoration: none
}

.calculation-note {
    color: #848484;
    font-size: 13px
}

.bol-kepce-calculation .calculation-result-container .calculation-result-one::after {
    border: none
}

.bol-kepce-calculation .calculation-result-box.first-row {
    margin-bottom: 50px
}

.bol-kepce-calculation .main-calculation-link a {
    margin-top: 6px
}

.calculation-apply-now .calculation-btn {
    display: block;
    background: #458666;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 48px;
    font-size: 17px
}

.main-calculation-tool .calculation-apply-now .calculation-btn {
    margin-top: 3px
}

.calculation-apply-now .calculation-btn:hover {
    background: #0c948b
}

.calculation-apply-now .calculation-btn {
    width: 187px
}

.calculation-note-link {
    border-top: 1px solid #ebebeb
}

.calculation-line hr {
    margin-top: 15px !important;
    margin-bottom: 24px
}

.bol-kepce-calculation .calculation-line hr {
    margin-top: 42px !important
}

.calculation-note {
    font-size: 12.5px
}

.home-campaign-container {
    margin-top: 30px;
    margin-bottom: 30px
}

.home .static-campaign .campaign .campaign-left::before {
    width: 334px
}

.home .static-campaign .campaign .campaign-left::after {
    width: 334px
}

.home .static-campaign .campaign .campaign-left .campaign-content,
.home .static-campaign .campaign h4 {
    transform: skew(0deg);
    -moz-transform: skew(0deg)
}

.home .static-campaign .campaign .campaign-left .campaign-content {
    text-align: left;
    margin-left: 30px;
    width: 217px;
    top: 25px
}

.home .static-campaign .campaign h4 {
    line-height: 29px;
    width: 255px
}

.home .static-campaign .campaign p a {
    font-size: 15px;
    font-family: "gtEestiDisplay-Light";
    line-height: 21px
}

.home .static-campaign .campaign .pad-top {
    padding-top: 30px
}

.campaign-url {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 999999
}

.campaign-links {
    font-size: 17px;
    display: block;
    border: 2px solid #ececec;
    text-align: center;
    height: 46px;
    line-height: 44px;
    width: 183px;
    transition: all .3s ease-in-out !important
}

.card-slider a.campaign-links {
    z-index: 999999
}

.campaign-links:hover {
    background: #0c948b
}

.tab-content>.tab-pane {
    display: none;
    visibility: hidden
}

.tab-content>.active {
    display: block;
    visibility: visible
}

.home .card-slider .campaign-left {
    width: 294px
}

.home .card-slider .campaign-left .campaign-content {
    height: 417px
}

.home .card-slider .campaign-left::before {
    /*background: #a0c52d !important*/
}

.home .card-slider .campaign-left::after {
    background: #458666 !important
}

.home .card-slider .campaign-bg {
    height: 417px;
    width: 100%;
    background: #576587 !important
}

.home .card-slider .owl-carousel {
    z-index: 999999
}

.home .card-slider .owl-carousel .owl-controls {
    border: none !important
}

.card-dots {
    position: absolute;
    display: none !important;
    height: 12px;
    bottom: 70px;
    background: none;
    z-index: 999999;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 275px;
    width: 61%
}

.card-dots .owl-dot {
    width: 11px;
    height: 9px;
    float: left;
    margin-left: 2px;
    cursor: pointer;
    background: #4e5b79;
    transform: skewX(-16deg);
    -webkit-transform: skew(-16deg);
    -moz-transform: skew(-16deg);
    -ms-transform: skew(-16deg)
}

.card-dots .owl-dot.active {
    background: #fff
}

.hub-container {
    width: 273px;
    position: absolute;
    top: 143px;
    z-index: 999999;
    right: 40px;
    height: auto;
    height: 178px
}

.hub-slider {
    position: relative
}

.hub-slider ul {
    list-style: none
}

.hub-slider ul li {
    width: auto;
    height: auto;
    color: #fff;
    text-align: center;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0
}

.hub-slider ul li img {
    width: 100%
}

.hub-slider-controls {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%
}

.hub-slider-arrow {
    border: none;
    background: none;
    font-weight: bold;
    width: 50%;
    height: 172px;
    float: left;
    opacity: 0
}

.subpage-left #nav {
    width: 100%;
    height: auto;
    padding-bottom: 56px;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    background: url(../img/desktop/bg-left-nav-bottom.png) left bottom no-repeat
}

.subpage-left #nav ul {
    background: #2e3030;
    height: auto;
    margin-top: 10px;
    padding: 20px 20px 0;
    overflow: hidden
}

.subpage-left #nav ul li {
    font-size: 15px;
    margin-bottom: 15px
}

.macos .subpage-left #nav ul li {
    font-size: 14px
}

.subpage-left #nav ul li a {
    line-height: 18px;
    color: #fff;
    display: inline-block;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    font: 15.5px "gtEestiDisplay-Light"
}

.subpage-left #nav ul li a:hover {
    color: #458666
}

.subpage-left #nav a.selected {
    color: #458666
}

.subpage-left #nav a.selected1 {
    color: #458666;
    padding-left: 15px
}

.subpage-left #nav a.selected2 {
    color: #458666;
    padding-left: 15px;
    background: url(../img/bg-left-nav-bullet-active.png) left 2px no-repeat
}

.subpage-left #nav ul ul {
    padding: 15px 0 0;
    margin: 0
}

.subpage-left #nav li li a {
    color: #a2a2a2;
    padding-left: 15px;
    background: url(../img/bg-left-nav-bullet.png) left 2px no-repeat
}

.subpage-left #nav li li a.selected {
    background: url(../img/bg-left-nav-bullet-active.png) left 2px no-repeat
}

.subpage-left #nav li li a:hover,
.subpage-left #nav li li a:focus {
    background: url(../img/bg-left-nav-bullet-active.png) left 2px no-repeat;
    color: #458666
}

.subpage-left #nav li li:last-child {
    margin-bottom: 0
}

.subpage-left #nav li li li {
    margin-left: 16px
}

.subpage-left #nav li li li a:hover,
.subpage-left #nav li li li a:focus {
    background: url(../img/bg-left-nav-bullet-active.png) left 2px no-repeat;
    color: #458666
}

.subpage-left #nav li li li:last-child {
    margin-bottom: 0
}

.subpage-left .links {
    margin: 0 20px 20px 0
}

.subpage-left .links li {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px
}

.subpage-left .links li a {
    height: 62px;
    font-size: 20px;
    color: #2e3030;
    line-height: 1.1;
    display: block;
    padding: 8px 100px 0 20px
}

.subpage-left .links li a i {
    display: block;
    position: absolute;
    right: 20px;
    top: 9px
}

.subpage-left .links li a.links-tf {
    padding-top: 19px;
    padding-right: 125px
}

.subpage-left .links li a.links-tf i {
    width: 55px;
    height: 62px;
    background: url(../img/bg-links-tf.png) center center no-repeat
}

.subpage-left .links li a.links-calc i {
    width: 47px;
    height: 62px;
    background: url(../img/bg-links-calc.png) center center no-repeat;
    top: 0
}

.subpage-left .links li a.links-fors i {
    width: 50px;
    height: 62px;
    top: -5px;
    background: url(../img/bg-links-fors.png) center center no-repeat
}

.subpage-left .links li.last {
    border: 0
}

.subpage-left .cross-marketing {
    margin-bottom: 20px
}

.subpage-left .cross-marketing img {
    width: 100%
}

.subpage-content,
.fullpage-content {
    background: #fff;
    height: auto;
    position: relative;
    padding: 35px 40px 20px;
    margin: 0
}

.subpage-content {
    margin-left: 0;
    height: auto
}

.fullpage-content {
    overflow: hidden
}

.page .header {
    margin-bottom: 21px;
    display: block;
    position: relative
}

.page .header h1 {
    color: #2e3030;
    font-size: 32px;
    margin: 0 0 10px -1px;
    line-height: 1;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal;
    padding-right: 250px
}

.page .header ul.breadcrumbs {
    height: 27px
}

.page .header ul.breadcrumbs li {
    float: left;
    color: #acaaac;
    margin: 0 5px 0 0;
    background: none;
    padding: 0;
    font-size: 13px
}

.page .header ul.breadcrumbs li a {
    color: #acaaac;
    text-decoration: underline;
    padding-right: 3px
}

.page .header ul.breadcrumbs li a:hover {
    text-decoration: none
}

.page .header .tool {
    position: absolute;
    right: -10px;
    top: 0
}

.page .header .tool ul li {
    height: 24px;
    float: left;
    background: none;
    padding: 0 18px 0 0;
    margin: 0;
    position: relative;
    border-right: 1px solid #ddd
}

.page .header .tool ul li+li {
    padding-left: 18px
}

.page .header .tool ul li.last {
    border: 0;
    padding-right: 17px
}

.page .header .tool ul li a {
    font-size: 22px;
    text-decoration: none;
    display: block;
    margin-top: 2px;
    color: #a2a2a2
}

.page .header .tool ul li+li a {
    font-size: 17px
}

.page .header .tool ul li a.icon-print {
    margin-top: 0
}

.page .header .tool ul li a.icon-google-plus {
    font-size: 23px;
    padding: 0;
    margin-top: 0
}

.page .header .tool ul li a.icon-facebook {
    padding-top: 1px
}

.page .header .tool ul li a.icon-twitter {
    padding-top: 2px;
    font-size: 18px
}

.page .header .tool ul li a.icon-linkedin {
    font-size: 15px;
    margin-top: 5px
}

.page .header .tool ul li a:hover,
.page .header .tool ul li a.icon-share:hover,
.page .header .tool ul li a.icon-share.active {
    color: #458666
}

.page .header .tool ul li ul.share-detail {
    position: absolute;
    width: 139px;
    height: 43px;
    right: 32px;
    top: -9px;
    display: none;
    overflow: hidden
}

.page .header .tool ul li ul.share-detail li {
    float: left;
    margin-left: 2px
}

.page .header .tool ul li ul.share-detail li a {
    display: inline-block;
    width: 43px;
    height: 43px;
    line-height: 43px;
    background-color: #00aedb;
    color: #fff;
    text-align: center;
    padding-left: 0;
    margin-top: 0
}

.page .lead,
.page .ms-rteElement-H4B {
    font-size: 24px;
    line-height: 1.2;
    color: #363838;
    font-family: 'gtEestiDisplay-Thin'
}

.page h2 {
    font-size: 20px;
    line-height: 1.2;
    color: #00b1a1;
    font-family: 'gtEestiDisplay-Regular';
    margin: 0 0 22px
}

.page h2 small {
    font-weight: bold;
    font-size: 12px;
    display: block;
    color: #2e3030;
    margin-top: 12px
}

.page h3 {
    font-size: 16px;
    color: #00b1a1;
    margin: 0 0 24px;
    font-family: "gtEestiDisplay-Regular"
}

.page h4 {
    font-size: 15px;
    color: #626e72;
    margin: 0 0 22px;
    font-family: "gtEestiDisplay-Bold"
}

.page p {
    color: #7f7f7f;
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 22px;
    font-family: "gtEestiDisplay-Light"
}

.page p.browser {
    color: #090;
    font-weight: bold
}

.page p a,
.page ul li a {
    color: #212121;
    text-decoration: underline
}

.page p a,
.page .acc-Content ul li a {
    font-family: 'gtEestiDisplay-Regular'
}

.page p a:hover,
.page ul li a:hover {
    text-decoration: none
}

.page p small {
    font-size: 15px;
    color: #7f7f7f;
    font-family: 'gtEestiDisplay-Light'
}

.page p .btn-icon {
    color: #00436a;
    text-decoration: none
}

.page strong {
    font-family: "gtEestiDisplay-Bold"
}

.page ul {
    margin: 0 0 20px
}

.page ul.mb40 {
    margin-bottom: 40px
}

.page ul li {
    color: #7f7f7f;
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 15px;
    padding-left: 20px;
    background: url(../img/icon-bullet.png) left 5px no-repeat
}

.page .images {
    width: 282px;
    position: relative
}

.page .images img {
    width: 100%
}

.page .images.right {
    float: right;
    margin: 5px 0 30px 40px
}

.page .images.left {
    float: left;
    margin: 0 40px 30px 0
}

.page .images.full {
    width: 100%;
    margin-bottom: 30px
}

.page .images.full img {
    width: 100%
}

.page table {
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.page table thead tr {
    height: 49px
}

.page table thead td,
.page table thead th {
    background: #458666;
    font-size: 15px;
    color: #fff;
    padding: 0 20px 2px 20px;
    font-weight: normal;
    text-align: left
}

.page table tbody td {
    text-align: left;
    border: 1px solid #ddd;
    border-left: 0;
    padding: 10px 10px 12px 10px;
    font-size: 15px;
    color: #7f7f7f;
    font-family: "gtEestiDisplay-Light"
}

.page table tbody tr.title td {
    background: #f0f0f0;
    padding: 10px
}

.page table tbody tr.title:hover td {
    background: #f0f0f0
}

.page table tbody tr:hover td {
    background: #fbfbfb
}

.page table .w50 {
    width: 50%
}

.page table tbody td.txt-bold {
    font-family: "gtEestiDisplay-Bold"
}

#finansor tbody td {
    font-size: 12px
}

.page table.form-group,
.page table.form-group tbody td {
    border: 0;
    padding: 0
}

.page table.form-group .width30px {
    width: 30px
}

.page table.form-group .width48 {
    width: 48%
}

.page table.form-group .width31 {
    width: 31%
}

.page table.list {
    border: 0
}

.page table.list tr.before {
    background: #f0f0f0
}

.page table.list tr td {
    color: #363838;
    font-size: 14px;
    padding: 15px 10px;
    border: 0
}

.page table.zebra {
    border: 0
}

.page table.zebra thead tr {
    height: auto
}

.page table.zebra thead td {
    height: 30px;
    font-size: 12px;
    color: #458666;
    background: none;
    border: 0;
    font-family: 'gtEestiDisplay-Regular'
}

.page table.zebra tbody td {
    height: auto;
    font-size: 13px;
    border: 0;
    color: #605f61;
    padding: 10px
}

.page table.zebra tbody td i {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url(../img/bg-currency-table-status.png);
    float: right;
    margin-right: 20px
}

.page table.zebra tbody td .up {
    background-position: left -17px
}

.page table.zebra tbody td .notr {
    background-position: left bottom
}

.page table.zebra tbody td .down {
    background-position: left top
}

.page table.zebra tbody .after td {
    background: #edeff2
}

.page table.zebra tbody .after td:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.page table.zebra tbody .after td:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.page .scrollable {
    overflow-x: hidden;
    overflow-y: visible
}

.page .scrollable .holder {
    position: relative
}

.page .icon-note {
    margin-bottom: 20px;
    overflow: hidden;
    margin-top: 35px
}

.page .icon-note i {
    float: left;
    color: #458666;
    font-size: 36px;
    margin-right: 15px
}

.page .icon-note p {
    display: inline;
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
    font-family: 'gtEestiDisplay-Regular'
}

.page .icon-note.sss p {
    line-height: 30px
}

.page address {
    font-style: normal
}

.page address h4 {
    margin-bottom: 10px
}

.page address .name {
    font-size: 16px
}

.page .form-group {
    margin: 0 0 20px 0
}

.page .form-group .btn {
    padding-top: 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.page .form-group input.btn {
    padding-top: 11px;
    border: 0;
    border-radius: 0
}

.internet-banking-popup,
.internet-banking-popup-en,
.internet-pass-popup,
.internet-pass-popup-en {
    cursor: pointer
}

.gold-branch {
    overflow: hidden
}

.gold-branch .form-group {
    width: 50%;
    overflow: hidden
}

.landing-page h1 {
    height: 88px;
    line-height: 96px;
    font-size: 40px;
    font-family: 'gtEestiDisplay-RegularItalic';
    margin: 15px;
    color: #212121
}

.landing-page .page-top {
    width: 100%;
    height: 248px;
    margin-bottom: 30px;
    position: relative
}

.landing-page .page-top .full {
    width: 100%;
    background: #fff;
    height: 268px;
    position: absolute
}

.landing-page .page-top .slider {
    position: absolute;
    z-index: 50
}

.landing-page .page-top .item {
    display: none
}

.landing-page .page-top .item .text {
    float: left;
    max-width: 475px;
    width: 475px;
    position: relative;
    padding: 30px 0 0 3px;
    height: 248px
}

.landing-page .page-top .item .text .buttons {
    position: absolute;
    bottom: 30px;
    right: 0
}

.landing-page .page-top .item .text .buttons a {
    line-height: 100%;
    padding: 15px 20.2px;
    border: 2px solid #fff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-left: 10px
}

.landing-page .page-top .item .text .buttons a.blue {
    border: 0;
    color: #fff;
    position: relative
}

.landing-page .page-top .item .text .buttons a.blue:hover {
    color: #fff
}

.landing-page .page-top .item .text .buttons a.blue2,
.landing-page .page-top .item .text .buttons a.blue {
    border: 0;
    color: #fff;
    position: relative
}

.landing-page .page-top .item .text .buttons a.blue2:hover:before,
.landing-page .page-top .item .text .buttons a.blue:hover:before {
    background-color: #458666;
    color: #fff
}

.landing-page .page-top .item .text .buttons a.blue:hover span {
    color: #fff
}

.landing-page .page-top .item .text .buttons a.blue:hover span {
    color: #fff
}

.landing-page .page-top .item .text .buttons a.blue2:before,
.landing-page .page-top .item .text .buttons a.blue:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(-10deg);
    border: 2px solid #b3ede8;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.landing-page .page-top .item .text .buttons a.blue2 span,
.landing-page .page-top .item .text .buttons a.blue span {
    z-index: 1923;
    position: relative
}

.landing-page .page-top .item .text .buttons a.blue2 span:hover {
    color: #fff !important
}

.landing-page .page-top .item .text h2 {
    color: #fff;
    font-size: 32px;
    font-family: 'gtEestiDisplay-MediumItalic';
    margin-top: 0
}

.landing-page .page-top .item .text p {
    color: #fff;
    font-size: 18px;
    font-family: 'gtEestiDisplay-LightItalic';
    margin: 18px 0 0 0
}

.landing-page .page-top .item img {
    position: absolute;
    top: 0;
    right: 40px;
    width: auto;
    height: 307px
}

.landing-page .page-top .owl-controls {
    position: absolute;
    width: 100%;
    bottom: 22px;
    height: 11px;
    padding-left: 1px;
    left: 0
}

.landing-page .page-top .owl-controls .owl-dots .owl-dot {
    float: left;
    color: #a8e1f3;
    font-size: 24px;
    margin-right: 6px
}

.landing-page .page-top .owl-controls .owl-dots .owl-dot:hover {
    color: #72d4f3
}

.landing-page .page-top .owl-controls .owl-dots .owl-dot.active {
    color: #00abd7
}

.landing-page .page-box-list .box {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background: #458666
}

.landing-page .page-box-list .box.last {
    margin-bottom: 10px
}

.landing-page .page-box-list .box a {
    color: #212121
}

.landing-page .page-box-list .box h3 {
    font-size: 24px;
    line-height: 100%;
    margin: 0;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal;
    margin-bottom: 20px;
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    margin-top: 30px;
    padding-right: 10px
}

.landing-page .page-box-list .box img {
    max-width: 100%
}

.landing-page .page-box-list .box p {
    height: 42px;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0;
    font-family: 'gtEestiDisplay-Light';
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    margin-left: 11px;
    padding-right: 22px
}

.landing-page .page-box-list.v2 .box .page-box-content {
    left: -30px;
    padding-left: 36px
}

.landing-page .page-box-list.v2 .box h3 {
    font-size: 16px
}

.landing-page .page-box-list.v2 .box p {
    font-size: 16px
}

.landing-page .page-box-list .box .hover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -370px;
    top: 0;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: all .8s ease;
    z-index: 1
}

.landing-page .page-box-list .box .hover .one {
    background: #458666;
    height: 100%;
    text-align: center;
    opacity: .95
}

.landing-page .page-box-list .box .hover .one i {
    float: none;
    display: inline-block;
    width: 75px;
    font-size: 32px;
    padding: 0;
    margin-bottom: 27px;
    margin-right: 0;
    margin-top: 83px
}

.landing-page .page-box-list .box .hover .one span {
    display: block
}

.landing-page .page-box-list .box .hover .one a {
    line-height: 8px
}

..landing-page .page-box-list .box .hover .first span,
.landing-page .page-box-list .box .hover .last span {
    margin-top: -10px
}

.landing-page .page-box-list .box .hover .first {
    background: #458666;
    border-bottom: 1px solid #33d0c2;
    height: 50%;
    opacity: .95;
    padding: 5px
}

.landing-page .page-box-list .box .hover .last {
    background: #458666;
    height: 50%;
    opacity: .95;
    padding: 5px
}

.landing-page .page-box-list .box .hover a {
    height: 100%;
    line-height: 106px;
    display: block;
    color: #fff;
    font-size: 22px;
    padding: 50px 29px 0
}

.landing-page .page-box-list .box .hover a i {
    display: inline-block;
    float: left;
    margin-top: 29px;
    margin-right: 26px;
    border-radius: 0;
    margin-left: -5px
}

.landing-page .page-box-list .box .hover a:hover {
    text-decoration: none
}

.landing-page .page-box-list .box .page-box>a {
    margin-left: 10px
}

.landing-page .page-box-list .box .page-box-content {
    position: absolute;
    z-index: 4;
    width: 225px;
    text-align: left;
    top: 0;
    left: -30px;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    background: #fff;
    height: 100%;
    padding-left: 43px;
    transition: all .5s ease
}

.landing-page .page-box-list .box>a>img {
    right: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    transition: all .5s ease;
    float: none;
    margin: 0 0 0 auto;
    display: block
}

.landing-page .page-box-list .box:hover .page-box-content {
    left: 400px
}

.landing-page .page-box-list .box:hover .hover {
    left: 0;
    visibility: visible;
    opacity: 1
}

.landing-page .page-box-list .box:hover>a>img {
    left: 380px
}

.landing-page .page-box-list .box:hover>a>img {
    right: -260px
}

.landing-page .page-box-list .box.active .page-box-content {
    left: 400px
}

.landing-page .page-box-list .box .hover.active.hover {
    left: 0;
    visibility: visible;
    opacity: 1
}

.landing-page .page-box-list .box .hover.active>a>img {
    left: 380px
}

.landing-page .page-box-list .box .hover.active>a>img {
    right: -260px
}

.page-box-list .box .hover a span {
    bottom: 5px;
    position: relative
}

.landing-page .page-box-list .boxActive:focus .page-box-content {
    left: 400px
}

.landing-page .page-box-list .boxActive:focus .hover {
    left: 0;
    visibility: visible;
    opacity: 1
}

.landing-page .page-box-list .boxActive:focus>a>img {
    left: 380px
}

.landing-page .page-box-list .boxActive:focus>a>img {
    right: -260px
}

.landing-page .page-box-list .box .activeHover {
    left: 0;
    visibility: visible;
    opacity: 1;
    z-index: 99999
}

.landing-page .page-box-list .box .activeHover a img {
    left: 380px
}

.landing-page .page-box-list .activeHover>a>img {
    right: -260px
}

..landing-page .landing-bottom.links {
    overflow: hidden
}

.landing-page .landing-bottom.links div {
    width: 48.6%;
    height: 123px;
    position: relative
}

.landing-page .landing-bottom.links div span {
    width: 100%;
    height: 74px;
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 24px
}

.landing-page .landing-bottom.links div i {
    height: 123px;
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 2;
    font-size: 25px
}

.landing-page .landing-bottom.links div a {
    width: 100%;
    height: 74px;
    line-height: 74px;
    display: block;
    font-size: 24px;
    font-family: 'gtEestiDisplay-Medium';
    color: #fff;
    padding-left: 20px;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 3
}

.landing-page .landing-bottom.links div.links-calc {
    float: left
}

.landing-page .landing-bottom.links div.links-calc span {
    background: #363838
}

.landing-page .landing-bottom.links div.links-calc i {
    width: 107px;
    height: 115px;
    background: url(../img/bg-landing-page-bottom-calc-right.png) right top no-repeat;
    top: 3px
}

.landing-page .landing-bottom.links div.links-apply-now {
    float: right
}

.landing-page .landing-bottom.links div.links-apply-now span {
    background: #458666
}

.landing-page .landing-bottom.links div.links-apply-now a {
    color: #fff;
    font-size: 24px;
    font-family: 'gtEestiDisplay-Medium'
}

.landing-page .landing-bottom.links div.links-apply-now i {
    width: 125px;
    height: 140px;
    background: url('../img/bg-landing-page-bottom-apply-now-right-tfkb.png') no-repeat right top;
    right: 30px;
    top: 4px
}

.campaign-alert {
    width: 100%;
    height: auto;
    padding: 14px;
    background: #458666;
    margin-bottom: 20px
}

.campaign-alert p {
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
    text-align: center
}

.campaign-list {
    width: 100%
}

.campaign-list .campaign {
    width: 100%;
    height: auto;
    background: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden
}

.campaign-list .campaign h2 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2
}

.campaign-list .campaign h2 a {
    color: #2e3030
}

.campaign-list .campaign a {
    text-decoration: none
}

.campaign-list .campaign p {
    margin-bottom: 0
}

.campaign-list .campaign p a {
    color: #414042
}

.campaign-list .campaign p .btn-text {
    display: block;
    margin-top: 10px;
    color: #458666
}

.campaign-list .campaign img {
    height: 130px;
    float: right;
    position: relative;
    margin-left: 20px
}

.campaign-list .campaign.last {
    margin-bottom: 0
}

.page p a.go-back,
.page p a.go-back-btn {
    color: #2e3030;
    text-decoration: none;
    margin-bottom: 0
}

.page p a.go-back i,
.page p a.go-back-btn i {
    color: #458666;
    margin-right: 10px
}

.page p a.go-back:hover,
.page p a.go-back-btn:hover {
    color: #458666
}

.other-campaign {
    padding: 0;
    margin: 0 -15px;
    overflow: hidden
}

.other-campaign div {
    text-align: center;
    margin-bottom: 20px
}

.other-campaign div img {
    width: 100%;
    height: auto;
    border: 2px solid #f0f0f0;
    margin-bottom: 20px
}

.other-campaign div h4 {
    color: #00aedb;
    font-size: 19px;
    margin-bottom: 10px
}

.other-campaign.real-estate div {
    margin-bottom: 30px
}

.other-campaign.real-estate div img {
    margin-bottom: 0
}

.announcements-list .form-group {
    margin-bottom: 30px
}

.announcements-list .form-group .select {
    width: 90%
}

.announcements-list .announcement {
    overflow: hidden;
    clear: both
}

.announcements-list .announcement.last {
    border: 0;
    margin: 0;
    padding: 0
}

.announcements-list .announcement .images {
    width: auto
}

.announcements-list .announcement img {
    width: auto;
    border: 1px solid #f0f0f0
}

.announcements-list .announcement h2 {
    margin-bottom: 10px
}

.announcements-list .announcement h2 a {
    color: #2e3030
}

.announcements-list .announcement h2 a:hover {
    color: #458666
}

.announcements-list .announcement p {
    margin-bottom: 10px
}

.announcements-list .announcement a.detail {
    margin-bottom: 30px;
    display: inline-block;
    color: #2e3030
}

.announcements-list .announcement a.detail i {
    color: #00b1a1;
    font-size: 11px;
    margin-right: 1px
}

.announcements-list.form-wrapper {
    margin: 0 !important
}

.announcements-list.form-wrapper .form-group {
    padding: 0
}

.magazine-list {
    margin: 0
}

.magazine-list .magazine {
    background: #f0f0f0;
    padding: 16px;
    margin-bottom: 30px
}

.magazine-list .magazine h2 {
    font-size: 15px;
    color: #414042;
    margin-bottom: 16px
}

.magazine-list .magazine .images {
    width: 100%;
    height: auto;
    background: #fff;
    text-align: center;
    padding: 16px 0;
    position: relative;
    margin-bottom: 0 !important
}

.magazine-list .magazine .images img {
    width: 50% !important;
    height: auto
}

.magazine-list .magazine .images .hover {
    width: 100%;
    height: 100%;
    background: #458666;
    opacity: .95;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.magazine-list .magazine .images .hover a {
    height: 100%;
    line-height: 40px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 40px 40px 0
}

.magazine-list .magazine .images .hover i {
    border: 1px solid #fff;
    padding: 23px 15px;
    display: inline-block;
    font-size: 11px;
    margin-bottom: 10px
}

.magazine-list .magazine .images .hover span {
    display: block
}

.mobile .magazine-list .row {
    margin: 0 -10px
}

.mobile .magazine-list .col-xs-6 {
    padding: 0 10px
}

.mobile .magazine-list .magazine {
    margin-bottom: 20px;
    padding: 8px
}

.mobile .magazine-list .magazine h2 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px
}

.mobile .magazine-list .magazine .images {
    padding: 8px 0
}

.mobile .magazine-list .magazine .images img {
    height: auto
}

.mobile .magazine-list .magazine .images .hover a {
    line-height: inherit;
    padding: 18px 10px 0;
    font-size: 12px
}

.mobile .magazine-list .magazine .images .hover i {
    font-size: 6px;
    padding: 12px 7px
}

.faq-list .form-group {
    margin-bottom: 30px
}

.faq-list .form-group .select {
    width: 100%
}

.press-room-list table.list {
    margin-top: 19px
}

.press-room-list .form-group {
    overflow: hidden;
    margin-bottom: 30px
}

.press-room-list .press-room-btn .form-group {
    margin-bottom: 0
}

.press-room-list .form-group .select {
    margin-right: 30px;
    width: 100%
}

.press-room-list table.list tr td.url {
    padding: 0
}

.press-room-list table.list tr td.url i {
    color: #00436a;
    font-size: 20px;
    margin: 1px 20px 0 0;
    float: left
}

.press-room-list table.list tbody tr:nth-child(odd) td {
    background: #f0f0f0
}

.press-room-list table.list tr td.url.first,
.press-room-list table tr td.url.first {
    width: 70%
}

.press-room-list table.list tr td.url.last,
.press-room-list table tr td.url.last {
    width: 30%
}

.press-room-list table.list tr td a {
    color: #363838;
    padding: 15px 0 15px 20px;
    display: block
}

.press-room-list table tr td.url a {
    color: #363838
}

.press-room-list table.list tr td a:hover,
.press-room-list table tr td.url a:hover {
    color: #458666
}

.form-group tr {
    border-bottom: 0 !important
}

.search-branch {
    padding: 0
}

.search-branch .tab-title {
    overflow: hidden;
    position: relative;
    z-index: 5
}

.search-branch .tab-title ul {
    width: 101%
}

.search-branch .tab-title li {
    width: 49.2%;
    float: left;
    background: #ddd;
    margin: 0 1% 0 0;
    padding: 0
}

.search-branch .tab-title li a {
    padding: 20px 0;
    line-height: 100%;
    display: block;
    color: #363838;
    text-decoration: none;
    text-align: center
}

.search-branch .tab-title li.active {
    background: #424443
}

.search-branch .tab-title li.active a {
    text-decoration: none;
    color: #fff
}

.search-branch .tab-item {
    background: #424443;
    padding: 20px 20px 20px;
    margin-top: -3px;
    position: relative;
    z-index: 6;
    height: auto;
    min-height: 321px;
    display: none;
    overflow: hidden
}

.search-branch .tab-item p {
    color: #fff;
    margin-bottom: 11px
}

.search-branch .tab-item .form-group {
    width: 100%;
    margin-bottom: 20px;
    float: left
}

.search-branch .tab-item .form-group.last {
    margin-bottom: 0
}

.search-branch .tab-item .form-group .select {
    border: 0
}

.search-branch .tab-item .form-group label {
    color: #fff;
    line-height: 1.2
}

.search-branch .tab-item .form-group .btn:hover {
    background: #0c948b;
    border-color: #03887f
}

.search-branch .tab-item.t1.brt0 {
    border-top-left-radius: 0
}

.search-branch .tab-item.t1 {
    padding-top: 16px
}

.search-branch .tab-item.t1 p.last {
    margin-bottom: 15px
}

.search-branch .tab-item.t2 {
    padding: 25px 20px
}

.search-branch .tab-item.t2 .form-group {
    margin-bottom: 23px
}

.search-branch .tab-item.t2 .form-group.last {
    margin-bottom: 0
}

.search-branch-result .map.first {
    width: 100%;
    height: 550px;
    border: 1px solid #458666
}

.branchModal .map {
    width: 800px;
    height: 400px
}

.gm-style .gm-style-iw h3 {
    margin-bottom: 10px
}

.gm-style .gm-style-iw p {
    margin-bottom: 0;
    color: #333
}

.branch-atm-map {
    width: 100%;
    height: 315px
}

.board-of-directors .user {
    padding: 0;
    text-align: center;
    height: 300px;
    margin-bottom: 40px
}

.board-of-directors .user .images {
    width: auto;
    margin-bottom: 16px
}

.board-of-directors .user .images img {
    width: 160px;
    border: 2px solid #00d8cb
}

.board-of-directors .user .images img:hover {
    border-color: #ddd
}

.board-of-directors .user h2 {
    margin-bottom: 16px
}

.board-of-directors .user p {
    margin-bottom: 10px
}

#board-of-directors .media-item {
    margin-bottom: 20px;
    width: 45%
}

.advertising-list {
    margin: 0 -15px;
    overflow: hidden;
    margin-top: -4px
}

.advertising-list .form-group {
    margin: 0 15px 30px;
    width: auto;
    padding-top: 5px
}

.advertising-list .form-group .width48 {
    width: 49% !important
}

.advertising-list .item {
    position: relative;
    height: 245px
}

.advertising-list .item a {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.advertising-list .item img {
    width: 100%
}

.advertising-list .item span {
    width: 55px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    background: rgba(0, 196, 179, .8);
    transform: skew(-10deg)
}

.advertising-list .item span i {
    color: #fff;
    font-size: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -12px;
    transform: skew(10deg)
}

.advertising-list .item h3 {
    font-family: 'gtEestiDisplay-Regular'
}

.advertising-list .item h3 a {
    color: #363838;
    font-size: 18px
}

.videoModal {
    width: 570px
}

.videoModal iframe {
    margin: 0 auto
}

.videoModal .video-social {
    padding: 0;
    margin: 20px 0 5px
}

.videoModal .video-social a {
    color: #bdbdbd;
    font-size: 12px;
    border: 1px solid #dedede;
    display: block;
    font-family: 'gtEestiDisplay-Medium';
    text-align: center;
    padding: 15px 0;
    text-align: center
}

.videoModal .video-social a.tw {
    margin: 0 10px
}

.videoModal .video-social a i {
    font-size: 19px;
    margin-left: 5px;
    position: relative;
    top: 3px
}

.videoModal .video-social a:hover {
    border-color: #b0b2b8;
    color: #8e919a
}

.employee-profile .chart {
    height: auto;
    clear: both
}

.employee-profile .chart .chart-title {
    padding-top: 30px;
    margin-left: -10px
}

.employee-profile .chart .chart-title .item {
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px
}

.employee-profile .chart .chart-title .item i {
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
    float: left
}

.employee-profile .chart .chart-title .item i.color1 {
    background: #bef3ff
}

.employee-profile .chart .chart-title .item i.color2 {
    background: #5ad8f4
}

.employee-profile .chart .chart-title .item i.color3 {
    background: #00a9ce
}

.employee-profile .chart .chart-title .item i.color4 {
    background: #ffc000
}

.employee-profile .chart .chart-title .item i.color5 {
    background: #f2385a
}

.employee-profile .chart .chart-title .item i.color6 {
    background: #00436a
}

.employee-profile .chart .chart-title .item p {
    float: left;
    margin: 0
}

.employee-profile .chart .chart-title .item span {
    float: right;
    display: inline-block;
    margin-right: 30px;
    font-family: 'NeoSansPro-Medium';
    font-size: 14px
}

.employee-profile .chart .chart-container {
    height: 260px;
    margin-top: -40px
}

.finance-portal h1 {
    margin-left: 0
}

.finance-portal .summary {
    padding-top: 29px
}

.finance-portal .summary .item {
    float: right;
    margin-left: 40px
}

.finance-portal .summary .item i {
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    margin-right: 20px;
    background: url(../img/img-finance-portal-summary.png) no-repeat
}

.finance-portal .summary .item i.up {
    background-position: left top
}

.finance-portal .summary .item i.down {
    background-position: left -38px
}

.finance-portal .summary .item i.notr {
    background-position: left -76px
}

.finance-portal .summary .item i.refresh {
    background-position: left -114px
}

.finance-portal .summary .item p {
    color: #212121;
    font-size: 14px;
    line-height: 1.1;
    float: left;
    margin: 0;
    font-family: 'gtEestiDisplay-Regular'
}

.finance-portal .summary .item p span {
    font-size: 22px;
    display: block
}

.finance-portal .finance-list {
    margin: 0 0 -20px
}

.finance-portal .box {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.finance-portal .box.last {
    margin-bottom: 10px
}

.finance-portal .box a {
    color: #676668
}

.finance-portal .box h3 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 10px 0;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal;
    color: #414042
}

.finance-portal .box img {
    width: 100%;
    height: auto
}

.finance-portal .box p {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0
}

.finance-portal .box small {
    font-size: 12px
}

.finance-portal .box ul.list li {
    color: #676668;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 15px;
    padding-left: 20px;
    background: url(../img/icon-bullet.png) left 5px no-repeat;
    border-bottom: 1px solid #edeff2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    overflow: hidden
}

.finance-portal .box ul.list li small {
    display: block;
    float: right;
    margin-top: 15px
}

.finance-portal .box table {
    margin-bottom: 10px
}

.finance-portal .box table.zebra thead td {
    height: 24px;
    padding: 0 10px
}

.finance-portal .box table.zebra tbody td {
    padding: 5px 10px;
    position: relative
}

.finance-portal .box table.zebra tbody td i {
    margin-right: 0
}

.finance-portal .box table.zebra tr.highlight td {
    background: #00436a;
    color: #fff
}

.finance-portal .box table.zebra tr.highlight td a,
.finance-portal .box table.zebra tr.highlight td a:hover {
    color: #fff
}

.finance-portal .box table.zebra tbody td a:hover {
    color: #00436a
}

.finance-portal .box table.portfoy td {
    padding: 0 10px !important
}

.finance-portal .box table.portfoy td span {
    float: right;
    display: block;
    padding: 6px 0
}

.finance-portal .box table.portfoy .deleteWrap {
    width: 100px;
    position: absolute;
    height: 30px;
    right: -45px;
    float: right
}

.finance-portal .box table.portfoy .delete {
    background: #ee2e24;
    border-bottom: 1px solid #c01911;
    color: #fff;
    padding: 2px 10px;
    position: absolute;
    top: 3px;
    right: 0;
    display: none
}

.finance-portal .box table.portfoy .delete:hover {
    color: #fff
}

.finance-portal .box .bottom {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
    padding-top: 10px
}

.finance-portal .box .bottom small {
    float: left;
    display: inline-block
}

.finance-portal .box .bottom a {
    float: right;
    display: inline-block;
    color: #458666;
    font-size: 13px;
    padding: 0 20px 0 0
}

.finance-portal .box .bottom a i {
    left: inherit;
    right: 0;
    top: 5px
}

.finance-portal .box .bottom.border {
    border-top: 1px solid #edeff2;
    padding: 5px 0 0
}

.finance-portal .box.box-1 {
    height: 263px
}

.finance-portal .box.box-1 h3 {
    color: #458666
}

.finance-portal .box.box-2 {
    height: 380px;
    padding: 0
}

.finance-portal .box.box-2 .tab-title {
    overflow: hidden
}

.finance-portal .box.box-2 .tab-title li {
    width: 50%;
    background: none;
    margin: 0;
    padding: 0;
    float: left
}

.finance-portal .box.box-2 .tab-title li a {
    display: block;
    width: 100%;
    background: #458666;
    font-size: 18px;
    padding: 16px 0;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.finance-portal .box.box-2 .tab-title li.active a {
    background: #fff;
    color: #458666
}

.finance-portal .box.box-2 .tab-item {
    height: 403px;
    padding: 20px
}

.finance-portal .box.box-2 .tab-item li {
    border-bottom: 1px solid #edeff2;
    padding-bottom: 10px;
    margin-bottom: 8px !important
}

.finance-portal .box.box-2 .tab-item li a {
    text-decoration: none
}

.finance-portal .box.box-2 .tab-item li small {
    text-align: right;
    display: block;
    margin-top: 10px
}

.finance-portal .box.box-2 .tab-item li:last-child {
    border: 0
}

.finance-portal .box.box-3 {
    height: 46px;
    padding: 0;
    background: none
}

.finance-portal .box.box-3 a {
    line-height: 100%;
    padding: 12px 0;
    border: 2px solid #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    color: #fff
}

.finance-portal .box.box-3 a:hover {
    background: #fff;
    color: #00a9ce
}

.finance-portal .box.box-4 {
    height: 294px
}

.finance-portal .box.box-5 {
    height: 263px
}

.finance-portal .box.box-6 {
    height: 172px
}

.finance-portal .box.box-7 {
    height: 255px
}

.finance-portal .box.box-8 {
    height: 293px
}

.finance-portal .box.box-9 {
    height: auto
}

.finance-portal .box.box-9 .zebra {
    margin-bottom: 20px
}

.finance-portal .box.box-10 {
    height: 457px
}

.finance-portal .box.box-11 {
    height: 293px
}

.finance-portal .box.box-12 {
    height: 267px
}

.finance-portal .box.box-12 .boxInner {
    position: relative;
    height: 232px;
    border-right: 1px solid #edeff2
}

.finance-portal .box.box-12 .boxInner .bottom {
    bottom: 0
}

.finance-portal .box.box-12 .box3 {
    border: 0
}

.finance-portal .box.box-13 {
    min-height: 267px
}

.finance-portal .box.box-13 .boxInner {
    position: relative;
    min-height: 227px
}

.finance-portal .box.box-13 .boxInner table {
    margin-bottom: 25px
}

.finance-portal .box.box-13 .boxInner .bottom {
    bottom: 0;
    right: 60px;
    left: inherit
}

.finance-portal .box.box-13 .boxInner .form-group {
    margin-bottom: 10px;
    overflow: hidden
}

.finance-portal .box.box-13 .boxInner .select {
    width: 50%;
    float: left
}

.finance-portal .box.box-13 .boxInner .btn {
    width: 45%;
    color: #fff;
    float: right
}

.ui-dialog {
    background: #00436a !important;
    border: 0 !important;
    padding: 10px !important
}

.ui-dialog .ui-dialog-titlebar {
    background: #00436a !important;
    color: #fff !important;
    border: 0 !important;
    padding: 0 0 10px !important;
    font-family: 'NeoSansPro-Medium' !important;
    font-weight: normal
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 12px !important;
    right: 0 !important;
    position: absolute;
    padding: 0;
    min-width: inherit
}

.ui-dialog .ui-dialog-titlebar button {
    border: 0 !important;
    background: none !important
}

.ui-dialog .ui-dialog-titlebar button .icon-close-1 {
    color: #fff !important;
    font-size: 12px
}

.ui-dialog .ui-widget-content {
    background: #fff !important;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.ui-dialog .ui-widget-content p {
    margin: 0
}

.ui-dialog .ui-widget-content .chart {
    width: 100%;
    height: 280px
}

.card-list .card {
    height: 190px;
    margin-bottom: 40px;
    position: relative;
    padding-right: 300px
}

.card-list .card .card-images {
    width: 260px;
    height: 164px;
    position: absolute;
    right: 20px;
    bottom: 25px;
    z-index: 10
}

.card-list .card .card-images img {
    width: 100%
}

.card-list .card .card-links {
    height: 50px;
    background: #458666;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.card-list .card .card-links ul {
    padding: 16px 15px
}

.card-list .card .card-links ul li {
    background: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dffffc;
    margin-right: 20px;
    padding-right: 20px;
    float: left
}

.card-list .card .card-links ul li:last-child {
    border: 0;
    margin-right: 0
}

.card-list .card .card-links ul li a {
    color: #fff;
    text-decoration: none
}

.card-list .card .card-links ul li a:hover {
    color: #bdfff9
}

.timeline .item {
    border-left: 1px solid #acaaac;
    padding: 0 0 20px 0
}

.timeline .item h2 {
    margin-left: -7px
}

.timeline .item h2 i {
    margin-right: 15px;
    font-size: 13px
}

.timeline .item p {
    margin-left: -4px;
    overflow: hidden;
    position: relative;
    padding-left: 33px
}

.timeline .item blockquote p i {
    color: #abd037
}

.timeline .item p i {
    font-size: 7px;
    color: #458666;
    display: block;
    position: absolute;
    left: 0;
    top: 5px
}

.timeline .item p:last-child {
    margin-bottom: 0
}

.timeline .item.first h2 i {
    border-top: 10px solid #fff
}

.timeline .item.last {
    padding: 0;
    margin-bottom: 0
}

.timeline .item.last p:last-child i {
    border-bottom: 150px solid #fff
}

.go-to-top {
    position: fixed;
    right: 40px;
    bottom: -40px;
    z-index: 100;
    width: 120px;
    overflow: hidden;
    display: block
}

.go-to-top a {
    color: #fff
}

.go-to-top a span {
    width: 75px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    background: #458666;
    display: inline-block;
    right: -75px;
    position: absolute;
    z-index: 5
}

.go-to-top a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background: #458666;
    text-align: center;
    float: right;
    position: relative;
    z-index: 10
}

.subpage-left .search-nav {
    width: 100%;
    height: auto;
    padding-bottom: 57px;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    background: url(../img/desktop/bg-left-nav-bottom.png) left bottom no-repeat
}

.subpage-left .search-nav .ms-webpartzone-cell {
    margin-bottom: 0
}

.subpage-left .search-nav .wrap {
    background: #2e3030;
    height: auto;
    margin-top: 10px;
    padding: 15px 20px 0;
    overflow: hidden
}

.subpage-left .search-nav .wrap h3,
.ms-ref-refinername:link {
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal;
    padding-bottom: 0;
    display: block
}

.subpage-left .search-nav .wrap h3 {
    position: relative;
    top: -17px
}

.subpage-left .ms-ref-uparrow {
    display: none !important
}

.ms-ref-refiner #Container {
    margin-bottom: 50px;
    padding: 0
}

.subpage-left .search-nav .wrap ul {
    margin: -14px 0 0 0;
    overflow: hidden
}

.subpage-left .search-nav .wrap li {
    margin-bottom: 10px;
    font-size: 15px
}

.subpage-left .search-nav .wrap li a {
    color: #a2a2a2
}

.subpage-left .search-nav .wrap li a:hover {
    color: #458666
}

.ms-ref-refiner #Value {
    padding: 0
}

.ms-ref-refiner #Value a {
    color: #a2a2a2;
    margin-bottom: 11px;
    font-size: 15px;
    display: block
}

.ms-ref-refiner #Value a:hover {
    color: #458666
}

.ms-ref-refiner #Value a div {
    display: inline
}

.ms-ref-name {
    margin-right: 3px;
    color: inherit
}

.ms-ref-count {
    color: inherit
}

.ms-srch-sbLarge {
    border: 0;
    background: none;
    width: 100%;
    margin-bottom: 0 !important
}

.ms-srch-sbLarge input.ms-textLarge {
    width: 76%;
    margin: 0;
    float: left
}

.ms-srch-sbLarge .btn {
    width: 20% !important;
    float: right
}

.ms-srch-sbLarge input.ms-textLarge #NoResult>div {
    display: none
}

#pSearchResultCount {
    clear: both;
    padding-top: 15px
}

.subpage-content .ms-floatLeft {
    float: none
}

.subpage-content .ms-webpartzone-cell {
    margin: 0
}

.search-input.form-group {
    margin-bottom: 32px
}

.search-input.form-group input {
    width: 100%
}

p.result-info {
    font-size: 18px;
    color: #acaaac;
    margin-bottom: 16px
}

p.result-info span {
    color: #575757
}

#pSearchStatus {
    position: relative;
    background: #e2231a;
    line-height: 20px;
    padding: 10px 12px 12px 12px;
    font-size: 14px;
    color: #fff;
    font-family: inherit;
    top: 10px;
    clear: both
}

#pSearchStatus:before {
    position: absolute;
    top: -13px;
    color: #e2231a;
    content: ""
}

#pSearchStatus .icon-arrow-up {
    position: absolute;
    top: -10px;
    color: #e2231a;
    left: 10px
}

.ms-srch-result {
    margin-top: 0
}

.ms-srch-result .ms-srch-item {
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
    position: relative;
    overflow: inherit
}

.ms-srch-result .ms-srch-item h3 {
    margin-bottom: 5px;
    overflow: inherit
}

.ms-srch-result .ms-srch-item h3 a {
    font-size: 14px;
    color: #458666
}

.ms-srch-result .ms-srch-item h3 a:hover {
    text-decoration: underline
}

.ms-srch-result .ms-srch-item:hover {
    background: none !important
}

.ms-srch-result .ms-srch-item:last-child {
    margin-bottom: 0 !important
}

.ms-srch-result .search-results-breadcrumbs {
    font-size: 14px;
    color: #acaaac
}

.ms-srch-result .search-results-breadcrumbs a {
    color: #acaaac;
    text-decoration: underline;
    word-wrap: break-word;
    word-break: break-all
}

.ms-srch-result .search-results-breadcrumbs a:hover {
    text-decoration: none
}

.ms-srch-item-highlightedText {
    font-weight: normal !important
}

.ms-srch-item-summary {
    padding: 0;
    color: #626e72;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 2px
}

.ms-srch-resultscount {
    display: none !important
}

.ms-srch-result-groups {
    margin-bottom: 0
}

.ms-srch-hover-outerContainer {
    left: 50% !important;
    top: 0 !important
}

.ms-srch-hover-arrow,
.ms-srch-hover-arrowBorder {
    top: 30px !important
}

.ms-srch-result #Paging {
    margin: 0
}

.ms-srch-sb-border:hover {
    border: 0 !important
}

.ms-srch-item-icon {
    display: inline;
    margin: -2px 5px 0 0;
    float: left
}

.firefox .ms-srch-item-icon {
    margin-top: -3px
}

.ms-srch-result-noResults {
    padding-left: 0 !important
}

.ms-srch-result #Paging li a {
    padding: 2px 10px !important;
    line-height: 1.42857143 !important;
    margin-left: -1px !important;
    text-decoration: none !important;
    color: #acaaac !important
}

.ms-srch-result #Paging #PagingSelf {
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    background: #458666 !important
}

.ms-srch-result #Paging #PagingSelf a {
    color: #fff !important;
    transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -ms-transform: skew(10deg);
    font-weight: normal
}

.ms-srch-result #Paging #PagingSelf:before {
    display: none
}

.ms-srch-result #Paging li:hover a {
    color: #fff !important
}

.ms-srch-result #Paging #PagingImageLink a {
    padding: 6.5px 7px !important;
    font-size: 8px
}

.ms-srch-result #Paging #PagingImageLink a:hover {
    border-color: #00aedb
}

.ms-srch-result #Paging #PageLinkNext {
    margin-left: 5px !important
}

.ms-srch-result #Paging #PageLinkPrev {
    margin-right: 5px !important
}

.mobile .subpage-content .ms-webpart-zone {
    display: block
}

.mobile .ms-webpart-cell-vertical {
    display: block
}

.ms-srch-sbLarge .btn {
    margin: 0;
    min-width: inherit
}

.icon-np-ok {
    font-size: 5px;
    color: #c3c5c8;
    display: block;
    margin-left: 28px;
    margin-top: -2px
}

.np-line .icon-np-ok {
    margin-top: -12px
}

.payments-content {
    margin: 0;
    padding: 0;
    height: 220px;
    border: 2px solid #ddd;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.payment-links {
    position: absolute !important;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%
}

.payment-links::focus {
    position: absolute
}

.payments-content h5 {
    font-size: 24px;
    color: #212121;
    font-family: "gtEestiDisplay-Regular";
    padding: 23px 0 0 28px;
    line-height: 29px
}

.payments-content p {
    width: 60%;
    font-size: 15px;
    color: #212121;
    padding-left: 28px;
    margin-top: 17px;
    font-family: "gtEestiDisplay-Light"
}

.payments-content .payments-img {
    position: absolute;
    right: 0;
    top: 0
}

.error-page {
    text-align: center;
    padding: 40px 0
}

.error-page img {
    margin-bottom: 32px
}

.error-page h1 {
    color: #212121;
    font-size: 48px;
    margin: 0 0 10px
}

.error-page p {
    color: #212121;
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 34px
}

.error-page a {
    color: #fff;
    padding: 12px 40px;
    display: inline-block;
    background-color: #458666;
    font-size: 16px
}

.tab-wrapper.subesiz {
    clear: both
}

.tab-wrapper.subesiz .tab-title {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.tab-wrapper.subesiz .tab-title li {
    background: none;
    padding: 0;
    margin-bottom: 0;
    width: 25%;
    float: left
}

.tab-wrapper.subesiz .tab-title li a {
    height: 155px;
    color: #9b9b9b;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px;
    border: 2px solid #ddd;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 5px;
    background: #fff
}

.tab-wrapper.subesiz .tab-title li.active a {
    height: 157px;
    color: #458666;
    border-color: #458666
}

.tab-wrapper.subesiz .tab-title li.last a {
    margin-right: 0
}

.tab-wrapper.subesiz.karoranlari .tab-title {
    height: 60px
}

.tab-wrapper.subesiz .tab-title li i {
    width: 60px;
    height: 60px;
    margin: 0 auto 17px auto;
    background: url(../img/img-subesiz-page-icon.png) left top no-repeat;
    display: block
}

.tab-wrapper.subesiz .tab-title li i.icon1 {
    background-position: left top
}

.tab-wrapper.subesiz .tab-title li i.icon2 {
    background-position: left -61px
}

.tab-wrapper.subesiz .tab-title li i.icon3 {
    background-position: left -122px
}

.tab-wrapper.subesiz .tab-title li i.icon4 {
    background-position: left bottom
}

.tab-wrapper.subesiz .tab-item {
    border: 2px solid #458666;
    display: none;
    z-index: 5;
    position: relative;
    top: -2px;
    padding: 30px;
    padding-bottom: 6px
}

.tab-wrapper.subesiz .tab-item.active {
    border-color: #458666
}

.tab-wrapper.ihraclar {
    clear: both
}

.tab-wrapper.ihraclar .tab-title {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.tab-wrapper.ihraclar .tab-title li {
    background: none;
    padding: 0;
    margin-bottom: 0;
    width: 50%;
    float: left
}

.tab-wrapper.ihraclar .tab-title li a {
    height: 155px;
    color: #999da5;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px;
    border: 2px solid #acaaac;
    border-bottom: 0;
    margin-right: 2px;
    background: #fff
}

.tab-wrapper.ihraclar .tab-title li.active a {
    height: 157px;
    color: #458666;
    border-color: #458666
}

.tab-wrapper.ihraclar .tab-title li.last a {
    margin-right: 0 !important
}

.tab-wrapper.ihraclar .tab-title li i {
    width: 47px;
    height: 46px;
    margin: 0 auto 17px auto;
    display: block
}

.tab-wrapper.ihraclar .tab-title li i.icon1 {
    background: url(../img/img-ihraclar-icon-1.png)
}

.tab-wrapper.ihraclar .tab-title li i.icon2 {
    background: url(../img/img-ihraclar-icon-2.png);
    height: 47px
}

.tab-wrapper.ihraclar .tab-item {
    border: 2px solid #acaaac;
    display: none;
    z-index: 5;
    position: relative;
    top: -2px;
    padding: 20px 20px 0
}

.tab-wrapper.ihraclar .tab-item.active {
    border-color: #458666
}

.tab-wrapper.sitemap .tab-title {
    overflow: hidden;
    position: relative;
    z-index: 10;
    height: 60px
}

.tab-wrapper.sitemap .tab-title li {
    background: none;
    padding: 0;
    margin-bottom: 0;
    width: 12%;
    float: left;
    min-width: 57px
}

.tab-wrapper.sitemap .tab-title li a {
    height: 58px;
    line-height: 21px;
    font-size: 18px;
    color: #9b9b9b;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px;
    border: 2px solid #ddd;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 5px;
    background: #fff
}

.tab-wrapper.sitemap .tab-title li.active a {
    height: 60px;
    color: #458666;
    border-color: #458666
}

.tab-wrapper.sitemap .tab-title li.last a {
    margin-right: 0
}

.tab-wrapper.sitemap .tab-item {
    border: 2px solid #458666;
    display: none;
    z-index: 5;
    position: relative;
    top: -2px;
    padding: 30px;
    padding-bottom: 6px;
    overflow: hidden
}

.tab-wrapper.sitemap .tab-item.active {
    border-color: #458666
}

.tab-wrapper.sitemap .tab-item h3 {
    margin: 15px 0 15px
}

.tab-wrapper.sitemap .tab-item h3 a {
    color: #458666;
    display: block;
    background-color: #f2f2f2;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 120%
}

.tab-wrapper.sitemap .tab-item ul li {
    width: auto !important;
    list-style: none;
    background: none;
    margin-bottom: 10px;
    padding-left: 5px
}

.tab-wrapper.sitemap .tab-item ul li a {
    margin: 0;
    padding: 0;
    background: none !important;
    text-decoration: none;
    color: #717071
}

.tab-wrapper.sitemap .tab-item ul li i {
    font-size: 10px;
    margin-right: 5px
}

.tab-wrapper.sitemap .tab-item ul li a:hover {
    color: #458666
}

.sitemap .accItem .accContent h3 {
    margin: 15px 0 15px
}

.sitemap .accItem .accContent h3 a {
    color: #00436a;
    display: block;
    background-color: #f2f2f2;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 120%
}

.sitemap .accItem .accContent ul li {
    width: auto !important;
    list-style: none;
    background: none;
    margin-bottom: 10px;
    padding-left: 5px
}

.sitemap .accItem .accContent ul li a {
    margin: 0;
    padding: 0;
    background: none !important;
    text-decoration: none;
    color: #717071
}

.sitemap .accItem .accContent ul li i {
    font-size: 10px;
    margin-right: 5px
}

.sitemap .accItem .accContent ul li a:hover {
    color: #00aedb
}

.sg-wrapper .sg-tab-title {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.sg-wrapper .sg-tab-title li {
    background: none;
    padding: 0;
    margin-bottom: 0;
    float: left
}

.sg-wrapper .sg-tab-title li a {
    height: 38px;
    color: #999da5;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 6px 45px;
    border: 2px solid #acaaac;
    border-bottom: 0;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 2px;
    background: #fff;
    webkit-transition: none;
    transition: none
}

.sg-wrapper .sg-tab-title li.active a {
    height: 40px;
    color: #00436a;
    border-color: #00aedb
}

.sg-wrapper .sg-tab-title li.last a {
    margin-right: 0
}

.sg-wrapper .tab-item {
    border: 2px solid #acaaac;
    display: block;
    z-index: 5;
    position: relative;
    top: -2px;
    padding: 40px;
    overflow: hidden
}

.sg-wrapper .tab-item.active {
    border-color: #00aedb
}

.sg-wrapper .tab-item h3 {
    margin: 15px 0 15px
}

.sg-wrapper .tab-item h3 a {
    color: #00436a;
    border-radius: 4px 4px 4px 4px;
    display: block;
    background-color: #f2f2f2;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 120%
}

.sg-wrapper .press-room-list table.list tr:last-child td+td {
    font-weight: bold
}

.press-room-list table.list .w30 {
    width: 30%
}

.sg-wrapper .form-wrapper {
    margin-bottom: 25px !important
}

.fancybox-prev,
.fancybox-next {
    display: none !important
}

.page .sg-wrapper .form-wrapper .form-group {
    min-height: inherit
}

.page .sg-wrapper .form-wrapper .form-group .select {
    margin-bottom: 0
}

.page .sg-wrapper .form-wrapper .form-group.height94 {
    min-height: 94px
}

.page .sg-wrapper .form-wrapper .form-group input {
    text-align: right
}

.sg-wrapper .sg-btn {
    overflow: hidden;
    margin: 0 -15px;
    padding: 0 5px
}

.sg-wrapper .sg-btn div a {
    display: block;
    vertical-align: top;
    background-color: #abd037;
    font: 14px "gtEestiDisplay-Medium", arial;
    color: #fff;
    text-align: left;
    padding: 12px 67px 10px 20px;
    position: relative;
    border-bottom: 1px solid #8bb30f
}

.sg-wrapper .sg-btn div a:hover {
    background: #458666;
    border-color: #458666
}

.sg-wrapper .sg-btn div a::after {
    content: "";
    width: 28px;
    height: 32px;
    background: url("../img/sg-icon.png") no-repeat;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto
}

.sg-wrapper .sg-btn div+div a::after {
    width: 31px;
    height: 33px;
    background-position: -32px -1px
}

.sg-wrapper .sg-btn .sg-btn-list li {
    display: inline;
    background: unset;
    float: left;
    width: 20%;
    padding: 0 10px;
    text-align: center
}

.sg-wrapper .sg-btn .sg-btn-list li a {
    text-transform: uppercase;
    text-decoration: none;
    font: 14px "gtEestiDisplay-Medium";
    background-color: #abd037;
    border-bottom: 1px solid #8bb30f;
    color: #fff;
    position: relative;
    display: block;
    padding: 50px 10px 10px 10px;
    min-height: 100px;
    color: #fff
}

.sg-wrapper .sg-btn .sg-btn-list li a:hover {
    background: #458666;
    border-color: #458666
}

.sg-wrapper .sg-btn .sg-btn-list li a i {
    position: absolute;
    top: 10px;
    font-size: 30px;
    left: 50%;
    margin-left: -15px
}

.sg-wrapper .clear {
    clear: both
}

.page .sg-wrapper p {
    margin-left: 17px;
    margin-top: 5px
}

.sg-wrapper .form-line {
    float: left;
    margin: 13px 7px 0 7px
}

.sg-wrapper .form-line span,
.sg-wrapper .price-tl {
    font: 16px "NeoSansPro-Regular", arial;
    color: #414042
}

span.price-error-msg {
    float: right;
    display: inline-block;
    width: 100%;
    color: #e2231a
}

.sg-wrapper .price-tl {
    float: left;
    margin: 15px 11px 0 11px
}

.sg-wrapper .price-group .form-group {
    padding: 0
}

.sg-wrapper .price-group .form-group a.btn {
    margin-left: 27px;
    margin-top: 0 !important
}

.sg-wrapper .price-group input::-webkit-input-placeholder,
.sg-wrapper .price-group input::-moz-placeholder,
.sg-wrapper .price-group input:-ms-input-placeholder,
.sg-wrapper .price-group input:-moz-placeholder {
    color: #414042 !important
}

.sg-wrapper .price-group .price-btn.disabled {
    pointer-events: none;
    background-color: #458666;
    border-color: #458666
}

.table-col-box {
    position: relative
}

.footable .table-col-box td a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.sg-wrapper table.footable tbody tr {
    cursor: pointer
}

.sg-wrapper table tr img {
    width: 90px
}

.page .sg-wrapper table tbody td.txt-bold {
    text-align: right
}

.page .sg-wrapper table tbody tr td:nth-child(2),
.page .sg-wrapper table tbody tr td:nth-child(3) {
    width: 15%
}

.page .sg-wrapper table tbody tr td:last-child {
    width: 20%
}

.page .sg-wrapper table tbody tr:nth-child(1) td:nth-child(1) {
    width: 14%
}

.page .sg-wrapper table.list tr td {
    vertical-align: top
}

.sg-bottom-btn a {
    color: #00446d;
    font: 13px "gtEestiDisplay-Medium";
    display: inline-block;
    border: 2px solid #00446e;
    padding: 0 48px 0 16px;
    height: 43px;
    line-height: 40px;
    position: relative;
    opacity: 0
}

.sg-bottom-btn a:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 16px;
    background: url(../img/sg-bottom-icon.jpg) no-repeat
}

.sg-bottom-btn a+a {
    margin-left: 16px
}

.sg-bottom-btn a+a:after {
    background-position: 0 -19px;
    height: 18px
}

.sg-bottom-btn a.pop-in {
    animation: PopIn .3s ease-in forwards;
    -webkit-animation: PopIn .3s ease-in forwards;
    -moz-animation: PopIn .3s ease-in forwards;
    animation-delay: .1s
}

.press-room-list table.list tr td {
    vertical-align: top
}

.gallery-slider-container {
    max-width: 777px;
    overflow: hidden;
    margin-bottom: 30px;
    display: block
}

.gallery-slider-container.no-slider {
    display: none
}

.gallery-slider-container .gallery-slider {
    float: left;
    width: 80.6%;
    margin-right: 1%
}

.gallery-slider-container .slick-slide img {
    max-width: 100%;
    margin: auto
}

.slider-nav-thumbnails {
    width: 18.1%;
    float: right
}

.slider-nav-thumbnails .slick-prev,
.slider-nav-thumbnails .slick-next {
    background-color: #8d919b;
    border: 0;
    display: block;
    width: 100%;
    height: 23px;
    position: relative
}

.slider-nav-thumbnails .slick-prev::before,
.slider-nav-thumbnails .slick-next::before {
    content: "";
    width: 13px;
    height: 8px;
    background: url(../img/vslider-arrow.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.slider-nav-thumbnails .slick-next::before {
    background-position: -14px 0
}

.slider-nav-thumbnails .slick-slide.slick-current img {
    border: 2px solid #00abd7
}

.slider-nav-thumbnails .slick-slide img {
    border: 2px solid #f0f0f0
}

.slider-nav-thumbnails.slick-vertical .slick-slide {
    margin-top: 5px;
    cursor: pointer
}

.slider-nav-thumbnails.slick-vertical .slick-list {
    margin-bottom: 7px;
    margin-top: 3px
}

.detail-comment {
    font: 12px "gtEestiDisplay-Regular";
    color: #758286;
    margin-bottom: 24px
}

.detail-comment b,
.detail-comment strong {
    font-weight: bold
}

.sg-banner-container {
    margin-bottom: 22px
}

.sg-banner-div {
    background-color: #eeeff3;
    display: inline-block;
    width: 100%;
    position: relative;
    height: auto
}

.sg-banner-text {
    position: absolute;
    left: 40px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%)
}

.sg-banner-text .sg-banner-title {
    font-size: 30px;
    font-style: italic;
    font-weight: bold
}

.sg-banner-text div {
    display: inline-block;
    padding: 10px;
    position: relative
}

.sg-banner-text div::before {
    content: "";
    position: absolute;
    transform: skew(-10deg);
    background-color: #02baaa;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 0
}

.sg-banner-text div a {
    color: #fff;
    position: relative;
    top: 10px;
    left: 10px;
    font-size: 20px;
    font-family: "gtEestiDisplay-Light"
}

.sg-banner-img {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.sg-banner-mobile-img {
    display: none
}

.sg-banner-img>img {
    width: 100%;
    height: auto
}

.sg-logo-container {
    margin-bottom: 30px
}

.sg-logo-link {
    max-width: 100%;
    height: 150px;
    padding: 50px;
    margin: 0 auto;
    border: 1px solid #eee
}

.sg-logo-container span {
    display: block;
    text-align: center;
    padding: 15px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.sg-logo-link img {
    display: block;
    margin: 0 auto;
    height: 100%
}

.odeme-plani-form .expenses {
    clear: both
}

.odeme-plani-form .expense-field {
    clear: both;
    position: relative
}

.odeme-plani-form .form-group.expense-dates {
    padding-left: 50px
}

.odeme-plani-form .expense-field.first .expense-check {
    top: 40px
}

.odeme-plani-form .expense-field .expense-check {
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 100;
    min-height: 0
}

.odeme-plani-form .form-group .input {
    position: relative;
    width: 100%
}

.odeme-plani-form .form-group .input span {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #414042;
    font-size: 16px;
    color: #414042
}

.odeme-plani-form .form-group .input input {
    padding-right: 30px;
    background: none
}

.odeme-plani-form .form-group .input input.EUR,
.odeme-plani-form .form-group .input input.USD {
    padding-right: 40px
}

.odeme-plani-form .form-group input.onlyTL {
    text-align: right
}

.odeme-plani-form .form-group .form-slider {
    background: #fff;
    padding: 0 22px;
    margin-top: -2px;
    position: relative;
    border: 2px solid #d9dad9
}

.odeme-plani-form .form-group .form-slider-inner {
    background: url(../img/bg-range-slider-new.png) left center repeat-x;
    padding: 0 20px
}

.odeme-plani-form .form-group .form-slider-inner .ui-widget-header,
.odeme-plani-form .form-group .form-slider-inner .ui-widget-content {
    background: none
}

.odeme-plani-form .form-group .ui-slider .ui-slider-handle {
    border: 0
}

.odeme-plani-form .form-group .form-slider input {
    width: 45px;
    position: absolute;
    text-align: center !important;
    left: 10px;
    padding: 0 5px;
    display: none
}

.odeme-plani-form .form-group .ui-slider {
    height: 38px;
    border: 0
}

.odeme-plani-form .form-group .ui-slider .ui-slider-handle {
    width: 49px;
    height: 32px;
    background: url(../img/bg-range-slider-handle-new.png);
    display: block;
    cursor: pointer;
    top: 3px;
    margin-left: -33px
}

.odeme-plani-form .form-group .ui-slider .ui-slider-handle em {
    width: 49px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    left: 0;
    padding: 0 5px;
    font-style: normal;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.odeme-plani-form .form-group .input i.icon-date {
    font-size: 26px;
    position: absolute;
    right: 10px;
    top: 7px;
    color: #458666;
    z-index: 0
}

.odeme-plani-form .expense-field.second .form-group {
    min-height: 70px
}

.odeme-plani-table tbody td {
    padding: 10px 5px !important
}

.islem-kanallari {
    overflow: hidden;
    clear: both
}

.islem-kanallari .channel-title {
    font-family: 'gtEestiDisplay-Regular';
    font-size: 20px;
    color: #00b1a1;
    margin-bottom: 25px
}

.islem-kanallari .channel-item {
    height: 138px;
    float: left;
    text-align: center;
    border: 2px solid #ddd;
    transition: border-color .4s ease-in-out;
    margin-bottom: 10px;
    width: 95%
}

.islem-kanallari div {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.islem-kanallari .channel-item a {
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 15.4px;
    padding-top: 70px;
    color: #2e3030;
    margin-top: 21px;
    line-height: 16px
}

.islem-kanallari .channel-item a:hover {
    text-decoration: underline
}

.islem-kanallari .channel-item.last {
    margin-right: 0;
    padding-right: 0
}

.islem-kanallari .channel-item a.ib {
    background-image: url(../img/islemkanali-internet.png)
}

.islem-kanallari .channel-item a.mmm {
    background-image: url(../img/islemkanali-mmm.png)
}

.islem-kanallari .channel-item a.app {
    background-image: url(../img/islemkanali-app.png)
}

.islem-kanallari .channel-item a.branch {
    background-image: url(../img/islemkanali-branch.png)
}

.islem-kanallari .channel-item a.atm {
    background-image: url(../img/islemkanali-atm.png)
}

.islem-kanallari .channel-item a.sms {
    background-image: url(../img/islemkanali-sms.png)
}

.contact-card {
    padding: 30px;
    border: 1px solid #ddd
}

.contact-card h3 {
    margin: 0 0 18px
}

.contact-card .contact-item {
    width: 47%;
    margin-bottom: 18px
}

.contact-card .contact-item.last {
    margin-bottom: 0
}

.contact-card .contact-item h4 {
    margin: 0 0 9px
}

.contact-card .contact-item p {
    margin-bottom: 0
}

.tf-in-media .big-media {
    border: 2px solid #f0f0f0;
    margin-right: 20px
}

.tf-in-media .big-media img {
    max-width: 100%
}

.tf-in-media .download-media .row>div {
    border-bottom: 1px solid #f0f0f0
}

.tf-in-media .download-media .row>div.flr {
    float: right
}

.tf-in-media .download-media a {
    display: block;
    padding: 18px 0 8px 0;
    color: #7f7f7f;
    margin-bottom: 5px;
    font: 15px "gtEestiDisplay-Light"
}

.tf-in-media .download-media a.ai {
    background: url(../img/ai.png) no-repeat;
    no-repeat;
    padding: 8px 0 8px 39px
}

.tf-in-media .download-media a.pdf {
    background-position: 0 -92px
}

.tf-in-media .download-media a.png {
    background: url(../img/png.png) no-repeat;
    no-repeat;
    padding: 8px 0 8px 39px
}

.tf-in-media .download-media a.eps {
    background-position: 0 -191px
}

.tf-in-media .download-media a.jpg {
    background: url(../img/jpg.png) no-repeat;
    no-repeat;
    padding: 8px 0 8px 39px
}

.tf-in-media .download-media h2 {
    color: #363838;
    font: 17px "gtEestiDisplay-Regular";
    margin-bottom: 0
}

.icon-title {
    margin: 38px 0
}

.icon-title h2 {
    margin: 0
}

.tf-in-media {
    margin-top: 20px
}

.icon-title+.tf-in-media {
    margin-top: 0
}

table .company-name span {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    margin-top: 2px;
    float: left
}

table .company-name span.one {
    background-color: #bef3ff
}

table .company-name span.two {
    background-color: #5ad7f4
}

table .company-name span.three {
    background-color: #00a9ce
}

table .company-name span.four {
    background-color: #00a9ce
}

table .company-name span.five {
    background-color: #2d81b7
}

table .company-name span.six {
    background-color: #e44d42
}

table .company-name span.seven {
    background-color: #ffc000
}

table .company-name span.eight {
    background-color: #ebeff0
}

table .company-name span.nine {
    background-color: #f1385a
}

table .company-name span.ten {
    background-color: #00436a
}

a.go-back,
a.go-back-btn {
    margin-bottom: 30px;
    display: inline-block;
    color: #2e3030
}

a.go-back i,
a.go-back-btn i {
    color: #00b1a1;
    font-size: 12px;
    margin-right: 5px
}

.redirect>a {
    color: #2e3030
}

#smartbanner {
    background: #458666;
    position: absolute;
    left: 0;
    top: -82px;
    width: 100%;
    height: 78px;
    font-family: 'gtEestiDisplay-Regular';
    z-index: 9998
}

#smartbanner,
html.sb-animation {
    -webkit-transition: all .3s ease
}

#smartbanner .sb-container {
    margin: 0 auto
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 11px;
    display: block;
    width: 57px;
    height: 57px;
    background-size: cover
}

#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%)
}

#smartbanner.no-icon .sb-icon {
    display: none
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: normal;
    color: #fff
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal
}

#smartbanner .sb-info>span {
    display: block
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 10px;
    display: block;
    width: 14px;
    height: 14px;
    font-size: 20px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 26px;
    border: 2px solid #fff;
    padding: 4px 10px 0;
    min-width: 10%;
    height: 27px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

#footer .top {
    width: 100%;
    height: 72px;
    background: #f0f0f0
}

.en #footer .top,
.en #footer .top ul li {
    height: auto
}

#footer .top ul li {
    height: 72px;
    position: relative
}

#footer .top ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #d4d4d4;
    transform: skew(-10deg)
}

#footer .top ul li a {
    color: #212121;
    font-size: 16px;
    line-height: 20px;
    font-family: 'gtEestiDisplay-Light';
    display: inline-block;
    margin: 16px 0
}

#footer .top ul li a:hover {
    color: #458666
}

#footer .top ul li.last::after {
    display: none
}

#footer .center {
    width: 100%;
    background: #fff
}

#footer .center h6 {
    font-size: 16px;
    margin: 20px 0 10px 0;
    color: #212121
}

#footer .center h6 a {
    color: #fff;
    text-decoration: none
}

#footer .center ul.list {
    margin-left: 0
}

#footer .center ul.list li {
    padding-left: 20px;
    font-size: 15px;
    margin-bottom: 5px;
    position: relative
}

#footer .center ul.list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 8px;
    background: #d0d0d0;
    transform: skew(-16deg)
}

#footer .center ul.list li a {
    color: #212121;
    font: 14px "gtEestiDisplay-Light"
}

#footer .center ul.list li a:hover {
    text-decoration: underline
}

#footer .center .social {
    float: right;
    margin: 52px 0 0 0
}

#footer .center .social li {
    float: left;
    width: 47px;
    height: 47px;
    margin-left: 10px
}

#footer .center .social li a {
    width: 47px;
    height: 49px;
    line-height: 1;
    color: #7a7a7a;
    display: block;
    text-decoration: none;
    text-align: center;
    border: 2px solid #b5b5b5;
    position: relative;
    padding: 12px 0
}

#footer .center .social li a:hover {
    color: #00b1a1;
    background: #fff;
    border-color: #d0d0d0
}

#footer .center .social li a i {
    display: block;
    font-size: 22px
}

#footer .center .social li a i.icon-google-plus {
    font-size: 26px
}

#footer .center .social li a i.icon-linkedin {
    font-size: 18px
}

#footer .center .social li.icon-google-plus_li a {
    padding: 10px 0
}

#footer .bottom {
    width: 100%;
    background: #1c1c1c;
}

#footer .bottom .nav {
    margin: 22px 0 10px 0
}

#footer .bottom .nav li {
    height: 16px;
    line-height: 16px;
    border-left: 1px solid #5e6060;
    margin-right: 10px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top
}

#footer .bottom .nav li a {
    color: #fff;
    font: 14px "gtEestiDisplay-Light"
}

#footer .bottom .nav li a:hover {
    color: #00b1a1
}

#footer .bottom .nav li.first {
    border: 0;
    padding-left: 0
}

#footer .bottom p {
    color: #fff;
    font: 14px "gtEestiDisplay-Light"
}

#footer .bottom .telephone {
    height: 50px;
    text-align: right;
    margin: 20px 5px 0 0
}

#footer .bottom .telephone i {
    font-size: 50px;
    display: block;
    float: right;
    color: #fff;
    margin-left: 15px
}

#footer .bottom .telephone p {
    line-height: 22px;
    padding: 3px 0;
    margin: 0;
    margin-top: 12px;
    float: right;
    color: #fff;
    font: 20px "gtEestiDisplay-Light"
}

.device .landing-page .page-box-list .box .hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.device .landing-page .page-box-list .box .hover a {
    padding: 12px 20px 0
}

.device .landing-page .page-box-list .box .hover .one a {
    padding-top: 20px
}

.device .landing-page .page-box-list .box .hover .one i {
    width: 45px;
    height: 45px;
    font-size: 20px;
    padding: 12px 0;
    margin-bottom: 0
}

.page h3.icoanayasa {
    display: inline-block;
    padding-right: 38px;
    background-position: center right;
    background-repeat: no-repeat;
    line-height: 1.4
}

.page h3.icoanayasa.yaninizdayiz {
    background-image: url(../img/ico_yaninizdayiz.png)
}

.page h3.icoanayasa.dinleriz {
    background-image: url(../img/ico_dinleriz.png)
}

.page h3.icoanayasa.cozeriz {
    background-image: url(../img/ico_cozeriz.png)
}

.page h3.icoanayasa.kolaylastiririz {
    background-image: url(../img/ico_kolaylastiririz.png)
}

.page h3.icoanayasa.seffafiz {
    background-image: url(../img/ico_seffafiz.png)
}

.page h3.icoanayasa.bilgilendiririz {
    background-image: url(../img/ico_bilgilendiririz.png)
}

.financer-plan h3 span {
    color: #000 !important
}

.rate-box {
    background: #f5f5f5;
    padding: 20px;
    margin-bottom: 30px
}

.rate-box .row {
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px
}

.rate-box .row p {
    margin-bottom: 0
}

.rate-box>p {
    margin-bottom: 0;
    margin-top: 16px
}

#karpaylasimi .profitBottom {
    margin-top: 20px
}

#footer .center ul.list {
    margin-bottom: 26px
}

.karoranlari .tab-title li {
    width: 12.5% !important;
    margin-right: 5px
}

.karoranlari .tab-title li a {
    height: 58px !important;
    line-height: 21px !important;
    font-size: 18px !important
}

.karoranlari .tab-title li.active a {
    height: 60px !important
}

.subpage-bottom .cross-marketing {
    display: none
}

.btn-apply-now br {
    display: none
}

.currency-box .tab-wrapper {
    padding-bottom: 26px
}

.currency-box .tab-title ul {
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.currency-box .tab-title ul li {
    float: left;
    font-size: 17px;
    color: #909090;
    padding-bottom: 24px;
    cursor: pointer;
    padding-top: 40px;
    width: 24%;
    margin-right: 1%
}

.currency-box ul li.active {
    border-bottom: 3px solid #00b1a1;
    padding-bottom: 22px;
    color: #212121
}

.currency-box .tab-item {
    font-size: 17px;
    color: #3f3f3f
}

.currency-box .tab-box .tab-content {
    margin-top: 33px
}

.currency-box .tab-content {
    color: #3f3f3f;
    font-size: 17px;
    font-family: 'gtEestiDisplay-Regular'
}

.currencyRate i {
    display: inline-block;
    font-size: 12px;
    overflow: hidden
}

.currency-tab-box .row>div.currency-tab-content+div.currency-tab-content {}

.currencyIncreaseDecrease div {
    float: none !important;
    padding-top: 0 !important
}

.currencyIncrease {
    padding-bottom: 5px
}

.main-currency-item {
    padding-right: 35px;
    padding-left: 35px;
    width: 25%;
    float: left;
    position: relative;
    padding-top: 40px
}

.biss-currency-item {
    padding-right: 35px;
    padding-left: 35px;
    width: 33%;
    float: left;
    position: relative;
    padding-top: 40px
}

.piyasa-row {
    margin-left: -35px;
    margin-right: -35px
}

.main-currency-item+.main-currency-item::before,
.biss-currency-item+.biss-currency-item:before {
    content: "";
    width: 1px;
    height: 50px;
    background: #e0e0e0;
    position: absolute;
    left: 0;
    top: 43px;
    transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -ms-transform: rotate(11deg)
}

.currencyIncreaseDecrease.last::before {
    display: none !important
}

.tab-kar-paylari {
    text-align: center
}

.announcements-container {
    background: #f8f8f8
}

.currency-date-detail p {
    color: #626e72;
    font-family: "gtEestiDisplay-Light";
    font-size: 13px;
    margin-bottom: 0 !important
}

.bist-values .currency-date-detail p a {
    text-decoration: underline;
    color: #00b1a1
}

.currency-box .tab-item>.row>div {
    padding-top: 35px;
    padding-bottom: 3px
}

.currency-box .tab-item>.row>div:last-child .currencyIncreaseDecrease:before {
    display: none
}

.currency-box .tab-item .currency-date-detail {
    float: left
}

.profit-shares .row>div:nth-child(odd):before {
    content: "";
    position: absolute;
    left: 26px;
    top: 0;
    background: #f8f8f9;
    width: calc(100% - 27px);
    height: calc(100% + 26px);
    z-index: -1;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg)
}

.profit-shares .row>div>span {
    width: 75px;
    color: #fff;
    font-size: 17px;
    font-family: "gtEestiDisplay-Medium";
    display: block;
    position: absolute;
    padding: 13px 0;
    text-align: center;
    line-height: 20px;
    left: 5px;
    top: 36px
}

.profit-shares .row>div>span:before {
    content: "";
    background-color: #a8aaad;
    position: absolute;
    left: 5px;
    top: 0;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    width: calc(100% - 9px);
    height: 100%;
    z-index: -1
}

.profit-shares .row>div>ul {
    float: left;
    margin: 0 -15px;
    padding-left: 70px
}

.profit-shares .row>div>ul li {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.profit-shares .row>div>ul li span {
    font-size: 17px;
    font-family: "gtEestiDisplay-Regular";
    display: block;
    color: #3f3f3f;
    margin-top: -3px;
    width: 100%;
    text-align: right;
    white-space: nowrap
}

.profit-shares .row>div>ul li span+span {
    font-family: "gtEestiDisplay-Medium";
    color: #2b2b2b;
    margin-top: 8px
}

.profit-shares {
    min-height: 129px
}

.tooltip-calc {
    position: absolute;
    bottom: -33px;
    z-index: 99;
    background: #00b1a1;
    right: 0
}

.tooltip-calc:before {
    content: "";
    position: absolute;
    right: 10px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #00b1a1
}

.tooltip-calc p {
    margin: 0;
    color: #fff;
    padding: 3px 10px;
    font-size: 14px
}

body.en .home .right-col.banner-right-col {
    padding: 27px 0 0;
    width: 305px;
    z-index: 10;
    left: 50%;
    margin-left: 350px;
    padding-bottom: 7px
}

#mobile-follow-application {
    display: none
}

#mobile-follow-application .application-mobile {
    position: fixed;
    bottom: 10px;
    right: -5px;
    width: 150px;
    height: 50px;
    z-index: 99
}

#mobile-follow-application .application-mobile:before {
    background-color: #424443;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

#mobile-follow-application .application-mobile .btn {
    display: block;
    color: #fff;
    padding: 0;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    z-index: 2;
    font: 15px/50px "gtEestiDisplay-Light"
}

@media(max-width:1670px) {
    .home-finance-calculator {
        width: 277px;
        margin-left: 310px
    }
}

@media(min-width:1440px) {

    .main-slider-container .banner-bg div,
    .page-top .banner-bg div {
        left: 50% !important
    }
}

@media(min-width:1200px) {
    .top-right-button {
        width: 53.333333%
    }

    .home .right-col .currency-table-wrapper .table-modal .close a {
        width: 152px
    }

    .home .right-col .controls small {
        font-size: 10px
    }

    .home .right-col .btn-apply-now {
        background: url(../img/desktop/bg-hemen-basvur.png) left top no-repeat;
        padding-left: 24px;
        width: 242px
    }

    .home .right-col .btn-apply-now-2 {
        padding-left: 0;
        padding-right: 0
    }

    .home .calculation .tab-item .form-group {
        float: left
    }

    .home .calculation .form-group.w1 {
        width: 200px
    }

    .home .calculation .form-group.w2 {
        width: 140px
    }

    .home .calculation .form-group.w3 {
        width: 340px
    }

    .home .calculation .form-group.w4 {
        width: 165px
    }

    .home .calculation .form-group.w5 {
        width: 505px
    }

    .home .calculation .form-group.w6 {
        width: 185px
    }

    .home .calculation .form-group.w7 {
        width: 352px
    }

    .home .calculation .form-group.w9 {
        width: 224px
    }

    .home .calculation .tab-item .currency-calc .form-group .select {
        width: 160px
    }

    .home .calculation .tab-item .currency-calc input.disabled {
        width: 160px
    }

    .home .calculation .tab-item .currency-calc .btn {
        width: 160px
    }

    .home .campaign-slider {
        padding: 0
    }

    .home .campaigns .campaign img {
        margin-left: 0
    }

    #footer .top ul li.col1,
    #footer .top ul li.col2 {
        width: 16.6667%;
        padding: 0 15px
    }

    #footer .center h6 {
        margin-top: 28px
    }

    #footer .center ul.list {
        margin-bottom: 26px
    }

    #footer .bottom {
        height: 90px
    }

    #footer .bottom .telephone {
        margin-top: 20px
    }

    .landing-page .page-box-list .box img {}

    .landing-page .page-box-list .box {
        height: 270px;
        margin-bottom: 30px
    }

    .landing-page .page-box-list .box .one {
        padding: 5px 6px;
        border: 0
    }

    .landing-page .page-box-list .box .hover a {
        padding-top: 21px
    }

    body.en .home .right-col.banner-right-col {
        position: absolute;
        top: 235px;
        right: 20px;
        padding: 28px 0 0;
        z-index: 992;
        padding-bottom: 7px
    }

    body.en .home .right-col.banner-right-col .currency-table-wrapper {
        padding: 0;
        margin-left: 0;
        min-height: 252px
    }

    body.en .home .right-col.banner-right-col .currency-table-wrapper .table-1,
    body.en .home .right-col.banner-right-col .currency-table-wrapper .table-modal {
        height: 240px
    }

    body.en .home .right-col.banner-right-col .currency-table-wrapper .table-modal .close a {
        width: 152px
    }

    body.en .home .right-col.banner-right-col .controls small {
        font-size: 10px
    }

    body.en .home .right-col.banner-right-col .btn-apply-now {
        background: url(../img/desktop/bg-hemen-basvur.png) left top no-repeat;
        padding-left: 24px;
        width: 242px
    }

    body.en .home .right-col.banner-right-col .btn-apply-now-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media all and (max-width:1199px) and (min-width:1025px) {
    .calculate-btn-group {
        width: 50%
    }

    #header .top .nav {
        margin: 7px 0 0 0
    }

    .top-links {
        float: left;
        width: 35%
    }

    .top-right-button {
        float: right
    }

    #header .bottom .logo {
        margin-left: -3px
    }

    #header .top .products-and-service {
        line-height: 17px;
        margin-top: 8px
    }

    #header .bottom .main-nav {
        margin: inherit
    }

    #header .bottom .main-nav ul {
        background: inherit;
        position: static;
        top: inherit;
        display: inherit
    }

    .home .left-col .main-slider .item img {
        width: 380px;
        height: 406px
    }

    .home .left-col .main-slider .item h2 {
        width: 35%;
        letter-spacing: -.8px;
        font-size: 30px
    }

    .home .left-col .main-slider .item h2 small {
        display: none
    }

    .kur-bg {
        margin-left: 130px
    }

    .home .calculation {
        margin-top: -63px
    }

    .home .calculation .form-group.w1 {
        width: 180px
    }

    .home .calculation .form-group.w2 {
        width: 130px
    }

    .home .calculation .form-group.w3 {
        width: 240px
    }

    .home .calculation .form-group.w4 {
        width: 130px
    }

    .home .calculation .form-group.w5 {
        width: 390px
    }

    .home .calculation .form-group.w6 {
        width: 160px
    }

    .home .calculation .form-group.w7 {
        width: 286px
    }

    .home .calculation .form-group.w9 {
        width: 181px
    }

    .home .calculation .tab-item .currency-calc .form-group .select {
        width: 125px
    }

    .home .calculation .tab-item .currency-calc input.disabled {
        width: 125px
    }

    .home .calculation .tab-item .currency-calc .btn {
        width: 125px
    }

    .home .campaigns .campaign img {}

    .home .campaigns .campaign p {
        letter-spacing: -.8px
    }

    #footer .top ul li.col1 {
        width: 176px;
        padding: 0 0 0 15px
    }

    #footer .top ul li.col2 {
        width: 115px
    }

    .landing-page .page-top .item .text h2 {
        margin-top: 0
    }

    .landing-page .page-box-list .box {
        height: 270px
    }

    .landing-page .page-box-list .box {
        margin-bottom: 30px
    }

    .landing-page .page-box-list .box .hover a {
        padding: 12px 13px 0
    }

    .landing-page .page-box-list .box .one {
        padding: 25px 0;
        border: 0
    }

    .landing-page .page-box-list .box .hover .one a {
        padding-top: 0
    }

    .landing-page .page-box-list .box .hover .one i {
        width: 45px;
        height: 45px;
        font-size: 20px;
        padding: 12px 0;
        margin-bottom: 8px
    }

    .finance-portal .summary .item i {
        margin-right: 10px
    }

    .subpage-content,
    .fullpage-content {
        padding: 25px 25px 20px
    }

    .service-detail .accItem.inside .accContent.inside {
        padding: 20px 0 0
    }

    .service-detail table thead td,
    .service-detail table thead th {
        padding: 0 6px 2px;
        font-size: 14px
    }

    .service-detail table tbody td {
        padding: 10px 6px 12px;
        font-size: 12px
    }

    .subpage-left .links li a {
        padding-left: 10px
    }

    .subpage-left .links li a i {
        right: 0 !important
    }

    .subpage-left .links li a.links-tf {
        padding-top: 25px !important
    }

    #footer .top ul li.col1 {
        width: 202px;
        padding: 0 0 0 15px
    }

    li.col3 {
        width: 130px
    }

    .gallery-slider-container .gallery-slider {
        width: 80%
    }

    .main-slider-container .item-green.active {
        margin-left: -3241px
    }

    .main-slider-container .item-turquoise.active {
        margin-left: -3265px
    }

    .main-slider-container .text-top.active {
        margin-left: -647px
    }

    .main-slider-container .text-top.active:focus {
        position: absolute !important
    }

    .main-slider-container .text-bottom.active {
        margin-left: -247px
    }

    #header .top .internet-banking {
        margin-right: 0
    }

    .page-top .item-turquoise.active {
        margin-left: -3312px
    }

    .page-top .item-green.active {
        margin-left: -3284px
    }

    .landing-page .page-top .owl-controls {
        margin-left: 0;
        left: 10px
    }

    .campaign-slider {
        padding: 0
    }

    #header .bottom .main-nav li a.first {
        padding: 0 8px
    }

    #header .bottom .main-nav ul {
        float: right
    }
}

@media all and (max-width:1025px) and (min-width:768px),
(max-width:767px) {
    .hub-container {
        width: 273px;
        height: 112px;
        right: 34px;
        top: 186px;
        z-index: 999999
    }

    .landing-page #application-form-tab .box p {
        font-size: 16px !important
    }

    .campaign-links {
        display: none !important
    }

    .home .campaigns .campaign {
        max-height: 414px
    }

    .home .static-campaign .campaign .campaign-left .campaign-content {
        width: auto !important
    }

    .home .static-campaign .campaign .campaign-left .campaign-content h4 {
        width: 185px !important
    }

    .home .static-campaign .campaign .campaign-left .campaign-content p {
        width: 140px !important
    }

    .home .static-campaign .campaign .campaign-left::after,
    .home .static-campaign .campaign .campaign-left::before {
        width: 247px !important
    }

    .card-dots {
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 151px
    }

    .animate-customer,
    .animate-key,
    .animate-internet-banking {
        display: none !important
    }

    li.sub:nth-child(5) {
        padding-bottom: 25px !important;
        border-bottom: 1px solid #3e3e3e !important;
        padding-bottom: 0
    }

    li.sub:nth-child(6) {
        padding-top: 25px !important;
        border-top: 1px solid #282b2b
    }

    li.sub:nth-child(6) a,
    li.sub:nth-child(7) a,
    li.sub:nth-child(8) a,
    li.sub:nth-child(9) a,
    li.sub:nth-child(10) a {
        font-size: 17px !important;
        opacity: .5
    }

    li.sub.LanguageRed {
        width: 50% !important;
        float: left !important;
        margin-top: 17px;
        padding: 25px 0 !important;
        border-top: 1px solid #3e3e3e !important
    }

    li.sub.LanguageRed a {
        font-size: 17px !important
    }

    li.sub.LanguageRed .icon-arrow-down,
    li.sub:nth-child(10) .icon-arrow-down {
        display: none !important
    }

    .main-slider-container .text-bottom {
        color: #fff
    }

    .tooltip-calc {
        bottom: -59px
    }

    #header .top .internet-banking {
        margin-right: 0;
        margin-left: -1px
    }

    .bottom .logo img {
        width: 417px;
        height: auto
    }

    #header .bottom .search {
        position: absolute;
        right: 60px;
        top: 43px;
        margin: 0;
        float: none
    }

    #header .bottom .search i {
        font-size: 16px
    }

    #header .bottom .main-nav .btn-nav {
        display: block !important;
        position: absolute;
        right: 0;
        top: 37px
    }

    #header .bottom .main-nav .btn-nav {
        color: #002a42
    }

    #header .bottom .main-nav .btn-nav:active {
        color: #458666
    }

    #header .top .products-and-service {}

    #header .bottom .main-nav .btn-nav i {
        font-size: 29px
    }

    #header .bottom .main-nav .btn-nav i.icon-close-2 {
        font-size: 20px;
        padding: 10px;
        display: block
    }

    #header .bottom .main-nav ul.navigate {
        display: none;
        background: #2e3030;
        overflow: hidden;
        position: absolute;
        top: 102px;
        padding: 0
    }

    #header .bottom .main-nav ul.navigate li.sub {
        float: none;
        padding: 15px 0;
        border-bottom: 0
    }

    #header .bottom .main-nav ul.navigate li.sub:last-child {
        border: 0
    }

    #header .bottom .main-nav ul.navigate li.sub#LanguageRed .icon-arrow-down {
        display: none
    }

    #header .bottom .main-nav ul.navigate li.sub .first {
        height: auto;
        line-height: 1.2;
        color: #fff;
        padding: 0 15px;
        font: 20px "gtEestiDisplay-Light"
    }

    #header .bottom .main-nav ul.navigate li.sub .first:hover,
    #header .bottom .main-nav ul.navigate li.sub .first:hover .touch,
    #header .bottom .main-nav ul.navigate li.sub.selected a {
        color: #458666
    }

    #header .bottom .main-nav ul.navigate li.sub .first .touch {
        width: 50px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        position: absolute;
        right: 0;
        top: -2px;
        color: #fff;
        font-size: 15px;
        display: block
    }

    #header .bottom .main-nav ul.navigate li.sub .first i {
        display: none !important
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap {
        position: relative;
        top: 10px;
        padding: 0;
        background: none;
        margin-bottom: 10px;
        margin-top: 10px
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap .container {
        padding: 0
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap ul {
        padding: 0
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap li {
        font-size: 16px;
        border-bottom: 0;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap li.active a {
        color: #458666
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap li a {
        color: #abacac;
        padding: 0 15px;
        display: block
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap li a:hover {
        color: #458666
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap ul:last-child li:last-child {
        border: 0;
        margin-bottom: 0
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap ul>li>ul {
        margin-top: 15px;
        padding-right: 0;
        padding-top: 10px;
        background-color: #252525;
        margin-bottom: -10px
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap ul>li>ul>li {
        float: none;
        border-color: #0b3249
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap ul>li>ul>li>a {
        color: #cdd3d7;
        font-size: 14px
    }

    .tablet .landing-page .page-box-list .box .hover a {
        padding-top: 48px
    }

    .tablet .landing-page .page-box-list .box .hover a span {
        font-size: 13px
    }

    .tablet .landing-page .page-box-list .box .one {
        padding: 0
    }
}

@media all and (max-width:1025px) and (min-width:768px) {
    .home .static-campaign .campaign .campaign-left .campaign-content {
        margin-left: 20px;
        top: 15px
    }

    .card-dots {
        bottom: 22px
    }

    #header .bottom .search .auto-search-box {
        width: 660px !important
    }

    a {
        -webkit-transition: none !important;
        transition: none !important
    }

    .btn-apply-now-v2 {
        width: 48% !important;
        margin-right: 4% !important
    }

    .btn-apply-now-v3 {
        width: 48% !important
    }

    .page table thead td,
    .page table thead th {
        padding: 0 10px 2px 10px
    }

    #header .top .nav {
        padding-right: 0;
        margin-top: 4px
    }

    #header .top .nav li:last-child {
        margin: 0
    }

    #header .top .instant-password {
        float: left
    }

    #header .bottom .logo {
        margin-left: -3px
    }

    #header .bottom .search {
        top: 44px;
        right: 80px
    }

    #header .bottom .search i {
        font-size: 22px
    }

    #header .bottom .main-nav .btn-nav {
        top: 45px;
        right: -40px
    }

    #header .bottom .main-nav .btn-nav:hover {
        color: #458666
    }

    #header .bottom .main-nav .btn-nav i {
        font-size: 20px
    }

    #header .bottom .main-nav .btn-nav i.icon-close-2 {
        font-size: 22px;
        padding: 0 5px 0 0;
        display: block
    }

    .home .left-col .main-slider {
        height: 450px
    }

    .home .left-col .main-slider .item img {
        width: 380px;
        height: 406px
    }

    .home .left-col .main-slider .item h2 {
        width: 40%;
        letter-spacing: -.8px;
        font-size: 30px
    }

    .home .left-col .main-slider .item h2 small {
        display: none
    }

    .home .right-col {
        margin: 0;
        padding: 5px 15px 40px 15px;
        position: static;
        top: inherit;
        right: inherit;
        width: 100%;
        overflow: hidden
    }

    .home .right-col .currency-table-wrapper {
        padding: 0;
        margin-left: 0;
        overflow: hidden;
        margin-top: 40px
    }

    .kur-bg {
        display: none
    }

    .auto-search-box .content .form-group label {
        float: right;
        height: 42px;
        background: #00c5b4;
        color: #fff;
        padding: 0 15px;
        line-height: 43px;
        position: absolute;
        z-index: 999999;
        right: 0;
        font-size: 16px;
        display: block
    }

    .auto-search-box .content .form-group label:before {
        content: "";
        width: 11px;
        height: 100%;
        position: absolute;
        left: -4px;
        top: 0;
        z-index: 1;
        transform: skew(-10deg);
        -webkit-transform: skew(-10deg);
        background: #00c5b4
    }

    .auto-search-box .content .form-group label {
        padding: 0 15px 0 11px
    }

    .home .right-col .currency-table-wrapper .table-modal .close {
        bottom: -78px !important;
        width: 49%;
        right: 11px
    }

    .home .right-col .currency-table-wrapper .controls small {
        font-size: 9px
    }

    .home .right-col .btn-apply-now {
        height: 65px;
        margin-bottom: 30px;
        background: #fff;
        position: relative;
        padding: 0;
        margin: 0;
        margin-bottom: 20px
    }

    .home .right-col .btn-apply-now a {
        padding-top: 22px !important
    }

    .home .right-col .btn-apply-now br {
        display: none
    }

    .home .right-col .btn-apply-now i {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 22px;
        left: 21px
    }

    .home .calculation .tab-wrapper {
        margin: 0 20px
    }

    .home .calculation .tab-item .form-group.w7,
    .home .calculation .tab-item .form-group.w9 {
        margin-right: 0
    }

    .home .calculation .tab-item .form-group {
        float: none;
        margin-right: 0;
        width: inherit !important
    }

    .home .calculation .tab-item .form-group label {
        margin-top: 15px
    }

    .home .calculation .tab-item .form-group .select.w200 {
        width: 100%
    }

    .home .calculation .tab-item .form-group .select.w150 {
        width: 100%
    }

    .home .calculation .tab-item .form-group .input input {
        width: 100%
    }

    .home .calculation .tab-item .form-group .btn {
        margin-top: 25px
    }

    .home .calculation .tab-item .currency-calc .btn {
        width: 100%;
        margin-top: 0
    }

    .home .calculation .tab-item .currency-calc .form-group.last {
        margin-top: 20px
    }

    .home .calculation .tab-item .currency-calc .disabled {
        margin-top: 20px
    }

    .home .calculation .tab-item .form-group.last {
        clear: both;
        overflow: hidden
    }

    .home .campaigns .campaign img {}

    .home .right-col .currency-table-wrapper .controls p {
        padding-left: 22px
    }

    .home .right-col .currency-table-wrapper .table-modal .controls .icon-info {
        bottom: 0
    }

    #footer .top {
        height: auto
    }

    #footer .top li {
        border-right: 1px solid #e0e0e0
    }

    #footer .top li:last-child {
        border-right: none
    }

    #footer .top li.br0 {
        border-right: none
    }

    #footer .center {
        min-height: 154px
    }

    #footer .center .social {
        margin: 22px 4px 0 0
    }

    #footer .center .social li.first {
        margin-left: 0
    }

    #footer .center h6 {
        font-size: 14px;
        font-family: 'gtEestiDisplay-Regular';
        margin: 20px 0 10px 5px;
        line-height: 1.2
    }

    #footer .center h6.first {
        margin-left: 5px
    }

    #footer .center ul.list {
        margin: 10px 0 0 5px
    }

    #footer .bottom {
        height: auto;
        padding-bottom: 15px
    }

    #footer .bottom .telephone {
        margin: 0 4px 0 0
    }

    #footer .bottom p {
        margin: 10px 0 0 5px;
        color: #fff
    }

    #footer .bottom .nav {
        margin-left: 5px
    }

    .landing-page .page-top .item .text h2 {
        margin-top: 0;
        font-size: 30px
    }

    .landing-page .page-top .item img {
        right: 40px;
        top: 70px;
        height: 210px
    }

    .landing-page .page-top .owl-controls {
        margin-left: 0;
        left: 15px;
        bottom: 10px
    }

    .landing-page .page-box-list .box {
        margin-bottom: 30px;
        height: 267px
    }

    .landing-page .page-box-list .box .hover a {
        padding: 45px 20px 0;
        font-size: 15px;
        line-height: 121px
    }

    .landing-page .page-box-list .box p {
        height: 60px
    }

    .landing-page .page-box-list .box img {}

    .landing-page .page-box-list .box .one {
        padding: 26px 0;
        border: 0
    }

    .landing-page .page-top .item .text {
        margin-left: 10px
    }

    .landing-page .landing-bottom.links div.links-calc i {
        right: 25px
    }

    .subpage-bottom.links {
        padding: 0 0 0 15px
    }

    .subpage-bottom.links ul {
        margin-top: 30px
    }

    .subpage-bottom.links li {
        position: relative;
        width: 50%;
        float: left
    }

    .subpage-bottom.links li a {
        height: auto;
        font-size: 20px;
        color: #2e3030;
        line-height: 1;
        display: block;
        padding: 20px 0 26px 20px
    }

    .subpage-bottom.links li a i {
        display: block;
        position: absolute;
        right: 20px;
        top: 0
    }

    .subpage-bottom.links li a.links-tf i {
        width: 55px;
        height: 62px;
        background: url(../img/bg-links-tf.png) center center no-repeat
    }

    .subpage-bottom.links li a.links-calc i {
        width: 47px;
        height: 62px;
        background: url(../img/bg-links-calc.png) center center no-repeat
    }

    .subpage-bottom.links .links li.last {
        border: 0
    }

    .subpage-bottom.links li.last {
        border-left: 1px solid #c7c7c7
    }

    .subpage-bottom.links .cross-marketing {
        margin: 30px 0 0;
        text-align: center
    }

    .search-branch-result {
        padding: 0;
        margin-top: 30px
    }

    .form-wrapper .form-group .btn {
        margin-top: 0
    }

    .card-list .card h2 {
        font-size: 19px
    }

    .card-list .card h2 {
        margin-bottom: 10px
    }

    .card-list .card {
        height: 154px;
        padding-right: 230px
    }

    .card-list .card .card-images {
        width: 200px;
        height: 126px
    }

    .subpage-left .links li a i {
        right: 20px
    }

    .page .images {
        width: 210px
    }

    .page .images img {
        height: auto
    }

    .accItem .accContent .images {
        width: 170px;
        margin: 0 0 20px 20px
    }

    .islem-kanallari .channel-item a {
        font-size: 13px;
        margin: 15px 2px 0
    }

    .subpage-content,
    .fullpage-content {
        padding: 25px 25px 20px
    }

    .service-detail .accItem.inside .accContent.inside {
        padding: 20px 0 0
    }

    .service-detail table thead td,
    .service-detail table thead th {
        padding: 0 6px 2px;
        font-size: 14px
    }

    .service-detail table tbody td {
        padding: 10px 6px 12px;
        font-size: 12px
    }

    .finance-portal .summary {
        padding-left: 0
    }

    .finance-portal .summary .item {
        margin-left: 14px
    }

    .finance-portal .summary .item i {
        margin-right: 10px
    }

    .finance-portal .box.box-12 {
        height: auto
    }

    .finance-portal .box.box-12 .boxInner {
        margin-bottom: 20px
    }

    .main-slider-container .item-green.active {
        margin-left: -3103px
    }

    .main-slider-container .item-turquoise.active,
    .page-top .item-turquoise.active {
        margin-left: -3129px
    }

    .main-slider-container .text-top.active {
        margin-left: -516px
    }

    .main-slider-container .text-bottom.active {
        margin-left: -97px
    }

    .main-slider-container .owl-controls,
    .page-top .owl-controls {
        margin-right: 158px
    }

    .main-slider-container .text-top {
        -webkit-transition: all .3s ease !important;
        transition: all .3s ease !important
    }

    .home .right-col .btn-apply-now a {
        margin-left: 0;
        padding-left: 61px;
        line-height: 24px;
        padding-top: 22px;
        font-size: 22px
    }

    .btn-apply-now-v2,
    .btn-apply-now-v3 {
        position: relative
    }

    .new-btn-apply-now a::before,
    .new-btn-apply-now-2 a::before {
        z-index: -1
    }

    .btn-apply-now-v2 a,
    .btn-apply-now-v3 a {
        position: relative;
        z-index: 3
    }

    .btn-apply-now-v3 a {
        color: #424443 !important
    }

    .new-btn-apply-now a span,
    .new-btn-apply-now-2 a span {
        font-size: 20px;
        top: 25px;
        text-indent: 0
    }

    .currencyRate i {
        right: 10px
    }

    .home .right-col .currency-table-wrapper table td.pl20 {
        padding-left: 0 !important
    }

    .home .right-col .currency-table-wrapper table td.pr20 {
        padding-right: 0 !important
    }

    #footer .top ul li::after {
        display: none
    }

    #footer .bottom .nav li:first-child,
    #footer .bottom .nav li:last-child {
        border: 0;
        padding-left: 0;
        margin-bottom: 10px
    }

    #footer .bottom .nav li:first-child {
        padding-left: 0
    }

    .home .calculation {
        margin-bottom: 45px
    }

    .landing-page .landing-bottom.links div a,
    .landing-page .landing-bottom.links div.links-apply-now a {
        font-size: 18px
    }

    .landing-page .landing-bottom.links div.links-calc i {
        background-size: 100%;
        top: 6px;
        width: 90px;
        height: 104px
    }

    .landing-page .landing-bottom.links div.links-apply-now i {
        width: 90px;
        height: 93px;
        top: 3px;
        background-size: 100%;
        top: 9px
    }

    .landing-page .page-box-list .box .page-box-content {
        width: 217px;
        left: -67px;
        padding-left: 75px
    }

    .landing-page .page-box-list .box h3 {
        font-size: 17px
    }

    .landing-page .page-box-list .box p {
        font-size: 14px;
        height: auto;
        margin-left: 18px
    }

    .landing-page .page-box-list.v2 .box p {
        margin-left: 13px
    }

    .landing-page .page-box-list .box>a>img {
        margin-left: 0
    }

    .tablet .landing-page .page-box-list .box .hover a {
        padding-top: 20px
    }

    .tablet .landing-page .page-box-list .box .hover a span {
        font-size: 15px
    }

    .landing-page .page-box-list .box .hover a i {
        margin-top: 47px;
        margin-right: 19px;
        font-size: 25px;
        margin-left: -7px
    }

    .landing-page .page-top .item-turquoise.active {
        margin-left: -3326px
    }

    .landing-page .page-top .item-green.active {
        margin-left: -3299px
    }

    .landing-page .page-top .item .text {
        max-width: 351px;
        padding: 23px 0 0 9px;
        height: 248px
    }

    .landing-page .page-top .item .text h2 {
        margin-top: 0;
        font-size: 26px
    }

    .landing-page .page-top .item .text p {
        font-size: 16px;
        margin: 18px 0 0 0
    }

    .landing-page .page-top .item .text p br {
        display: none !important
    }

    .landing-page .page-top .item .text .buttons a {
        font-size: 14px;
        padding: 12px 17px
    }

    .landing-page h1 {
        font-size: 35px;
        line-height: 93px
    }

    .home .right-col .currency-table-wrapper .table-modal.table-3 .close {
        left: 11px
    }

    .home .calculation .tab-item {
        padding-top: 15px
    }

    .home .right-col .currency-table-wrapper .table-modal .controls .karpaylari-info {
        left: 0
    }

    #header .auto-search-box .arrow-top {
        right: 69px
    }

    .download-media {
        margin-top: 20px
    }

    .home .announcements {
        padding: 0 10px 0 0
    }

    #content.landing-page {
        padding: 0 0 5px 0
    }

    .campaign-slider {
        padding: 0 10px
    }

    .main-slider-container .banner-bg div {
        background-position: right 75px top
    }

    .new-btn-apply-now {
        width: 48% !important;
        margin-right: 4% !important
    }

    .new-btn-apply-now-2 {
        width: 48% !important
    }
}

@media(max-width:767px) {
    .sg-wrapper .sg-btn .sg-btn-list li {
        display: block;
        background: unset;
        width: 100%;
        padding: 0 10px
    }

    .sg-wrapper .sg-btn .sg-btn-list li a {
        padding: 15px 10px 15px 10px;
        min-height: inherit
    }

    .sg-wrapper .sg-btn .sg-btn-list li a:hover {
        background: #458666;
        border-color: #458666
    }

    .sg-wrapper .sg-btn .sg-btn-list li a i {
        left: 10px;
        margin-left: 0
    }

    #videoModalHomePage iframe {
        width: 100%
    }

    .multiple-urunler ul li {
        widdth: 50% !important
    }

    .en .individual-calculation {
        height: auto !important
    }

    .en .main-slider-container .text-box {
        position: absolute;
        bottom: 65px
    }

    .en .home .main-slider-container {
        height: 380px
    }

    .en .calculation-market-data {
        padding-top: 20px !important
    }

    #footer .top ul li a {
        padding: 0 3px
    }

    .profit-share-calculation {
        margin-top: 20px
    }

    .bol-kepce-calculation .calculation-result-box,
    .bol-kepce-calculation .calculation-result-box.first-row {
        margin-bottom: 20px
    }

    .bol-kepce-calculation .calculation-result-one {
        margin-right: 0 !important
    }

    .bol-kepce-calculation .calculation-result-two {
        padding-left: 15px
    }

    .home .right-col .currency-table-wrapper {
        min-height: auto
    }

    span.vehicle-financing::after {
        display: none
    }

    .all-references {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0
    }

    .hub-container {
        width: 160px;
        right: 30px;
        z-index: 999999;
        height: 104px;
        top: 88px;
        background-size: 100%
    }

    .home .static-campaign .campaign .campaign-left .campaign-content {
        margin-left: 14px;
        top: 12px
    }

    .home .static-campaign .campaign .campaign-left .campaign-content h4 {
        width: 115px !important
    }

    .home .campaigns .campaign .campaign-left::before {
        width: 217px !important
    }

    .home .campaigns .campaign .campaign-left::after {
        width: 230px !important
    }

    .home-campaign-container {
        margin-bottom: 0;
        margin-top: 5px
    }

    .calculation-market-data {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 15px !important
    }

    .home .right-col {
        padding: 0 5px 0 !important
    }

    .home .right-col .buttons,
    .home .right-col .currency-table-wrapper {
        border: none
    }

    .currecny-box h4 {
        padding: 28px 0 0 15px
    }

    .home .right-col .buttons li a {
        margin-top: 7px
    }

    .home .right-col .buttons {
        height: auto;
        overflow: hidden
    }

    #piyasalar,
    #kar-paylari,
    #bist,
    .currency-table-wrapper .buttons {
        padding: 0 15px
    }

    .payment-plan-summary {
        border-bottom: 1px solid #f8f8f8
    }

    .home .right-col .currency-table-wrapper table,
    .market-data-appyl-now a.calculation-btn {
        width: 100% !important
    }

    .home .right-col .currency-table-wrapper .owl-controls,
    .home .right-col .currency-table-wrapper .table-modal .controls a {
        right: 17px !important
    }

    .market-data-appyl-now {
        padding: 0 15px 25px 15px;
        border-bottom: 5px solid #f1f1f1
    }

    .btn-kar-paylari {
        bottom: -20px !important
    }

    .home .right-col .currency-table-wrapper #piyasalar:before,
    .home .right-col .currency-table-wrapper .table-3 .slider:before,
    .home .right-col .currency-table-wrapper .table-2 .slider:before {
        left: 20px !important;
        right: 20px !important
    }

    #header .top .internet-banking-panel .login,
    .new-password-btn {
        transform: skew(-10deg);
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -ms-transform: skew(-10deg)
    }

    .footer-bottom>div {
        padding-right: 0 !important
    }

    .individual-calculation .select,
    .individual-calculation input {
        border-radius: 0 !important
    }

    #header .top .internet-banking-panel {
        height: auto;
        overflow: hidden
    }

    #header .top .internet-banking-panel .login span {
        -webkit-transform: skew(10deg) !important
    }

    #header .top .internet-banking-panel .login.first {
        margin-right: 20px
    }

    #header .top .internet-banking-panel {
        padding: 20px 20px
    }

    .new-password-btn {
        width: 98% !important
    }

    .card-dots {
        left: 50%;
        transform: translateX(-50%);
        padding-left: 130px;
        bottom: 23px;
        margin-right: -56px
    }

    .new-btn-apply-now-2 {
        margin-top: 20px !important
    }

    li.sub:nth-child(5) {
        padding-bottom: 24px;
        padding-bottom: 25px !important;
        border-bottom: 1px solid #3e3e3e !important;
        padding-bottom: 0
    }

    li.sub:nth-child(6) {
        padding-top: 25px;
        border-top: 1px solid #282b2b
    }

    #header .bottom .main-nav .btn-nav {
        right: 5px
    }

    #header .bottom .search {
        right: 55px
    }

    .icon-tfkb-ses-dosyasi-icon,
    .download-pdf {
        float: right;
        padding-right: 5px;
        padding-bottom: 5px
    }

    .download-pdf {
        padding-right: 3px
    }

    .home .play-control {
        margin-left: 0 !important;
        position: relative;
        left: auto !important;
        right: auto
    }

    .home .play-control .play,
    .home .play-control .pause {
        position: static;
        top: auto;
        left: auto
    }

    .main-slider-container .owl-dots,
    .page-top .owl-dots {
        float: none !important
    }

    .main-slider-container .owl-controls,
    .page-top .owl-controls {
        right: auto;
        margin: 0 !important
    }

    .home .announcements-container {
        border-top: 6px solid #f1f1f1;
        padding: 0 20px;
        margin: 0 !important
    }

    .home .announcements {
        margin-top: 28px;
        position: relative
    }

    .home .announcements,
    .home .announcements h4 {
        padding: 0 !important
    }

    .announcements-list .form-group .select {
        width: 100%
    }

    .home .announcements i {
        font-size: 31px
    }

    .home .announcements .text,
    .home .announcements .text p {
        margin-left: 0;
        padding: 0
    }

    .home .announcements .text p {
        font-size: 12px
    }

    .home .announcements .controls {
        margin: 0 10px 0 42px;
        position: absolute;
        top: 0;
        right: 0
    }

    .home .announcements i {
        margin: 20px 20px 0 0
    }

    .home .announcements p {
        margin-top: 20px
    }

    .landing-page .page-top .banner-bg div {
        left: 0
    }

    .main-slider-container .banner-bg .banner-right {
        background-size: 131%;
        background-position: top right
    }

    .main-slider-container .text-top,
    .page-top .text-top,
    .main-slider-container .text-bottom {
        line-height: 26px
    }

    .mobileHide {
        display: none !important
    }

    .btn-apply-now.btn-apply-now-2.new-btn-apply-now-2.hidden-md.hidden-lg.noindex.col-sm-12.col-xs-12.btn-apply-now-v3 {
        margin-top: 15px;
        margin-left: 10px
    }

    .gold-branch .form-group {
        width: 100%
    }

    .search-text {
        display: block
    }

    .bottom .logo {
        margin-top: 0 !important
    }

    .bottom .logo img {
        height: auto;
        width: 235px !important
    }

    .main-slider-container a.main-slider-small-link {
        display: none
    }

    .auto-search-box .content .form-group label {
        float: right;
        height: 42px;
        background: #00c5b4;
        color: #fff;
        padding: 0 15px;
        line-height: 43px;
        position: absolute;
        z-index: 999999;
        right: 0;
        font-size: 16px
    }

    .main-slider-container a br {
        display: none
    }

    .main-slider-container .text-top,
    .main-slider-container .text-bottom {
        position: static !important
    }

    .main-slider-container .owl-controls,
    .page-top .owl-controls {
        overflow: inherit !important
    }

    .en #header .top .internet-banking {
        width: 50%
    }

    .icon-Play,
    .icon-Pause {
        color: #78dbd0 !important
    }

    .en #footer .top,
    .en #footer .top ul li {
        height: 72px
    }

    #header .bottom .search .auto-search-box {
        width: 280px;
        right: -53px;
        top: 55px;
        border-radius: 0
    }

    #header .bottom .search .auto-search-box .arrow-top {
        right: 58px
    }

    .device .landing-page .page-box-list .box .hover .one a {
        padding: 57px 0 0 0
    }

    .device .landing-page .page-box-list .box .hover .one i {
        width: auto;
        height: auto;
        margin-bottom: 10px
    }

    .board-of-directors .user {
        padding: 0 30px;
        height: auto
    }

    a {
        -webkit-transition: none !important;
        transition: none !important
    }

    .subpage-bottom .cross-marketing {
        display: block
    }

    #suiteBar,
    #s4-ribbonrow {
        display: none
    }

    #header .top .products-and-service {
        line-height: 32px
    }

    #header .top .products-and-service {
        float: none;
        margin: 8px 0 0 1px !important;
        line-height: 16px;
        padding-right: 30px;
        display: none
    }

    #header .top .products-and-service a {
        float: none;
        font-size: 10px;
        line-height: 14px
    }

    #header .top .products-and-service span {
        margin-top: 8px
    }

    #header .top .internet-banking-panel>a {
        float: left;
        width: 46%
    }

    #header .top .internet-banking-panel .login {
        margin-left: 10px
    }

    #header .top .internet-banking-panel ul li a {
        display: block;
        padding: 5px 0
    }

    #header .top .internet-banking,
    #header .top .instant-password {
        padding: 0
    }

    .en-red-box .btn {
        font-size: 16px !important;
        line-height: 23px !important;
        padding-right: 0 !important
    }

    #header .top .internet-banking,
    #header .top .instant-password {
        overflow: inherit
    }

    #header .top .internet-banking-panel,
    #header .top .instant-password-panel {
        width: 100%;
        z-index: 1000;
        position: relative;
        display: none;
        top: 0;
        transform: inherit;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        margin-left: -25px
    }

    #header .top .internet-banking-panel .login,
    #header .top .instant-password-panel {
        margin: 0
    }

    #header .top .internet-banking-panel ul {
        overflow: hidden;
        margin: 13px 0 0
    }

    #header .top .internet-banking-panel ul li a {
        display: block;
        padding: 5px 0
    }

    #header .top .internet-banking .btn,
    #header .top .instant-password .btn {
        font-size: 11px;
        padding-left: 10px;
        line-height: 16px
    }

    #header .top .instant-password .btn {
        padding-left: 14px;
        padding-right: 41px
    }

    .red-box a {
        font-size: 16px
    }

    #header .bottom {
        height: auto
    }

    #header .bottom .logo {
        margin: 5px 0 0 0;
        height: auto;
        width: auto
    }

    #header .bottom .logo img {
        width: 187px
    }

    #header .bottom .main-nav .btn-nav {
        right: 13px;
        top: 28px
    }

    #header .bottom .main-nav .btn-nav i {
        font-size: 20px
    }

    #header .bottom .main-nav .btn-nav i.icon-close-2 {
        padding: 0
    }

    #header .bottom .main-nav ul.navigate {
        top: 54px
    }

    #header .bottom .main-nav {
        right: 12px
    }

    #header .bottom .search {
        width: 50px;
        top: 9px;
        right: 58px
    }

    .home .campaigns .campaign .campaign-left .campaign-content {
        width: 126px
    }

    #header .bottom .search a {
        padding: 18px 0;
        display: block;
        text-align: center
    }

    .home .left-col {
        padding: 0 0 0 16px
    }

    .home .left-col .main-slider {
        height: 230px;
        top: 0
    }

    .home .left-col .main-slider .item {
        height: 180px
    }

    .home .left-col .main-slider .item img {
        right: 20px;
        width: auto;
        height: 160px;
        top: 20px
    }

    .home .left-col .main-slider .item h2 {
        width: 45%;
        margin-top: 25px;
        font-size: 18px;
        letter-spacing: -.8px;
        font-family: 'gtEestiDisplay-Regular'
    }

    .home .left-col .main-slider .item h2 small {
        font-size: 16px;
        display: none
    }

    .safari .home .left-col .main-slider .item .btn-detail {
        display: none
    }

    .home .campaigns .campaign-slider {
        width: 100%;
        padding: 0 16px
    }

    .home .campaigns .campaign {
        width: 100%;
        margin: auto;
        overflow: hidden;
        max-width: 385px;
        max-height: 244px;
        margin-bottom: 20px
    }

    .home .campaigns .campaign .campaign-img {
        float: right
    }

    .home .campaigns .owl-controls {
        margin: 0
    }

    .home .campaigns .campaign h4 {
        font-size: 25px !important
    }

    .home .calculation {
        padding: 0 16px;
        margin-bottom: 10px;
        margin-top: 32px
    }

    .home .calculation .tab-title {
        margin: 0
    }

    .home .calculation .tab-title ul {
        padding-top: 0
    }

    .home .calculation .tab-title li {
        width: 32.8%;
        margin: 0;
        text-align: center;
        background: #353636
    }

    .home .calculation .tab-title li a {
        -webkit-transition: none;
        transition: none;
        padding: 11px 11px 15px;
        font-size: 14px !important
    }

    .home .calculation .tab-title li+li {
        margin-left: 2px
    }

    .safari .home .calculation .tab-title li a {
        padding-top: 10px
    }

    .home .calculation .tab-title li.active {
        background: #424443
    }

    .press-room-list table tr td.url a {
        position: relative;
        padding-left: 40px
    }

    .press-room-list table.list tr td.url i {
        color: #00436a;
        font-size: 20px;
        margin: 1px 20px 0 0;
        position: absolute;
        left: 10px;
        top: 14px
    }

    .home .calculation .tab-item {
        padding-top: 0;
        margin: -5px 0 0
    }

    .home .calculation .tab-item .form-group.w4 {
        overflow: hidden
    }

    .home .calculation .tab-item .form-group.w7,
    .home .calculation .tab-item .form-group.w9 {
        margin-right: 0
    }

    .home .calculation .tab-item .form-group {
        float: none;
        margin-right: 0;
        overflow: hidden
    }

    .home .calculation .tab-item .form-group label {
        margin-top: 15px
    }

    .home .calculation .tab-item .form-group .select.w200 {
        width: 100%
    }

    .home .calculation .tab-item .form-group .select.w150 {
        width: 100%
    }

    .home .calculation .tab-item .form-group .input input {
        width: 100%
    }

    .home .calculation .tab-item .form-group .btn {
        margin-top: 25px
    }

    .home .calculation .tab-item .currency-calc .btn {
        width: 100%;
        margin-top: 0
    }

    .home .calculation .tab-item .currency-calc .form-group.last {
        margin-top: 20px
    }

    .home .calculation .tab-item .currency-calc .disabled {
        margin-top: 20px
    }

    .home .calculation .tab-item .faal-card {
        float: none
    }

    .home .calculation .tab-item .faal-card h3 {
        margin-top: 15px
    }

    .home .calculation .tab-item .currency-calc {
        width: 100%;
        float: none;
        margin: 20px 0 0;
        overflow: hidden
    }

    .iphone .select.native-select {
        padding-top: 0 !important;
        line-height: 38px !important
    }

    .iphone .home .calculation .form-group input {
        padding-top: 0 !important;
        line-height: 38px !important
    }

    .iphone .home .calculation .form-group .input span {
        top: 9px !important
    }

    .home .right-col {
        margin: 0 0 30px;
        padding: 0 !important;
        position: static;
        top: inherit;
        right: inherit;
        width: 100%
    }

    .home .right-col .currency-table-wrapper {
        padding: 0;
        margin-left: 0;
        margin-top: 25px;
        min-height: 0 !important
    }

    .home .right-col .currency-table-wrapper .table-modal .close {
        width: 49.2%;
        right: 5px;
        bottom: -79px
    }

    .home .right-col .currency-table-wrapper .table-modal.table-3 .close {
        left: -1px;
        bottom: -79px
    }

    .home .right-col .currency-table-wrapper .controls small {
        font-size: 9px
    }

    .home .right-col .btn-apply-now {
        height: 40px;
        margin-bottom: 20px;
        background: #fff;
        position: relative;
        padding: 0;
        margin-top: 10px
    }

    .home .right-col .btn-apply-now a {
        height: 50px;
        line-height: 43px;
        padding: 0 20px 0 15px;
        font-size: 12px;
        margin-left: 0
    }

    .home .right-col .btn-apply-now i {
        position: absolute;
        top: -4px;
        right: 0
    }

    .iphone .form-group .btn {
        padding: 12px 20px 14px
    }

    .home .right-col .currency-table-wrapper .table-modal .controls .icon-info {
        bottom: -6px
    }

    .home .right-col .currency-table-wrapper p {
        padding-left: 20px
    }

    .home .right-col .currency-table-wrapper #piyasalar:before,
    .home .right-col .currency-table-wrapper .table-3 .slider:before,
    .home .right-col .currency-table-wrapper .table-2 .slider:before {
        left: -6px
    }

    .announcements-list .form-group .select {
        width: 100%
    }

    .home .announcements i {
        font-size: 31px
    }

    .home .announcements .text,
    .home .announcements .text p {
        margin-left: 0;
        padding: 0
    }

    .home .announcements .text p {
        font-size: 12px
    }

    .home .announcements .controls {
        margin: 0 18px 0 42px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999999
    }

    .home .announcements .text p {
        margin-top: 17px
    }

    #footer .top {
        height: auto
    }

    #footer .top ul {
        margin-left: 0
    }

    #footer .top li {
        border-bottom: 1px solid #d6f7fe
    }

    #footer .top li.br0 {
        border-right: none
    }

    #footer .center {
        height: 119px
    }

    #footer .center .pl0 {
        padding: 0 !important
    }

    #footer .center .social {
        float: none
    }

    #footer .center h6 {
        font-size: 14px;
        font-family: 'gtEestiDisplay-Regular';
        line-height: 1.2;
        margin: 12px 0 12px 0
    }

    #footer .center h6.first {
        margin-left: 0
    }

    #footer .bottom {
        height: auto;
        padding: 15px 0 0
    }

    #footer .bottom .telephone {
        margin: 17px 0 0 0
    }

    #footer .bottom .telephone i {
        font-size: 30px
    }

    #footer .bottom .telephone p {
        line-height: 16px;
        padding: 0;
        margin: 0;
        font-size: 13px !important
    }

    #footer .bottom p {
        margin: 10px 0 0;
        color: #fff;
        font-size: 11px !important
    }

    #footer .bottom .nav li a {
        font-size: 11px;
        text-align: center
    }

    #footer .bottom .nav {
        margin: 0 0 0 10px
    }

    #footer .bottom .nav ul {}

    #footer .bottom .nav.clone li {
        font-size: 11px;
        margin: 0;
        text-align: center;
        height: auto;
        margin-bottom: 5px
    }

    #footer .bottom .nav.clone li.f0 {
        width: 20%;
        padding-left: 0;
        border: 0
    }

    .en #footer .bottom .nav.clone li.f0 {
        width: auto;
        border: 0
    }

    .en #footer .bottom .nav.clone li.f1 {
        width: 30%
    }

    #footer .bottom .nav.clone li.f1,
    #footer .bottom .nav.clone li.last {
        width: 25%
    }

    #footer .bottom .nav.clone li.f5 {
        margin-right: 3px
    }

    #footer .bottom .nav.clone li.f2 {
        width: 21%
    }

    .en #footer .bottom .nav.clone li.f2 {
        width: auto
    }

    #footer .bottom .nav.clone li.f3,
    #footer .bottom .nav.clone li.f4 {
        width: 20%
    }

    #footer .bottom .nav.clone li.f4 {
        border-left: 0
    }

    #footer .top ul li {
        height: auto
    }

    #footer .top ul li a {
        font-size: 14px;
        line-height: 16px;
        margin: 14px 0 12px
    }

    #footer .bottom .nav.clone li+li+li+li {}

    .landing-page h1 {
        font-size: 22px;
        height: 58px;
        line-height: 58px
    }

    .landing-page .page-top {
        height: 213px;
        margin-bottom: 20px
    }

    .landing-page .page-top .full {
        height: 255px
    }

    .landing-page .page-top .item {
        margin: 0
    }

    .landing-page .page-top .item img {
        max-width: 232px;
        max-height: 178px;
        height: auto;
        right: inherit;
        left: 50%;
        margin-left: -116px
    }

    .landing-page .page-top .item .text {
        width: 100%;
        height: auto;
        position: absolute;
        padding: 10px 0;
        margin: 0;
        left: 0;
        max-width: inherit;
        bottom: 0;
        top: auto
    }

    .landing-page .page-top .item .text h2 {
        color: #fff;
        font-size: 18px;
        font-family: 'gtEestiDisplay-Regular';
        margin-bottom: 10px;
        width: auto;
        height: 54px;
        text-align: left;
        padding-left: 20px;
        padding-right: 35px
    }

    .landing-page .page-top .item .text p {
        display: block;
        color: #fff;
        font-size: 14px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 0
    }

    .landing-page .page-top .item .text .buttons {
        margin: 0;
        position: relative;
        bottom: auto;
        overflow: hidden;
        margin-right: 27px;
        padding-right: 6px;
        margin-top: 10px;
        margin-bottom: 24px
    }

    .landing-page .page-top .item .text .buttons a {
        padding: 8px 20px;
        font-size: 12px;
        margin: 0;
        width: 46%
    }

    .safari .landing-page .page-top .item .text .buttons a {
        padding: 7px 20px 8px !important
    }

    .landing-page .page-top .item .text .buttons a.blue {
        border-color: #fff;
        color: #fff;
        float: left;
        max-width: 135px;
        float: right;
        margin-right: 8px
    }

    .landing-page .page-top .item .text .buttons a.blue2 {
        border-color: #fff;
        color: #fff;
        float: right;
        max-width: 120px
    }

    .landing-page .page-top .item .text .buttons a.blue2:before,
    .landing-page .page-top .item .text .buttons a.blue:before {
        border-color: #fff
    }

    .landing-page .page-top .owl-controls {
        position: absolute;
        left: 606px;
        bottom: 11px
    }

    .landing-page .page-top .owl-controls .owl-dots .owl-dot {
        font-size: 18px
    }

    .landing-page .page-box-list {
        padding: 0 16px
    }

    .landing-page .page-box-list .box {
        height: 270px;
        min-height: 126px;
        margin: 0 auto 20px;
        overflow: hidden;
        max-width: 290px
    }

    .landing-page .page-box-list .box h3 {
        font-size: 21px;
        margin-bottom: 0
    }

    .landing-page .page-box-list .box p {
        font-size: 16px;
        height: auto;
        margin-top: 8px;
        margin-left: 14px;
        line-height: 18px
    }

    .landing-page .page-box-list .box img {
        float: left
    }

    .subpage-bottom.links {
        margin-top: -10px
    }

    .subpage-bottom.links ul {
        margin: 0 5px 0 16px
    }

    .subpage-bottom.links li {
        border-bottom: 1px solid #c7c7c7;
        padding-bottom: 50px;
        position: relative
    }

    .subpage-bottom.links li a {
        height: auto;
        font-size: 15.4px;
        color: #2e3030;
        line-height: 1;
        display: block;
        padding: 45px 0 0 15px
    }

    .subpage-bottom.links li a i {
        display: block;
        position: absolute;
        right: 30px;
        top: 20px
    }

    .subpage-bottom.links li a.links-tf i {
        width: 55px;
        height: 62px;
        background: url(../img/bg-links-tf.png) center center no-repeat;
        right: 25px
    }

    .subpage-bottom.links li a.links-calc i {
        width: 47px;
        height: 62px;
        background: url(../img/bg-links-calc.png) center center no-repeat
    }

    .subpage-bottom.links li.last {
        border: 0;
        padding-bottom: 20px
    }

    .subpage-bottom.links .cross-marketing {
        margin: 30px 0 0;
        text-align: center
    }

    .subpage-content,
    .fullpage-content {
        padding: 20px
    }

    .page .header {
        margin-bottom: 20px
    }

    .page .header h1 {
        font-size: 18px;
        padding-right: 0
    }

    .page .breadcrumbs {
        margin-bottom: 10px
    }

    .page .breadcrumbs ul li {
        font-size: 12px;
        line-height: 1.4
    }

    .home .left-col .main-slider .owl-controls {
        display: none !important
    }

    #footer .center {
        height: 79px;
        padding: 0
    }

    #footer .center h6 {
        display: none
    }

    .page .header ul.breadcrumbs {
        display: none
    }

    .home .calculation .tab-item .faal-card .form-group {
        width: 100%;
        margin-right: 0
    }

    .tab-wrapper.subesiz .tab-title li span {
        display: none
    }

    .tab-wrapper.subesiz .tab-title li a {
        height: 52px;
        padding: 10px 0;
        font-size: 16px !important;
        line-height: 33px !important
    }

    .tab-wrapper.subesiz .tab-title li.active a {
        height: 54px
    }

    .tab-wrapper.subesiz .tab-title li i {
        width: 30px;
        height: 30px;
        margin: 0 auto
    }

    .tab-wrapper.subesiz .tab-title li i.icon1 {
        background: url(../img/img-subesiz-page-icon-1.png) center center no-repeat;
        background-size: 30px 30px
    }

    .tab-wrapper.subesiz .tab-title li i.icon2 {
        background: url(../img/img-subesiz-page-icon-2.png) center center no-repeat;
        background-size: 30px 30px
    }

    .tab-wrapper.subesiz .tab-title li i.icon3 {
        background: url(../img/img-subesiz-page-icon-3.png) center center no-repeat;
        background-size: 30px 30px
    }

    .tab-wrapper.subesiz .tab-title li i.icon4 {
        background: url(../img/img-subesiz-page-icon-4.png) center center no-repeat;
        background-size: 30px 30px
    }

    .page .lead,
    .page .ms-rteElement-H4B {
        font-size: 18px
    }

    .page .images img,
    .calculation-apply-now a {
        width: 100% !important
    }

    .page .header h1 {
        margin-bottom: 0
    }

    .page p {
        font-size: 12px
    }

    .tab-wrapper.subesiz .tab-item {
        padding-bottom: 0
    }

    .home .calculation .tab-item .currency-calc .arrow {
        height: 20px;
        background: none
    }

    .btn-icon {
        display: block
    }

    .btn-icon {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .btn-text {
        font-size: 12px
    }

    .btn-text i {
        top: 2px
    }

    .page .icon-note.sss p {
        line-height: normal
    }

    .campaign-list .campaign {
        padding: 20px
    }

    .campaign-list .campaign h2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .campaign-list .campaign img {
        width: 100%;
        height: auto;
        margin: 0 0 15px
    }

    .search-branch-result {
        padding: 0;
        margin-top: 30px
    }

    .branch-atm-map {
        margin-bottom: 20px
    }

    .fullpage-content .ms-webpartzone-cell {
        margin-bottom: 0
    }

    .page table thead td,
    .page table tbody td {
        font-size: 12px;
        border-top: 1px solid #f0f0f0;
        border-bottom: 2px solid #f0f0f0
    }

    .footable-row-detail-row {
        line-height: 2em
    }

    .page table tbody td .footable-row-detail-name {
        color: #00b1a1;
        font-weight: normal;
        font-family: 'gtEestiDisplay-Bold';
        width: 50%;
        font-size: 13.5px
    }

    .page table tbody tr:last-child td:last-child {
        border-bottom: 0
    }

    .page table tbody td .footable-row-detail-value {
        font-size: 13px
    }

    .finance-portal .summary {
        padding: 0 0 50px
    }

    .finance-portal .summary .item {
        float: none;
        overflow: hidden;
        margin: 0 0 20px;
        padding-left: 16px
    }

    .finance-portal .summary .item:first-child {
        margin-bottom: 0
    }

    .finance-portal .summary .item #page-refresh {
        position: absolute;
        top: -47px;
        right: 0
    }

    .card-list .card {
        padding: 0;
        height: auto;
        margin-bottom: 20px
    }

    .card-list .card .card-images {
        width: 100%;
        position: relative;
        right: inherit;
        bottom: inherit;
        height: auto
    }

    .card-list .card .card-links {
        position: relative
    }

    .card-list .card .card-links ul li {
        margin-right: 10px;
        padding-right: 10px
    }

    .landing-page .page-top .item .text p {
        height: 40px;
        display: none
    }

    .form-wrapper .form-group .radio {
        margin-bottom: 10px
    }

    .ms-srch-group-content {
        width: 100% !important
    }

    .finance-portal .box {
        height: auto !important;
        padding: 20px 20px 40px
    }

    .finance-portal .box.box-12 {
        padding-bottom: 0
    }

    .finance-portal .box.box-12 .boxInner {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .finance-portal .box.box-13 {
        min-height: inherit;
        padding-bottom: 10px
    }

    .finance-portal .box.box-13 .boxInner {
        min-height: inherit
    }

    .finance-portal .box.box-13 .boxInner .icon-touch {
        top: 0 !important
    }

    #portfoyTable {
        padding-bottom: 10px
    }

    .finance-portal .box.box-13 .boxInner .bottom {
        right: 15px
    }

    .page table.form-group .width48 {
        display: block;
        width: 100%
    }

    .page table.form-group,
    .page table.form-group tr,
    .page table.form-group tbody,
    .page table.form-group tbody td {
        display: block
    }

    .videoModal {
        width: auto
    }

    .videoModal .video-social span {
        display: none
    }

    .videoModal .video-social.col-xs-4 {
        width: 33.33%
    }

    .videoModal .video-social .fb {
        margin-left: 0
    }

    .videoModal .video-social .tw {
        margin: 0 0 0 5px !important
    }

    .videoModal .video-social a {
        margin-left: 5px
    }

    .videoModal .video-social a i {
        top: 2px
    }

    .page table thead {
        display: none
    }

    .page table .text-right {
        text-align: inherit !important
    }

    .page table.tablesaw tbody {
        border-top: 1px solid #f0f0f0
    }

    .page table.tablesaw tbody td:last-child {
        border-bottom: 0
    }

    .accItem.inside {
        margin-bottom: 20px
    }

    .home .calculation .tab-item .faal-card .form-group.btn {
        width: 100%
    }

    #header .top .instant-password .btn,
    #header .top .internet-banking .btn {
        font-size: 15px
    }

    .tab-wrapper.sg-tab .sg-btn div+div {
        margin-top: 20px
    }

    .page .tab-wrapper.sg-tab .form-wrapper .form-group+.form-group {
        margin-top: 20px !important
    }

    .page .tab-wrapper.sg-tab .form-wrapper .form-line {
        display: none
    }

    .page .tab-wrapper.sg-tab .form-wrapper .form-line+.form-group {
        margin-top: 15px !important
    }

    .tab-wrapper.sg-tab .price-tl {
        display: none
    }

    .tab-wrapper.sg-tab .price-group .form-group a.btn {
        margin-left: 0;
        margin-top: 15px
    }

    .tab-wrapper.sg-tab .tab-title li a {
        padding: 6px 14px
    }

    .gallery-slider-container .gallery-slider {
        width: 78%
    }

    .slider-nav-thumbnails {
        width: 20%
    }

    .slider-nav-thumbnails .slick-prev,
    .slider-nav-thumbnails .slick-next {
        height: 15px
    }

    .page .form-wrapper .form-group.offer-price-item>span {
        font-size: 13px !important;
        right: -2px !important
    }

    .tab-wrapper.sg-tab .tab-item {
        padding: 27px
    }

    .home .right-col .btn-apply-now a {
        margin-left: 0;
        padding-left: 70px;
        line-height: 17px;
        padding-top: 17px
    }

    .btn-apply-now-v2,
    .btn-apply-now-v3 {
        position: relative
    }

    .btn-apply-now-v2 a,
    .btn-apply-now-v3 a {
        position: relative;
        z-index: 3
    }

    .home .right-col .currency-table-wrapper table td.pl20 {
        padding-left: 0 !important
    }

    .home .right-col .currency-table-wrapper table td.pr20 {
        padding-right: 0 !important
    }

    #header .top .instant-password,
    #header .top .internet-banking {
        width: 100%;
        margin-right: 0
    }

    #header .top .internet-banking {
        display: none;
    }

    #header .top .instant-password a.btn,
    #header .top .internet-banking a.btn {
        padding-right: 35px
    }

    .en #header .top .instant-password a.btn,
    .en #header .top .internet-banking a.btn,
    .en #header .top .internet-banking a.btn {
        padding-right: 35px !important
    }

    #header .top .instant-password {
        float: left
    }

    #header .top .internet-banking:after {
        content: "";
        width: 50px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #abd037
    }

    #header .bottom .search a {
        padding-top: 16px 0
    }

    #header .bottom .search i {
        font-size: 20px
    }

    .home .calculation {
        padding: 0;
        margin-bottom: 35px
    }

    .main-slider-container .item-turquoise,
    .main-slider-container .item-green,
    .page-top .item-green,
    .page-top .item-turquoise {
        display: none
    }

    .main-slider-container .banner-bg div {
        left: 0;
        margin-left: 0;
        background-size: 100%;
        height: 420px;
        background-position: top center
    }

    .page-top .banner-bg div {
        background-size: 100%;
        background-position: center top;
        left: 0;
        margin-left: 0
    }

    .landing-page .page-top .banner-bg div {
        background-size: 161%
    }

    .landing-page .page-top .item .text h2 {
        height: 54px
    }

    .landing-page .page-top,
    .landing-page .page-top .banner-bg,
    .landing-page .page-top .banner-bg div,
    .landing-page .page-top .item {
        height: 300px
    }

    .page-top .text-bottom {
        display: none
    }

    .main-slider-container .text-bottom {
        position: static;
        margin: 0 0 0 10px;
        padding: 0;
        opacity: 1
    }

    .main-slider-container .text-top,
    .page-top .text {
        margin-left: 0 !important;
        left: 0;
        transform: none;
        text-align: left;
        padding-bottom: 40px;
        bottom: 0;
        top: auto;
        width: 100%;
        padding-left: 20px;
        padding-top: 10px;
        opacity: 1
    }

    .main-slider-container .text-top {
        padding: 0;
        position: static;
        margin: 0
    }

    .main-slider-container .text-top:before,
    .page-top .text:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #000;
        position: absolute !important;
        left: 0;
        top: 0;
        z-index: -1;
        opacity: .5
    }

    .page-top h2 a {
        font-size: 24px
    }

    .main-slider-container a {
        font-size: 22px
    }

    .main-slider-container a br {
        display: none
    }

    .home .calculation .tab-title li a {
        font-size: 16px;
        width: auto !important
    }

    #header .bottom .main-nav {
        height: 54px
    }

    .main-slider-container .owl-controls,
    .page-top .owl-controls {
        width: auto;
        bottom: 17px;
        left: 19px;
        overflow: hidden;
        margin-left: 0;
        padding-left: 3px
    }

    .kur-bg {
        display: none
    }

    .page-top,
    .page-top .banner-bg,
    .page-top .banner-bg div,
    .page-top .item {
        height: 213px
    }

    .home page-top,
    .home .page-top .banner-bg,
    .home .page-top .banner-bg div,
    .home .page-top .item {
        height: auto
    }

    .home .main-slider-container .text-box {
        background: #458666;
        height: 145px
    }

    .main-slider-container .text-box {
        position: absolute;
        bottom: 37px;
        padding: 20px 20px 47px 20px;
        width: 100%
    }

    .main-slider-container .owl-dots .owl-dot.active,
    .page-top .owl-dots .owl-dot.active {
        background: #78dbd0
    }

    .main-slider-container .owl-dots .owl-dot,
    .page-top .owl-dots .owl-dot {
        background: #fff
    }

    #header .top .internet-banking::before,
    #header .top .instant-password::before,
        {
        z-index: 1
    }

    .new-btn-apply-now a::before,
    .new-btn-apply-now-2 a::before {
        z-index: -1
    }

    .home .right-col .btn-apply-now-v3 a {
        color: #212121 !important
    }

    .en .btn-apply-now.btn-apply-now-2.new-btn-apply-now-2.hidden-md.hidden-lg.noindex.col-sm-12.col-xs-12.btn-apply-now-v3 {
        margin-top: 0
    }

    .home .right-col .btn-apply-now a,
    .home .right-col btn-apply-now-v3 a {
        margin-left: 0;
        line-height: 17px;
        padding-top: 17px;
        position: absolute;
        z-index: 99;
        width: 100%;
        font-size: 17px;
        padding-left: 30px
    }

    .btn-apply-now-v2,
    .btn-apply-now-v3 {
        position: relative
    }

    .btn-apply-now-v2 a,
    .btn-apply-now-v3 a {
        position: relative;
        z-index: 3
    }

    .home .right-col .btn-apply-now {
        height: 50px;
        margin-bottom: 30px;
        background: #fff;
        position: relative;
        padding: 0;
        margin: 0
    }

    .home .right-col .btn-apply-now i {
        width: 30px;
        height: 29px;
        position: absolute;
        top: 14px;
        right: 16px;
        font-size: 22px
    }

    .home .campaigns .campaign h4 {
        font-size: 16px
    }

    .home .campaigns .campaign p {
        font-size: 13px
    }

    .home .campaigns .campaign .campaign-left::after {
        left: -55px !important
    }

    #footer .top {
        height: auto
    }

    #footer .top li {
        border: 1px solid #e0e0e0
    }

    #footer .top li.br0 {
        border-right: none
    }

    #footer .center {
        height: auto
    }

    #footer .center .social {
        margin: 29px auto 30px auto;
        height: 49px;
        text-align: center;
        max-width: 277px
    }

    #footer .center .social li.first {
        margin-left: 0
    }

    #footer .center h6 {
        font-size: 14px;
        font-family: 'gtEestiDisplay-Regular';
        margin: 20px 0 10px 5px;
        line-height: 1.2
    }

    #footer .center h6.first {
        margin-left: 5px
    }

    #footer .center ul.list {
        margin: 10px 0 0 5px
    }

    #footer .bottom {
        height: auto;
        padding-bottom: 0;
        background: #424443
    }

    #footer .bottom .telephone {
        margin: 0 4px 0 0
    }

    #footer .bottom p {
        margin: 0;
        color: #fff;
        font-size: 12px
    }

    #footer .bottom .nav {
        margin-left: 0;
        margin-top: 5px
    }

    #footer .top ul li::after {
        display: none
    }

    #footer .bottom .nav li {}

    .footer-bottom {
        background: #2e3030;
        padding: 20px;
        margin-top: 10px
    }

    .home .announcements .text p a {
        font-size: 17px
    }

    .landing-page .page-box-list .box .page-box-content {
        width: 170px
    }

    .home .right-col .currency-table-wrapper .owl-controls {
        right: 0
    }

    .home .right-col .currency-table-wrapper .owl-item:before {
        left: 0
    }

    .landing-page .page-box-list .box .hover a {
        line-height: 101px;
        font-size: 19px
    }

    .landing-page .page-box-list .box .hover a i {
        margin-top: 34px;
        margin-right: 21px;
        font-size: 30px
    }

    .device .landing-page .page-box-list .box .hover .one i {
        font-size: 32px
    }

    .landing-page .page-box-list .box .hover .one i {
        margin-top: 52px
    }

    #footer .bottom .row>div.col-xs-12 {
        float: none
    }

    .footer-bottom {
        overflow: hidden
    }

    #header .top .internet-banking-panel .login span {
        transform: inherit;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit
    }

    #header .auto-search-box .arrow-top {
        right: 73px;
        top: -8px
    }

    .campaigns-container {
        padding: 0 10px
    }

    .form-group .btn.block {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .karoranlari .tab-title li {
        width: 19% !important;
        margin-right: 0
    }

    .download-media {
        margin-top: 20px
    }
}

.sg-wrapper .sg-btn div a {
    margin-bottom: 20px
}

.sg-wrapper .price-group .form-group a.btn {
    margin-left: 0;
    margin-top: 15px
}

.sg-wrapper .form-wrapper .form-group label {
    margin-top: 10px
}

.sg-wrapper .footable-row-detail-inner {
    width: 100%
}

.payments-content>h5 {
    font-size: 18px !important;
    line-height: 24px;
    padding: 23px 0 0 18px
}

.payments-content p {
    padding-left: 18px;
    width: 41%;
    margin-top: 7px
}

.payments-content p br {
    display: none
}

.icon-np-ok {
    margin-left: 18px;
    margin-top: -14px
}

@media only screen and (min-width:500px) and (max-width:767px) {
    .home .campaigns .campaign h4 {
        padding-left: 10px
    }

    .home .campaigns .campaign p {
        padding-left: 10px
    }

    .home .left-col .main-slider .item h2 {
        font-size: 20px
    }

    .home .left-col .main-slider .item h2 small {
        font-size: 20px
    }

    .home .left-col .main-slider .item .btn-detail {
        font-size: 16px
    }

    .home .left-col .main-slider {
        height: 226px
    }

    .home .left-col .main-slider .item img {
        right: 50px
    }

    .page .header h1 {
        padding-right: 0
    }

    #header .top .instant-password .btn,
    #header .top .internet-banking .btn {
        line-height: 20px
    }

    #header .top .products-and-service {
        line-height: 31px !important
    }

    .patlangacContainer {
        width: 200px !important
    }

    .pat-top-right {
        right: 0 !important
    }

    .pat-top-left {
        margin-right: 67px !important
    }

    .pat-bot-right,
    .pat-bot-left {
        bottom: 271px !important
    }
}

@media(max-width:767px) {
    .calculation-market-data .home-page-application {
        margin-bottom: 30px
    }

    .home-page-application span {
        width: 100%;
        text-align: center;
        margin: 0
    }

    .home-page-application .icon-arac,
    .home-page-application .icon-erteleme {
        display: inline;
        float: none
    }

    .calculation-market-data .all-references {
        margin: 0
    }

    .home .right-col .currency-table-wrapper .table-modal {
        top: 45px
    }

    .home .campaigns .campaign p {
        display: none
    }

    .home .right-col .currency-table-wrapper .owl-controls {
        height: 15px;
        bottom: 24px;
        background: #f9f9f9
    }

    .home .right-col .currency-table-wrapper .owl-controls .owl-dots {
        margin-top: 4px
    }

    .main-calculation-tool {
        background: #f9f9f9;
        border-top: 6px solid #f1f1f1;
        padding-bottom: 30px;
        overflow: hidden;
        padding-left: 15px !important;
        padding-right: 15px !important;
        border-bottom: 6px solid #f1f1f1
    }

    .calculation-result-box.col-lg-6.calculation-result-one::after {
        right: 21px !important
    }

    .main-calculation-tabs .nav-tabs li {
        width: 50%;
        float: left
    }

    .main-calculation-tabs .nav-tabs li.tab-one {
        margin-right: 3%;
        width: 100%
    }

    .main-calculation-tabs .nav-tabs li a {
        border-bottom: 6px solid #c6c7c6;
        padding: 30px 0 16px 0 !important;
        display: block;
        width: 100%
    }

    .tab-title {
        display: none
    }

    .home-finance-calculator {
        margin-bottom: 3px !important;
        border-bottom: 6px solid #f1f1f1;
        background-image: url(../img/banner-calc-bg.html);
        background-size: cover;
        background-position: center center
    }

    .main-calculation-tabs .tab-item,
    .finance-calculator-links a {
        width: 100% !important;
        padding: 0 !important
    }

    .individual-calculation {
        border: 0 !important;
        max-height: 100% !important
    }

    .calculation-market-data .main-calculation-principal {
        text-align: left
    }

    .main-calculation-tabs .select.native-select {
        height: 50px !important
    }

    .main-calculation-tabs .calculation-mobile {
        width: 100%;
        margin-top: 18px;
        margin-bottom: 26px;
        border-color: #458666
    }

    .main-calculation-tool .calculation-apply-now {
        margin-top: 28px
    }

    .home-payment-plan {
        margin-top: 0 !important
    }

    .home .campaigns .campaign img {
        float: right
    }

    .main-calculation-tabs .nav-tabs {
        border-bottom: 0 !important
    }

    .main-calculation-link a {
        float: left;
        margin-top: 4px;
        margin: 4px 0 12px 0
    }

    .page .images {
        width: 100% !important;
        margin: 0 0 30px
    }

    .mobile-scroll {
        overflow: scroll
    }

    .left-campaign img {
        width: 65% !important
    }

    #footer .center .social li i {
        width: auto
    }

    .footable-row-detail-inner {
        width: 100%
    }

    .press-room-btn .calculate-btn {
        margin-top: 20px
    }

    #footer .bottom .nav.clone li {
        width: 100% !important;
        margin-bottom: 10px;
        border: none
    }

    .home .main-slider-container {
        height: 408px
    }

    #footer .bottom .nav li a {
        font-size: 14px
    }

    .ui-widget {
        font-family: 'gtEestiDisplay-Regular', tahoma !important
    }

    .ui-datepicker .ui-widget-header {
        background: #00436a !important;
        background-image: none !important;
        border: 1px solid #00abd7 !important
    }

    .ui-datepicker .ui-widget-header .ui-icon {
        background-image: none
    }

    .ui-datepicker .ui-state-hover {
        background: none !important;
        border-color: transparent
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-datepicker th,
    .ui-widget-header {
        font-weight: normal !important
    }

    .ui-datepicker-header .ui-state-hover {
        border: 0 !important
    }

    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-next {
        top: 2px !important;
        right: 2px !important
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-prev {
        top: 2px !important;
        left: 2px !important
    }

    .ui-datepicker-prev .ui-icon {
        background: url(../img/icon-arrow-left.png) center center no-repeat !important
    }

    .ui-datepicker-next .ui-icon {
        background: url(../img/icon-arrow-right.png) center center no-repeat !important
    }

    .campaigns,
    .campaigns.left-campaign {
        padding: 0 15px !important
    }

    #footer .container {
        padding: 0 15px !important
    }

    .home .announcements {
        margin: 26px 20px 40px 4px !important
    }
}

.msie8 .container {
    width: 1170px
}

.msie8 #header .bottom .main-nav li .nav-wrap {
    background: #012e44
}

.msie8 .form-group input[type='text'] {
    padding-top: 9px
}

.msie8 .home .calculation INPUT.result {
    padding-top: 8px
}

.safari #header .top .nav ul {
    margin-top: 2px
}

.safari #header .top .internet-banking-panel ul {
    margin-top: 8px
}

.safari #header .top .internet-banking .btn {}

.safari .home .calculation .form-group .input span {
    top: 11px
}

.safari .home .calculation .form-group input {
    padding-top: 3px
}

.safari .home .left-col .main-slider .item .btn-detail {
    padding-top: 15px
}

.safari .landing-page .page-top .item .text .buttons a {
    padding: 12px 20px 9px
}

.safari .landing-page .landing-bottom.links div a {
    padding: 2px 0 0 20px
}

.safari .page ul li {
    background-position: left 6px
}

.safari .subpage-left .links li a {
    padding-top: 15px
}

.safari .accItem .accTitle span {
    padding: 17px 40px 13px 20px
}

.safari .page .icon-note p {
    padding-top: 5px
}

.safari .page .icon-note.sss p {
    padding-top: 0
}

.safari .btn-text i {
    top: 2px
}

.safari .alert {
    padding: 16px 35px 13px 14px
}

.safari .form-group .radio label,
.safari .form-group .checkbox label {
    padding-top: 3px
}

.safari .fancybox-wrap.TFModal .fancybox-title {
    padding-top: 2px
}

.safari .subpage-left .nav li li a {
    padding-top: 1px
}

.safari #header .bottom .main-nav li a.first {
    height: 111px;
    line-height: 111px
}

.firefox #header .top .products-and-service a {
    line-height: 15px
}

.firefox .tab-wrapper.subesiz .tab-item {
    width: 99.999%
}

.firefox #header .bottom .main-nav li a.first {
    height: 109px
}

#AlertMeLi {
    display: none
}

.captchaImg {
    cursor: pointer
}

.page .form-wrapper .form-group {
    margin: 0 0 0 0 !important
}

.page .form-wrapper .form-group.offer-price-item {
    position: relative
}

.page .form-wrapper .form-group.offer-price-item>span {
    position: absolute;
    right: -11px;
    top: 43px;
    color: #414042;
    font: 16px "gtEestiDisplay-Regular"
}

.page .give-offer-form .form-wrapper .btn {
    margin-top: 18px;
    margin-bottom: 6px
}

.no-mh {
    min-height: inherit !important
}

.page .form-wrapper .form-group.mb20 {
    margin-bottom: 20px !important
}

.finance-portal #hisseDeger {
    display: none
}

.finance-portal .box.box-13 p {
    margin-bottom: 10px
}

.device #header .bottom .main-nav ul.navigate li.sub .nav-wrap {
    left: 0 !important
}

@media screen and (max-width:425px) {
    #header .top .internet-banking-panel>a {
        float: left;
        width: 46.5% !important
    }

    .go-to-top {
        right: 10px
    }

    li.f6 {
        width: 46% !important
    }

    li.f5 {
        width: 29%
    }

    .pat-bot-right,
    .pat-bot-left,
    .pat-top-right,
    .pat-top-left {
        width: 200px !important
    }

    .pat-bot-right {
        top: 37% !important;
        margin-right: -176px !important
    }

    .pat-top-right {
        margin-right: -176px !important
    }

    .pat-top-left {
        margin-right: -24px !important
    }

    .pat-bot-left {
        margin-right: -24px !important;
        top: 37% !important
    }

    .frequently-search li {
        width: 100% !important
    }
}

@media screen and (max-width:375px) {
    #footer .bottom .nav.clone li {
        padding: 0 12px
    }

    #footer .bottom p {
        padding: 0 10px 0 0
    }

    #footer .bottom .nav.clone li.f3 {
        padding-left: 0;
        width: 46%
    }

    .hub-container {
        right: 25px;
        top: 88px
    }
}

@media screen and (max-width:374px) {
    #footer .bottom .nav.clone li {
        padding: 0 5px
    }

    #footer .bottom .nav.clone li.f3 {
        padding-left: 0
    }

    #footer .center .social {
        max-width: 263px
    }

    #footer .center .social li {
        margin-left: 6px
    }

    #footer .bottom .telephone p {
        font-size: 12px !important
    }

    .pat-bot-right {
        top: 30% !important;
        margin-left: -25px !important;
        width: 175px !important
    }
}

@media(width:1200px) {
    .calculation-market-data .all-references {
        margin-right: 25px
    }

    .payment-plan-summary {
        width: 100%;
        float: left;
        margin-top: 0
    }

    .home .announcements {
        padding: 0 55px 0 0
    }

    #header .top .internet-banking-panel>a {
        width: 29% !important
    }

    #header .bottom .search .auto-search-box {
        width: 900px !important
    }

    .site-language {
        top: 38px
    }

    #header .top .site-language ul li {
        margin-right: 0 !important
    }

    #footer .bottom .telephone {
        margin-top: 20px
    }

    .home .right-col {
        padding-bottom: 16px !important
    }

    .home .right-col .btn-apply-now a {
        line-height: 17px
    }

    .home .right-col .btn-apply-now {
        margin-left: 0
    }

    .main-slider-container .item-turquoise.active,
    .page-top .item-turquoise.active {
        margin-left: -3169px
    }

    .main-slider-container .item-green.active {
        margin-left: -3144px
    }

    .main-slider-container .banner-bg div {
        background-position: right top;
        left: 41%
    }

    .main-slider-container .text-top.active {
        margin-left: -573px
    }

    .home .main-slider-container .owl-dots {
        margin-right: 0
    }

    .play-control {
        left: inherit !important
    }

    .main-slider-container .owl-controls,
    .page-top .owl-controls {
        margin-right: 240px
    }

    #header .top .products-and-service {
        width: 183px !important;
        padding-right: 0
    }

    #header .top .products-and-service a {
        font-size: 13px;
        padding-top: 9px
    }

    #header .top .nav li {
        margin-right: 13px !important
    }

    #header .top .products-and-service span {
        margin-right: 9px;
        margin-top: -1px !important
    }
}

@media(min-width:1200px) {
    .nav-and-search {
        position: relative
    }

    .nav-and-search .main-nav {
        position: absolute !important;
        right: 70px
    }

    @media(min-width:1025px) and (max-width:1441px) {
        .navigate .sub:nth-child(1n+6) {
            display: none
        }

        .en .navigate .sub:nth-child(1n+5) {
            display: none
        }

        .navigate+.navigate {
            display: none !important
        }
    }

    #header .bottom .search {
        margin: 45px 15px 0 15px
    }

    #header .bottom .search a {
        padding: 10px 5px 3px 0
    }

    .landing-page .page-top .item .text {
        margin-left: 10px
    }

    .landing-page .page-top .owl-controls {
        margin-left: 5px
    }
}

.reklam-transcript {
    font-size: 18px;
    color: #fff !important;
    float: right;
    margin-right: 43px
}

.nav-and-content {
    position: absolute
}

.nav-and-content a {
    color: #212121;
    opacity: 0
}

.nav-and-content a:focus {
    opacity: 1
}

.ses-icon {
    cursor: pointer
}

i.icon-tfkb-ses-dosyasi-icon {
    color: #004468;
    font-size: 17px;
    float: left;
    margin-right: 10px;
    padding-top: 1px
}

.icon-tfkb-ses-dosyasi-icon,
.download-pdf {
    font-size: 14px;
    color: #00b1a1 !important;
    font-family: 'NeoSansPro-Regular', Helvetica, Tahoma;
    line-height: 35px;
    margin-top: 3px
}

.icon-tfkb-ses-dosyasi-icon {
    margin-left: 15px
}

.icon-tfkb-ses-dosyasi-icon,
.download-pdf {
    display: block;
    float: left
}

.download-pdf {
    float: right
}

.download-pdf i {
    display: block;
    width: 37px;
    height: 36px;
    background: url(../img/view-icon.jpg) no-repeat;
    background-size: 35px;
    float: right;
    margin-left: 10px
}

.icon-tfkb-ses-dosyasi-icon i {
    display: block;
    width: 37px;
    height: 36px;
    background: url(../img/listen-icon.jpg) no-repeat;
    background-size: 35px;
    float: right;
    margin-left: 10px
}

.sozlesme-row {
    font-size: 14px;
    color: #414042;
    font-family: 'NeoSansPro-Regular', Helvetica, Tahoma;
    border-right: none !important
}

.sozlesme-row p {
    margin: 5px 0 0 0 !important;
    font-family: 'NeoSansPro-Regular', Helvetica, Tahoma
}

.sub-red-button {
    width: 100% !important
}

#sound-modal {
    width: 768px;
    padding: 10px
}

#sound-modal .fancybox-title {
    font-size: 22px;
    color: #1a4266;
    background-color: #fff !important;
    font-family: 'NeoSansPro-Regular', Helvetica, Tahoma;
    padding-left: 13px
}

#sound-modal .content {
    border: 2px solid #e5e5e5;
    padding: 8px 0;
    background: #fafafa
}

#sound-modal audio {
    padding: 0;
    height: 52px;
    display: block;
    background-color: #fff !important;
    cursor: pointer
}

a.sound-close.fancybox-item.fancybox-close {
    background: url(../img/sound-close.jpg) center center no-repeat !important;
    width: 18px;
    height: 18px;
    top: 26px;
    right: 26px;
    font-weight: normal
}

.ses-icon {
    cursor: pointer
}

i.icon-tfkb-ses-dosyasi-icon {
    color: #004468;
    font-size: 17px;
    float: left;
    margin-right: 5px;
    padding-top: 1px
}

.captcha .BDC_CaptchaImage {
    width: 190px !important;
    margin-top: 7px
}

.BDC_CaptchaImageDiv {
    width: 199px !important;
    float: left !important
}

.BDC_CaptchaDiv {
    width: 100% !important
}

.BDC_CaptchaIconsDiv {
    width: 96px !important;
    float: left !important
}

.checkbox p {
    font-size: 13px !important
}

.en .btn-apply-now {
    display: none
}

.en .home .right-col .btn-apply-now-2 {
    display: block;
    margin: 70px 0 0 20px
}

.tr-chat-popup,
.en-chat-popup {
    display: block;
    float: right;
    width: 192px;
    height: 42px;
    background: #458666;
    font-size: 17px;
    color: #fff !important;
    text-decoration: none !important;
    line-height: 45px
}

.icon-canli_destek_button:before {
    content: "";
    font-size: 32px;
    padding-top: 5px;
    padding-left: 20px;
    display: block;
    float: left;
    margin-right: 10px
}

.active-padding {
    transition: .5s;
    padding: 5px !important
}

.phone-Container small {
    margin-bottom: 0 !important
}

@media(min-width:1200px) {
    #animation_container {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        overflow: hidden
    }

    #canvas {
        display: block;
        position: absolute;
        top: 0
    }

    #dom_overlay_container {
        pointer-events: none;
        overflow: hidden;
        width: 2600px;
        height: 1500px;
        display: block
    }
}

@media(max-width:1200px) {
    .calculation-market-data {
        padding: 0 10px
    }

    .home-finance-calculator {
        background-image: url(../img/banner-calc-bg.html);
        background-size: cover;
        background-position: center center
    }

    .home .right-col .currency-table-wrapper table td.pl20 {
        padding-left: 0 !important
    }

    .finance-calculator-links a {
        width: 100%
    }

    .home .announcements {
        margin: 26px 20px 40px
    }

    #animation_container,
    #canvas,
    #dom_overlay_container {
        display: none !important
    }

    .bol-kepce-calculation .calculation-result-one {
        width: auto;
        clear: both;
        margin-right: 10px
    }

    .en .home .static-campaign .campaign .campaign-left .campaign-content {
        top: 25px !important
    }
}

.tf-modal-overlay {
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    z-index: 8010;
    overflow: hidden;
    display: none;
    background: rgba(0, 0, 0, .85)
}

.tf-modal-wrapper {
    position: relative;
    top: 50%;
    z-index: 8030;
    width: 750px;
    margin: 0 auto;
    padding: 20px 0 20px 20px;
    display: none
}

.tf-modal-wrapper:before,
.tf-modal-container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.tf-modal-wrapper:before {
    background: #28c4b3;
    height: 100%;
    width: 100%;
    border-right: 50px solid #accf42
}

.tf-modal-container {
    position: relative;
    z-index: 8031;
    padding: 20px 0 20px 20px
}

.tf-modal-container:before {
    left: 0;
    top: 0;
    right: -20px;
    background: #fff;
    height: 100%
}

.tf-modal-content {
    padding: 20px 70px;
    font-family: 'gtEestiDisplay-Regular', Helvetica, Tahoma
}

.tf-modal-content h2 {
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    color: #458666;
    margin-bottom: 30px;
    font-family: 'gtEestiDisplay-Regular', Helvetica, Tahoma;
    text-align: center
}

.tf-modal-content p {
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.tf-modal-buttons {
    margin-top: 30px;
    text-align: center
}

.tf-modal-buttons a {
    display: inline-block;
    width: 224px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    padding: 10px 0;
    margin: 0 10px;
    position: relative
}

.tf-modal-buttons a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.tf-modal-buttons a.green-btn:before {
    background: #accf42
}

.tf-modal-buttons a.tourquise-btn:before {
    background: #28c4b3
}

.tf-modal-close {
    background: url(../img/mainpage_animation/tf-modal-close.png) no-repeat;
    width: 34px;
    height: 24px;
    font-size: 0;
    text-indent: -1000px;
    display: block;
    position: absolute !important;
    right: -25px;
    top: 25px
}

#confetti_wrapper {
    z-index: 8020;
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

body.tf_mainpage #aspnetForm {
    visibility: hidden
}

@media(max-width:1199px) {
    .calculation-market-data {
        padding: 0 20px
    }

    .fancybox-wrap.TFModal .fancybox-title {
        font-size: 12px
    }

    .fancybox-wrap.TFModal ul li {
        font-size: 12px
    }

    .mobile-animation-wrapper {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background: url("../img/mainpage_animation/mobile-animation-content.png") no-repeat right center;
        background-size: cover;
        z-index: 8000;
        display: none
    }

    body.en .mobile-animation-wrapper {
        background: url("../img/mainpage_animation/mobile-animation-content-en.png") no-repeat right center;
        background-size: cover
    }

    .mobile-animation-wrapper a {
        display: block;
        width: 100%;
        height: 100%
    }

    #confetti_wrapper,
    .confetti_canvas,
    #canvas,
    #animation_container {
        display: none !important
    }

    .tf-modal-wrapper {
        max-width: 600px !important;
        width: 90% !important
    }

    .tf-modal-wrapper:before,
    .tf-modal-container:before {
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important
    }

    .tf-modal-wrapper:before {
        border-right: 0;
        top: 15px
    }

    .tf-modal-container,
    .tf-modal-wrapper {
        padding: 0 15px
    }

    .tf-modal-container:before {
        right: 0
    }

    .tf-modal-content {
        padding: 30px 0 15px 0
    }

    .tf-modal-content p {
        font-size: 14px;
        line-height: 1.3
    }

    .tf-modal-content h2 {
        font-size: 28px;
        margin-bottom: 15px
    }

    .tf-modal-buttons a {
        line-height: 22px;
        font-size: 14px
    }

    .tf-modal-close {
        width: 17px;
        height: 12px;
        background-size: cover;
        right: 15px;
        top: 15px
    }

    .profit-shares .row>div>ul {
        margin: 0 -10px
    }

    .profit-shares .row>div>ul li {
        padding: 0 10px
    }

    .profit-shares .row>div>ul li span {
        font-size: 16px
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .tf-modal-content {
        padding: 30px
    }

    .tf-modal-buttons a {
        width: 45%
    }

    .en .home .right-col .btn-apply-now-2 {
        margin: 0 0 0 10px
    }

    .calculation-note {
        font-size: 11.5px !important
    }

    .main-slider-container .banner-bg div {
        background-position: right top
    }

    #header .top .application {
        display: none
    }

    #mobile-follow-application {
        display: block
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    .tf-modal-content {
        padding: 30px
    }

    .tf-modal-buttons a {
        width: 45%
    }

    .en .home .right-col .btn-apply-now-2 {
        margin: 0 0 0 10px
    }

    .calculation-note {
        font-size: 11.5px !important
    }

    .main-slider-container .banner-bg div {
        background-position: right 75px top
    }
}

@media(min-width:1200px) {
    .mobile-animation-wrapper {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .mobile-animation-wrapper {
        background-size: 80%;
        background-position: left center
    }
}

@media(max-width:479px) {
    .tf-modal-buttons a {
        display: block;
        margin-bottom: 10px;
        width: auto;
        line-height: 20px
    }
}

@media(max-width:767px) {
    .home .right-col .buttons li {
        padding: 0 0
    }
}

@media(min-width:426px) and (max-width:767px) {
    #header .top .internet-banking-panel>a {
        width: 47%
    }
}

@media(min-width:550px) and (max-width:767px) {
    .en #header .top .internet-banking-panel>a {
        width: 43.5%
    }
}

@media(min-width:320px) and (min-height:500px) {
    .mobile-animation-wrapper {
        right: -50px;
        width: calc(100% + 50px)
    }
}

@media(width:375px) and (min-height:700px) {
    .mobile-animation-wrapper {
        background-position-x: 88%
    }
}

@media(width:320px) and (height:480px) {
    .mobile-animation-wrapper {
        background-position-x: 73%
    }
}

@media(width:812px) {
    .card-dots {
        left: 54% !important
    }
}

@media(max-width:320px) {
    .bluebtn {
        padding: 14px 18px 14px 18px !important
    }

    .graybtn {
        padding: 14px 18px 14px 18px !important
    }
}

@media(max-width:374px) {

    .tf-modal-container,
    .tf-modal-wrapper {
        padding: 0 10px
    }

    .tf-modal-wrapper {
        width: 95% !important
    }

    .tf-modal-buttons {
        margin-top: 15px
    }

    .tf-modal-buttons a:last-child {
        margin-bottom: 0
    }

    .main-slider-container .text-box {
        bottom: 80px
    }

    .home .main-slider-container {
        height: 366px
    }

    .payments-content>h5 {
        font-size: 14px !important;
        line-height: 20px;
        padding: 10px 0 0 10px
    }

    .payments-content p {
        padding-left: 10px;
        width: 50%;
        margin-top: 5px;
        line-height: 18px
    }

    .payments-img img {
        width: 76%
    }

    .payments-content {
        height: auto
    }

    .icon-np-ok {
        margin-left: 10px;
        margin-top: -14px;
        padding-bottom: 10px
    }

    .pat-top-right,
    .pat-top-left,
    .pat-bot-right,
    .pat-bot-left {
        width: 149px !important
    }

    .pat-top-right {
        margin-right: -149px !important
    }

    .pat-bot-right {
        margin-right: -149px !important
    }
}

@media(min-width:1199px) {
    .old-site-screenshot {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-position: top center;
        background-image: url(../img/mainpage_animation/tf-oldsite-screenshot.jpg);
        background-repeat: no-repeat;
        z-index: 7000;
        display: none
    }

    body.en .old-site-screenshot {
        background-image: url(../img/mainpage_animation/tf-oldsite-screenshot-en.jpg)
    }
}

.hayata-katilim-bankasi-image {
    max-width: 170px
}

.tf-modal-content .tw_hashtag {
    color: #458666;
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold
}

@media only screen and (max-width:375px) {
    .tf-modal-wrapper {
        margin-top: 0 !important;
        top: 30px !important
    }

    .bottom .logo img {
        width: 226px !important
    }

    .main-slider-container .banner-bg div {
        background-size: 117%
    }
}

@media(width:425px) {
    .bottom .logo img {
        width: 259px !important
    }

    .main-slider-container .banner-bg div {
        background-size: 104% !important
    }
}

@media(width:414px) {
    .bottom .logo img {
        width: 251px !important
    }

    .main-slider-container .banner-bg div {
        background-size: 107% !important
    }
}

@media(width:360px) {
    .bottom .logo img {
        width: 215px !important
    }
}

@media(width:320px) {
    .pat-top-left {
        margin-right: 0 !important
    }

    .pat-bot-left {
        margin-right: 0 !important;
        top: 37% !important
    }

    .bottom .logo img {
        width: 192px !important
    }

    #header .top .internet-banking-panel>a {
        float: left;
        width: 46%
    }

    #piyasalar,
    #kar-paylari,
    #bist,
    .buttons {
        padding: 0 15px !important
    }

    .home .right-col .buttons li {
        width: 32% !important
    }

    .home .right-col .currency-table-wrapper .owl-controls,
    .home .right-col .currency-table-wrapper .table-modal .controls a {
        right: 15px !important
    }

    .home .right-col .currency-table-wrapper #piyasalar:before,
    .home .right-col .currency-table-wrapper .table-3 .slider:before,
    .home .right-col .currency-table-wrapper .table-2 .slider:before {
        left: 15px !important;
        right: 15px !important
    }

    .hub-container {
        right: 9px;
        width: 160px;
        top: 98px
    }

    .main-slider-container .banner-bg div {
        background-size: 115%
    }

    .en #header .top .internet-banking .js-banking .icon-internet-banking {
        right: 11px !important
    }

    .en #header .top .internet-banking .btn i,
    .en #header .top .instant-password .btn i {
        right: 22px !important
    }

    .home .announcements .controls {
        margin: 0 10px 0 42px
    }

    #header .top .internet-banking-panel>a {
        width: 45.5% !important
    }
}

@media(min-width:320px) and (max-width:360px) {
    #header .bottom .search {
        top: 0
    }

    #header .bottom .main-nav .btn-nav {
        right: 13px;
        top: 18px
    }
}

@media(max-width:769px) {
    .tf-modal-content .tw_hashtag {
        display: block;
        margin-top: 10px;
        margin-left: 0
    }

    #header .top .instant-password .animate-key {
        display: none !important
    }

    #header .top .js-banking .animate-internet-banking {
        display: none !important
    }
}

@media(min-width:1025px) {
    .navigate .sub:nth-child(1n+6) {
        display: none
    }

    .en .navigate .sub:nth-child(1n+5) {
        display: none
    }

    .landing-page .landing-bottom.links div.links-calc:hover i {
        background: url(../img/04_hesaparaci_icon.gif) right top no-repeat;
        top: 3px;
        right: 30px
    }

    .landing-page .landing-bottom.links div.links-apply-now:hover i {
        background: url('../img/03_hemenbasvur_icon.gif') no-repeat right top;
        top: -11px;
        right: 17px
    }
}

.finance-portal .page-top .full {
    height: auto !important
}

.float-none {
    float: none !important
}

.home .calculation .tab-item .faal-card .form-group.float-none {
    width: 100% !important;
    margin: 0 0 10px !important
}

@media(max-width:991px) {
    .sg-banner-div {
        height: auto
    }

    .sg-banner-text {
        background-color: #458666;
        width: 100%;
        padding: 25px;
        float: left;
        left: 0;
        position: relative;
        top: 0;
        transform: none
    }

    .sg-banner-img {
        background-color: #eeeff3;
        width: 100%;
        padding-bottom: 20px;
        display: none
    }

    .sg-banner-mobile-img {
        display: block
    }

    .sg-banner-mobile-img img {
        width: 100%
    }

    .sg-banner-img img {
        width: 100%
    }

    .sg-banner-text .sg-banner-title {
        color: #fff;
        font-size: 20px;
        font-weight: normal
    }

    .page h2 {
        margin: 0
    }

    .sg-banner-container {
        padding: 0
    }

    .sg-banner-text div::before {
        background-color: #fff
    }

    .sg-banner-text div a {
        color: #458666
    }

    .subpage-content {
        margin: 0 1px 0 16px
    }

    #header .top .nav {
        margin: 9px 0 0 0
    }

    #header .top .be-a-customer-box .btn.js-banking,
    #header .top .internet-banking .btn,
    #header .top .instant-password .btn,
    #header .top .en-red-box .btn {
        line-height: 58px !important;
        padding: 0;
        text-align: center
    }

    #header .top .be-a-customer-box .btn i.icon-musteri_ol_icon,
    #header .top .internet-banking .js-banking .icon-internet-banking {
        display: inline-block
    }

    #header .top .be-a-customer-box .btn i.icon-musteri_ol_icon,
    #header .top .be-a-customer-box .btn .animate-customer {
        right: 30px
    }

    .calculation-market-data .home-page-application,
    home-page-application {
        width: 100%
    }
}

@media(max-width:1199px) {
    .calculation-market-data {
        width: 100%
    }

    .products-and-service {
        font-size: 12px !important
    }

    .home-finance-calculator {
        position: relative;
        width: auto;
        height: auto;
        top: 0;
        z-index: 999999;
        left: 0;
        margin: 0;
        padding-top: 0;
        padding: 20px;
        font-family: 'gtEestiDisplay-Regular' !important
    }

    .home-finance-calculator input {
        margin-bottom: 20px !important
    }

    .home-finance-calculator .finance-price {
        padding-right: 15px !important
    }

    .calculation-market-data .home-page-application {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        margin-top: 0
    }
}

@media(min-width:374px) and (max-width:424px) {
    #header .bottom .main-nav .btn-nav {
        top: 20px !important
    }

    #header .bottom .search {
        top: 1px !important
    }
}

@media(min-width:768px) and (max-width:1199px) {

    .home .calculation .desktop .picker,
    .tablet .picker {
        right: 0
    }

    .main-slider-container a {
        font: 30px "gtEestiDisplay-MediumItalic"
    }

    .main-slider-container .owl-controls {
        right: 50%
    }

    .home .calculation .tab-item .faal-card .form-group input.scheduled-date {
        text-align: left !important
    }

    #piyasalar,
    #kar-paylari,
    #bist {
        padding: 0 30px
    }

    .home .right-col .currency-table-wrapper table {
        width: 100%
    }

    .home .right-col .currency-table-wrapper .btn-kar-paylari {
        bottom: -40px !important
    }
}

@media(min-width:1200px) and (max-width:1300px) {
    .main-slider-container a {
        font: 30px "gtEestiDisplay-MediumItalic"
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hub-container {
        width: 170px;
        right: 27px;
        top: 92px;
        z-index: 999999
    }

    .home .campaigns .campaign {
        height: 244px !important
    }

    .home .campaigns .campaign p {
        display: none
    }

    .home .static-campaign .campaign .campaign-left::after,
    .home .static-campaign .campaign .campaign-left::before {
        width: 197px !important
    }

    .home .static-campaign .campaign .campaign-left .campaign-content h4 {
        width: 100px !important
    }

    .home-campaign-container {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 5px
    }

    .calculation-market-data .all-references {
        font-size: 16px
    }

    #header .top .be-a-customer-box .btn i.icon-musteri_ol_icon,
    #header .top .internet-banking .js-banking .icon-internet-banking {
        position: relative;
        right: 0 !important;
        top: 3px
    }

    #header .top .products-and-service {
        margin-top: 10px
    }

    #header .top .products-and-service span {
        margin-top: 6px !important
    }

    .page-top .banner-bg div {
        margin-left: -200px
    }

    .pat-bot-right {
        margin-right: -365px !important
    }

    .pat-top-left {
        margin-right: -181px !important
    }

    .pat-bot-left {
        margin-right: -134px !important
    }

    .pat-top-right {
        margin-right: -358px !important
    }

    .main-slider-container a.main-slider-small-link {
        margin-left: 200px !important
    }

    a.main-slider-small-link.navigateLink2 {
        margin-left: 16px !important
    }

    #header .bottom .main-nav {
        right: 65px
    }

    #header .bottom .search {
        right: 80px
    }

    .card-dots {
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        padding-left: 210px;
        bottom: 23px
    }

    #header .top .internet-banking-panel {
        transform: skew(0deg);
        -webkit-transform: skew(0deg);
        -moz-transform: skew(0deg);
        -ms-transform: skew(0deg);
        height: auto !important;
        margin-left: -25px;
        padding: 0 20px
    }

    #header .top .internet-banking-panel>a {
        width: 48.5%;
        margin-top: 20px;
        margin-bottom: 15px
    }

    #header .top .internet-banking-panel .login,
    .new-password-btn {
        transform: skew(-10deg);
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        -ms-transform: skew(-10deg)
    }

    .new-password-btn {
        margin: 0 0 20px 0;
        width: 99.5%
    }

    #header .top .internet-banking-panel .login {
        margin-left: 0;
        margin-right: 0
    }

    #header .top .internet-banking-panel>a.login.first {
        margin-right: 20px
    }
}

@media(min-width:992px) {
    #footer .top ul li {
        padding-right: 10px
    }
}

.main-slider-full-link,
.main-slider-full-link:focus {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: block
}

.main-slider-container a.main-slider-small-link {
    font-size: 17px !important;
    color: #fff;
    position: absolute !important;
    left: 50%;
    bottom: 64px;
    width: 161px;
    height: 50px;
    position: relative;
    text-align: center;
    opacity: 0;
    z-index: 999999 !important
}

.main-slider-container a.main-slider-small-link:hover::before {
    background: #0c948b
}

.main-slider-container a.main-slider-small-link.active {
    z-index: 5;
    opacity: 1
}

a.navigateLink1 {
    margin-left: -12px
}

a.navigateLink2 {
    margin-left: -193px
}

.main-slider-container a.main-slider-small-link span {
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    line-height: 50px;
    font-family: 'gtEestiDisplay-Regular';
    font-weight: normal
}

.main-slider-container a.main-slider-small-link::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #424443;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-slider-container a.navigateLink2::before {
    background-color: #02baaa
}

.en .home .calculation .tab-title li a {
    width: 120px
}

.showHead {
    display: block !important
}

.en .home .right-col .currency-table-wrapper table thead td {
    font-size: 13px
}

.en .home .right-col .currency-table-wrapper table thead tr td:last-child,
.en .home .right-col .currency-table-wrapper table tbody tr td:last-child {
    padding-left: 10px
}

.page table thead td,
.page table thead th {
    padding: 10px 10px 12px 10px
}

@media(min-width:992px) and (max-width:1199px) {
    #header .top .nav li {
        margin-right: 9px
    }

    #header .top .nav {
        margin-top: 5px
    }

    #header .bottom .main-nav ul.navigate li.sub .nav-wrap li a {
        padding-left: 0
    }

    #header .bottom .main-nav {
        right: 58px
    }

    #header .bottom .search {
        right: 70px
    }

    #header .top .nav {
        line-height: 50px
    }
}

@media(width:768px) {
    .en .main-calculation-tabs {
        margin-top: 20px
    }

    #header .top .products-and-service {
        width: 324px !important
    }

    .currecny-box h4 {
        padding: 22px 175px 10px 32px
    }

    .main-calculation-tabs .nav-tabs>li a {
        padding: 2px 175px 16px 42px
    }

    .home-finance-calculator {
        margin-top: 30px
    }

    #header .top .products-and-service {
        padding-right: 11px !important
    }

    .ipad.tablet #header .top .products-and-service a {
        line-height: 31px !important
    }

    .en #header .top .nav {
        display: none
    }

    .home .campaigns .campaign p {
        display: none
    }

    .home-campaign-container {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 5px
    }

    .home .static-campaign .campaign .campaign-left::after,
    .home .static-campaign .campaign .campaign-left::before {
        width: 197px !important
    }

    .home .static-campaign .campaign .campaign-left .campaign-content h4 {
        width: 100px !important
    }

    .home .announcements {
        padding: 0 31px 0 31px
    }

    .left-campaign img {
        width: 65% !important;
        float: right
    }

    .bottom .logo img {
        width: 471px;
        height: auto;
        margin-left: 12px
    }

    .main-slider-container .banner-bg div,
    .page-top .banner-bg div {
        right: -77px;
        left: 66%
    }

    .bol-kepce-calculation .calculation-result-one {
        width: auto;
        clear: none;
        margin-right: 0;
        padding-left: 0
    }

    #header .top .instant-password .btn i.icon-musteri_ol_icon,
    .icon-internet-banking {
        top: 3px !important
    }

    .home-page-application span {
        font-size: 14px;
        margin: 0 15px
    }

    .en .home .right-col .currency-table-wrapper {
        min-height: 370px !important
    }

    #header .top .internet-banking-panel>a {
        width: 48.5% !important
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    #header .top .nav li {
        margin-right: 16px
    }

    .landing-page .page-top .item .text {
        width: 435px;
        max-width: 435px
    }

    .pat-bot-left {
        margin-right: -135px !important
    }

    .pat-bot-right {
        margin-right: -493px !important
    }

    .pat-top-right {
        margin-right: -493px !important
    }

    .pat-top-left {
        margin-right: -180px !important
    }

    .main-slider-container a.main-slider-small-link {
        margin-left: 330px
    }

    .navigateLink2 {
        margin-left: 144px !important
    }
}

@media(min-width:1026px) and (max-width:1199px) {
    #header .bottom .main-nav .btn-nav {
        display: none !important
    }
}

@media(min-width:1200px) {
    #header .top .nav {
        margin-top: 20px
    }
}

@media(max-width:992px) {
    .home .announcements {
        margin: 26px 20px 40px 13px
    }

    .home-campaign-container {
        margin-left: 10px;
        margin-right: 10px
    }

    #footer .container {
        padding: 0 20px
    }
}

@media(min-width:769px) and (max-width:992px) {
    .home .announcements {
        margin: 26px 20px 40px 40px
    }
}

@media(min-width:1025px) and (max-width:1199px) {
    .container {
        width: auto;
        padding: 0 20px
    }

    #header .bottom .search {
        right: 0
    }

    .home .left-col .main-slider {
        height: 450px
    }

    .home .left-col .main-slider .item img {
        width: 380px;
        height: 406px
    }

    .home .left-col .main-slider .item h2 {
        width: 40%;
        letter-spacing: -.8px;
        font-size: 30px
    }

    .home .left-col .main-slider .item h2 small {
        display: none
    }

    .home .right-col {
        margin: 0;
        position: static;
        top: inherit;
        right: inherit;
        width: 100%
    }

    .home .right-col .currency-table-wrapper {
        padding: 0;
        margin-left: 0;
        overflow: hidden;
        margin-top: 40px
    }

    .kur-bg {
        display: none
    }

    .home .right-col .currency-table-wrapper .table-modal .close {
        bottom: -78px !important;
        width: 49%;
        right: 11px
    }

    .home .right-col .currency-table-wrapper .controls small {
        font-size: 9px
    }

    .home .right-col .btn-apply-now {
        height: 65px;
        margin-bottom: 30px;
        background: #fff;
        position: relative;
        padding: 0;
        margin: 0
    }

    .home .right-col .btn-apply-now a {
        padding-top: 22px !important
    }

    .home .right-col .btn-apply-now br {
        display: none
    }

    .home .right-col .btn-apply-now a {
        margin-left: 0;
        padding-left: 70px;
        line-height: 17px;
        padding-top: 17px
    }

    .main-slider-container .banner-bg div {
        background-position: 250px
    }

    .main-slider-container .item-turquoise.active,
    .page-top .item-turquoise.active {
        margin-left: -3104px
    }

    .main-slider-container .item-green.active {
        margin-left: -3078px
    }

    .main-slider-container .text-top.active {
        margin-left: -505px
    }

    .main-slider-container .owl-controls,
    .page-top .owl-controls {
        margin-left: -250px
    }

    .home .right-col .btn-apply-now {
        height: 65px;
        margin-bottom: 30px;
        background: #fff;
        position: relative;
        padding: 0;
        margin: 0
    }

    .home .right-col {
        margin: 0;
        padding: 5px 15px 40px 15px;
        position: static;
        top: inherit;
        right: inherit;
        width: 100%
    }
}

@media(min-width:1200px) {
    #header .top .nav li a br {
        display: none
    }
}

@media(max-width:1199px) {
    #header .top .nav li {
        display: inline-block;
        vertical-align: middle;
        float: none
    }

    #header .top .nav li a {
        font-size: 13px
    }

    .total-amount-payable {
        margin-top: 0 !important
    }
}

.currency-box .select2-arrow:before,
.currency-box .icon-arrow-down:before,
.currency-box .icon-down:before {
    content: "";
    color: #abd037
}

.currency-box .icon-down:before {
    color: #d03737
}

.currency-box .icon-arrow-up:before,
.currency-box .icon-up:before {
    color: #abd037
}

.currency-box .select2-arrow:before,
.currency-box .icon-arrow-down:before,
.currency-box .icon-down:before {
    content: "";
    color: #d03737
}

.campaign-list .campaign p a {
    font-family: "gtEestiDisplay-Light" !important
}

.hashtagContainer {
    bottom: 232px;
    right: 50%;
    top: auto;
    width: 800px;
    position: absolute;
    margin-right: -306px
}

.hashtagBox {
    transition: all .8s ease;
    opacity: 1;
    z-index: 9;
    position: absolute;
    right: 0
}

.patlangacContainer {
    bottom: 172px;
    right: 50%;
    top: auto;
    width: 800px;
    position: absolute;
    margin-right: -295px
}

.patlangacBox {
    transition: all .8s ease;
    opacity: 0;
    z-index: 9;
    position: absolute;
    right: 0
}

.patlangacBox.active {
    opacity: 1
}

.pat-bot-left {
    margin-right: 131px
}

.pat-top-left {
    top: 30px;
    right: 50%;
    margin-right: -266px
}

.pat-top-right {
    top: 30px;
    right: 50%;
    margin-right: -329px
}

.hide {
    display: none !important
}

.home .campaigns .campaign a:focus,
.home .campaigns .campaign:focus a {
    z-index: 1 !important
}

#footer .bottom .nav li {
    margin-right: 3px;
    padding-left: 5px
}

.icon-gayrimenkul-new {
    font-size: 31px;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 0;
    top: 2px;
    margin: auto;
    height: 33px;
    width: 41px
}

.e-ihale-btn a::after {
    background: none !important
}

.sg-hesaplama-araclari a {
    padding-right: 80px !important
}

.en .sg-hesaplama-araclari a {
    padding-right: 100px !important
}

.pat-custom {
    display: none !important
}

.nav-and-content {
    height: 0
}

.currecyGreen {
    color: #00b1a1
}

.nav-and-content a {
    opacity: 0
}

.nav-and-content a:focus {
    opacity: 1
}

.landing-page .main-slider-full-link {
    z-index: 0 !important
}

.form-group.btn-calculate-apply-now>a,
.form-group.btn-doviz-apply-now>a,
.iban-yellow-btn a {
    background-color: #abd037 !important;
    width: 100%;
    display: block;
    color: #fff;
    height: 42px;
    margin-top: 28px;
    text-align: center;
    padding: 13px 20px;
    line-height: 1;
    font-size: 17px;
    border: 0;
    cursor: pointer
}

.btn-doviz-apply-now .btn {
    margin-top: 0 !important
}

.overlay {
    background: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 100%;
    z-index: 999999
}

i.icon-altin_sube {
    top: 5px;
    font-size: 30px
}

.search-branch-result .map.first {
    height: 550px !important
}

.atm-button-container {
    margin-top: 15px;
    max-width: 272px;
    overflow: hidden
}

.btn-ptt-container a {
    display: block;
    height: 65px;
    width: 100%;
    background: url(../img/ptt_button.png) no-repeat
}

.btn-ptt-container a:hover {
    display: block;
    height: 65px;
    width: 100%;
    background: url(../img/ptt_button_hover.png) no-repeat
}

.btn-ykb-container a {
    display: block;
    height: 65px;
    width: 100%;
    background: url(../img/ykb_button_1.png) no-repeat
}

.btn-ykb-container a:hover {
    max-width: 272px;
    height: 65px;
    width: 100%;
    background: url(../img/ykb_button_2_hover.png) no-repeat
}

.home .right-col .currency-table-wrapper .table-1,
.home .right-col .currency-table-wrapper .table-2,
.home .right-col .currency-table-wrapper .table-3 {
    background: #f9f9f9;
    height: 311px
}

#application-form-tab,
#apply-form-tab {
    margin-top: 14px
}

#application-form-tab ul,
.apply-form-tab ul {
    border-bottom: 1px solid #c3c3c3;
    overflow: hidden
}

#application-form-tab ul li {
    width: 50%;
    float: left
}

#application-form-tab ul li.active a {
    color: rgba(33, 33, 33)
}

#application-form-tab ul li.active {
    border-bottom: 3px solid #02baaa
}

#application-form-tab ul li a {
    display: block;
    font-size: 22px;
    font-family: 'gtEestiDisplay-Regular';
    height: 39px;
    text-align: center;
    color: rgba(33, 33, 33, .4)
}

.landing-page #application-form-tab .box {
    background: #fff;
    padding: 30px;
    height: 252px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0
}

.landing-page #application-form-tab .box h3,
.landing-page #application-form-tab .box p,
.landing-page #apply-form-tab .box p {
    transform: skew(0deg) !important;
    margin: 0;
    padding: 0
}

.landing-page #application-form-tab .box h3,
.landing-page #apply-form-tab .box h3 {
    font-size: 24px;
    margin-bottom: 21px
}

.landing-page #application-form-tab .box p,
.landing-page #apply-form-tab .box p {
    font-size: 18px;
    color: #636e72;
    height: auto
}

.landing-page #application-form-tab .box .buttons,
#apply-form-tab .box .button {
    float: left;
    position: absolute;
    bottom: 41px
}

.landing-page #application-form-tab .box .buttons a,
#apply-form-tab .box .buttons a {
    font-size: 17px;
    color: #697478;
    border: 1px solid #d9dad9;
    padding: 13px 33px;
    font-family: 'gtEestiDisplay-Regular'
}

.landing-page #application-form-tab .box.two-button-box .buttons.follow-application .border-button {
    color: #fff;
    background: #458666
}

.landing-page #application-form-tab .box.two-button-box .buttons.follow-application .border-button:hover {
    background: #19aa9b;
    color: #fff;
    border: 1px solid #19aa9b
}

.landing-page #application-form-tab .box .buttons a:hover,
#apply-form-tab .box .buttons a:hover {
    border: 1px solid #979797
}

.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important
}

.nextMenu {
    opacity: 0 !important;
    position: absolute;
    top: 0
}

.nextMenu:focus {
    opacity: 1 !important;
    color: #fff
}

.no-link {
    color: #626e72 !important;
    text-decoration: none !important;
    cursor: default
}

.no-link span {
    color: #458666;
    text-decoration: underline;
    cursor: pointer
}

.sub-page-content .menu-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    opacity: .5;
    display: none
}

.sub-page-content .menu-overlay.active {
    display: block
}

.sub-page-content .menu-overlay .bg-overylay {
    background: #000;
    width: 100%;
    height: 100%
}

.en .kur-bg {
    left: 50%;
    margin-left: 338px
}

.en #header .top .internet-banking,
.en #header .top .instant-password {
    float: right
}

.en #header .top .internet-banking .js-banking .icon-internet-banking {
    right: 26px
}

.en #header .top .internet-banking .btn i,
.en #header .top .instant-password .btn i {
    right: 43px
}

.en .individual-calculation {
    height: 456px;
    max-height: 456px
}

.en .home .right-col .currency-table-wrapper {
    min-height: 457px
}

.en a.navigateLink1 {
    margin-left: 119px
}

.en .campaign-left .campaign-content {
    top: 95px !important
}

.en #header .top .js-banking .animate-internet-banking {
    right: 26px
}

.captcha .BDC_CaptchaDiv {
    width: 100% !important
}

.sg-btn .sg-hesaplama-araclari .calculate-btn {
    text-transform: uppercase;
    height: 57px
}

.products-and-service {
    float: right;
    margin-top: 20px !important;
    font-size: 14px
}

.tab-wrapper.sitemap .tab-title li {
    width: 15% !important
}

.tab-wrapper.sitemap .tab-title li a {
    font-size: 16px !important
}

.white-head-btn {
    width: 172px;
    height: 50px;
    float: right;
    margin-right: 50px
}

.white-head-btn::before {
    background-color: #fff;
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg)
}

.white-head-btn a {
    position: relative;
    z-index: 99999;
    font-size: 17px;
    text-align: center;
    line-height: 50px;
    display: block;
    color: #59c1b4 !important
}

.kisisel-message p {
    margin-top: 0 !important
}

#serviceDetailSelector div:nth-child(2) label {
    color: #fff
}

#serviceDetailSelector div:nth-child(2) label span:after {
    content: "Ticari";
    color: #414042;
    margin-left: 30px
}

@media(min-width:2200px) {
    .main-slider-container a.main-slider-small-link {
        left: 49%
    }
}

.landing-page .page-top .banner-bg div {
    background-repeat: no-repeat !important;
    background-color: #fff
}

.multiple-urunler ul li {
    background: none !important;
    width: 30%;
    float: left;
    padding-left: 0 !important
}

.multiple-urunler .checkbox {
    float: left
}

.multiple-urunler ul li label {
    color: #7f7f7f !important;
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 22px;
    font-family: "gtEestiDisplay-Light"
}

.form-text-box {
    min-height: 50px !important
}

.form-wrapper .form-group .multiple-urunler em.error {
    display: none !important
}

.form-wrapper .form-group .multiple-urunler em.error:first-child {
    display: inline-block !important
}

.multiple-urunler em.error {
    display: none !important
}

span.error {
    margin-top: -10px;
    color: #e2231a;
    font-style: normal;
    display: none;
    float: left
}

.multiple-urunler.error span.error {
    display: block
}

.donusum-urunler {
    min-height: 70px !important
}

.donusum-urunler p {
    margin-bottom: 10px !important
}

.donusum-urunler .radio label span label {
    padding-left: 30px
}

.frequently-search-box strong {
    font-size: 18px;
    display: inline-block;
    padding: 17px 0 7px 0;
    font-family: "gtEestiDisplay-Light";
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .75
}

.frequently-search li {
    float: left;
    width: 50%;
    padding: 7px 0 7px 0
}

.frequently-search li a {
    color: #fff !important;
    padding: 0 0 0 15px !important;
    display: inline-block;
    text-align: left !important;
    background: url(../img/icon-bullet.png) left 8px no-repeat;
    cursor: pointer;
    font-size: 16px
}

.frequently-search li a:hover {
    color: #458666 !important
}

#header .top .application::before {
    background-color: #888988 !important
}

.finance-calculator-links {
    margin-top: 20px
}

.finance-calculator-links a {
    margin-top: 0
}

.text-buttons a {
    height: auto;
    line-height: 25px
}

.finance-calculator-links a.follow-application-link {
    display: none;
    margin-top: 10px
}

.follow-application-link {
    text-decoration: underline;
    color: #424443
}

.follow-application-link:hover {
    text-decoration: none;
    color: #424443 !important
}

.follow-application {
    text-decoration: none
}

.follow-application a {
    padding: 13px 20px !important;
    margin-right: 10px
}

@media(max-width:1200px) {
    .text-buttons a {
        width: 50%;
        float: left;
        line-height: 50px
    }

    #header .top .instant-password .btn i {
        right: 10px
    }
}

@media(max-width:1025px) and (min-width:768px) {
    .follow-application a {
        padding: 13px 3px !important
    }
}

@media(max-width:767px) {
    .follow-application a {
        padding: 13px 49px !important;
        clear: both;
        margin-top: 10px;
        float: left;
        min-width: 205px
    }

    .landing-page #application-form-tab .box.two-button-box {
        height: auto
    }

    .landing-page #application-form-tab .box.two-button-box .buttons.follow-application {
        position: relative;
        bottom: 0
    }

    #header .top .application {
        display: none
    }

    #mobile-follow-application {
        display: block
    }

    .mobile-widht table tbody td .footable-row-detail-name {
        width: 60% !important
    }
}

@media(max-width:991px) {
    .mobil-qr {
        display: none
    }
}