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

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

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    display: block
}

html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

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

*:focus {
    outline: none
}

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

[class^="icon-"],[class*=" icon-"] {
    font-family: 'icomoon' !important;
    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-Avantajlar11:before {
    content: "";
    color: #e00614
}

.icon-genc-kredi-karti-basvuru:before {
    content: ""
}

.icon-eft-havale-iade:before {
    content: ""
}

.icon-kolay-kasa:before {
    content: ""
}

.icon-odeme-iste:before {
    content: ""
}

.icon-kredi-buyuklugu:before {
    content: "";
    color: #fff
}

.icon-kkm-varlik-buyuklugu:before {
    content: "";
    color: #fff
}

.icon-varlik-buyuklugu:before {
    content: "";
    color: #fff
}

.icon-acikbankacilik-islemlerim:before {
    content: "";
    color: #fff
}

.icon-dogun-gunu-sonraki-ay:before {
    content: "";
    color: #fff
}

.icon-yildiz-kriter:before {
    content: "";
    color: #fff
}

.icon-slip-detay:before {
    content: ""
}

.icon-kesin-odeme-tekil-basvuru:before {
    content: ""
}

.icon-super-platform:before {
    content: ""
}

.icon-para-getir:before {
    content: ""
}

.icon-kesin-odeme-ozet:before {
    content: ""
}

.icon-z-donusum:before {
    content: ""
}

.icon-tedarikci-portali:before {
    content: ""
}

.icon-ziraat-platform:before {
    content: ""
}

.icon-alici-islemleri:before {
    content: ""
}

.icon-kesin-odeme:before {
    content: ""
}

.icon-odeme-islemleri:before {
    content: ""
}

.icon-akilli-mevduat:before {
    content: ""
}

.icon-fatura-takip:before {
    content: ""
}

.icon-elektronik_fatura:before {
    content: ""
}

.icon-kolay-limit:before {
    content: ""
}

.icon-dijital-sube-logo:before {
    content: ""
}

.icon-acik-bankacilik-hesaplarim:before {
    content: ""
}

.icon-acik-bankacilik-hesap-rizasi-alma:before {
    content: ""
}

.icon-acik-bankacilik-islemlerim:before {
    content: ""
}

.icon-acik-bankacilik-islem-limiti-tanimlama:before {
    content: ""
}

.icon-acik-bankacilik-kayitli_gonderen_hesaplarim:before {
    content: ""
}

.icon-acik-bankacilik-kayitli-alicilarim:before {
    content: ""
}

.icon-acik-bankacilik-para-transferi:before {
    content: ""
}

.icon-fatura_odeme_iptal:before {
    content: ""
}

.icon-ithalat_icon:before {
    content: ""
}

.icon-tks-tahsilat:before {
    content: ""
}

.icon-kart-harcama-itirazi:before {
    content: "";
    color: #ea3323
}

.icon-bankkartlira:before {
    content: "";
    font-size: 1.3rem !important
}

.icon-tapu-guvenilir-hesap:before {
    content: ""
}

.icon-ZFG-Logo .path1:before {
    content: "";
    color: #000
}

.icon-ZFG-Logo .path2:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-ZFG-Logo .path3:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-ZFG-Logo .path4:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-ZFG-Logo .path5:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-ZFG-Logo .path6:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-ZFG-Logo .path7:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path8:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path9:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path10:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path11:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path12:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path13:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path14:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path15:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path16:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path17:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path18:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path19:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path20:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path21:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path22:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path23:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path24:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path25:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path26:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path27:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path28:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path29:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path30:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path31:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path32:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path33:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path34:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path35:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path36:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path37:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path38:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path39:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path40:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path41:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path42:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path43:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path44:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path45:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path46:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path47:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path48:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path49:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path50:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path51:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path52:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path53:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path54:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path55:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path56:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path57:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path58:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path59:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path60:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path61:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path62:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path63:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path64:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path65:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path66:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path67:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path68:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path69:before {
    content: "";
    margin-left: -4.23828125em;
    color: #e00614
}

.icon-ZFG-Logo .path70:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-ZFG-Logo .path71:before {
    content: "";
    margin-left: -4.23828125em;
    color: #000
}

.icon-star:before {
    content: "";
    color: #fff
}

.icon-Avantajlar1:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar2:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar3:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar4:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar5:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar6:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar7:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar8:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar9:before {
    content: "";
    color: #e10514
}

.icon-Avantajlar10:before {
    content: "";
    color: #e10514
}

.icon-time-icon:before {
    content: "";
    color: #445056
}

.icon-Basak_Hesap:before {
    content: ""
}

.icon-DijitalKredi:before {
    content: ""
}

.icon-Duzenli_Odeme:before {
    content: ""
}

.icon-Islem:before {
    content: ""
}

.icon-Kartli_Alisveris:before {
    content: ""
}

.icon-KMH_Kullanimi:before {
    content: ""
}

.icon-Maas:before {
    content: ""
}

.icon-Mevduat1:before {
    content: ""
}

.icon-Mevduat2:before {
    content: ""
}

.icon-Mobil_Aktiflik:before {
    content: ""
}

.icon-Otomatik_Odeme:before {
    content: ""
}

.icon-QRCode_Alisveris:before {
    content: ""
}

.icon-Sigorta:before {
    content: ""
}

.icon-Yatirim:before {
    content: ""
}

.icon-dijital-musteri-nedir:before {
    content: ""
}

.icon-avantajlar-kampanyalar:before {
    content: ""
}

.icon-hedefler:before {
    content: ""
}

.icon-dijital-sube:before {
    content: "";
    color: #df1f26
}

.icon-istanbulkart:before {
    content: ""
}

.icon-ihracat:before {
    content: ""
}

.icon-dis-ticaret:before {
    content: ""
}

.icon-emekli-bakacilik:before {
    content: ""
}

.icon-kredili-mevduat:before {
    content: ""
}

.icon-finansal-ajanda:before {
    content: ""
}

.icon-kayit-islemleri:before {
    content: "";
    color: #455151
}

.icon-add-to-cal:before {
    content: "";
    color: #455151
}

.icon-sifre-yenileme:before {
    content: ""
}

.icon-kurumsal-kredi-kullandirim:before {
    content: ""
}

.icon-turkiye-hayat-emeklilik:before {
    content: ""
}

.icon-kurumsal-kredi-odeme:before {
    content: ""
}

.icon-hesap-baglama:before {
    content: "";
    color: #455157
}

.icon-poscek:before {
    content: ""
}

.icon-fast-logo:before {
    content: "";
    color: #e10514
}

.icon-kurumsal-kredi-basvurusu-menu:before {
    content: ""
}

.icon-kurumsal-kredi-basvuru-izleme:before {
    content: ""
}

.icon-qr-paylas:before {
    content: ""
}

.icon-kolay-tansfer:before {
    content: ""
}

.icon-kolay-vkn:before {
    content: ""
}

.icon-bankkart-lira-odeme:before {
    content: ""
}

.icon-kredi-yapilandirma:before {
    content: ""
}

.icon-Periyodik_Limit_Artisi:before {
    content: ""
}

.icon-Kart_Iptal:before {
    content: ""
}

.icon-Kolas-03:before {
    content: ""
}

.icon-Alici:before {
    content: ""
}

.icon-QR:before {
    content: ""
}

.icon-IBAN:before {
    content: ""
}

.icon-Hesap:before {
    content: ""
}

.icon-TCKN:before {
    content: ""
}

.icon-Pasaport:before {
    content: ""
}

.icon-Telefon:before {
    content: ""
}

.icon-Eposta:before {
    content: ""
}

.icon-YKN:before {
    content: ""
}

.icon-Raporlar_Icon:before {
    content: ""
}

.icon-Excel_Icon:before {
    content: ""
}

.icon-Dask_icon2:before {
    content: ""
}

.icon-keycar:before {
    content: ""
}

.icon-western-union:before {
    content: ""
}

.icon-e-imza-indir .path1:before {
    content: "";
    color: #00acba
}

.icon-e-imza-indir .path2:before {
    content: "";
    margin-left: -.857421875em;
    color: #e20514
}

.icon-TCK .path1:before {
    content: "";
    color: #e20514
}

.icon-TCK .path2:before {
    content: "";
    margin-left: -2.09375em;
    color: #00acba
}

.icon-bold-info:before {
    content: ""
}

.icon-yeni-islem {
    position: relative
}

.icon-yeni-islem .path1:before {
    content: "";
    color: #a50001;
    position: absolute;
    top: 0
}

.icon-yeni-islem .path2:before {
    content: "";
    color: #eb0c19;
    position: relative
}

.icon-yeni-islem-en {
    position: relative
}

.icon-yeni-islem-en .path1:before {
    content: "";
    color: #a50001;
    position: absolute;
    top: 0
}

.icon-yeni-islem-en .path2:before {
    content: "";
    color: #eb0c19;
    position: relative
}

.icon-show-mask:before {
    content: ""
}

.icon-hide-mask:before {
    content: ""
}

.icon-canli-cevap-menu:before {
    content: ""
}

.icon-doviz-altin:before {
    content: ""
}

.icon-musteri-iletisim-merkezi-en:before {
    content: "";
    color: #acb6bb
}

.icon-dashboard-info .path1:before {
    content: "";
    color: #61717d
}

.icon-dashboard-info .path2:before {
    content: "";
    margin-left: -1.7rem;
    color: #fff
}

.icon-dashboard-info .path3:before {
    content: "";
    margin-left: -1.7rem;
    color: #fff
}

.icon-caret-right:before {
    content: ""
}

.icon-caret-left:before {
    content: ""
}

.icon-circle-arrw-right:before {
    content: ""
}

.icon-circle-arrw-left:before {
    content: ""
}

.icon-musteri-iletisim-merkezi:before {
    content: ""
}

.icon-back-arrw:before {
    content: ""
}

.icon-dijital-kredi:before {
    content: ""
}

.icon-yatirim-vergi-raporu:before {
    content: ""
}

.icon-sm-connect:before {
    content: ""
}

.icon-sik-kullanilanlar:before {
    content: ""
}

.icon-aks:before {
    content: ""
}

.icon-Yatirim_Hesabi_Ekstre_Talimati:before {
    content: ""
}

.icon-halka-arz-icon:before {
    content: ""
}

.icon-Logout:before {
    content: ""
}

.icon-kart_change:before {
    content: ""
}

.icon-Sms_telefon_guncelleme:before {
    content: ""
}

.icon-sozlesmeYazdir:before {
    content: ""
}

.icon-trafik-odemeleri:before {
    content: ""
}

.icon-sms-giris-bloke-kaldir:before {
    content: ""
}

.icon-izlenecek-hesaplari-tanimla:before {
    content: ""
}

.icon-parola-giris-bloke-kaldir:before {
    content: ""
}

.icon-sim-kart-bloke-kaldir:before {
    content: ""
}

.icon-doviz_satis:before {
    content: ""
}

.icon-fon_alis:before {
    content: ""
}

.icon-fon_satis:before {
    content: ""
}

.icon-pdf:before {
    content: ""
}

.icon-vadesiz_altin_alis:before {
    content: ""
}

.icon-vadesiz_altin_satis:before {
    content: ""
}

.icon-xls:before {
    content: ""
}

.icon-basak_hesap_iptal:before {
    content: ""
}

.icon-basak_hesap_tanimlama:before {
    content: ""
}

.icon-doviz_alis:before {
    content: ""
}

.icon-Pasif:before {
    content: ""
}

.icon-Profil_Resmi_Degistirme:before {
    content: ""
}

.icon-profil_foto_degistirme:before {
    content: ""
}

.icon-onay_yonetim:before {
    content: ""
}

.icon-profil_resmi_sil:before {
    content: ""
}

.icon-zoom_in:before {
    content: ""
}

.icon-zoom_out:before {
    content: ""
}

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

.icon-Yatirim_Borsa:before {
    content: ""
}

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

.icon-sitemap_icon:before {
    content: ""
}

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

.icon-Talimati_guncelle:before {
    content: ""
}

.icon-Etiket_iptal_et:before {
    content: ""
}

.icon-Plaka_Ruhsat_no_guncelleme:before {
    content: ""
}

.icon-Talimat_Guncelle:before {
    content: ""
}

.icon-Talimat_iptal_et:before {
    content: ""
}

.icon-islem_erteleme_izleme_iptali:before {
    content: ""
}

.icon-Kart_ayarlarim:before {
    content: ""
}

.icon-Kart_Yenileme:before {
    content: ""
}

.icon-Kartsiz_Para_Cekme:before {
    content: ""
}

.icon-Nefes_Aylari:before {
    content: ""
}

.icon-Odeme_Plani_izleme:before {
    content: ""
}

.icon-Puan_sorgulama:before {
    content: ""
}

.icon-Sonradan_Taksitlendirme:before {
    content: ""
}

.icon-Sozlesme_Yazdir:before {
    content: ""
}

.icon-D_Transfer:before {
    content: ""
}

.icon-Aliveris_Borcu_Erken_Odeme:before {
    content: ""
}

.icon-Bankkart_Para_Yukleme:before {
    content: ""
}

.icon-Bankkart_Yenileme:before {
    content: ""
}

.icon-Basak_Bayi_iptal_et:before {
    content: ""
}

.icon-Basak_Bayi_tanimla:before {
    content: ""
}

.icon-Harclik_Avans:before {
    content: ""
}

.icon-islem_erteleme:before {
    content: ""
}

.icon-Basim_diger_islemler:before {
    content: ""
}

.icon-Devlet_Katki_bilgileri:before {
    content: ""
}

.icon-E-posta_Degistirme:before {
    content: ""
}

.icon-Guvenlik_Tercihleri:before {
    content: ""
}

.icon-izinli_alici_grup_tanilmala:before {
    content: ""
}

.icon-izinli_Alici_Tanimlama:before {
    content: ""
}

.icon-Kullanici_Adi_Degistirme:before {
    content: ""
}

.icon-Parola_Degistirme:before {
    content: ""
}

.icon-Parola_Kullanimi:before {
    content: ""
}

.icon-Toplu_SMS_Tanimlama:before {
    content: ""
}

.icon-Vekil_Guncelleme:before {
    content: ""
}

.icon-Vekil_kullanici_Sil:before {
    content: ""
}

.icon-Yetki_Tanimlama:before {
    content: ""
}

.icon-Ad_Soyad_Degistirme:before {
    content: ""
}

.icon-Basim_degisiklik_islemleri:before {
    content: ""
}

.icon-Trafik_Odemeleri_HGS_OGS:before {
    content: ""
}

.icon-Traktor_bayi_islemleri:before {
    content: ""
}

.icon-Tum_Hesablarim:before {
    content: ""
}

.icon-Uye_is_yeri_Portal:before {
    content: ""
}

.icon-Vadeli_Altin:before {
    content: ""
}

.icon-Vadeli_Hesap:before {
    content: ""
}

.icon-Vadeli_islemler:before {
    content: ""
}

.icon-Vadesiz_Altin_Hesabi:before {
    content: ""
}

.icon-Vadesiz_Hesab:before {
    content: ""
}

.icon-Vekil_Kullanici_Yonetimi:before {
    content: ""
}

.icon-Vergi_Odemeleri:before {
    content: ""
}

.icon-Yatirim_Hesaplarim:before {
    content: ""
}

.icon-Yeni_Hesap_Ac:before {
    content: ""
}

.icon-Yetki_Senaryo_Yonetimi:before {
    content: ""
}

.icon-Ziraat_Emeklilik_prim_Odeme:before {
    content: ""
}

.icon-Ziraat_Sigorta_Prim_Odeme:before {
    content: ""
}

.icon-Alt_Firma_Hesaplarim:before {
    content: ""
}

.icon-Altin:before {
    content: ""
}

.icon-Altin_Hesabi:before {
    content: ""
}

.icon-Bagis:before {
    content: ""
}

.icon-Bankart_Ozellikleri:before {
    content: ""
}

.icon-Bankkart:before {
    content: ""
}

.icon-Bankkartlarim:before {
    content: ""
}

.icon-Basak_Bayi_Islemleri:before {
    content: ""
}

.icon-Baska_Hesaba_Transfer:before {
    content: ""
}

.icon-Basvuru_Takip:before {
    content: ""
}

.icon-Belediye_Odemeleri:before {
    content: ""
}

.icon-BES_Sozlesme:before {
    content: ""
}

.icon-bilgi_Anket:before {
    content: ""
}

.icon-Bireysel_Kredi:before {
    content: ""
}

.icon-Bireysel_Kredi_Basvurusu:before {
    content: ""
}

.icon-Bireysel_Kredi_Taksit_Odeme:before {
    content: ""
}

.icon-Bono_Tahvil:before {
    content: ""
}

.icon-Capraz_Kurlar:before {
    content: ""
}

.icon-Cebe_Transfer:before {
    content: ""
}

.icon-Cebe_Transfer_rehber_erisim:before {
    content: ""
}

.icon-Cek_Senet:before {
    content: ""
}

.icon-Cek_ve_Risk_Raporu:before {
    content: ""
}

.icon-DBS:before {
    content: ""
}

.icon-Diger_Basvurular:before {
    content: ""
}

.icon-Diger_Odemeler:before {
    content: ""
}

.icon-Doviz2:before {
    content: ""
}

.icon-Doviz_Kurlari:before {
    content: ""
}

.icon-Egitim_Odemeler:before {
    content: ""
}

.icon-Ekstre_Goruntuleme:before {
    content: ""
}

.icon-Ekstre_Talimati:before {
    content: ""
}

.icon-ELUS_Islemler:before {
    content: ""
}

.icon-En_son_20_transfer:before {
    content: ""
}

.icon-eurobond:before {
    content: ""
}

.icon-Fatura_Odeme:before {
    content: ""
}

.icon-Fon_Fiyatlari:before {
    content: ""
}

.icon-fonlar:before {
    content: ""
}

.icon-Gram_Altin:before {
    content: ""
}

.icon-Hayat_Disi_Sigorta_Policesi:before {
    content: ""
}

.icon-Hayat_Sigorta_policesi:before {
    content: ""
}

.icon-Hesaplar_Basvuru:before {
    content: ""
}

.icon-Hesaplarim_Arasi_Transfer:before {
    content: ""
}

.icon-Hizli_islemler:before {
    content: ""
}

.icon-Ithalat_Transfer:before {
    content: ""
}

.icon-Kampanya_Listeleme:before {
    content: ""
}

.icon-Kampanyalar:before {
    content: ""
}

.icon-Kart_Basvuru:before {
    content: ""
}

.icon-Kayitli_Alicilar:before {
    content: ""
}

.icon-Kayitli_Fatura:before {
    content: ""
}

.icon-Kira_Sertifikasi:before {
    content: ""
}

.icon-Kiralik_Kasa:before {
    content: ""
}

.icon-KKTC_transfer:before {
    content: ""
}

.icon-KMH_Kredi_Basvurusu:before {
    content: ""
}

.icon-Kredi_Basvuru:before {
    content: ""
}

.icon-Kredi_Hesaplama:before {
    content: ""
}

.icon-Kredi_Hesaplarim:before {
    content: ""
}

.icon-Kredi_Karti:before {
    content: ""
}

.icon-Kredi_Karti_Fatura_Odeme:before {
    content: ""
}

.icon-Kredi_Karti_Transfer:before {
    content: ""
}

.icon-Kredi_Oranlari:before {
    content: ""
}

.icon-Kredi_Teminat:before {
    content: ""
}

.icon-Kullanici_Yonetimi:before {
    content: ""
}

.icon-Mevduat_Avansi_Borc_Kapama:before {
    content: ""
}

.icon-Mevduat_Avansi_Geri_Odeme:before {
    content: ""
}

.icon-Mevduat_Faiz:before {
    content: ""
}

.icon-Mevduat_Hesaplama:before {
    content: ""
}

.icon-Mobil_Tl_Yukleme:before {
    content: ""
}

.icon-MT_40_Ekstre:before {
    content: ""
}

.icon-Onay_Yonetimi:before {
    content: ""
}

.icon-Online_Basvuru:before {
    content: ""
}

.icon-OTC_Turev:before {
    content: ""
}

.icon-Otomatik_Talimatlar:before {
    content: ""
}

.icon-OTP_Degistirme:before {
    content: ""
}

.icon-OTP_iptal_et:before {
    content: ""
}

.icon-OTP_reset:before {
    content: ""
}

.icon-Pos_Hesaplari:before {
    content: ""
}

.icon-QR_Code_Para_Cekme:before {
    content: ""
}

.icon-QR_Code_Para_Yatirma:before {
    content: ""
}

.icon-Rapor:before {
    content: ""
}

.icon-Repo:before {
    content: ""
}

.icon-Saklama_Hesabi:before {
    content: ""
}

.icon-Sanal_Kart:before {
    content: ""
}

.icon-Sanal_Sube:before {
    content: ""
}

.icon-SGK_SSK_Odemeleri:before {
    content: ""
}

.icon-Sifre_Degistirme:before {
    content: ""
}

.icon-Sigorta_Basvuru:before {
    content: ""
}

.icon-Sigorta_Emeklilik_Odeme:before {
    content: ""
}

.icon-Swift:before {
    content: ""
}

.icon-Swift_Ozel_Giris:before {
    content: ""
}

.icon-Talimatlar:before {
    content: ""
}

.icon-Teminat_Mektubu:before {
    content: ""
}

.icon-Toki_Kredi_Odeme:before {
    content: ""
}

.icon-Toplu_Havale_EFT:before {
    content: ""
}

.icon-Toplu_Transfer:before {
    content: ""
}

.icon-Fiyatlar_Oranlar:before {
    content: ""
}

.icon-Guvenlik_ve_Ayarlar:before {
    content: ""
}

.icon-Hesaplar:before {
    content: ""
}

.icon-Kartlar:before {
    content: ""
}

.icon-Kartlarim:before {
    content: ""
}

.icon-krediler2:before {
    content: ""
}

.icon-en-yakin-ziraat:before {
    content: ""
}

.icon-M_Finansal_Veriler:before {
    content: ""
}

.icon-M_Hesap_Makineleri:before {
    content: ""
}

.icon-M_Iletisim_Merkezi:before {
    content: ""
}

.icon-M_Kampanyalar:before {
    content: ""
}

.icon-M_Mobil_Basvurular:before {
    content: ""
}

.icon-M_Mobil_Sifremi_Unuttum:before {
    content: ""
}

.icon-M_QR_Kode_islemleri:before {
    content: ""
}

.icon-M_Randevu_Al:before {
    content: ""
}

.icon-Odemeler:before {
    content: ""
}

.icon-Onay_ve_Kullanici_Yonetimi:before {
    content: ""
}

.icon-Para_Transferleri:before {
    content: ""
}

.icon-QR_Kod_Islemleri:before {
    content: ""
}

.icon-sigorta_ve_emeklilik:before {
    content: ""
}

.icon-uye-isyeri-islemleri:before {
    content: ""
}

.icon-yatirim:before {
    content: ""
}

.icon-Ziraat_Onay:before {
    content: ""
}

.icon-basvurular2:before {
    content: ""
}

.icon-e-devlet:before {
    content: ""
}

.icon-Hizli_Islemi_Sil:before {
    content: ""
}

.icon-kilit:before {
    content: ""
}

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

.icon-arama:before {
    content: ""
}

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

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

.icon-fiyat-ve-oranlar:before {
    content: ""
}

.icon-guvenlik-ve-ayarlar:before {
    content: ""
}

.icon-kartlar:before {
    content: ""
}

.icon-krediler:before {
    content: ""
}

.icon-kurumsal-islemler:before {
    content: ""
}

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

.icon-odemeler:before {
    content: ""
}

.icon-para-transferi:before {
    content: ""
}

.icon-hesaplar:before {
    content: ""
}

.icon-sigorta-ve-emeklilik:before {
    content: ""
}

.icon-up:before {
    content: ""
}

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

.icon-left:before {
    content: ""
}

.icon-right:before {
    content: ""
}

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

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

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

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

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

.icon-telefon_bankaciligi:before {
    content: ""
}

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

.icon-sorular:before {
    content: ""
}

.icon-home:before {
    content: ""
}

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

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

.icon-aciklama:before {
    content: ""
}

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

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

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

.icon-uyari:before {
    content: ""
}

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

.icon-not-found:before {
    content: ""
}

.icon-logo:before {
    content: ""
}

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

.icon-logo-ico:before {
    content: ""
}

.icon-disc-down-arrw:before {
    content: ""
}

.icon-yasal-uyari:before {
    content: ""
}

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

.icon-okey:before {
    content: ""
}

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

.icon-exit:before {
    content: ""
}

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

.icon-menudot:before {
    content: ""
}

.icon-virman:before {
    content: ""
}

.icon-time-begun:before {
    content: ""
}

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

.icon-time-over:before {
    content: ""
}

.icon-ekstre-gonderim-tercihi:before {
    content: ""
}

.icon-ekstre-kur-tercihi:before {
    content: ""
}

.icon-hesap-kesim-tarihi-tercihi:before {
    content: ""
}

.icon-hesap-ozetleri:before {
    content: ""
}

.icon-islem-kisiti:before {
    content: ""
}

.icon-limit-artirimi:before {
    content: ""
}

.icon-otomatik-odeme-talimati:before {
    content: ""
}

.icon-maximize:before {
    content: ""
}

.icon-mute:before {
    content: ""
}

.icon-filter-edit:before {
    content: ""
}

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

.icon-player-play:before {
    content: ""
}

.icon-sound:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

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

.icon-onay-yonetimi:before {
    content: ""
}

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

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

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

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

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

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

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

.icon-TableListUp:before {
    content: ""
}

.icon-TableListDown:before {
    content: ""
}

.icon-iptal:before {
    content: ""
}

.icon-yenile:before {
    content: ""
}

.icon-ekle:before {
    content: ""
}

.icon-Doviz:before {
    content: ""
}

.icon-table_menu:before {
    content: ""
}

.icon-Euro:before {
    content: ""
}

.icon-Dollar:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-Signature:before {
    content: ""
}

.icon-Information:before {
    content: ""
}

.icon-Security:before {
    content: ""
}

.icon-uniE95C:before {
    content: ""
}

.icon-uniE95D:before {
    content: ""
}

.icon-uniE95E:before {
    content: ""
}

.icon-uniE95F:before {
    content: ""
}

.icon-piechart:before {
    content: ""
}

.icon-logo-text:before {
    content: ""
}

.icon-arrow-border-left:before {
    content: ""
}

.icon-zoom-in:before {
    content: ""
}

.icon-zoom-out:before {
    content: ""
}

.icon-arrow-border-right:before {
    content: ""
}

.icon-Ekle:before {
    content: ""
}

.icon-Bagli_Hesap:before {
    content: ""
}

.icon-sadece_izleme:before {
    content: ""
}

.icon-hic_Gosterme:before {
    content: ""
}

.icon-izleme_ve_islem:before {
    content: ""
}

.icon-checked:before {
    content: ""
}

.icon-unchecked:before {
    content: ""
}

.icon-Mail_2:before {
    content: ""
}

.icon-unlem:before {
    content: ""
}

.icon-TransferArrow:before {
    content: ""
}

.icon-fiyatlar-oranlar:before {
    content: ""
}

.icon-hesaplar2:before {
    content: ""
}

.icon-canli-cevap:before {
    content: ""
}

.icon-iletisim-formu:before {
    content: ""
}

.icon-site-haritasi:before {
    content: ""
}

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

.icon-circular-remove:before {
    content: ""
}

.icon-kopyala:before {
    content: ""
}

.icon-odeme-iste:before {
    content: ""
}

@font-face {
    font-family: 'Regencie';
    src: url('../../css/webfonts/subset-RegencieLight.eot?');
    src: url('../../css/webfonts/subset-RegencieLight.eot?#iefix') format('embedded-opentype'),url('../../css/webfonts/subset-RegencieLight.woff2') format('woff2'),url('../../css/webfonts/subset-RegencieLight.woff') format('woff'),url('../../css/webfonts/subset-RegencieLight.ttf') format('truetype'),url('../../css/webfonts/subset-RegencieLight.svg#RegencieLight') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Regencie Alt';
    src: url('../../css/webfonts/subset-RegencieLightAlt.eot?');
    src: url('../../css/webfonts/subset-RegencieLightAlt.eot?#iefix') format('embedded-opentype'),url('../../css/webfonts/subset-RegencieLightAlt.woff2') format('woff2'),url('../../css/webfonts/subset-RegencieLightAlt.woff') format('woff'),url('../../css/webfonts/subset-RegencieLightAlt.ttf') format('truetype'),url('../../css/webfonts/subset-RegencieLightAlt.svg#RegencieLightAlt') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url('../../css/webfonts/new/B5203CAEC01B94974.woff2') format('woff2'),url('../../css/webfonts/new/B5203CAEC01B94974.woff') format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url('../../css/webfonts/new/760CCF96EE8D487AD.woff2') format('woff2'),url('../../css/webfonts/new/760CCF96EE8D487AD.woff') format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Gotham';
    src: url('../../css/webfonts/new/FF9A00F1A6DCBEBB3.woff2') format('woff2'),url('../../css/webfonts/new/FF9A00F1A6DCBEBB3.woff') format('woff');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../../css/webfonts/new/026C76A775B3200EF.woff2') format('woff2'),url('../../css/webfonts/new/026C76A775B3200EF.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Narrow Book';
    src: url('../../css/webfonts/new/D40DF048D299CA4DD.woff2') format('woff2'),url('../../css/webfonts/new/D40DF048D299CA4DD.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('../../css/webfonts/new/BB78E1BCF28E9E4CC.woff2') format('woff2'),url('../../css/webfonts/new/BB78E1BCF28E9E4CC.woff') format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Narrow';
    src: url('../../css/webfonts/new/CFFA5595DEF2590DC.woff2') format('woff2'),url('../../css/webfonts/new/CFFA5595DEF2590DC.woff') format('woff');
    font-weight: 700;
    font-style: normal
}

.xs-p-50 {
    padding: 50px !important
}

.xs-pt-50 {
    padding-top: 50px !important
}

.xs-pl-50 {
    padding-left: 50px !important
}

.xs-pr-50 {
    padding-right: 50px !important
}

.xs-pb-50 {
    padding-bottom: 50px !important
}

.xs-m-50 {
    margin: 50px !important
}

.xs-mt-50 {
    margin-top: 50px !important
}

.xs-ml-50 {
    margin-left: 50px !important
}

.xs-mr-50 {
    margin-right: 50px !important
}

.xs-mb-50 {
    margin-bottom: 50px !important
}

.xs-p-40 {
    padding: 40px !important
}

.xs-pt-40 {
    padding-top: 40px !important
}

.xs-pl-40 {
    padding-left: 40px !important
}

.xs-pr-40 {
    padding-right: 40px !important
}

.xs-pb-40 {
    padding-bottom: 40px !important
}

.xs-m-40 {
    margin: 40px !important
}

.xs-mt-40 {
    margin-top: 40px !important
}

.xs-ml-40 {
    margin-left: 40px !important
}

.xs-mr-40 {
    margin-right: 40px !important
}

.xs-mb-40 {
    margin-bottom: 40px !important
}

.xs-p-30 {
    padding: 30px !important
}

.xs-pt-30 {
    padding-top: 30px !important
}

.xs-pl-30 {
    padding-left: 30px !important
}

.xs-pr-30 {
    padding-right: 30px !important
}

.xs-pb-30 {
    padding-bottom: 30px !important
}

.xs-m-30 {
    margin: 30px !important
}

.xs-mt-30 {
    margin-top: 30px !important
}

.xs-ml-30 {
    margin-left: 30px !important
}

.xs-mr-30 {
    margin-right: 30px !important
}

.xs-mb-30 {
    margin-bottom: 30px !important
}

.xs-p-20 {
    padding: 20px !important
}

.xs-pt-20 {
    padding-top: 20px !important
}

.xs-pl-20 {
    padding-left: 20px !important
}

.xs-pr-20 {
    padding-right: 20px !important
}

.xs-pb-20 {
    padding-bottom: 20px !important
}

.xs-m-20 {
    margin: 20px !important
}

.xs-mt-20 {
    margin-top: 20px !important
}

.xs-ml-20 {
    margin-left: 20px !important
}

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

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

.xs-p-25 {
    padding: 25px !important
}

.xs-pt-25 {
    padding-top: 25px !important
}

.xs-pl-25 {
    padding-left: 25px !important
}

.xs-pr-25 {
    padding-right: 25px !important
}

.xs-pb-25 {
    padding-bottom: 25px !important
}

.xs-m-25 {
    margin: 25px !important
}

.xs-mt-25 {
    margin-top: 25px !important
}

.xs-ml-25 {
    margin-left: 25px !important
}

.xs-mr-25 {
    margin-right: 25px !important
}

.xs-mb-25 {
    margin-bottom: 25px !important
}

.xs-p-15 {
    padding: 15px !important
}

.xs-pt-15 {
    padding-top: 15px !important
}

.xs-pl-15 {
    padding-left: 15px !important
}

.xs-pr-15 {
    padding-right: 15px !important
}

.xs-pb-15 {
    padding-bottom: 15px !important
}

.xs-m-15 {
    margin: 15px !important
}

.xs-mt-15 {
    margin-top: 15px !important
}

.xs-ml-15 {
    margin-left: 15px !important
}

.xs-mr-15 {
    margin-right: 15px !important
}

.xs-mb-15 {
    margin-bottom: 15px !important
}

.xs-p-12 {
    padding: 12px !important
}

.xs-pt-12 {
    padding-top: 12px !important
}

.xs-pl-12 {
    padding-left: 12px !important
}

.xs-pr-12 {
    padding-right: 12px !important
}

.xs-pb-12 {
    padding-bottom: 12px !important
}

.xs-m-12 {
    margin: 12px !important
}

.xs-mt-12 {
    margin-top: 12px !important
}

.xs-ml-12 {
    margin-left: 12px !important
}

.xs-mr-12 {
    margin-right: 12px !important
}

.xs-mb-12 {
    margin-bottom: 12px !important
}

.xs-p-10 {
    padding: 10px !important
}

.xs-pt-10 {
    padding-top: 10px !important
}

.xs-pl-10 {
    padding-left: 10px !important
}

.xs-pr-10 {
    padding-right: 10px !important
}

.xs-pb-10 {
    padding-bottom: 10px !important
}

.xs-m-10 {
    margin: 10px !important
}

.xs-mt-10 {
    margin-top: 10px !important
}

.xs-ml-10 {
    margin-left: 10px !important
}

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

.xs-mb-10 {
    margin-bottom: 10px !important
}

.xs-p-8 {
    padding: 8px !important
}

.xs-pt-8 {
    padding-top: 8px !important
}

.xs-pl-8 {
    padding-left: 8px !important
}

.xs-pr-8 {
    padding-right: 8px !important
}

.xs-pb-8 {
    padding-bottom: 8px !important
}

.xs-m-8 {
    margin: 8px !important
}

.xs-mt-8 {
    margin-top: 8px !important
}

.xs-ml-8 {
    margin-left: 8px !important
}

.xs-mr-8 {
    margin-right: 8px !important
}

.xs-mb-8 {
    margin-bottom: 8px !important
}

.xs-p-5 {
    padding: 5px !important
}

.xs-pt-5 {
    padding-top: 5px !important
}

.xs-pl-5 {
    padding-left: 5px !important
}

.xs-pr-5 {
    padding-right: 5px !important
}

.xs-pb-5 {
    padding-bottom: 5px !important
}

.xs-m-5 {
    margin: 5px !important
}

.xs-mt-5 {
    margin-top: 5px !important
}

.xs-ml-5 {
    margin-left: 5px !important
}

.xs-mr-5 {
    margin-right: 5px !important
}

.xs-mb-5 {
    margin-bottom: 5px !important
}

.xs-p-0 {
    padding: 0 !important
}

.xs-pt-0 {
    padding-top: 0 !important
}

.xs-pl-0 {
    padding-left: 0 !important
}

.xs-pr-0 {
    padding-right: 0 !important
}

.xs-pb-0 {
    padding-bottom: 0 !important
}

.xs-m-0 {
    margin: 0 !important
}

.xs-mt-0 {
    margin-top: 0 !important
}

.xs-ml-0 {
    margin-left: 0 !important
}

.xs-mr-0 {
    margin-right: 0 !important
}

.xs-mb-0 {
    margin-bottom: 0 !important
}

@media(min-width: 768px) and (max-width:991px) {
    .sm-p-50 {
        padding:50px !important
    }

    .sm-pt-50 {
        padding-top: 50px !important
    }

    .sm-pl-50 {
        padding-left: 50px !important
    }

    .sm-pr-50 {
        padding-right: 50px !important
    }

    .sm-pb-50 {
        padding-bottom: 50px !important
    }

    .sm-m-50 {
        margin: 50px !important
    }

    .sm-mt-50 {
        margin-top: 50px !important
    }

    .sm-ml-50 {
        margin-left: 50px !important
    }

    .sm-mr-50 {
        margin-right: 50px !important
    }

    .sm-mb-50 {
        margin-bottom: 50px !important
    }

    .sm-p-40 {
        padding: 40px !important
    }

    .sm-pt-40 {
        padding-top: 40px !important
    }

    .sm-pl-40 {
        padding-left: 40px !important
    }

    .sm-pr-40 {
        padding-right: 40px !important
    }

    .sm-pb-40 {
        padding-bottom: 40px !important
    }

    .sm-m-40 {
        margin: 40px !important
    }

    .sm-mt-40 {
        margin-top: 40px !important
    }

    .sm-ml-40 {
        margin-left: 40px !important
    }

    .sm-mr-40 {
        margin-right: 40px !important
    }

    .sm-mb-40 {
        margin-bottom: 40px !important
    }

    .sm-p-30 {
        padding: 30px !important
    }

    .sm-pt-30 {
        padding-top: 30px !important
    }

    .sm-pl-30 {
        padding-left: 30px !important
    }

    .sm-pr-30 {
        padding-right: 30px !important
    }

    .sm-pb-30 {
        padding-bottom: 30px !important
    }

    .sm-m-30 {
        margin: 30px !important
    }

    .sm-mt-30 {
        margin-top: 30px !important
    }

    .sm-ml-30 {
        margin-left: 30px !important
    }

    .sm-mr-30 {
        margin-right: 30px !important
    }

    .sm-mb-30 {
        margin-bottom: 30px !important
    }

    .sm-p-20 {
        padding: 20px !important
    }

    .sm-pt-20 {
        padding-top: 20px !important
    }

    .sm-pl-20 {
        padding-left: 20px !important
    }

    .sm-pr-20 {
        padding-right: 20px !important
    }

    .sm-pb-20 {
        padding-bottom: 20px !important
    }

    .sm-m-20 {
        margin: 20px !important
    }

    .sm-mt-20 {
        margin-top: 20px !important
    }

    .sm-ml-20 {
        margin-left: 20px !important
    }

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

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

    .sm-p-25 {
        padding: 25px !important
    }

    .sm-pt-25 {
        padding-top: 25px !important
    }

    .sm-pl-25 {
        padding-left: 25px !important
    }

    .sm-pr-25 {
        padding-right: 25px !important
    }

    .sm-pb-25 {
        padding-bottom: 25px !important
    }

    .sm-m-25 {
        margin: 25px !important
    }

    .sm-mt-25 {
        margin-top: 25px !important
    }

    .sm-ml-25 {
        margin-left: 25px !important
    }

    .sm-mr-25 {
        margin-right: 25px !important
    }

    .sm-mb-25 {
        margin-bottom: 25px !important
    }

    .sm-p-15 {
        padding: 15px !important
    }

    .sm-pt-15 {
        padding-top: 15px !important
    }

    .sm-pl-15 {
        padding-left: 15px !important
    }

    .sm-pr-15 {
        padding-right: 15px !important
    }

    .sm-pb-15 {
        padding-bottom: 15px !important
    }

    .sm-m-15 {
        margin: 15px !important
    }

    .sm-mt-15 {
        margin-top: 15px !important
    }

    .sm-ml-15 {
        margin-left: 15px !important
    }

    .sm-mr-15 {
        margin-right: 15px !important
    }

    .sm-mb-15 {
        margin-bottom: 15px !important
    }

    .sm-p-12 {
        padding: 12px !important
    }

    .sm-pt-12 {
        padding-top: 12px !important
    }

    .sm-pl-12 {
        padding-left: 12px !important
    }

    .sm-pr-12 {
        padding-right: 12px !important
    }

    .sm-pb-12 {
        padding-bottom: 12px !important
    }

    .sm-m-12 {
        margin: 12px !important
    }

    .sm-mt-12 {
        margin-top: 12px !important
    }

    .sm-ml-12 {
        margin-left: 12px !important
    }

    .sm-mr-12 {
        margin-right: 12px !important
    }

    .sm-mb-12 {
        margin-bottom: 12px !important
    }

    .sm-p-10 {
        padding: 10px !important
    }

    .sm-pt-10 {
        padding-top: 10px !important
    }

    .sm-pl-10 {
        padding-left: 10px !important
    }

    .sm-pr-10 {
        padding-right: 10px !important
    }

    .sm-pb-10 {
        padding-bottom: 10px !important
    }

    .sm-m-10 {
        margin: 10px !important
    }

    .sm-mt-10 {
        margin-top: 10px !important
    }

    .sm-ml-10 {
        margin-left: 10px !important
    }

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

    .sm-mb-10 {
        margin-bottom: 10px !important
    }

    .sm-p-8 {
        padding: 8px !important
    }

    .sm-pt-8 {
        padding-top: 8px !important
    }

    .sm-pl-8 {
        padding-left: 8px !important
    }

    .sm-pr-8 {
        padding-right: 8px !important
    }

    .sm-pb-8 {
        padding-bottom: 8px !important
    }

    .sm-m-8 {
        margin: 8px !important
    }

    .sm-mt-8 {
        margin-top: 8px !important
    }

    .sm-ml-8 {
        margin-left: 8px !important
    }

    .sm-mr-8 {
        margin-right: 8px !important
    }

    .sm-mb-8 {
        margin-bottom: 8px !important
    }

    .sm-p-5 {
        padding: 5px !important
    }

    .sm-pt-5 {
        padding-top: 5px !important
    }

    .sm-pl-5 {
        padding-left: 5px !important
    }

    .sm-pr-5 {
        padding-right: 5px !important
    }

    .sm-pb-5 {
        padding-bottom: 5px !important
    }

    .sm-m-5 {
        margin: 5px !important
    }

    .sm-mt-5 {
        margin-top: 5px !important
    }

    .sm-ml-5 {
        margin-left: 5px !important
    }

    .sm-mr-5 {
        margin-right: 5px !important
    }

    .sm-mb-5 {
        margin-bottom: 5px !important
    }

    .sm-p-0 {
        padding: 0 !important
    }

    .sm-pt-0 {
        padding-top: 0 !important
    }

    .sm-pl-0 {
        padding-left: 0 !important
    }

    .sm-pr-0 {
        padding-right: 0 !important
    }

    .sm-pb-0 {
        padding-bottom: 0 !important
    }

    .sm-m-0 {
        margin: 0 !important
    }

    .sm-mt-0 {
        margin-top: 0 !important
    }

    .sm-ml-0 {
        margin-left: 0 !important
    }

    .sm-mr-0 {
        margin-right: 0 !important
    }

    .sm-mb-0 {
        margin-bottom: 0 !important
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .md-p-50 {
        padding:50px !important
    }

    .md-pt-50 {
        padding-top: 50px !important
    }

    .md-pl-50 {
        padding-left: 50px !important
    }

    .md-pr-50 {
        padding-right: 50px !important
    }

    .md-pb-50 {
        padding-bottom: 50px !important
    }

    .md-m-50 {
        margin: 50px !important
    }

    .md-mt-50 {
        margin-top: 50px !important
    }

    .md-ml-50 {
        margin-left: 50px !important
    }

    .md-mr-50 {
        margin-right: 50px !important
    }

    .md-mb-50 {
        margin-bottom: 50px !important
    }

    .md-p-40 {
        padding: 40px !important
    }

    .md-pt-40 {
        padding-top: 40px !important
    }

    .md-pl-40 {
        padding-left: 40px !important
    }

    .md-pr-40 {
        padding-right: 40px !important
    }

    .md-pb-40 {
        padding-bottom: 40px !important
    }

    .md-m-40 {
        margin: 40px !important
    }

    .md-mt-40 {
        margin-top: 40px !important
    }

    .md-ml-40 {
        margin-left: 40px !important
    }

    .md-mr-40 {
        margin-right: 40px !important
    }

    .md-mb-40 {
        margin-bottom: 40px !important
    }

    .md-p-30 {
        padding: 30px !important
    }

    .md-pt-30 {
        padding-top: 30px !important
    }

    .md-pl-30 {
        padding-left: 30px !important
    }

    .md-pr-30 {
        padding-right: 30px !important
    }

    .md-pb-30 {
        padding-bottom: 30px !important
    }

    .md-m-30 {
        margin: 30px !important
    }

    .md-mt-30 {
        margin-top: 30px !important
    }

    .md-ml-30 {
        margin-left: 30px !important
    }

    .md-mr-30 {
        margin-right: 30px !important
    }

    .md-mb-30 {
        margin-bottom: 30px !important
    }

    .md-p-20 {
        padding: 20px !important
    }

    .md-pt-20 {
        padding-top: 20px !important
    }

    .md-pl-20 {
        padding-left: 20px !important
    }

    .md-pr-20 {
        padding-right: 20px !important
    }

    .md-pb-20 {
        padding-bottom: 20px !important
    }

    .md-m-20 {
        margin: 20px !important
    }

    .md-mt-20 {
        margin-top: 20px !important
    }

    .md-ml-20 {
        margin-left: 20px !important
    }

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

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

    .md-p-25 {
        padding: 25px !important
    }

    .md-pt-25 {
        padding-top: 25px !important
    }

    .md-pl-25 {
        padding-left: 25px !important
    }

    .md-pr-25 {
        padding-right: 25px !important
    }

    .md-pb-25 {
        padding-bottom: 25px !important
    }

    .md-m-25 {
        margin: 25px !important
    }

    .md-mt-25 {
        margin-top: 25px !important
    }

    .md-ml-25 {
        margin-left: 25px !important
    }

    .md-mr-25 {
        margin-right: 25px !important
    }

    .md-mb-25 {
        margin-bottom: 25px !important
    }

    .md-p-15 {
        padding: 15px !important
    }

    .md-pt-15 {
        padding-top: 15px !important
    }

    .md-pl-15 {
        padding-left: 15px !important
    }

    .md-pr-15 {
        padding-right: 15px !important
    }

    .md-pb-15 {
        padding-bottom: 15px !important
    }

    .md-m-15 {
        margin: 15px !important
    }

    .md-mt-15 {
        margin-top: 15px !important
    }

    .md-ml-15 {
        margin-left: 15px !important
    }

    .md-mr-15 {
        margin-right: 15px !important
    }

    .md-mb-15 {
        margin-bottom: 15px !important
    }

    .md-p-12 {
        padding: 12px !important
    }

    .md-pt-12 {
        padding-top: 12px !important
    }

    .md-pl-12 {
        padding-left: 12px !important
    }

    .md-pr-12 {
        padding-right: 12px !important
    }

    .md-pb-12 {
        padding-bottom: 12px !important
    }

    .md-m-12 {
        margin: 12px !important
    }

    .md-mt-12 {
        margin-top: 12px !important
    }

    .md-ml-12 {
        margin-left: 12px !important
    }

    .md-mr-12 {
        margin-right: 12px !important
    }

    .md-mb-12 {
        margin-bottom: 12px !important
    }

    .md-p-10 {
        padding: 10px !important
    }

    .md-pt-10 {
        padding-top: 10px !important
    }

    .md-pl-10 {
        padding-left: 10px !important
    }

    .md-pr-10 {
        padding-right: 10px !important
    }

    .md-pb-10 {
        padding-bottom: 10px !important
    }

    .md-m-10 {
        margin: 10px !important
    }

    .md-mt-10 {
        margin-top: 10px !important
    }

    .md-ml-10 {
        margin-left: 10px !important
    }

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

    .md-mb-10 {
        margin-bottom: 10px !important
    }

    .md-p-8 {
        padding: 8px !important
    }

    .md-pt-8 {
        padding-top: 8px !important
    }

    .md-pl-8 {
        padding-left: 8px !important
    }

    .md-pr-8 {
        padding-right: 8px !important
    }

    .md-pb-8 {
        padding-bottom: 8px !important
    }

    .md-m-8 {
        margin: 8px !important
    }

    .md-mt-8 {
        margin-top: 8px !important
    }

    .md-ml-8 {
        margin-left: 8px !important
    }

    .md-mr-8 {
        margin-right: 8px !important
    }

    .md-mb-8 {
        margin-bottom: 8px !important
    }

    .md-p-5 {
        padding: 5px !important
    }

    .md-pt-5 {
        padding-top: 5px !important
    }

    .md-pl-5 {
        padding-left: 5px !important
    }

    .md-pr-5 {
        padding-right: 5px !important
    }

    .md-pb-5 {
        padding-bottom: 5px !important
    }

    .md-m-5 {
        margin: 5px !important
    }

    .md-mt-5 {
        margin-top: 5px !important
    }

    .md-ml-5 {
        margin-left: 5px !important
    }

    .md-mr-5 {
        margin-right: 5px !important
    }

    .md-mb-5 {
        margin-bottom: 5px !important
    }

    .md-p-0 {
        padding: 0 !important
    }

    .md-pt-0 {
        padding-top: 0 !important
    }

    .md-pl-0 {
        padding-left: 0 !important
    }

    .md-pr-0 {
        padding-right: 0 !important
    }

    .md-pb-0 {
        padding-bottom: 0 !important
    }

    .md-m-0 {
        margin: 0 !important
    }

    .md-mt-0 {
        margin-top: 0 !important
    }

    .md-ml-0 {
        margin-left: 0 !important
    }

    .md-mr-0 {
        margin-right: 0 !important
    }

    .md-mb-0 {
        margin-bottom: 0 !important
    }
}

@media only screen and (min-width: 1024px) {
    .lg-p-50 {
        padding:50px !important
    }

    .lg-pt-50 {
        padding-top: 50px !important
    }

    .lg-pl-50 {
        padding-left: 50px !important
    }

    .lg-pr-50 {
        padding-right: 50px !important
    }

    .lg-pb-50 {
        padding-bottom: 50px !important
    }

    .lg-m-50 {
        margin: 50px !important
    }

    .lg-mt-50 {
        margin-top: 50px !important
    }

    .lg-ml-50 {
        margin-left: 50px !important
    }

    .lg-mr-50 {
        margin-right: 50px !important
    }

    .lg-mb-50 {
        margin-bottom: 50px !important
    }

    .lg-p-40 {
        padding: 40px !important
    }

    .lg-pt-40 {
        padding-top: 40px !important
    }

    .lg-pl-40 {
        padding-left: 40px !important
    }

    .lg-pr-40 {
        padding-right: 40px !important
    }

    .lg-pb-40 {
        padding-bottom: 40px !important
    }

    .lg-m-40 {
        margin: 40px !important
    }

    .lg-mt-40 {
        margin-top: 40px !important
    }

    .lg-ml-40 {
        margin-left: 40px !important
    }

    .lg-mr-40 {
        margin-right: 40px !important
    }

    .lg-mb-40 {
        margin-bottom: 40px !important
    }

    .lg-p-30 {
        padding: 30px !important
    }

    .lg-pt-30 {
        padding-top: 30px !important
    }

    .lg-pl-30 {
        padding-left: 30px !important
    }

    .lg-pr-30 {
        padding-right: 30px !important
    }

    .lg-pb-30 {
        padding-bottom: 30px !important
    }

    .lg-m-30 {
        margin: 30px !important
    }

    .lg-mt-30 {
        margin-top: 30px !important
    }

    .lg-ml-30 {
        margin-left: 30px !important
    }

    .lg-mr-30 {
        margin-right: 30px !important
    }

    .lg-mb-30 {
        margin-bottom: 30px !important
    }

    .lg-p-20 {
        padding: 20px !important
    }

    .lg-pt-20 {
        padding-top: 20px !important
    }

    .lg-pl-20 {
        padding-left: 20px !important
    }

    .lg-pr-20 {
        padding-right: 20px !important
    }

    .lg-pb-20 {
        padding-bottom: 20px !important
    }

    .lg-m-20 {
        margin: 20px !important
    }

    .lg-mt-20 {
        margin-top: 20px !important
    }

    .lg-ml-20 {
        margin-left: 20px !important
    }

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

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

    .lg-p-25 {
        padding: 25px !important
    }

    .lg-pt-25 {
        padding-top: 25px !important
    }

    .lg-pl-25 {
        padding-left: 25px !important
    }

    .lg-pr-25 {
        padding-right: 25px !important
    }

    .lg-pb-25 {
        padding-bottom: 25px !important
    }

    .lg-m-25 {
        margin: 25px !important
    }

    .lg-mt-25 {
        margin-top: 25px !important
    }

    .lg-ml-25 {
        margin-left: 25px !important
    }

    .lg-mr-25 {
        margin-right: 25px !important
    }

    .lg-mb-25 {
        margin-bottom: 25px !important
    }

    .lg-p-15 {
        padding: 15px !important
    }

    .lg-pt-15 {
        padding-top: 15px !important
    }

    .lg-pl-15 {
        padding-left: 15px !important
    }

    .lg-pr-15 {
        padding-right: 15px !important
    }

    .lg-pb-15 {
        padding-bottom: 15px !important
    }

    .lg-m-15 {
        margin: 15px !important
    }

    .lg-mt-15 {
        margin-top: 15px !important
    }

    .lg-ml-15 {
        margin-left: 15px !important
    }

    .lg-mr-15 {
        margin-right: 15px !important
    }

    .lg-mb-15 {
        margin-bottom: 15px !important
    }

    .lg-p-12 {
        padding: 12px !important
    }

    .lg-pt-12 {
        padding-top: 12px !important
    }

    .lg-pl-12 {
        padding-left: 12px !important
    }

    .lg-pr-12 {
        padding-right: 12px !important
    }

    .lg-pb-12 {
        padding-bottom: 12px !important
    }

    .lg-m-12 {
        margin: 12px !important
    }

    .lg-mt-12 {
        margin-top: 12px !important
    }

    .lg-ml-12 {
        margin-left: 12px !important
    }

    .lg-mr-12 {
        margin-right: 12px !important
    }

    .lg-mb-12 {
        margin-bottom: 12px !important
    }

    .lg-p-10 {
        padding: 10px !important
    }

    .lg-pt-10 {
        padding-top: 10px !important
    }

    .lg-pl-10 {
        padding-left: 10px !important
    }

    .lg-pr-10 {
        padding-right: 10px !important
    }

    .lg-pb-10 {
        padding-bottom: 10px !important
    }

    .lg-m-10 {
        margin: 10px !important
    }

    .lg-mt-10 {
        margin-top: 10px !important
    }

    .lg-ml-10 {
        margin-left: 10px !important
    }

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

    .lg-mb-10 {
        margin-bottom: 10px !important
    }

    .lg-p-8 {
        padding: 8px !important
    }

    .lg-pt-8 {
        padding-top: 8px !important
    }

    .lg-pl-8 {
        padding-left: 8px !important
    }

    .lg-pr-8 {
        padding-right: 8px !important
    }

    .lg-pb-8 {
        padding-bottom: 8px !important
    }

    .lg-m-8 {
        margin: 8px !important
    }

    .lg-mt-8 {
        margin-top: 8px !important
    }

    .lg-ml-8 {
        margin-left: 8px !important
    }

    .lg-mr-8 {
        margin-right: 8px !important
    }

    .lg-mb-8 {
        margin-bottom: 8px !important
    }

    .lg-p-5 {
        padding: 5px !important
    }

    .lg-pt-5 {
        padding-top: 5px !important
    }

    .lg-pl-5 {
        padding-left: 5px !important
    }

    .lg-pr-5 {
        padding-right: 5px !important
    }

    .lg-pb-5 {
        padding-bottom: 5px !important
    }

    .lg-m-5 {
        margin: 5px !important
    }

    .lg-mt-5 {
        margin-top: 5px !important
    }

    .lg-ml-5 {
        margin-left: 5px !important
    }

    .lg-mr-5 {
        margin-right: 5px !important
    }

    .lg-mb-5 {
        margin-bottom: 5px !important
    }

    .lg-p-0 {
        padding: 0 !important
    }

    .lg-pt-0 {
        padding-top: 0 !important
    }

    .lg-pl-0 {
        padding-left: 0 !important
    }

    .lg-pr-0 {
        padding-right: 0 !important
    }

    .lg-pb-0 {
        padding-bottom: 0 !important
    }

    .lg-m-0 {
        margin: 0 !important
    }

    .lg-mt-0 {
        margin-top: 0 !important
    }

    .lg-ml-0 {
        margin-left: 0 !important
    }

    .lg-mr-0 {
        margin-right: 0 !important
    }

    .lg-mb-0 {
        margin-bottom: 0 !important
    }
}

b,optgroup,strong {
    font-family: 'Gotham Narrow';
    font-weight: 700
}

hr {
    border-color: #1d1d1b
}

.opacity20 {
    opacity: .2
}

.border-radius100 {
    -moz-border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    border-radius: 100px !important
}

button {
    outline: none
}

.placeholder {
    color: #adb1b3 !important
}

.placeholder em {
    margin: 0 !important
}

.percent50 {
    padding: 50% 0 !important
}

@media only screen and (max-width: 991px) {
    .percent50 {
        padding:40px 0 !important
    }
}

.percent50 {
    padding: 50% 0 !important
}

@media only screen and (max-width: 991px) {
    .percent50 {
        padding:40px 0 !important
    }
}

.percent25 {
    padding: 25% 0 !important
}

.border-radius100 {
    -moz-border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    border-radius: 100px !important
}

a:focus {
    outline: none
}

h2.title {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    color: #445056
}

.watermark {
    color: #999 !important
}

.contact-logo {
    font-size: 60px;
    font-size: 3.75pxrem;
    color: #445056;
    margin-left: 10px
}

.contact-logo:hover {
    color: #445056
}

.lottie-layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%
}

.lottie-layer .lottie {
    position: absolute;
    width: 140px;
    height: 140px;
    left: 50%;
    top: 50%;
    margin-left: -70px;
    margin-top: -70px;
    bottom: 0;
    right: 0
}

.iradio_flat-grey.disabled {
    background-position: -132px 0;
    cursor: default;
    border: 0;
    background: none
}

.iradio_flat-grey.disabled:before {
    font-size: 24px;
    font-size: 1.5rem;
    content: "";
    font-family: 'icomoon' !important;
    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
}

.icheck-radio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    cursor: pointer;
    background: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #445056;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative
}

.icheck-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0
}

.icheck-radio input:checked~i {
    position: absolute !important;
    top: 49% !important;
    left: 31.5% !important;
    display: block !important;
    background: rgba(0,0,0,.8) !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
    width: 6px !important;
    height: 6px !important;
    margin-right: -3px !important;
    margin-top: -3px !important;
    opacity: 1 !important
}

.icheck-checkbox {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 21px;
    margin-right: 5px;
    cursor: pointer;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #445056;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: relative
}

.icheck-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0
}

.icheck-checkbox input:checked~i {
    background: url(../../img/checkbox.png) no-repeat center center;
    background-size: 22px 22px;
    width: 22px;
    height: 21px;
    left: -1px;
    top: -1px;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #8a8d90
}

.icheck-checkbox.disabled {
    opacity: .1;
    pointer-events: none
}

.popover {
    z-index: 9999
}

.nowrap {
    white-space: nowrap
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px
}

.mb0 {
    margin-bottom: 0 !important
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px
}

.ml30 {
    margin-left: 30px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt0 {
    margin-top: 0 !important
}

.pt20 {
    padding-top: 20px !important
}

.mr0 {
    margin-right: 0 !important
}

.ml-30 {
    margin-left: -30px !important
}

.ml-10 {
    margin-left: 10px !important
}

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

.pl0 {
    padding-left: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.relative {
    position: relative
}

.r0 {
    right: 0 !important
}

.warning:before {
    color: #f69302
}

.danger:before {
    color: #e10514
}

.highlight {
    background: #ff0
}

.width60 {
    width: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .mobilHeight {
        padding-bottom:0 !important
    }
}

.fnt35 {
    font-size: 35px !important;
    font-size: 2.1875rem !important
}

.valignMiddle {
    vertical-align: middle !important
}

.floatNone {
    float: none !important
}

.floatRight {
    float: right !important
}

.form-seperator {
    position: absolute;
    left: -13px;
    width: 6px;
    height: 2px;
    background: #445056;
    top: 67%;
    margin-top: -1px
}

.min-height-300 {
    min-height: 300px
}

.text-underline {
    text-decoration: underline !important
}

.text-decoration-none {
    text-decoration: none !important
}

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

.vertical-sep {
    position: relative;
    top: 1px;
    width: 95%;
    display: inline-block;
    border-color: #cbd4da
}

.block,.display-block {
    display: block
}

@media only screen and (max-width: 991px) {
    .mobile-no-border {
        border:none !important
    }
}

.f10 {
    font-size: 10px !important;
    font-size: .625rem !important
}

.black {
    color: #333 !important
}

.red {
    color: #e10514 !important
}

.orange {
    color: #e2870f !important
}

.info-color {
    color: #e2870f !important
}

.danger {
    color: #e10514 !important
}

.green {
    color: #249303 !important
}

.grey-bg {
    background-color: #f3f4f5
}

.noborderRight {
    border-right: 0 !important
}

.blank-bg {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0 20px;
    height: 53px;
    line-height: 50px !important;
    margin: 0 !important;
    border: 1px solid #e8edf0
}

.static {
    position: static !important
}

.ui-coverflow-wrapper {
    height: 480px;
    overflow: hidden
}

.progressbar {
    width: 150px;
    height: 150px
}

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

.groupHeader {
    min-height: 120px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .groupHeader {
        min-height:100px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .groupHeader {
        min-height:inherit
    }
}

.groupInfoGrid {
    min-height: 210px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .groupInfoGrid {
        min-height:150px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .groupInfoGrid {
        min-height:inherit
    }
}

.homeGroupHeight {
    min-height: 325px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .homeGroupHeight {
        min-height:inherit
    }
}

.custom-checkbox {
    border: 1px solid #445056;
    display: inline-block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 22px;
    font-size: 14px;
    font-size: .875rem;
    color: #445056;
    margin-right: 10px;
    font-weight: bold;
    font-family: 'Gotham Narrow';
    cursor: pointer;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .custom-checkbox {
        padding:10px 20px;
        font-size: 16px;
        font-size: 1rem;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }
}

.custom-checkbox.active,.custom-checkbox:hover {
    border-color: #445056;
    background: #445056;
    color: #fff
}

.custom-checkbox:last-child {
    margin-right: 0
}

.infinityScroll {
    position: relative;
    width: 100%
}

.infinityScroll .loading-layer {
    background: transparent;
    position: relative;
    margin-top: 36px
}

.infinityScroll .loading-layer .rotate_wrapper {
    width: 30px;
    height: 30px
}

.infinityScroll .loading-layer .rotate_item span {
    width: 3px;
    height: 3px;
    background: #445056
}

.infinityScroll .lottie-layer {
    position: relative;
    background: transparent !important;
    text-align: center;
    z-index: 0;
    margin-top: -9px;
    display: inline-block
}

.infinityScroll .lottie-layer .lottie {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    display: inline-block
}

.floatThead-wrapper {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}

.floatThead-wrapper .table {
    overflow: hidden;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.text-underline-none {
    text-decoration: none
}

.table-area .tableScroll {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    position: relative;
    margin-bottom: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.table-area .tableScroll .table {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.table-area .tableScroll .jspPane {
    width: 100% !important
}

.table-area .tableScroll .jspVerticalBar {
    right: 0
}

.table>thead>tr>th {
    border-width: 1px;
    border-color: #f3f6f7;
    vertical-align: top
}

.table>tbody>tr:first-child>td {
    border-top: none
}

.table>tbody>tr>td {
    border-color: #f3f6f7
}

.table>tbody>tr.odd {
    background: #fff !important
}

.table>tbody>tr.even {
    background: #f3f4f5 !important
}

.table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f3f6f7
}

.table.two-header-table thead {
    border-bottom: 1px solid #ccc
}

.table.two-header-table thead tr:first-child th {
    padding-bottom: 0 !important
}

.table.two-header-table thead tr th {
    border: none
}

.table .tableCheck {
    position: relative;
    left: -2px;
    cursor: pointer;
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .table .tableCheck {
        left:-15px
    }
}

.table.validate-table>tbody td {
    vertical-align: top !important
}

.table.validate-table>tbody td.padding25 {
    padding-top: 25px !important
}

.table.kullanici-yonetimi thead th {
    font-size: 14px
}

.table.kullanici-yonetimi tbody tr a {
    color: #445056;
    font-size: 11px;
    text-decoration: underline;
    display: inline-block;
    text-align: right;
    padding: 5px 0 5px 20px;
    background: url(../../img/create-user.png) no-repeat left center
}

.table.kullanici-yonetimi tbody tr:hover a {
    color: #fff
}

.table.kullanici-yonetimi tbody td {
    font-size: 13px !important;
    font-weight: normal
}

.open-accordion {
    color: #445056
}

.component-btn h2,.component-btn a {
    display: inline;
    width: auto;
    font-size: 13px;
    font-size: .8125rem;
    color: #445056;
    margin-right: 20px
}

.component-btn a i {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 8px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .component-btn a {
        margin-right:15px
    }
}

.component-btn a.passive {
    opacity: .6;
    filter: alpha(opacity=60)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .two-line-mobile-tab {
        height:72px;
        line-height: 45px !important
    }
}

@media only screen and (max-width: 991px) {
    .table-area {
        width:100%;
        overflow-x: auto
    }
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.none {
    display: none
}

.p0 {
    padding: 0 !important
}

ul.list li {
    margin-bottom: 10px;
    color: #445056
}

.color-green {
    color: #39ca00
}

@media only screen and (min-width: 992px) {
    .total-center {
        position:absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

.link-icon {
    color: #445056;
    font-size: 18px;
    font-size: 1.125rem
}

.highcharts-pie-series .highcharts-point {
    stroke: none
}

.slider .item {
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .slider .item {
        padding-bottom:20px !important
    }
}

.btn {
    padding: 13px 10px;
    height: 40px;
    width: 100%;
    border: 0;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 13px;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    white-space: normal !important;
    border: 1px solid transparent
}

.btn.btn-finansal-ajanda {
    background-color: #e10514;
    color: #fff;
    height: 100%;
    line-height: 14px;
    padding-left: 40px
}

.btn.btn-finansal-ajanda span {
    font-size: 20px;
    position: absolute;
    left: 40px;
    top: 10px
}

.btn.btn-finansal-ajanda:focus {
    color: #fff;
    border-color: transparent
}

.btn.btn-finansal-ajanda:hover {
    background-color: #c51104;
    border-color: transparent
}

.btn.btn-danger {
    background-color: #e10514;
    color: #fff
}

.btn.btn-danger.istanbulkart-btn {
    margin-bottom: 15px
}

.btn.btn-danger:focus {
    color: #fff;
    border-color: transparent
}

.btn.btn-danger:hover {
    background-color: #c51104;
    border-color: transparent
}

.btn.btn-default {
    background-color: transparent;
    color: #445056;
    border: 1px solid #445056;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    line-height: 11px
}

.btn.btn-default:focus {
    color: #445056
}

.btn.btn-default:hover {
    background-color: #fff
}

.btn.btn-default.white {
    color: #fff;
    border-color: #fff
}

.btn.btn-default.white:hover {
    color: #445056;
    background-color: #fff
}

.btn.btn-empty {
    height: auto;
    background-color: transparent;
    border: 1px solid #fff !important;
    font-size: 12px;
    font-size: .75rem;
    color: #fff;
    padding: 4px 8px;
    font-family: 'Gotham Narrow Book';
    font-weight: 200
}

.btn.btn-empty:hover {
    opacity: .6
}

.btn.btn-dark {
    background: #727d83;
    color: #fff
}

.btn.btn-dark:hover {
    background: #8a8d90
}

.btn.btn-white {
    background: #fff;
    color: #272c30 !important
}

.btn:active,.btn:focus,.btn:hover {
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent
}

.btn.btn-auto {
    width: auto;
    padding-left: 60px;
    padding-right: 60px
}

.btn.btn-disabled {
    background: #fff;
    color: #445056;
    border: 1px solid #445056;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    line-height: 11px
}

.btn.btn-warning {
    background: #f69302;
    color: #fff
}

.btn.btn-warning:focus {
    color: #fff;
    border-color: transparent
}

.btn.btn-warning:hover {
    background-color: #e68b06;
    border-color: transparent
}

.btn.border-hover:hover {
    border-color: #e10514 !important
}

.loading-layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%
}

.loading-layer .rotate_wrapper {
    top: 50%;
    margin-top: -33px
}

.step .lottie-layer,.step .loading-layer {
    position: absolute !important
}

.ajax-search .loading-layer,.ajax-select .loading-layer {
    right: 50px;
    width: auto;
    left: inherit;
    background: none
}

.ajax-search .loading-layer .rotate_wrapper,.ajax-select .loading-layer .rotate_wrapper {
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.ajax-search .loading-layer .rotate_wrapper li span,.ajax-select .loading-layer .rotate_wrapper li span {
    width: 2px;
    height: 2px;
    background: #445056 !important
}

.ajax-search .lottie-layer,.ajax-select .lottie-layer {
    right: 77px;
    width: auto;
    left: inherit;
    top: 12px;
    background: none
}

.ajax-search .lottie-layer .lottie,.ajax-select .lottie-layer .lottie {
    width: 30px;
    height: 30px;
    left: 0;
    top: 0;
    margin: 0
}

.ajax-select .lottie-layer {
    right: 42px
}

.modal.in {
    z-index: 2009 !important;
    padding-left: 225px !important
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .modal.in {
        padding-left:70px !important
    }
}

@media only screen and (max-width: 991px) {
    .modal.in {
        padding-left:0 !important
    }
}

.modal-backdrop {
    z-index: 2005 !important
}

.custom-tooltip {
    position: relative;
    cursor: pointer
}

.custom-tooltip span {
    position: absolute;
    padding: 10px 0;
    background: #435154;
    color: #fff;
    right: 0;
    text-align: center;
    font-family: 'Gotham Narrow Book';
    font-weight: 500;
    bottom: -49px;
    font-size: 13px;
    font-size: .8125rem;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-width: 120px;
    display: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .custom-tooltip span {
        bottom:-6px;
        right: -10px;
        padding-right: 23px;
        border-radius: 5px !important;
        min-width: 140px
    }
}

.custom-tooltip span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: -5px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #435154 transparent
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .custom-tooltip span:before {
        display:none
    }
}

.custom-tooltip:hover span {
    display: block
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .custom-tooltip:hover {
        color:#fff !important
    }

    .custom-tooltip:before {
        z-index: 2;
        position: relative
    }
}

.info-grid {
    width: 100%;
    margin-bottom: 15px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .info-grid {
        margin-bottom:0
    }
}

@media only screen and (max-width: 991px) {
    .info-grid {
        margin-bottom:5px
    }
}

.info-grid .row-line {
    padding: 23px 26px;
    border-bottom: 1px solid rgba(68,80,86,.2);
    font-size: 16px;
    font-size: 1rem;
    color: #272c30;
    font-family: 'Gotham Narrow Book'
}

@media only screen and (max-width: 991px) {
    .info-grid .row-line {
        padding:12px 15px
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .info-grid .row-line {
        padding:10px 26px
    }
}

.info-grid .row-line:last-child {
    border: 0
}

.info-grid .row-line .left {
    display: inline-block;
    text-align: left
}

.info-grid .row-line .right {
    display: inline-block;
    float: right;
    text-align: right;
    font-family: 'Gotham Narrow';
    font-weight: 600
}

.info-grid .row-line .icn {
    font-size: 20px;
    font-size: 1.25rem;
    position: relative;
    top: 2px
}

.custom-info {
    position: relative
}

.custom-info i {
    font-size: 22px;
    font-size: 1.375rem;
    margin-right: 8px;
    top: 3px;
    position: relative
}

.custom-link {
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: underline;
    color: #445056
}

.custom-link.icon {
    text-decoration: none
}

.custom-link.icon i {
    font-size: 15px;
    font-size: .9375rem;
    position: relative;
    margin-right: 5px;
    top: 0
}

.custom-link i:before {
    color: #445056
}

.custom-link:hover {
    color: #445056
}

.custom-link.operations-block-all-edit.active {
    color: #dd1b2c
}

.custom-link.operations-block-all-edit.active i:before {
    color: #dd1b2c
}

.form-group {
    margin-bottom: 20px;
    position: relative
}

.form-group label {
    font-family: 'Gotham Narrow';
    font-weight: 500;
    margin-bottom: 10px !important;
    font-size: 16px;
    font-size: 1rem;
    color: #1d1d1b;
    display: block
}

.form-group label.error {
    color: #e10514 !important;
    margin-top: 15px;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    position: relative;
    clear: both
}

.form-group.price-wrap:after {
    content: "TL";
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    position: absolute;
    top: 39px;
    right: 15px;
    color: #445056
}

.form-group.price-wrap input {
    padding-right: 40px
}

.form-group.price-wrap em {
    text-align: right
}

.form-group.datepicker-wrap input {
    padding-right: 40px
}

.form-group.datepicker-wrap i {
    position: absolute;
    top: 38px;
    right: 16px
}

.form-group .form-control {
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 9px 20px;
    height: 40px;
    border: 1px solid transparent;
    line-height: normal
}

.form-group .form-control.error {
    border-color: #e10514
}

.form-group .form-control.error:focus {
    background: #ffd5d8
}

.form-group textarea.form-control {
    padding: 16px 20px;
    height: auto !important
}

.form-group .form-control[disabled],.form-group fieldset[disabled] .form-control {
    cursor: default
}

.form-group.tl i {
    content: 'TL';
    display: inline-block;
    color: #445056;
    font-size: 16px !important;
    font-size: 1rem !important;
    position: absolute;
    right: 25px;
    bottom: 18px;
    top: inherit !important
}

.form-group.tl input {
    padding-right: 45px
}

.form-group.three-characters input {
    padding-right: 46px
}

.form-group i.icon-date {
    cursor: pointer
}

.form-group .iban-input {
    position: relative
}

.form-group .iban-input span {
    position: absolute;
    left: 20px;
    line-height: 54px;
    display: inline-block
}

.form-group.switch-cont {
    overflow: hidden;
    float: none
}

.form-group.switch-cont>label {
    float: left;
    margin-right: 10px;
    padding-top: 4px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .form-group.switch-cont>label {
        padding-top:2px
    }

    .form-group.switch-cont>label:first-child {
        width: 82.8%
    }

    .form-group.switch-cont>label:last-child {
        margin-right: 0
    }
}

.form-group.switch-cont .icon-aciklama {
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056;
    margin-left: 11px;
    margin-top: -4px;
    float: right
}

.form-group.error .select2.select2-container .select2-selection--single .select2-selection__rendered {
    border-color: #e10514
}

.form-group.text-form input {
    padding-right: 45px !important
}

.form-group .text-form-input {
    position: absolute;
    right: 15px;
    font-family: 'Gotham Narrow';
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    color: #445056;
    top: 39px
}

.select2.select2-container {
    width: 100% !important
}

.select2.select2-container .select2-selection--single {
    height: auto;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: none
}

.select2.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 20px;
    outline: none;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem
}

.select2.select2-container .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 40px
}

.select2.select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    font-family: 'icomoon' !important;
    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;
    font-size: 10px;
    font-size: .625rem;
    width: auto;
    height: auto;
    margin-left: -10px;
    margin-top: -5px
}

.select2.select2-container .select2-selection--single .select2-selection__arrow b:after {
    content: "";
    color: #445056
}

.select2.select2-container.select2-container--open .select2-selection__arrow b:after {
    content: "";
    color: #445056
}

.select2.select2-container.select2-container--disabled {
    opacity: .5
}

.select2.select2-container .select2-dropdown {
    border: none
}

.home-page .select2-dropdown {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}

.home-page .select2.select2-container .select2-selection--single {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.home-page .select2-container--open .select2-selection--single {
    -moz-border-radius: 20px 20px 0 0 !important;
    -webkit-border-radius: 20px 20px 0 0 !important;
    border-radius: 20px 20px 0 0 !important
}

.home-page .select2-results__options {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}

.home-page .select2-results__options li {
    padding: 10px 20px
}

.home-page .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #445056;
    color: #fff
}

.panel-group .panel-default {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    margin-top: 10px !important
}

.panel-group .panel-default .panel-heading {
    padding: 17px 20px;
    background: none;
    border: none
}

.panel-group .panel-default .panel-heading a {
    display: block;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    color: #000
}

.panel-group .panel-default .panel-heading a:hover {
    text-decoration: none
}

.panel-group .panel-default .panel-heading a i {
    margin-top: 2px;
    font-size: 10px;
    font-size: .625rem
}

.panel-group .panel-default .panel-body {
    padding: 17px 20px;
    padding-top: 0;
    border: none !important
}

.panel-group .panel-default .panel-body .table {
    margin-bottom: 0
}

.panel-group .panel-default .panel-body .table td {
    padding: 6px 0;
    border: none;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    color: #445056
}

.jspContainer .jspVerticalBar {
    width: 9px;
    background: none
}

.jspContainer .jspVerticalBar .jspTrack {
    background: none
}

.jspContainer .jspVerticalBar .jspTrack .jspDrag {
    background: rgba(0,0,0,.8);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.jspContainer .jspHorizontalBar {
    display: none !important
}

ol.breadcrumb {
    background: none;
    padding: 0;
    margin: 12px 0 15px 0
}

ol.breadcrumb>li {
    color: #445056;
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem
}

ol.breadcrumb>li:first-child a {
    text-decoration: none
}

ol.breadcrumb>li a {
    color: #727d83;
    text-decoration: underline
}

ol.breadcrumb>li a .icon-home {
    font-size: 18px;
    font-size: 1.125rem
}

ol.breadcrumb>li.active {
    color: #445056
}

ol.breadcrumb>li+li:before {
    font-family: 'icomoon' !important;
    content: "";
    color: #727d83;
    font-size: 13px;
    font-size: .8125rem;
    padding: 0 10px 0 5px
}

ol.breadcrumb>li+li.active:before {
    color: #445056
}

.swipe-tab-wrap {
    position: relative;
    padding-right: 60px
}

.swipe-tab-wrap:after {
    content: "";
    height: 2px;
    width: 100%;
    background: rgba(68,80,86,.4);
    left: 0;
    bottom: 0;
    z-index: 0;
    position: absolute
}

.nav-tabs.nav-justified {
    border-radius: 10px;
    margin-bottom: 20px
}

.nav-tabs.nav-justified>li {
    border: 0;
    padding: 0;
    float: left
}

.nav-tabs.nav-justified>li:first-child:nth-last-child(2),.nav-tabs.nav-justified>li:first-child:nth-last-child(2)~li,.nav-tabs.nav-justified>li:first-child:nth-last-child(2)~li {
    width: 50%
}

.nav-tabs.nav-justified>li:first-child:nth-last-child(3),.nav-tabs.nav-justified>li:first-child:nth-last-child(3)~li,.nav-tabs.nav-justified>li:first-child:nth-last-child(3)~li {
    width: 33.333%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .nav-tabs.nav-justified>li:first-child:nth-last-child(3) a,.nav-tabs.nav-justified>li:first-child:nth-last-child(3)~li a,.nav-tabs.nav-justified>li:first-child:nth-last-child(3)~li a {
        font-size:12px;
        font-size: .75rem
    }
}

.nav-tabs.nav-justified>li:first-child:nth-last-child(4),.nav-tabs.nav-justified>li:first-child:nth-last-child(4)~li,.nav-tabs.nav-justified>li:first-child:nth-last-child(4)~li {
    width: 25%
}

.nav-tabs.nav-justified>li:first-child:nth-last-child(5),.nav-tabs.nav-justified>li:first-child:nth-last-child(5)~li,.nav-tabs.nav-justified>li:first-child:nth-last-child(5)~li {
    width: 20%
}

.nav-tabs.nav-justified>li:first-child:nth-last-child(6),.nav-tabs.nav-justified>li:first-child:nth-last-child(6)~li,.nav-tabs.nav-justified>li:first-child:nth-last-child(6)~li {
    width: 16.6%
}

.nav-tabs.nav-justified>li a {
    border-bottom: 1px solid #898e94 !important;
    background-color: #fff;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    color: #445056;
    border-width: 2px 2px 2px 0 !important;
    border-radius: 0 0 0 0;
    border-right-width: 0 !important;
    padding: 12px 10px;
    position: relative;
    font-family: 'Gotham Narrow Book'
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .nav-tabs.nav-justified>li a {
        font-size:15px;
        font-size: .9375rem
    }
}

.nav-tabs.nav-justified>li a:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 40%;
    background: #a6aaae;
    left: 0;
    top: 50%;
    margin-top: -8.5px
}

.nav-tabs.nav-justified>li:first-child a {
    border-radius: 10px 0 0 10px;
    border-width: 2px 0 2px 2px !important
}

.nav-tabs.nav-justified>li:first-child a:before {
    display: none
}

.nav-tabs.nav-justified>li:last-child a {
    border-radius: 0 10px 10px 0;
    border-right-width: 2px !important
}

.nav-tabs.nav-justified>li.active+li a:before {
    display: none
}

.nav-tabs.nav-justified>li.active a {
    font-weight: 700;
    background-color: #e10514;
    border-color: #e10514 !important;
    color: #fff;
    font-family: 'Gotham Narrow'
}

.nav-tabs.nav-justified>li.active a:before {
    display: none
}

.nav-tabs.nav-justified.filters.owl-loaded li {
    float: none
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-stage-outer {
    position: relative
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters.other-tab-swipe:before {
    top: auto !important;
    content: "";
    height: 2px;
    width: 100%;
    background: rgba(68,80,86,.2);
    left: 0;
    bottom: 0;
    position: absolute;
    bottom: -1px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .nav-tabs.nav-justified.responsive-swipe.tab.filters.other-tab-swipe:before {
        display:none
    }
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters li a {
    background: none;
    color: #898e94;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    border-style: solid;
    opacity: 1;
    font-family: 'Gotham Narrow Book'
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters li a:focus {
    color: #445056;
    border-color: #e10514 !important
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters li.actived a {
    color: #445056;
    border-color: #e10514 !important;
    font-weight: 700;
    font-family: 'Gotham Narrow Book'
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-item li.actived a {
    border-color: #e10514 !important;
    border-width: 0 0 2px 0 !important;
    border-style: solid;
    color: #445056;
    font-weight: 700;
    font-family: 'Gotham Narrow Book'
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-item li.actived a:focus {
    color: #445056;
    border-color: rgba(68,80,86,.2) !important
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-item.actived li a {
    border-color: #e10514 !important;
    border-width: 0 0 2px 0 !important;
    border-style: solid;
    color: #445056;
    font-weight: 700;
    font-family: 'Gotham Narrow Book'
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-nav {
    position: absolute;
    right: -60px;
    bottom: 0
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-nav>div {
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    text-align: center;
    color: #445056;
    top: -26px
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-nav>div.owl-prev {
    right: 25px
}

.nav-tabs.nav-justified.responsive-swipe.tab.filters .owl-nav>div.owl-next {
    right: 0
}

.height-50 {
    height: 50px
}

.nav-table {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700
}

.nav-table tr td {
    padding: 12px 10px;
    width: 1%;
    border-bottom: 1px solid #cbd7de
}

.nav-table tr td a {
    color: #445056;
    opacity: .5;
    line-height: 1.3
}

.nav-table tr td.active {
    border-color: #445056
}

.nav-table tr td.active a {
    opacity: 1
}

.nav-table-div {
    margin-bottom: 20px
}

.nav-table-div.intro-opacity-active {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.nav-table-div ul {
    display: table;
    width: 100%
}

.nav-table-div ul li {
    display: table-cell;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #445056;
    border-bottom: 1px solid #445056;
    position: relative
}

.nav-table-div ul li a {
    font-size: 16px;
    font-size: 1rem;
    color: #445056;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    padding: 13px 10px;
    line-height: 1.3
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .nav-table-div ul li a {
        font-size:12px;
        font-size: .75rem
    }
}

.nav-table-div ul li:first-child:nth-last-child(2),.nav-table-div ul li:first-child:nth-last-child(2)~li,.nav-table-div ul li:first-child:nth-last-child(2)~li {
    width: 50%
}

.nav-table-div ul li:first-child:nth-last-child(3),.nav-table-div ul li:first-child:nth-last-child(3)~li,.nav-table-div ul li:first-child:nth-last-child(3)~li {
    width: 33.333%
}

.nav-table-div ul li:first-child:nth-last-child(4),.nav-table-div ul li:first-child:nth-last-child(4)~li,.nav-table-div ul li:first-child:nth-last-child(4)~li {
    width: 25%
}

.nav-table-div ul li:first-child:nth-last-child(5),.nav-table-div ul li:first-child:nth-last-child(5)~li,.nav-table-div ul li:first-child:nth-last-child(5)~li {
    width: 20%
}

.nav-table-div ul li:first-child:nth-last-child(6),.nav-table-div ul li:first-child:nth-last-child(6)~li,.nav-table-div ul li:first-child:nth-last-child(6)~li {
    width: 16.6%
}

.nav-table-div ul li:first-child:nth-last-child(2),.nav-table-div ul li:first-child:nth-last-child(2)~li,.nav-table-div ul li:first-child:nth-last-child(2)~li {
    width: 50%
}

.nav-table-div ul li:first-child:nth-last-child(3),.nav-table-div ul li:first-child:nth-last-child(3)~li,.nav-table-div ul li:first-child:nth-last-child(3)~li {
    width: 33.333%
}

.nav-table-div ul li:first-child:nth-last-child(4),.nav-table-div ul li:first-child:nth-last-child(4)~li,.nav-table-div ul li:first-child:nth-last-child(4)~li {
    width: 25%
}

.nav-table-div ul li:first-child:nth-last-child(5),.nav-table-div ul li:first-child:nth-last-child(5)~li,.nav-table-div ul li:first-child:nth-last-child(5)~li {
    width: 20%
}

.nav-table-div ul li:first-child:nth-last-child(6),.nav-table-div ul li:first-child:nth-last-child(6)~li,.nav-table-div ul li:first-child:nth-last-child(6)~li {
    width: 16.6%
}

.nav-table-div ul li:first-child {
    border-left: 2px solid #8a8d90;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.nav-table-div ul li:first-child:before {
    display: none
}

.nav-table-div ul li:last-child {
    border-right: 1px solid #8a8d90;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.nav-table-div ul li.active {
    border-color: #e10514 !important;
    background-color: #e10514 !important
}

.nav-table-div ul li.active a {
    color: #fff
}

.nav-table-div ul li.active:before {
    display: none
}

.nav-table-div ul li.active+li:before {
    display: none
}

.nav-table-div ul li:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 40%;
    background: #a6aaae;
    left: 0;
    top: 50%;
    margin-top: -8.5px
}

.nav-table-div ul li:hover {
    border-color: #445056 !important;
    background-color: #445056 !important
}

.nav-table-div ul li:hover a {
    color: #fff
}

.nav-table-div ul li:hover:before {
    display: none
}

.nav-table-div ul li:hover+li:before {
    display: none
}

.nav-table-div ul li.disabled {
    border-color: #445056 !important;
    background-color: #fff !important
}

.nav-table-div ul li.disabled a {
    color: #b4b3c3 !important;
    cursor: default !important
}

.tab-content .nav-tabs.nav-justified {
    padding-top: 20px;
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .tab-content .nav-tabs.nav-justified {
        margin-bottom:20px
    }
}

.tab-content .nav-tabs.nav-justified:before {
    top: 55px !important
}

.tab-content .nav-tabs.nav-justified>li a {
    background: none;
    color: #445056;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    border-radius: 0;
    border-width: 0 0 2px 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    opacity: .5;
    font-family: 'Gotham Narrow Book'
}

.tab-content .nav-tabs.nav-justified>li a:before {
    display: none
}

.tab-content .nav-tabs.nav-justified>li.active a {
    border-color: #e10514 !important;
    opacity: 1;
    font-family: 'Gotham Narrow';
    font-weight: 700
}

.tab-content .tab-pane {
    display: none
}

.tab-content .tab-pane.active {
    display: block
}

form {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

input {
    -webkit-appearance: none;
    box-shadow: none !important
}

::-webkit-input-placeholder {
    text-transform: none
}

:-moz-placeholder {
    text-transform: none
}

::-moz-placeholder {
    text-transform: none
}

:-ms-input-placeholder {
    color: #f00;
    text-transform: none
}

input:focus::-webkit-input-placeholder {
    color: transparent !important
}

input:focus:-moz-placeholder {
    color: transparent !important
}

input:focus::-moz-placeholder {
    color: transparent !important
}

input:focus:-ms-input-placeholder {
    color: transparent !important
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset
}

.popover {
    background-color: #727d82;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-family: 'Gotham Narrow';
    z-index: 3000;
    max-width: 400px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .popover {
        width:90%;
        max-width: 90%
    }
}

.popover.bottom {
    margin-top: 12px
}

.popover.bottom>.arrow {
    border-bottom-color: #727d82;
    top: -8px
}

.popover.bottom>.arrow:after {
    border-bottom-color: #727d82
}

.popover.top>.arrow:after {
    border-top-color: #727d82
}

.popover.right>.arrow:after {
    border-right-color: #727d82
}

.popover.left>.arrow:after {
    border-left-color: #727d82
}

.popover .popover-title {
    max-width: 100%;
    background-color: transparent;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    border: 0;
    border-radius: 0
}

.popover .popover-content {
    padding: 0
}

.popover .popover-content h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem
}

.empty-box {
    padding: 0 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .empty-box {
        padding:0 15px
    }
}

.info-no-bg i {
    font-size: 22px;
    font-size: 1.375rem;
    position: relative;
    top: 3px;
    margin-right: 8px
}

.datepicker-dropdown {
    z-index: 2005 !important
}

.datepicker-dropdown thead .disabled {
    pointer-events: none;
    opacity: .2
}

.datepicker-dropdown.datepicker tr td.today {
    background-color: #445056;
    background-image: -moz-linear-gradient(to bottom,#445056,#445056);
    background-image: -ms-linear-gradient(to bottom,#445056,#445056);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#445056),to(#445056));
    background-image: -webkit-linear-gradient(to bottom,#445056,#445056);
    background-image: -o-linear-gradient(to bottom,#445056,#445056);
    background-image: linear-gradient(to bottom,#445056,#445056);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#445056',endColorstr='#445056',GradientType=0);
    border-color: #445056 #445056 #445056;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff
}

.inline-block {
    display: inline-block
}

.progressbar.f13 .progressbar-text {
    font-size: 13px !important;
    font-size: .8125rem !important
}

.progressbar.f13 .progressbar-text span:nth-child(1) {
    font-size: 13px !important;
    font-size: .8125rem !important
}

.progressbar.f13 .progressbar-text span:nth-child(2) {
    font-size: 0 !important;
    font-size: 0 !important
}

.w54 {
    width: 54px
}

.h54 {
    height: 54px
}

.modal.player {
    z-index: 3000
}

.modal .modal-title {
    color: #445056;
    font-size: 22px;
    font-size: 1.375rem;
    font-family: 'Gotham Narrow';
    font-weight: 500
}

.modal .modal-content {
    padding: 15px
}

.modal .modal-header {
    border: 0;
    padding-bottom: 0
}

.modal .modal-header .close {
    font-size: 20px;
    font-size: 1.25rem;
    color: #454545;
    opacity: 1;
    right: 30px;
    top: 36px;
    font-size: 18px;
    position: absolute;
    z-index: 10
}

.modal .modal-img {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .modal .modal-img {
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }
}

.modal .modal-img img {
    max-width: 100%
}

.modal .modal-footer {
    padding-top: 0;
    border: 0
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px
}

.switch input {
    position: absolute;
    left: -99999em
}

.switch .switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #445056;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 34px;
    background-color: #fff
}

.switch .switch-slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 3px;
    background-color: #445056;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 50%
}

.switch input:checked+.switch-slider {
    background-color: #80da61
}

.switch input:checked+.switch-slider:before {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px)
}

.jspPane {
    left: 0 !important
}

.switch-cont {
    float: right;
    overflow: hidden;
    margin-bottom: 10px
}

.switch-cont>span {
    float: left;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    padding-right: 6px;
    padding-top: 6px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .switch-cont>span {
        padding-top:2px
    }
}

.dropdown-menu {
    border: 0;
    font-family: "Gotham Narrow";
    padding: 0;
    border-radius: 10px;
    z-index: 2600
}

.dropdown-menu:after,.dropdown-menu:before {
    display: none !important
}

.dropdown-menu table {
    width: 234px
}

.dropdown-menu table thead tr th {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    padding: 20px 10px 10px 10px;
    text-shadow: none !important
}

.dropdown-menu table thead tr:nth-child(2) {
    background-color: #445056
}

.dropdown-menu table thead tr:nth-child(2) th {
    background-color: #445056;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px;
    font-size: .875rem;
    padding: 14px 0
}

.dropdown-menu table thead tr:nth-child(2) th:first-child {
    border-radius: 10px 0 0 0
}

.dropdown-menu table thead tr:nth-child(2) th:last-child {
    border-radius: 0 10px 0 0
}

.dropdown-menu table thead tr:nth-child(2) th:hover {
    background: #e10514
}

.dropdown-menu table tbody tr td {
    font-family: "Gotham Narrow Book";
    font-size: 12px;
    font-size: .75rem;
    color: #2a2f34;
    text-shadow: none !important
}

.dropdown-menu table tbody tr td.old {
    color: #b4bec3
}

.dropdown-menu table tbody tr td.active,.dropdown-menu table tbody tr td .active {
    color: #fff;
    background: #e10514 !important
}

.dropdown-menu table tbody tr td:hover {
    color: #2a2f34 !important;
    background: #e8edf0 !important
}

.dropdown-menu table tfoot th {
    padding: 10px;
    border-radius: 0 !important
}

.dropdown-menu .datepicker-months .table-condensed tbody tr td,.dropdown-menu .datepicker-years .table-condensed tbody tr td,.dropdown-menu .datepicker-centuries .table-condensed tbody tr td,.dropdown-menu .datepicker-decades .table-condensed tbody tr td {
    font-family: "Gotham Narrow";
    font-weight: 500
}

.dropdown-menu .datepicker-months .table-condensed tbody tr td span,.dropdown-menu .datepicker-years .table-condensed tbody tr td span,.dropdown-menu .datepicker-centuries .table-condensed tbody tr td span,.dropdown-menu .datepicker-decades .table-condensed tbody tr td span {
    height: 36px;
    line-height: 36px
}

.dropdown-menu .datepicker-months .table-condensed tbody tr td:hover,.dropdown-menu .datepicker-years .table-condensed tbody tr td:hover,.dropdown-menu .datepicker-centuries .table-condensed tbody tr td:hover,.dropdown-menu .datepicker-decades .table-condensed tbody tr td:hover {
    background: #fff !important
}

.dropdown-ajanda {
    background-color: #fff;
    border: 0;
    font-family: "Gotham Narrow";
    padding: 0;
    border-radius: 10px;
    z-index: 2600;
    margin-bottom: 30px
}

.dropdown-ajanda .datepicker-inline {
    width: 100%
}

.dropdown-ajanda table {
    width: 100%
}

.dropdown-ajanda table thead tr th {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    padding: 20px 10px 10px 10px;
    text-shadow: none !important
}

.dropdown-ajanda table thead tr:nth-child(2) {
    background-color: transparent
}

.dropdown-ajanda table thead tr:nth-child(2) th {
    background-color: transparent;
    border-radius: 0;
    font-weight: bold;
    font-size: 14px;
    font-size: .875rem;
    padding: 14px 0
}

.dropdown-ajanda table thead tr:nth-child(2) th:first-child {
    border-radius: 10px 0 0 0
}

.dropdown-ajanda table thead tr:nth-child(2) th:last-child {
    border-radius: 0 10px 0 0
}

.dropdown-ajanda table tbody tr td {
    font-family: "Gotham Narrow Book";
    font-size: 12px;
    font-size: .75rem;
    color: #2a2f34;
    text-shadow: none !important;
    padding: 15px 10px;
    border-radius: 5px
}

.dropdown-ajanda table tbody tr td.old {
    color: #b4bec3
}

.dropdown-ajanda table tbody tr td.event {
    position: relative
}

.dropdown-ajanda table tbody tr td.event:before {
    content: ".";
    font-size: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.dropdown-ajanda table tbody tr td.today {
    background: none !important;
    text-decoration: underline;
    background: #e8edf0 !important
}

.dropdown-ajanda table tbody tr td.active,.dropdown-ajanda table tbody tr td .active {
    color: #fff;
    background: #455151 !important
}

.dropdown-ajanda table tbody tr td:hover {
    color: #2a2f34 !important;
    background: #e8edf0 !important
}

.dropdown-ajanda table tfoot th {
    padding: 10px;
    border-radius: 0 !important
}

.dropdown-ajanda .datepicker-months .table-condensed tbody tr td,.dropdown-ajanda .datepicker-years .table-condensed tbody tr td,.dropdown-ajanda .datepicker-centuries .table-condensed tbody tr td,.dropdown-ajanda .datepicker-decades .table-condensed tbody tr td {
    font-family: "Gotham Narrow";
    font-weight: 500
}

.dropdown-ajanda .datepicker-months .table-condensed tbody tr td span,.dropdown-ajanda .datepicker-years .table-condensed tbody tr td span,.dropdown-ajanda .datepicker-centuries .table-condensed tbody tr td span,.dropdown-ajanda .datepicker-decades .table-condensed tbody tr td span {
    height: 36px;
    line-height: 36px
}

.dropdown-ajanda .datepicker-months .table-condensed tbody tr td:hover,.dropdown-ajanda .datepicker-years .table-condensed tbody tr td:hover,.dropdown-ajanda .datepicker-centuries .table-condensed tbody tr td:hover,.dropdown-ajanda .datepicker-decades .table-condensed tbody tr td:hover {
    background: #fff !important
}

@media only screen and (min-width: 992px) {
    .modal {
        text-align:center;
        padding: 0 !important
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle
    }
}

.w100 {
    width: 100% !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-content {
        padding:5px
    }
}

.alert-modal.modal-w4 .modal-dialog {
    width: 400px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal.modal-w4 .modal-dialog {
        width:94%
    }
}

.alert-modal .modal-header .modal-title {
    position: relative;
    padding: 0 60px;
    min-height: 50px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-header .modal-title {
        text-align:center;
        padding: 0
    }
}

.alert-modal .modal-header .modal-title i {
    font-size: 48px;
    font-size: 3rem;
    color: #455157;
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-header .modal-title i {
        position:static;
        font-size: 65px;
        font-size: 4.0625rem;
        display: inline-block;
        margin-right: 15px
    }
}

.alert-modal .modal-header .modal-title i.warning:before {
    color: #f69302 !important
}

.alert-modal .modal-header .modal-title span {
    display: block;
    margin-bottom: 5px
}

.alert-modal .modal-header .modal-title small {
    color: #445056;
    font-size: 15px;
    font-size: .9375rem;
    font-family: "Gotham Narrow Book";
    display: block
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-header .modal-title small {
        font-size:16px;
        font-size: 1rem;
        line-height: 20px
    }
}

.alert-modal .modal-header .modal-title.table-cell small {
    text-align: left
}

.alert-modal .modal-header .close {
    font-size: 16px;
    font-size: 1rem;
    top: 40px;
    right: 30px;
    position: absolute
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-header .close {
        top:15px;
        right: 15px
    }
}

.alert-modal .modal-content .info-text {
    font-size: 16px;
    font-size: 1rem;
    font-family: "Gotham Narrow";
    font-weight: 500
}

.alert-modal .modal-content .info-text .scroll {
    display: block;
    height: 300px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-content .info-text .scroll {
        height:auto
    }
}

.alert-modal .modal-content .info-text p {
    font-family: "Gotham Narrow";
    font-weight: 500;
    line-height: 1.3;
    margin: 0 !important;
    letter-spacing: -.03em
}

.alert-modal .modal-footer {
    text-align: center;
    margin-top: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-footer {
        margin-top:20px
    }
}

.alert-modal .modal-footer button,.alert-modal .modal-footer a {
    min-width: 48%;
    padding: 13px 10px !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal .modal-footer button,.alert-modal .modal-footer a {
        width:100%;
        min-width: inherit;
        margin-bottom: 16px;
        margin-left: 0 !important
    }
}

.alert-modal .modal-footer button.full-width,.alert-modal .modal-footer a.full-width {
    width: 100%;
    display: block
}

.alert-modal .modal-footer>div>div>div:last-child button,.alert-modal .modal-footer>div>div>div:last-child a {
    margin-bottom: 0
}

.alert-modal .modal-loading .progressbar {
    width: 120px;
    height: 120px;
    text-align: center
}

.alert-modal .modal-loading .progressbar .progressbar-text span:first-child {
    font-size: 25px !important;
    font-size: 1.5625rem !important
}

.alert-modal.success-modal .modal-title i {
    color: #39ca00
}

.alert-modal.table .modal-title i {
    position: relative
}

.alert-modal.danger-modal .modal-footer a,.alert-modal.danger-modal .modal-footer button {
    width: 100%
}

.alert-modal.warning-modal .modal-title i:before {
    color: #e10514
}

.alert-modal.warning-modal .table,.alert-modal.warning-modal-two .table {
    margin-bottom: 0;
    font-family: "Gotham Narrow";
    font-weight: normal
}

.alert-modal.warning-modal .table td,.alert-modal.warning-modal-two .table td {
    border: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal.warning-modal .table td,.alert-modal.warning-modal-two .table td {
        display:block;
        text-align: center;
        padding: 2px
    }
}

.alert-modal.warning-modal .table td:last-child,.alert-modal.warning-modal-two .table td:last-child {
    text-align: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .alert-modal.warning-modal .table td:last-child,.alert-modal.warning-modal-two .table td:last-child {
        text-align:center;
        font-weight: bold
    }
}

.timer-wrap {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Gotham Narrow Book";
    position: relative;
    padding: 2px 0 0 25px
}

.timer-wrap.danger .timer {
    color: #e10514
}

.timer-wrap .timer i {
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: 0
}

.timer-wrap .timer span {
    font-family: "Gotham Narrow"
}

.timer-wrap .end-timer {
    text-align: center;
    color: #fff;
    display: none
}

.timer-wrap .end-timer i {
    font-size: 70px;
    font-size: 4.375rem;
    display: inline-block;
    margin-bottom: 20px
}

.timer-wrap .end-timer span {
    display: block
}

ul.rotate_wrapper {
    position: relative;
    width: 65px;
    height: 65px;
    list-style: none;
    margin: auto;
    margin-bottom: 30px
}

ul.rotate_wrapper li.rotate_item {
    width: 100%;
    height: 100%;
    border-radius: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -o-border-radius: 52px;
    top: 0;
    left: 0;
    z-index: 99;
    text-indent: -9999px;
    display: block;
    position: absolute;
    border: none;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: orbit;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: orbit;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-animation-name: orbit;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    -o-animation-name: orbit;
    animation-duration: 4s;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s
}

ul.rotate_wrapper li.rotate_item span {
    background: #fff;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

ul.rotate_wrapper .delay1 {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s
}

ul.rotate_wrapper .delay2 {
    animation-delay: .4s;
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s
}

ul.rotate_wrapper .delay3 {
    animation-delay: .6s;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s
}

ul.rotate_wrapper .delay4 {
    animation-delay: .8s;
    -moz-animation-delay: .8s;
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s
}

@keyframes orbit {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }

    5% {
        transform: rotate(90deg);
        opacity: 1
    }

    45% {
        transform: rotate(270deg);
        opacity: 1
    }

    55% {
        transform: rotate(540deg);
        opacity: 1
    }

    75% {
        transform: rotate(630deg);
        opacity: 1
    }

    80% {
        transform: rotate(720deg);
        opacity: 0
    }

    100% {
        transform: rotate(720deg);
        opacity: 0
    }
}

@-webkit-keyframes orbit {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1
    }

    5% {
        -webkit-transform: rotate(90deg);
        opacity: 1
    }

    45% {
        -webkit-transform: rotate(270deg);
        opacity: 1
    }

    55% {
        -webkit-transform: rotate(540deg);
        opacity: 1
    }

    75% {
        -webkit-transform: rotate(630deg);
        opacity: 1
    }

    80% {
        -webkit-transform: rotate(720deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotate(720deg);
        opacity: 0
    }
}

@-moz-keyframes orbit {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 1
    }

    5% {
        -moz-transform: rotate(90deg);
        opacity: 1
    }

    45% {
        -moz-transform: rotate(270deg);
        opacity: 1
    }

    55% {
        -moz-transform: rotate(540deg);
        opacity: 1
    }

    75% {
        -moz-transform: rotate(630deg);
        opacity: 1
    }

    80% {
        -moz-transform: rotate(720deg);
        opacity: 0
    }

    100% {
        -moz-transform: rotate(720deg);
        opacity: 0
    }
}

@-o-keyframes orbit {
    0% {
        -o-transform: rotate(0deg);
        opacity: 1;
    }

    5% {
        -o-transform: rotate(90deg);
        opacity: 1;
    }

    45% {
        -o-transform: rotate(270deg);
        opacity: 1;
    }

    55% {
        -o-transform: rotate(540deg);
        opacity: 1;
    }

    75% {
        -o-transform: rotate(630deg);
        opacity: 1;
    }

    80% {
        -o-transform: rotate(720deg);
        opacity: 0;
    }

    100% {
        -o-transform: rotate(720deg);
        opacity: 0;
    }
}

.player .modal-header,.player .modal-body,.player .modal-footer,.player .modal-content {
    padding: 0
}

.modal-body .scroll p {
    margin-top: 0 !important
}

.slider-type-one {
    height: 2px;
    margin-top: 7px
}

.slider-type-one.ui-widget.ui-widget-content {
    border-color: #445056;
    background: #445056
}

.slider-type-one .ui-slider-handle {
    top: -.6em;
    background: #e10514;
    border: none
}

.slider-type-one .ui-slider-handle .slider-tooltip {
    position: absolute;
    top: -35px;
    left: -15px;
    background: #e10514;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff
}

.slider-type-one .ui-slider-handle .slider-tooltip:before {
    content: "";
    display: block;
    position: absolute;
    border-color: #e10514 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 50%;
    margin-left: -4px
}

.slider-type-two {
    height: 2px;
    margin-top: 7px
}

.slider-type-two.ui-widget.ui-widget-content {
    border-color: #445056;
    background: #445056
}

.slider-type-two .ui-slider-handle {
    top: -.8em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e10514;
    border: none;
    width: 3.4em;
    text-align: center;
    color: #fff;
    height: 22px;
    line-height: 1.6;
    font-size: 14px;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.slider-type-two .ui-slider-handle.active {
    left: 100%;
    border-radius: 50%;
    width: 1.6em
}

.slider-type-two .ui-slider-handle.active .time-tooltip {
    position: absolute;
    top: -35px;
    left: -15px;
    background: #e10514;
    padding: 0 5px;
    border-radius: 4px
}

.slider-type-two .ui-slider-handle.active .time-tooltip:before {
    content: "";
    display: block;
    position: absolute;
    border-color: #e10514 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 50%;
    margin-left: -4px
}

.select2-search--dropdown .loading-layer {
    background: none;
    width: auto;
    left: inherit;
    right: 15px
}

.select2-search--dropdown .loading-layer .rotate_wrapper {
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.select2-search--dropdown .loading-layer .rotate_wrapper .rotate_item span {
    width: 2px;
    height: 2px;
    background: #445056
}

.panel {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-color: #f3f6f7;
    box-shadow: none
}

.panel .panel-body {
    padding: 0 15px
}

.panel .panel-body .panel-list li {
    padding: 15px 0;
    border-bottom: 1px solid #e8edf0
}

.panel .panel-body .panel-list li:last-child {
    border-bottom: 0
}

.panel .panel-body .panel-list li h4 {
    color: #e10514;
    margin-bottom: 5px
}

.panel .panel-body .panel-list li p {
    margin: 0;
    color: #445056;
    font-family: "Gotham Narrow Book"
}

.panel .panel-body .panel-list.button-items li {
    padding-right: 100px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .panel .panel-body .panel-list.button-items li {
        padding-right:0
    }
}

.panel .panel-body .panel-list.button-items li .btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: auto;
    padding: 8px 15px;
    border-color: #b4bec3
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .panel .panel-body .panel-list.button-items li .btn {
        width:100%;
        position: static;
        margin-top: 16px;
        display: block;
        margin-bottom: 0
    }
}

.step .home-btn-wrap {
    padding: 0 21px
}

@media only screen and (max-width: 991px) {
    .step .home-btn-wrap {
        padding:0 10px
    }
}

.step .finansal-ajanda-btn-wrap {
    padding: 0 21px
}

@media only screen and (max-width: 991px) {
    .step .finansal-ajanda-btn-wrap {
        padding:0 10px
    }
}

.flipster--loop .flipster__item {
    position: absolute
}

.flipster--loop .flipster__item--past-2 {
    transform: translateX(-100%)
}

.flipster--loop .flipster__item--future-2 {
    transform: translateX(100%)
}

.flipster--loop .flipster__item--past-1 {
    transform: translateX(-50%)
}

.flipster--loop .flipster__item--future-1 {
    transform: translateX(50%)
}

.flipster--infinite-carousel .flipster__container,.flipster--infinite-carousel .flipster__item {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56,.12,.12,.98)
}

.flipster--infinite-carousel .flipster__item__content {
    transition: inherit
}

.flipster--infinite-carousel .flipster__item {
    position: absolute;
    opacity: 0;
    perspective: 800px
}

.flipster--infinite-carousel .flipster__item--past-2,.flipster--infinite-carousel .flipster__item--future-2 {
    opacity: .6;
    transition-delay: 90ms
}

.flipster--infinite-carousel .flipster__item--past-1,.flipster--infinite-carousel .flipster__item--future-1 {
    opacity: .8;
    transition-delay: 60ms
}

.flipster--infinite-carousel .flipster__item--current {
    opacity: 1;
    transition-delay: 0
}

.flipster--infinite-carousel .flipster__item--past .flipster__item__content,.flipster--infinite-carousel .flipster__item--future .flipster__item__content {
    transform: scale(.4)
}

.flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content {
    transform: translateX(-30%) rotateY(0deg) scale(.6)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content {
        transform:translateX(-20%) rotateY(0deg) scale(.6)
    }
}

.flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content {
    transform: translateX(30%) rotateY(0deg) scale(.6)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content {
        transform:translateX(20%) rotateY(0deg) scale(.6)
    }
}

.flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
    transform: translateX(-30%) rotateY(0deg) scale(.8)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
        transform:translateX(-20%) rotateY(0deg) scale(.8)
    }
}

.flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
    transform: translateX(30%) rotateY(0deg) scale(.8)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
        transform:translateX(20%) rotateY(0deg) scale(.8)
    }
}

.flipster--infinite-carousel .flipster__item--current .flipster__item__content {
    transform: translateX(0) rotateY(0deg) scale(1)
}

.label-title {
    margin: 0 0 20px 0;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 400
}

.print-page {
    display: none
}

.help-content-list .content-img {
    border: 1px solid #445056;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.help-content-list p {
    line-height: 1.4
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(-180deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(180deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.intro-opacity-passive {
    pointer-events: none;
    position: relative
}

.intro-opacity-passive::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,.69)
}

.intro-opacity-active {
    background: #fff;
    pointer-events: none;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 999999;
    position: relative;
    border-radius: 4px
}

div.hopscotch-bubble {
    border: 0;
    border-radius: 3px
}

.hopscotch-bubble-container.last-item .hopscotch-actions .hopscotch-nav-button.next {
    background: #e10514;
    border: 1px solid #e10514;
    color: #fff
}

.hopscotch-bubble-container.last-item .hopscotch-close {
    display: none
}

div.hopscotch-bubble .hopscotch-bubble-close {
    width: 40px;
    height: 20px;
    border: 1px solid #e10514;
    color: #fff;
    text-shadow: none;
    padding: 6px 20px;
    border-radius: 35px;
    top: auto;
    bottom: 15px;
    left: 15px;
    text-indent: 0;
    background: #e10514
}

div.hopscotch-bubble .hopscotch-bubble-number {
    width: 27px;
    height: 27px;
    line-height: 29px;
    border: 3px solid #fff;
    padding: 0;
    background: #e10514;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    top: -7px;
    position: relative;
    left: -5px;
    font-size: 13px;
    font-size: .8125rem;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.25)
}

div.hopscotch-bubble .hopscotch-bubble-content {
    font-size: 12px;
    font-size: .75rem
}

div.hopscotch-bubble .hopscotch-bubble-content ul li {
    width: 100%;
    margin-bottom: 5px
}

div.hopscotch-bubble .hopscotch-nav-button.next,div.hopscotch-bubble .hopscotch-nav-button.prev {
    width: 80px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #91969b;
    text-shadow: none;
    background-image: none;
    color: #272c30;
    padding: 6px 20px;
    border-radius: 35px;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

div.hopscotch-bubble .hopscotch-nav-button.next i,div.hopscotch-bubble .hopscotch-nav-button.prev i {
    font-size: 10px;
    font-size: .625rem;
    margin: 0 5px;
    color: #272c30;
    font-weight: bold;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover,div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
    background-color: #445056;
    border: 1px solid #445056;
    text-shadow: none;
    background-image: none;
    color: #fff
}

div.hopscotch-bubble .hopscotch-nav-button.next:hover i,div.hopscotch-bubble .hopscotch-nav-button.prev:hover i {
    color: #fff
}

div.hopscotch-bubble .hopscotch-nav-button.next {
    margin: 0 0 0 15px
}

div.hopscotch-bubble .hopscotch-nav-button.next i {
    margin-right: -5px
}

div.hopscotch-bubble .hopscotch-nav-button.prev i {
    margin-left: -5px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container {
    width: 25px;
    height: 25px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border,div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border,div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border,div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
    border-right: 0;
    border-left: 0
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow {
    border-bottom: 13px solid transparent;
    border-right: 13px solid #fff;
    border-top: 13px solid transparent;
    left: 12px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow {
    border-bottom: 13px solid transparent;
    border-left: 13px solid #fff;
    border-top: 13px solid transparent;
    left: -17px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
    left: 12px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    top: -5px
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    top: -5px
}

div.hopscotch-bubble .bullet {
    color: #d9dbde;
    font-size: 14px;
    letter-spacing: 1px
}

div.hopscotch-bubble .bullet i {
    color: #e10514
}

div.hopscotch-bubble ul.list li {
    position: relative;
    padding-left: 10px
}

div.hopscotch-bubble ul.list li:before {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    top: 5px;
    background: #e10514;
    border-radius: 50%;
    left: 0
}

.btn-copy-text {
    color: #2a2f34
}

.subpage .wrapper .content .table-area .accordion-table .arrw-wrap i {
    font-size: 9px;
    font-size: .5625pxrem
}

.subpage .wrapper .content .table-area .accordion-table .arrw-wrap i.icon-up:before {
    content: ""
}

.subpage .wrapper .content .table-area .accordion-table .icon-wrap i {
    font-size: 21px;
    display: block
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr {
    display: none
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table {
    width: 100%
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table tr td {
    padding: 15px 0 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table tr td .title {
    color: #e10514;
    padding: 8px 0;
    display: block
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table tr td .info {
    padding: 8px 0;
    display: block;
    text-align: right
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table tr td .info-table {
    width: 100%
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table tr td .info-table td {
    font-weight: normal;
    padding: 5px 0 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table tr td .info-table td:nth-child(2) {
    text-align: right
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table>tbody>tr>td {
    vertical-align: top
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table>tbody>tr>td:first-child {
    padding: 0 40px 15px 0 !important;
    border-right: 1px solid #bec0c2 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr .account-info>table>tbody>tr>td:last-child {
    padding: 0 0 15px 40px !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr:hover {
    background: #fff !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr:hover td {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr:hover tr:hover {
    background: #fff !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr:hover tr:hover td {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr.grey-bg:hover {
    background: #f3f4f5 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr.grey-bg:hover td {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr.grey-bg:hover tr:hover {
    background: #f3f4f5 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr.grey-bg:hover tr:hover td {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .accordion-table .sub-tr.open {
    display: table-row
}

@-webkit-keyframes ball {
    from {
        -webkit-transform: translateY(0) scaleY(.8);
        -moz-transform: translateY(0) scaleY(.8);
        transform: translateY(0) scaleY(.8)
    }

    to {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes ball {
    from {
        -webkit-transform: translateY(0) scaleY(.8);
        -momz-transform: translateY(0) scaleY(.8);
        transform: translateY(0) scaleY(.8)
    }

    to {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

.ball {
    position: relative;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    -moz-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite
}

.chat-bot {
    position: absolute;
    right: 32px;
    bottom: 32px;
    background-color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    z-index: 10;
    padding: 10px;
    width: 278px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 0 5px rgba(0,0,0,.2)
}

@media screen and (max-width: 767px) {
    .chat-bot {
        right:16px;
        bottom: 16px
    }
}

.chat-bot>img,.chat-bot>label {
    display: inline-block;
    cursor: pointer
}

.chat-bot label {
    color: #242729;
    font-size: 16px;
    line-height: normal;
    width: 70%;
    vertical-align: top;
    margin-top: 14px;
    margin-left: 12px;
    letter-spacing: 1px;
    font-weight: bold
}

.chat-bot .dot {
    position: absolute;
    left: 24.5px;
    top: 13px
}

.chat-bot .dot:before {
    overflow: hidden;
    display: block;
    -webkit-animation: ellipsis steps(4,end) 3000ms infinite;
    animation: ellipsis steps(4,end) 3000ms infinite;
    content: "...";
    color: #fff;
    font-size: 23px;
    line-height: 0;
    position: absolute;
    top: 14px;
    height: 14px;
    width: 0;
    left: 2px
}

.chat-bot.col-lg-3,.chat-bot.col-md-4,.chat-bot.col-sm-3 {
    padding: 0 !important
}

.chat-bot .global-container {
    position: relative;
    height: 100%
}

.chat-bot .chat-bot-content {
    position: absolute;
    left: 0;
    bottom: 32px;
    display: inline-block;
    width: 100%
}

.chat-bot .chat-bot-content .icon-bot-ziraat-user {
    background-color: #fff;
    padding: 7px 15px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    font-size: 3rem;
    display: inline-block
}

.chat-bot-message .chat-bot-container .icon-bot-ziraat-bot {
    background: url(../../img/icon-bot-ziraat-bot.png) center center #fff no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    border-radius: 50px
}

@media screen and (max-width: 1600px) and (min-width:990px) {
    .chat-bot .chat-bot-content .icon-bot-ziraat-user {
        padding:5px 10.3px;
        font-size: 2rem
    }
}

.chat-bot .chat-bot-content .cb-message {
    width: 100%;
    padding: 30px;
    background-color: #fff;
    border-radius: 0 30px 30px 30px;
    -webkit-border-radius: 0 30px 30px 30px;
    -moz-border-radius: 0 30px 30px 30px;
    -ms-border-radius: 0 30px 30px 30px;
    display: inline-block;
    margin-top: 10px
}

@media screen and (max-width: 1600px) and (min-width:990px) {
    .chat-bot .chat-bot-content .cb-message {
        padding:20px
    }
}

.chat-bot .chat-bot-content .cb-message p {
    color: #464646;
    font-size: 1.8rem;
    line-height: normal;
    letter-spacing: 1px
}

@media screen and (max-width: 1600px) and (min-width:990px) {
    .chat-bot .chat-bot-content .cb-message p {
        font-size:1.4rem
    }
}

.chat-bot h2 {
    color: #fff;
    letter-spacing: 1px;
    margin-top: 30px;
    display: inline-block
}

.msie9 .chat-bot .dot:before {
    width: 20px
}

.msie9 .home-page .chat-bot .dot {
    top: 12px
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .home-page .chat-bot .dot {
        top: 12px !important
    }
}

.input-message {
    margin-top: 30px;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    padding: 12.5px 50px 12.5px 30px;
    position: relative
}

@media screen and (max-width: 1600px) and (min-width:990px) {
    .input-message {
        padding:14px 50px 14px 20px
    }
}

.input-message .lottie-layer {
    background: transparent
}

.input-message .lottie-layer .lottie {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px
}

.input-message .contenteditable-text {
    display: inline-block;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 90%;
    height: 35px;
    max-height: 35px;
    font-family: Arial;
    margin-bottom: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word
}

.input-message .contenteditable-text br {
    display: none
}

.input-message .contenteditable-text * {
    display: inline;
    white-space: nowrap
}

.input-message .contenteditable-text i {
    font-style: italic
}

.input-message textarea {
    border: 0;
    outline: none;
    color: #464646;
    font-size: 1.8rem;
    line-height: normal;
    width: 100%;
    resize: none;
    display: none
}

.toolbar-bottom {
    display: inline-block
}

.toolbar-bottom .btn {
    display: block;
    float: left;
    font-size: 20px;
    color: #000;
    text-decoration: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 5px;
    background: none;
    margin-right: 0;
    border-radius: 5px
}

.toolbar-bottom .btn:hover,.toolbar-bottom .btn.active {
    background-color: rgba(0,146,255,.25)
}

.input-message input::-webkit-input-placeholder {
    color: #464646
}

.input-message input::-moz-placeholder {
    color: #464646
}

.input-message input::-ms-input-placeholder {
    color: #464646
}

.input-message input::-moz-placeholder {
    color: #464646
}

@media screen and (max-width: 1600px) and (min-width:990px) {
    .input-message input {
        font-size:1.4rem
    }
}

.input-message a.icon-send {
    background-image: url(../../img/icon-send.png);
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 9px
}

@media screen and (max-width: 767px) {
    .input-message a {
        right:10px
    }
}

@media screen and (max-width: 767px) {
    .chatbot-wrapper {
        position:fixed;
        bottom: 0;
        z-index: 99;
        right: 22px;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease
    }

    .chatbot-wrapper.loaded {
        right: 22px
    }

    .chatbot-wrapper.loaded.hover {
        right: 22px;
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease
    }
}

.chatbot-wrapper .chat-bot {
    right: -400px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease
}

@media screen and (min-width: 786px) {
    .chatbot-wrapper .chat-bot {
        position:fixed;
        bottom: 41px;
        z-index: 100
    }

    .chatbot-wrapper .chat-bot-message {
        position: fixed;
        bottom: 41px;
        height: 74% !important
    }
}

@media screen and (max-width: 990px) {
    .chatbot-wrapper .chat-bot {
        position:fixed;
        bottom: 75px;
        right: 15px;
        z-index: 100
    }

    .chatbot-wrapper .chat-bot-message {
        position: fixed;
        bottom: 10px;
        right: 10px;
        height: 75%
    }
}

.chatbot-wrapper.loaded .chat-bot {
    right: 32px
}

@media screen and (max-width: 990px) {
    .chatbot-wrapper.loaded .chat-bot {
        bottom:50px;
        right: 15px
    }
}

@media screen and (min-width: 786px) {
    .chatbot-wrapper.loaded.hover .chat-bot {
        width:68px;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        overflow: hidden;
        bottom: 0;
        right: 0;
        position: relative
    }

    .chatbot-wrapper.loaded.hover .chat-bot label {
        position: absolute;
        left: 58px;
        display: none
    }

    .chatbot-wrapper.loaded.hover .chat-bot:hover {
        width: 200px
    }

    .chatbot-wrapper.loaded.hover .chat-bot:hover label {
        display: inline-block
    }
}

.chat-bot-clear {
    width: 100%;
    height: 42px;
    background-color: rgba(39,44,48,.9);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.4rem;
    text-align: right;
    z-index: 10;
    padding-right: 30px;
    line-height: 42px
}

.chat-bot-clear a {
    color: #fff;
    text-decoration: underline
}

.chat-bot-clear a:hover {
    text-decoration: none
}

.cb-box-wrap {
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    margin-top: 16px
}

.cb-box-wrap p {
    font-size: 14px;
    color: #000;
    line-height: 28px
}

.cb-box.left .cb-content ul {
    margin-bottom: 0;
    margin-top: 10px
}

.cb-box.left .cb-content ul li {
    color: #1d1d1b
}

.chat-bot-message {
    opacity: 0;
    transition: all .4s ease;
    position: absolute;
    bottom: 32px;
    left: 262px;
    z-index: 9999;
    overflow: hidden;
    visibility: hidden;
    height: calc(100% - 160px);
    background-position: left 55px;
    background-size: cover;
    width: 433px;
    border-radius: 20px
}

@media screen and (max-width: 767px) {
    .chat-bot-message {
        width:100% !important;
        height: 100% !important;
        bottom: 0 !important;
        left: 0 !important;
        position: fixed !important;
        border-radius: 0 !important;
        z-index: 999999;
        background-color: #3d4147
    }

    .chat-bot-message .chat-bot-top {
        border-radius: 0 !important
    }
}

.chat-bot-message.active {
    opacity: 1;
    visibility: visible;
    background-image: url(../../img/bot-bg.png);
    background-repeat: no-repeat
}

.chat-bot-message .chat-bot-top {
    height: 55px;
    background: #df0e21;
    border-radius: 20px 20px 0 0;
    padding: 15px 28px;
    position: relative
}

.chat-bot-message .chat-bot-top h2 {
    color: #fff;
    font-size: 2rem;
    position: relative;
    padding: 3px 0 0 32px
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-top h2 {
        padding-top:3px
    }
}

.chat-bot-message .chat-bot-top h2 span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2.5rem
}

.chat-bot-message .chat-bot-top h2 span i:before {
    color: #fff
}

.chat-bot-message .chat-bot-top .icon-unlem2 {
    position: absolute;
    right: 55px;
    font-size: 20px;
    color: #fff;
    top: 18px
}

.chat-bot-message .chat-bot-top .cb-min-btn {
    position: absolute;
    top: 20px;
    right: 60px;
    font-size: 1.5rem
}

.chat-bot-message .chat-bot-top .cb-close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 1.5rem
}

.chat-bot-message .chat-bot-message {
    width: 100%;
    position: absolute;
    bottom: 26px
}

.chat-bot-message .chat-bot-message .chat-bot-message-bg {
    width: 91%;
    height: 64px;
    margin: auto;
    position: relative;
    background-size: 100%
}

@media(max-width: 1300px) {
    .chat-bot-message .chat-bot-message .chat-bot-message-bg {
        width:95%
    }
}

.chat-bot-message .chat-bot-message .chat-bot-message-bg span {
    position: absolute;
    right: 4px;
    top: 7px;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.chat-bot-message .chat-bot-info-box {
    position: absolute;
    top: 55px;
    z-index: 999;
    background-color: rgba(39,44,48,.9);
    height: calc(100% - 55px);
    padding: 20px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.chat-bot-message .chat-bot-info-box.active {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.chat-bot-message .chat-bot-info-box:before {
    content: "";
    font: 1.6rem "icomoon";
    position: absolute;
    top: -10px;
    color: #302a2f;
    right: 54px
}

.chat-bot-message .chat-bot-info-box .chat-bot-info {
    overflow: auto;
    position: absolute;
    height: calc(100% - 42px)
}

.chat-bot-message .chat-bot-info-box .chat-bot-info h2 {
    color: #fff;
    font-size: 1.6rem;
    line-height: normal;
    margin-bottom: 13px
}

.chat-bot-message ul {
    margin-bottom: 22px
}

.chat-bot-message ul li {
    font-size: 1.4rem;
    padding-left: 21px;
    position: relative;
    line-height: 20px;
    padding-bottom: 2px;
    color: #fff
}

.chat-bot-message ul li a {
    color: #424b50;
    text-decoration: underline
}

.chat-bot-message ul li a:hover {
    text-decoration: none
}

.chat-bot-message ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 2px;
    background-color: #e10514
}

@media screen and (max-width: 767px) {
    .chat-bot-message ul li:before {
        top:9px
    }
}

.chat-bot-message ul li.icon-comment {
    padding-left: 30px
}

.chat-bot-message ul li.icon-comment:before {
    content: "";
    background-color: transparent;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 20px;
    height: 20px;
    width: auto;
    font-family: 'icomoon' !important
}

.chat-bot-message ul li.Chat_Doviz_Kurlari,.chat-bot-message ul li.Chat_En_Yakin_Atm_Sube,.chat-bot-message ul li.Chat_Kart_Basvuru,.chat-bot-message ul li.Chat_Kredi_Hesaplama,.chat-bot-message ul li.Chat_Mevduat_Hesaplama,.chat-bot-message ul li.Chat_Urun_ve_Hizmetler {
    padding-left: 30px;
    padding-bottom: 12px;
    line-height: 1.2;
    padding-top: 4px
}

.chat-bot-message ul li.Chat_Doviz_Kurlari:before,.chat-bot-message ul li.Chat_En_Yakin_Atm_Sube:before,.chat-bot-message ul li.Chat_Kart_Basvuru:before,.chat-bot-message ul li.Chat_Kredi_Hesaplama:before,.chat-bot-message ul li.Chat_Mevduat_Hesaplama:before,.chat-bot-message ul li.Chat_Urun_ve_Hizmetler:before {
    font-family: 'icomoon' !important;
    top: 0;
    background: none;
    font-size: 2rem;
    height: auto;
    width: auto
}

.chat-bot-message ul li:last-child.Chat_Doviz_Kurlari,.chat-bot-message ul li:last-child.Chat_En_Yakin_Atm_Sube,.chat-bot-message ul li:last-child.Chat_Kart_Basvuru,.chat-bot-message ul li:last-child.Chat_Kredi_Hesaplama,.chat-bot-message ul li:last-child.Chat_Mevduat_Hesaplama,.chat-bot-message ul li:last-child.Chat_Urun_ve_Hizmetler {
    padding-bottom: 0
}

.chat-bot-message ul li.Chat_Doviz_Kurlari:before {
    content: ""
}

.chat-bot-message ul li.Chat_En_Yakin_Atm_Sube:before {
    content: ""
}

.chat-bot-message ul li.Chat_Kart_Basvuru:before {
    content: ""
}

.chat-bot-message ul li.Chat_Kredi_Hesaplama:before {
    content: ""
}

.chat-bot-message ul li.Chat_Mevduat_Hesaplama:before {
    content: ""
}

.chat-bot-message ul li.Chat_Urun_ve_Hizmetler:before {
    content: ""
}

.chat-bot-message ul li+li+li.Chat_Kredi_Hesaplama:before {
    content: ""
}

.chat-bot-message .conversation {
    height: 100%;
    display: none
}

.chat-bot-message .chat-bot-container {
    text-align: center;
    position: relative;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 145px);
    padding: 0 20px;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.chat-bot-message .chat-bot-container .chat-bot-wrapper {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container .chat-bot-wrapper {
        margin-top:16px
    }
}

.chat-bot-message .chat-bot-container .chat-bot-wrapper>.cb-box+.cb-box {
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container .chat-bot-wrapper>.cb-box+.cb-box {
        margin-top:14px
    }
}

.chat-bot-message .chat-bot-container .cb-box {
    position: relative
}

.chat-bot-message .chat-bot-container .cb-box .img {
    margin: 2px 0 15px 0;
    width: 294px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px
}

.chat-bot-message .chat-bot-container .cb-box.left {
    text-align: left
}

.chat-bot-message .chat-bot-container .cb-box.left img {
    display: block
}

.chat-bot-message .chat-bot-container .cb-box.left .cb-loading {
    margin-left: 15px
}

.chat-bot-message .chat-bot-container .cb-box.left .cb-loading:before {
    position: relative;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    -moz-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    content: "";
    border: none;
    animation-delay: .15s;
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s
}

.chat-bot-message .chat-bot-container .cb-box.left .cb-loading span {
    display: block;
    font-size: 0;
    width: 20px;
    height: 10px;
    position: relative
}

.chat-bot-message .chat-bot-container .cb-box.left .cb-loading span:before {
    position: relative;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    -moz-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    content: "";
    margin-left: -7px
}

.chat-bot-message .chat-bot-container .cb-box.left .cb-loading span:after {
    position: relative;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
    z-index: 2;
    margin-top: 4px;
    -webkit-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    -moz-animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    animation: ball .45s cubic-bezier(0,0,.15,1) alternate infinite;
    content: "";
    margin-left: 7px;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s
}

.chat-bot-message .chat-bot-container .cb-box.right {
    text-align: right
}

.chat-bot-message .chat-bot-container .cb-box.right .cb-content {
    margin-right: 40px;
    border-radius: 15px 0 15px 15px;
    -webkit-border-radius: 15px 0 15px 15px;
    -moz-border-radius: 15px 0 15px 15px;
    -ms-border-radius: 15px 0 15px 15px;
    background-color: #dbdbdb;
    border: 2px solid #fff;
    overflow-wrap: break-word;
    max-width: 297px
}

.chat-bot-message .chat-bot-container .cb-box.right .cb-content p {
    color: #242729;
    font-size: 14px;
    line-height: normal
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container .cb-box.right .cb-content p {
        font-size:1.2rem
    }
}

.chat-bot-message .chat-bot-container .cb-box.right+.right {
    margin-top: 7px
}

.chat-bot-message .chat-bot-container .cb-box .icon-bot-ziraat-user {
    background: url(../../img/icon-bot-ziraat-user.png) center center #fff no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    border-radius: 50px
}

.chat-bot-message .chat-bot-container .cb-box .icon-bot-user {
    background-image: url(../../img/icon-bot-user.png);
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff
}

.chat-bot-message .chat-bot-container .cb-box .cb-content {
    margin-left: 39px;
    background-color: #fff;
    color: #1d1d1b;
    font-size: 14px;
    line-height: normal;
    padding: 15px 20px;
    border-radius: 0 15px 15px 15px;
    -webkit-border-radius: 0 15px 15px 15px;
    -moz-border-radius: 0 15px 15px 15px;
    -ms-border-radius: 0 15px 15px 15px;
    display: inline-block;
    max-width: 334px
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container .cb-box .cb-content {
        padding:12px;
        max-width: 300px
    }
}

.chat-bot-message .chat-bot-container p.error {
    display: table;
    color: #e10514
}

.chat-bot-message .chat-bot-container p.error i {
    font-size: 2rem;
    display: table-cell;
    vertical-align: middle
}

.chat-bot-message .chat-bot-container p.error span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.chat-bot-message .chat-bot-container p a {
    color: #1d1d1b;
    text-decoration: underline
}

.chat-bot-message .chat-bot-container p a:hover {
    text-decoration: none
}

.chat-bot-message .chat-bot-container .fs20 {
    font-size: 2rem !important
}

.chat-bot-message .chat-bot-container .date {
    color: #91969b;
    padding-top: 10px
}

.chat-bot-message .chat-bot-container .chat-note {
    border-top: 1px solid #d9dbde;
    color: #91969b;
    padding-top: 15px;
    margin-top: 20px;
    text-align: right
}

.chat-bot-message .chat-bot-container .chat-map-item {
    border-bottom: 1px solid #ecedee;
    padding-top: 0;
    padding-bottom: 13px;
    display: none;
    width: 294px
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container .chat-map-item {
        width:100%
    }
}

.chat-bot-message .chat-bot-container .chat-map-item:first-child {
    display: block
}

.chat-bot-message .chat-bot-container .chat-map-item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.chat-bot-message .chat-bot-container .chat-map-item p strong {
    color: #e10514;
    padding-bottom: 0;
    display: block
}

.chat-bot-message .chat-bot-container .chat-map-item p.info-engelli {
    padding-top: 6px;
    padding-bottom: 0
}

.chat-bot-message .chat-bot-container .chat-map-item p a {
    text-decoration: none;
    display: block;
    position: relative;
    padding-right: 34px
}

.chat-bot-message .chat-bot-container .chat-map-item p a:after {
    font-family: 'icomoon' !important;
    content: "";
    color: #2f3133;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.3rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.chat-bot-message .chat-bot-container .chat-map-item p a.active:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.chat-bot-message .chat-bot-container .chat-map-item .chat-map-item-detail {
    display: block;
    padding-top: 14px
}

.chat-bot-message .chat-bot-container .chat-map-rotator {
    color: #1d1d1b;
    font-size: 1.4rem;
    margin-top: 16px
}

.chat-bot-message .chat-bot-container .chat-map-rotator a {
    color: #2f3133;
    font-size: 1.2rem
}

.chat-bot-message .chat-bot-container .chat-map-rotator a.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.chat-bot-message .chat-bot-container .chat-map-rotator a.chat-map-rotator-prev {
    padding-right: 6px
}

.chat-bot-message .chat-bot-container .chat-map-rotator a.chat-map-rotator-next {
    padding-left: 6px
}

.chat-bot-message .chat-bot-container .chat-map-btn {
    margin: 20px -20px -15px -20px;
    padding: 20px;
    background: #ededed;
    border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -ms-border-radius: 0 0 15px 15px;
    border-top: 1px solid #dcddde
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container .chat-map-btn {
        margin:20px -12px -15px -12px
    }
}

.chat-bot-message .chat-bot-container .chat-map-btn a {
    margin: 0
}

.chat-bot-message .chat-bot-container table td {
    padding-right: 5px;
    padding-bottom: 3px
}

.chat-bot-message .chat-bot-container .box {
    text-align: center;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: 13px;
    margin-top: 13px;
    -webkit-box-shadow: 0 1px 0 0 rgba(15,15,15,.1);
    -moz-box-shadow: 0 1px 0 0 rgba(15,15,15,.1);
    box-shadow: 0 1px 0 0 rgba(15,15,15,.1)
}

.chat-bot-message .chat-bot-container .box a {
    color: #1d1d1b;
    text-decoration: underline
}

.chat-bot-message .chat-bot-container .box a:hover {
    text-decoration: none
}

.chat-bot-message .chat-bot-container .btn {
    margin-top: 15px
}

.chat-bot-message .chat-bot-container .detail-link {
    padding-top: 15px
}

.chat-bot-message .chat-bot-container .detail-link a {
    font-size: 1.4rem;
    color: #df0e21;
    position: relative;
    padding-right: 16px;
    border-bottom: 1px solid #df0e21
}

.chat-bot-message .chat-bot-container .detail-link a:after {
    font-family: 'icomoon';
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 1.1rem;
    margin-top: -5px
}

.chat-bot-message .chat-bot-container .detail-link a:hover {
    color: #e10514
}

.chat-bot-message .chat-bot-container .ChoiceSelect a {
    display: block;
    text-align: center;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: 13px;
    margin-top: 10px;
    color: #1d1d1b;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 0 rgba(15,15,15,.1);
    -moz-box-shadow: 0 1px 0 0 rgba(15,15,15,.1);
    box-shadow: 0 1px 0 0 rgba(15,15,15,.1);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.chat-bot-message .chat-bot-container .ChoiceSelect a:hover,.chat-bot-message .chat-bot-container .ChoiceSelect a.selected {
    border-color: #e10514;
    background-color: #e10514;
    color: #fff;
    -webkit-box-shadow: 0 1px 0 0 #ad030f;
    -moz-box-shadow: 0 1px 0 0 #ad030f;
    box-shadow: 0 1px 0 0 #ad030f
}

.chat-bot-message .chat-bot-container .ChoiceSelect.disabled a {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
    pointer-events: none
}

.chat-bot-message .chat-bot-container .cb-form-success {
    width: 100%;
    display: table
}

.chat-bot-message .chat-bot-container .cb-form-success i {
    color: #70ca0f;
    font-size: 5rem;
    display: table-cell
}

.chat-bot-message .chat-bot-container .cb-form-success span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px
}

.chat-bot-message .chat-bot-container .cb-form-error {
    width: 100%;
    display: table
}

.chat-bot-message .chat-bot-container .cb-form-error i {
    color: #e10514;
    font-size: 5rem;
    display: table-cell
}

.chat-bot-message .chat-bot-container .cb-form-error span {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px
}

.chat-bot-message .input-message {
    margin: 0;
    border-radius: 0;
    padding: 15px 15px 5px 16px
}

.chat-bot-message .counter-text {
    position: absolute;
    font-size: 12px;
    opacity: .4;
    right: 20px;
    bottom: 15px
}

.contenteditable-text[placeholder]:empty:before {
    content: attr(placeholder);
    color: #242729;
    opacity: .6;
    font-size: 14px
}

.contenteditable-text[placeholder]:empty:focus:before {
    content: ""
}

.chat-bot-message .input-message input {
    font-size: 14px;
    padding-right: 44px
}

.chat-bot-message .input-message input:focus {
    box-shadow: none !important
}

.chat-bot-message .input-message input::-webkit-input-placeholder {
    color: #393937
}

.chat-bot-message .input-message input::-moz-placeholder {
    color: #393937
}

.chat-bot-message .input-message input::-ms-input-placeholder {
    color: #393937
}

.chat-bot-message .input-message input::-moz-placeholder {
    color: #393937
}

@media screen and (max-width: 767px) {
    .chat-bot-message .input-message input {
        width:100%;
        padding: 10px 40px 10px 15px
    }
}

@keyframes ellipsis {
    to {
        width: 22px
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 22px
    }
}

.deaf-btn-outer {
    width: 58px;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 30px;
    margin-top: 17px;
    float: left;
    background-color: #fff
}

.deaf-btn {
    background: url(../../img/deaf-btn.png) no-repeat 0 0;
    width: 150px;
    height: 24px;
    margin-left: -32px
}

.deaf-text {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-top: 22px;
    margin-left: 10px
}

.cb-start {
    padding: 75px 45px 0 52px
}

.cb-start label {
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 16px
}

.cb-start a {
    margin-top: 16px
}

.cb-start a.start-btn {
    display: block;
    background-color: #e20414;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
    border: 1px solid #e20414
}

.cb-start a.cancel-btn {
    display: block;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
    border: 2px solid #fff
}

.cb-end {
    padding: 100px 45px 0 52px;
    display: none
}

.cb-end span.text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 16px;
    line-height: 32px
}

.cb-end a.finish-btn {
    display: block;
    background-color: #e20414;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
    border: 1px solid #e20414;
    margin-bottom: 15px
}

.cb-end a.cancel-finish-btn {
    display: block;
    background-color: transparent;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
    border: 2px solid #fff
}

.cb-close {
    padding: 100px 45px 0 52px;
    display: none
}

.cb-close span.text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 16px;
    line-height: 32px
}

.cb-close span.text-question {
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 16px;
    line-height: 24px
}

.cb-close a.close-cb-btn {
    display: block;
    background-color: #e20414;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 0;
    border: 1px solid #e20414
}

.cb-close .rate-box {
    padding: 36px;
    background-color: #fff;
    margin-bottom: 36px;
    text-align: center;
    line-height: 140%;
    border-radius: 13px;
    margin-top: 36px
}

.cb-close .rate-box .rating {
    margin: 10px auto
}

.select2-container--open {
    z-index: 9999999999
}

.chatbot-wrapper {
    position: absolute;
    display: inline-block;
    bottom: 41px;
    right: 32px;
    z-index: 2002 !important
}

.chatbot-wrapper .notify {
    position: absolute;
    background-color: #f60000;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 7px;
    top: 0;
    right: 0;
    z-index: 999
}

@media screen and (max-width: 767px) {
    .chat-bot-message .chat-bot-container {
        height:calc(100% - 145px)
    }

    .chat-bot label {
        width: 0%;
        display: none
    }

    .chatbot-wrapper.loaded .chat-bot {
        bottom: 60px;
        width: 78px;
        position: relative;
        bottom: 0;
        right: 0
    }

    .chatbot-wrapper {
        bottom: 60px
    }

    .cb-start {
        padding: 40px 30px 0 30px
    }

    .cb-end {
        padding: 100px 30px 0 30px
    }

    .cb-close {
        padding: 100px 30px 0 30px;
        display: none
    }
}

.active-accessibility *[tabindex]:focus,.active-accessibility a:focus,.active-accessibility button:focus,.active-accessibility .custom-amount input:focus,.active-accessibility .search-desktop-wrap.open input:focus {
    outline: 3px solid #3ca1ff !important;
    text-decoration: none !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 20px rgba(44,153,255,.3) !important
}

.active-accessibility .widgetScroll>*[tabindex]:focus {
    outline: none !important;
    box-shadow: none !important
}

.active-accessibility .widgetScroll>*[tabindex]:focus+.mCSB_scrollTools {
    opacity: 1
}

.select2-selection:focus {
    outline: none !important
}

input:focus,textarea:focus,.active-accessibility .select2-selection:focus .select2-selection__rendered {
    border-color: #3ca1ff !important;
    box-shadow: 0 0 20px rgba(44,153,255,.3) inset !important
}

.sr-only {
    position: absolute !important
}

#skipHeaderMenu,.submenufocusclose,.skipWidget {
    opacity: 0 !important;
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    z-index: 9999 !important;
    left: -226px !important;
    width: auto !important
}

.active-accessibility #skipHeaderMenu:focus,.active-accessibility .submenufocusclose:focus,.active-accessibility .skipWidget:focus {
    opacity: 1 !important;
    left: auto !important
}

.active-accessibility .left-menu>.menu-wrap>.container {
    top: 10px
}

.active-accessibility .sub-menu .submenufocusclose {
    background: #3ca1ff;
    color: #fff !important;
    border-radius: 4px 4px 0 0;
    padding: 15px 20px;
    top: -44px !important;
    opacity: 0 !important;
    display: inline-block !important;
    position: absolute !important;
    z-index: 9999 !important;
    left: -300px !important;
    width: auto;
    outline: none !important;
    box-shadow: none !important
}

.active-accessibility .sub-menu .submenufocusclose:focus {
    opacity: 1 !important;
    left: auto !important
}

.active-accessibility .operations-blocks:focus {
    border-color: #445056 !important;
    outline: none !important;
    box-shadow: none !important
}

.active-accessibility .operations-blocks.edit:focus {
    border-color: #3ca1ff !important
}

body,html {
    font-size: 16;
    font-family: 'Gotham Narrow Book',Arial,'Trebuchet MS';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 991px) {
    body,html {
        height:auto;
        font-size: 14px;
        min-height: 100%
    }
}

@media only screen and (max-width: 991px) {
    .modal-dialog {
        margin-bottom:70px
    }
}

.width-auto {
    width: auto !important
}

input::-ms-clear {
    width: 0;
    height: 0;
    display: none !important
}

label.error {
    color: #de0f21;
    display: block
}

label.error.tl-validation-error {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    display: block
}

.info-wrap {
    line-height: 23px
}

.info-wrap i {
    font-size: 22px;
    font-size: 1.375rem;
    margin-right: 8px;
    display: inline-block;
    float: left
}

.max-height-400 {
    max-height: 400px
}

.format {
    margin-bottom: 10px
}

.format>label {
    margin-bottom: 5px
}

.format .format-group .select-radio {
    padding: 15px 20px 12px 20px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #b4bec3
}

.format .format-group .select-radio i {
    font-size: 26px;
    position: absolute;
    right: 25px;
    top: 13px
}

.format .format-group .select-radio.active {
    border-color: #445056;
    background: #445056;
    color: #fff
}

.format .format-group .select-radio.active .iradio_flat-grey.checked {
    border-color: #fff !important;
    background: none !important
}

.format .format-group .select-radio.active .iradio_flat-grey.checked ins {
    background: #fff !important
}

.home-page,.home-page body {
    height: 100%;
    background: url("../../img/bg.jpg") no-repeat top left fixed;
    overflow: auto
}

.home-page .popover {
    max-width: 250px;
    text-align: center
}

@media(min-width: 992px) and (max-width:1024px) {
    .home-page .wrapper {
        overflow:hidden
    }
}

@media only screen and (max-width: 991px) {
    .home-page .wrapper .frame {
        padding-left:0 !important
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    .home-page .wrapper .frame {
        overflow:auto;
        -webkit-overflow-scrolling: touch;
        padding-left: 70px
    }
}

.show-animate-frame {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    z-index: 9999;
    padding: 50px;
    width: 465px;
    padding-left: 177px;
    box-shadow: 0 0 25px -9px;
    border: 1px solid #e3e3e3
}

.show-animate-frame img {
    position: absolute;
    left: 30px;
    top: 30px
}

.show-animate-frame p {
    font-size: 14px;
    font-size: .875rem;
    font-family: "Gotham";
    color: #272c30
}

.show-animate-frame a {
    position: absolute;
    right: 15px;
    font-size: 22px;
    font-size: 1.375pxrem;
    top: 15px;
    color: #1a202d;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease
}

.show-animate-frame a:hover {
    color: #de0f21
}

.no-product-info-text {
    text-align: center;
    height: 544px;
    display: table;
    width: 100%
}

.no-product-info-text p {
    display: table-cell;
    vertical-align: middle
}

.home-page.loggedin {
    background: url("../../img/loggedin-bg.jpg") no-repeat left top;
    background-attachment: fixed;
    background-size: cover
}

.home-page.loggedin #dijital-musteri-ol {
    display: none
}

.home-page.loggedin #dijital-sube-hizmet-sonlandirma {
    display: block
}

.home-page.loggedin .ziraat-dijital-logo {
    display: block
}

.home-page.loggedin .ziraat-ib-logo {
    display: none
}

@media only screen and (max-width: 991px) {
    .home-page .mobile-header .mobile-logo {
        display:none
    }
}

.subpage .mobile-header {
    display: none !important
}

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

.wrapper .bg-layer {
    background: rgba(29,29,27,.5);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0
}

.wrapper .mobile-header {
    display: none
}

.wrapper .mobile-header.openMenu {
    background: #fff;
    height: 66px;
    border-bottom: 1px solid #91969b;
    position: fixed;
    width: 100%;
    z-index: 9999;
    display: block !important
}

@media only screen and (max-width: 991px) {
    .wrapper .mobile-header.openMenu {
        height:70px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .wrapper .mobile-header.openMenu {
        height:65px
    }
}

.wrapper .mobile-header.openMenu .mobile-logo {
    display: block
}

.wrapper .mobile-header.openMenu .mobile-logo .icon-logo-text:before {
    color: #1d1d1b !important
}

.wrapper .mobile-header.openMenu .mobile-logo .icon-logo-ico:before {
    color: #e10611 !important
}

.wrapper .mobile-header.openMenu .mobil-left:before {
    display: none
}

.wrapper .mobile-header .exit {
    color: #fff;
    position: fixed;
    font-size: 29px;
    font-size: 1.8125rem;
    top: 18px;
    left: 20px;
    z-index: 3
}

.wrapper .mobile-header .mobil-left {
    position: fixed;
    font-size: 32px;
    font-size: 2rem;
    top: 18px;
    color: #fff;
    left: 15px;
    z-index: 3;
    display: none
}

.wrapper .mobile-header .mobil-left.icon-logo-ico:before {
    color: #fff
}

.wrapper .mobile-header .mobil-left.backBtn {
    color: #fff;
    font-size: 22px;
    font-size: 1.375rem
}

.wrapper .mobile-header .mobile-logo {
    position: fixed;
    color: #fff;
    font-size: 31px;
    font-size: 1.9375rem;
    z-index: 2;
    width: 100%;
    text-align: center;
    padding: 18px 0;
    left: 0;
    top: 0
}

.wrapper .mobile-header .mobile-logo span {
    display: inline-block
}

.wrapper .mobile-header .mobile-logo span i {
    float: left;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff
}

.wrapper .mobile-header .mobile-logo span i:first-child {
    font-size: 32px;
    font-size: 2rem;
    margin-right: 10px
}

.wrapper .mobile-header .mobile-logo span i:first-child:before {
    color: #fff
}

.wrapper .mobile-header .mobile-logo span i:last-child {
    margin-top: 7px
}

.wrapper .mobile-header.dark .exit,.wrapper .mobile-header.dark .mobile-logo {
    color: #1a202d
}

.wrapper .mobile-header.dark .icon-logo-ico:before {
    color: #e10514
}

.wrapper .mobile-header.dark .backBtn {
    color: #1d1d1b;
    font-size: 22px;
    font-size: 1.375rem
}

.wrapper .mobile-header.dark .mobile-logo span {
    display: inline-block
}

.wrapper .mobile-header.dark .mobile-logo span i:first-child:before {
    color: #de0f21
}

.wrapper .mobile-header.dark .mobile-logo span i:last-child:before {
    color: #1a202d
}

@media only screen and (max-width: 991px) {
    .wrapper .mobile-header.dark .profil-img {
        border:1px solid rgba(0,0,0,.3)
    }
}

.wrapper .mobile-header .profil-img {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 9;
    width: 32px;
    height: 32px
}

@media only screen and (max-width: 991px) {
    .wrapper .mobile-header .profil-img {
        border:1px solid rgba(255,255,255,.3);
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }
}

.wrapper .mobile-header .profil-img img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%
}

.wrapper .content {
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 226px
}

.wrapper .content .users {
    text-align: left;
    position: relative
}

.wrapper .content .users span {
    display: block
}

.wrapper .content .users span.user-name {
    margin-bottom: 10px;
    position: relative;
    padding-right: 42px;
    display: block;
    min-height: 30px
}

.wrapper .content .users span.user-name span {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wrapper .content .users span.user-name .user-img {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -2px;
    right: 0;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.wrapper .content .users span.user-name .user-img img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%
}

.wrapper .content .users span.user-name.single-name {
    display: table;
    padding-right: 42px;
    text-align: right;
    height: 30px;
    width: 100%
}

.wrapper .content .users span.user-name.single-name span {
    white-space: normal;
    text-overflow: initial;
    overflow: visible;
    display: table-cell;
    vertical-align: middle
}

.wrapper .content .users span.last-login,.wrapper .content .users span.last-error-login {
    text-align: right;
    margin-bottom: 7px;
    font-size: 9px;
    font-size: .5625rem;
    color: rgba(255,255,255,.4)
}

.wrapper .content .users span.last-login b,.wrapper .content .users span.last-error-login b {
    color: #fff;
    width: 80px;
    display: inline-block;
    font-weight: 400;
    font-family: 'Gotham Narrow Book',Arial,'Trebuchet MS'
}

.wrapper .content .users a {
    font-size: 10px;
    font-size: .625pxrem;
    padding: 0 0;
    display: inline-block;
    margin-bottom: 0
}

.wrapper .content .users a i {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 4px;
    width: 0;
    height: 0;
    display: inline-block;
    float: right;
    margin-top: 4px;
    margin-left: 7px
}

.wrapper .content .users .user-dropdown {
    text-align: right
}

.wrapper .content .users .dropdown-box {
    position: absolute;
    font-family: 'Gotham Narrow Book';
    font-weight: 500;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    color: #445056;
    right: 0;
    z-index: 9
}

.wrapper .content .users .dropdown-box .nav-tabs {
    margin-bottom: 10px;
    -webkit-box-shadow: 0 7px 25px -1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 7px 25px -1px rgba(0,0,0,.2);
    box-shadow: 0 7px 25px -1px rgba(0,0,0,.2);
    min-width: 220px
}

.wrapper .content .users .dropdown-box .nav-tabs li.active a {
    color: #fff
}

.wrapper .content .users .dropdown-box .nav-tabs a {
    width: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 10px;
    border-width: 0 !important;
    color: #445056;
    padding: 10px 0;
    font-weight: bold;
    margin-bottom: 0
}

.wrapper .content .users .dropdown-box .table {
    margin-bottom: 0
}

.wrapper .content .users .dropdown-box .table th {
    font-weight: bold
}

.wrapper .content .users .dropdown-box .table td,.wrapper .content .users .dropdown-box .table th {
    padding: 6px 20px;
    font-size: 11px;
    font-size: .6875rem
}

.wrapper .content.error {
    background-color: rgba(36,44,48,.7)
}

.wrapper .content.frame>.loading-layer {
    left: 220px
}

@media only screen and (max-width: 991px) {
    .wrapper .content.frame>.loading-layer {
        left:0
    }
}

.wrapper .content.frame>.loading-layer.small {
    left: 70px
}

@media only screen and (max-width: 991px) {
    .wrapper .content.frame>.loading-layer.small {
        left:0
    }
}

.wrapper .content.frame .nav-wrap .left-btn,.wrapper .content.frame .nav-wrap .right-btn {
    position: absolute;
    width: 30px;
    top: 0;
    height: 100%;
    z-index: 9;
    background: rgba(255,255,255,.3);
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.wrapper .content.frame .nav-wrap .left-btn i,.wrapper .content.frame .nav-wrap .right-btn i {
    margin: auto;
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #445056;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.wrapper .content.frame .nav-wrap .left-btn:hover,.wrapper .content.frame .nav-wrap .right-btn:hover {
    width: 50px;
    box-shadow: 0 0 5px -2px #000;
    background: rgba(255,255,255,.75)
}

.wrapper .content.frame .nav-wrap .left-btn:hover i,.wrapper .content.frame .nav-wrap .right-btn:hover i {
    margin-top: -15px;
    font-size: 30px;
    font-size: 1.875rem
}

.wrapper .content.frame .nav-wrap .left-btn {
    left: 220px
}

@media only screen and (max-width: 1024px) {
    .wrapper .content.frame .nav-wrap .left-btn {
        left:70px
    }
}

.wrapper .content.frame .nav-wrap .left-btn.small {
    left: 70px
}

.wrapper .content.frame .nav-wrap .right-btn {
    right: 0
}

@media only screen and (max-width: 991px) {
    .wrapper .content {
        padding:0
    }
}

.wrapper .content .scroll {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .wrapper .content .scroll {
        height:auto
    }
}

.wrapper .content .widgetScroll {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 991px) {
    .wrapper .content .widgetScroll {
        height:auto
    }
}

.wrapper .content .page-step {
    height: 100%;
    overflow: hidden;
    position: fixed
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step {
        position:relative
    }
}

.wrapper .content .page-step.error {
    -webkit-box-shadow: 9px 0 25px -8px rgba(0,0,0,.68);
    -moz-box-shadow: 9px 0 25px -8px rgba(0,0,0,.68);
    box-shadow: 9px 0 25px -8px rgba(0,0,0,.68)
}

.wrapper .content .page-step .step {
    height: 100%;
    float: left;
    position: relative;
    background-color: rgba(36,44,48,.5);
    color: #fff
}

.wrapper .content .page-step .step.error {
    background: transparent
}

.wrapper .content .page-step .step .lottie-layer {
    background: rgba(0,0,0,.8) !important
}

.wrapper .content .page-step .step .step-title-btn {
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    font-size: 12px;
    font-size: .75rem;
    font-family: 'Gotham Narrow';
    padding: 8px 14px;
    color: #272c30;
    position: relative;
    display: inline-block
}

.wrapper .content .page-step .step .step-title-btn i {
    position: relative;
    top: 0;
    margin-right: 3px
}

.wrapper .content .page-step .step .step-title-btn.backBtn i {
    top: 1px !important
}

.wrapper .content .page-step .step .step-title-btn:hover {
    background: #363d43;
    color: #fff
}

.wrapper .content .page-step .step .step-title-btn:hover i {
    color: #fff !important
}

.wrapper .content .page-step .step h1,.wrapper .content .page-step .step h4,.wrapper .content .page-step .step a {
    color: #fff
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step .step {
        float:none;
        width: 100%;
        padding-bottom: 54px;
        padding-top: 20px
    }
}

@media only screen and (min-width: 320px) and (max-width:374px) {
    .wrapper .content .page-step .step {
        float:none;
        width: 100%;
        padding-bottom: 70px;
        padding-top: 20px
    }
}

.wrapper .content .page-step .step .scroll .jspPane {
    left: 0 !important;
    height: 100%
}

.wrapper .content .page-step .step .loading-layer {
    z-index: 8
}

.wrapper .content .page-step .step .step-content {
    height: 100%;
    width: 100%
}

.wrapper .content .page-step .step .step-header {
    padding: 43px 30px 50px 30px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .wrapper .content .page-step .step .step-header {
        padding:26px 30px 35px 30px
    }
}

.wrapper .content .page-step .step .step-header h1,.wrapper .content .page-step .step .step-header h3 {
    position: relative;
    z-index: 9
}

.wrapper .content .page-step .step .step-header h1 a,.wrapper .content .page-step .step .step-header h3 a {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step .step .step-header {
        padding:0 53px;
        margin-bottom: 46px
    }
}

.wrapper .content .page-step .step .block {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.2);
    display: none
}

@media only screen and (max-width: 1024px) {
    .wrapper .content .page-step .step .block {
        display:none
    }
}

.wrapper .content .page-step .step .row-line {
    color: #fff
}

.wrapper .content .page-step .step .row-line:last-child {
    border-bottom: 1px solid transparent !important
}

.wrapper .content .page-step .step.active .block {
    display: none
}

.wrapper .content .page-step .step.dark {
    background-color: rgba(239,244,247,.5);
    color: #1a202d
}

.wrapper .content .page-step .step.dark h1,.wrapper .content .page-step .step.dark h4,.wrapper .content .page-step .step.dark a {
    color: #2a2f34
}

.wrapper .content .page-step .step.dark h3 a {
    color: #272c30
}

.wrapper .content .page-step .step.dark .row-line {
    color: #272c30
}

.wrapper .content .page-step .step.dark .btn.btn-danger {
    color: #fff
}

.wrapper .content .page-step .step.dark .loading-layer {
    background: rgba(255,255,255,.8)
}

.wrapper .content .page-step .step.dark .loading-layer li.rotate_item span {
    background: #000
}

.wrapper .content .page-step .step.dark .lottie-layer {
    background: rgba(255,255,255,.75) !important
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step .step h1 {
        font-size:26px;
        font-size: 1.625rem;
        text-align: center
    }
}

.wrapper .content .page-step .step h3 {
    font-family: "Gotham Narrow";
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step .step h3 {
        font-size:25.5px;
        font-size: 1.59375rem;
        text-align: center
    }
}

.wrapper .content .page-step .step .wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step .step .wrap {
        padding:0 0 0 0;
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media only screen and (max-width: 991px) {
    .wrapper .content .page-step .step .mobilHeight {
        padding-bottom:30px
    }
}

@media only screen and (max-height: 340px) {
    .wrapper .content .page-step .step .mobilHeight {
        min-height:150px
    }
}

@media only screen and (max-height: 550px) {
    .wrapper .content .page-step .step .mobilHeight {
        min-height:200px
    }
}

.menu-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1a202d;
    opacity: .5;
    z-index: 2002;
    display: none
}

@media(min-width: 992px) and (max-width:1024px) {
    .menu-overlay {
        z-index:9
    }
}

@media only screen and (max-width: 991px) {
    .menu-overlay {
        display:none !important
    }
}

.menu-overlay.open {
    z-index: 2006
}

.slider.nav-text .owl-prev .nav-tooltip {
    display: block;
    position: absolute;
    left: 0;
    top: 45px;
    background: #de0f21;
    font-family: 'Gotham',Arial,'Trebuchet MS';
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    padding: 13px 16px;
    white-space: nowrap;
    border-radius: 0 25px 25px 25px;
    text-align: left
}

.slider.nav-text .owl-next .nav-tooltip {
    display: block;
    position: absolute;
    right: 0;
    top: 45px;
    background: #de0f21;
    font-family: 'Gotham',Arial,'Trebuchet MS';
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    padding: 13px 16px;
    white-space: nowrap;
    border-radius: 25px 0 25px 25px;
    text-align: right
}

.owl-dots {
    position: fixed;
    top: 60px;
    z-index: 9;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 370px) {
    .owl-dots {
        bottom:auto
    }
}

.owl-dots .refresh {
    color: #fff;
    padding: 10px;
    display: inline-block;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.owl-dots .owl-dot {
    width: 15px;
    height: 10px;
    margin: 0 3px;
    display: inline-block
}

.owl-dots .owl-dot span {
    content: "";
    background: #fff;
    width: 100%;
    height: 4px;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: .5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin-top: 3px
}

.owl-dots .owl-dot.active {
    width: 20px
}

.owl-dots .owl-dot.active span {
    opacity: 1
}

.owl-dots.dark .owl-dot span {
    background: #1a202d
}

.owl-dots.dark .refresh {
    color: #1a202d
}

.owl-nav .owl-next.disabled,.owl-nav .owl-prev.disabled {
    opacity: .5;
    pointer-events: none;
    cursor: default
}

.jspContainer .jspVerticalBar {
    width: 4px;
    opacity: .7
}

.maintenance-screen {
    color: #fff;
    font-family: 'Gotham Narrow Book';
    margin-top: 20%
}

@media only screen and (max-width: 991px) {
    .maintenance-screen {
        margin-top:25%
    }
}

.maintenance-screen i {
    font-size: 120px;
    font-size: 7.5rem;
    display: inline-block;
    margin-bottom: 20px
}

.maintenance-screen h1 {
    font-family: 'Gotham';
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 20px
}

.maintenance-screen p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .maintenance-screen p {
        margin-bottom:20px
    }
}

nav {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2007;
    background-color: #fff
}

@media(min-width: 992px) and (max-width:1024px) {
    nav {
        position:fixed;
        width: auto;
        overflow: visible
    }
}

@media only screen and (max-width: 991px) {
    nav {
        top:auto;
        bottom: 0;
        position: fixed;
        height: 55px;
        z-index: 3000;
        width: 100%
    }
}

nav.open {
    top: auto;
    bottom: 0;
    position: fixed;
    height: 100%;
    z-index: 2007
}

nav .menu-wrap {
    background: #fff;
    width: 226px;
    z-index: 2000;
    padding: 0 0 10px 0;
    position: relative;
    height: calc(100vh - 65px)
}

nav .menu-wrap.open {
    z-index: 2001 !important
}

@media only screen and (max-width: 1366px) {
    nav .menu-wrap {
        padding-bottom:0
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap {
        display:none;
        width: 100%;
        background: #fff;
        padding: 0;
        padding-bottom: 70px;
        min-height: inherit;
        padding-top: 70px;
        position: absolute;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media only screen and (max-width: 768px) {
    nav .menu-wrap {
        padding-top:66px
    }
}

nav .menu-wrap .logo {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 25px;
    padding: 30px 23px 0 23px;
    background: #fff;
    position: relative;
    z-index: 2;
    min-height: 78px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    nav .menu-wrap .logo {
        min-height:60px;
        padding: 13px 23px 0 23px;
        margin-bottom: 15px
    }
}

nav .menu-wrap .logo span {
    display: inline-block;
    margin-top: 5px;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    nav .menu-wrap .logo span {
        width:auto
    }
}

nav .menu-wrap .logo span i {
    display: block;
    float: left
}

nav .menu-wrap .logo span .icon-logo-ico {
    position: relative;
    top: -2px;
    font-size: 35px;
    background: #fff;
    padding-right: 6px;
    z-index: 2;
    color: #e10514
}

@media only screen and (max-width: 1024px) {
    nav .menu-wrap .logo span .icon-logo-ico {
        padding-right:0
    }
}

nav .menu-wrap .logo span .icon-logo-text {
    color: #000;
    margin-top: 6px;
    position: relative;
    font-size: 22px
}

@media only screen and (max-width: 1024px) {
    nav .menu-wrap .logo span .icon-logo-text {
        display:none !important
    }
}

@media only screen and (max-height: 710px) {
    nav .menu-wrap .MenuScrollEvent {
        overflow:visible !important
    }
}

nav .menu-wrap .MenuScrollEvent.jspScrollable {
    overflow: visible !important
}

nav .menu-wrap .MenuScrollEvent .jspContainer {
    overflow: visible
}

nav .menu-wrap .MenuScrollEvent .jspContainer .jspPane {
    margin-left: 0 !important;
    width: auto !important
}

nav .menu-wrap .MenuScrollEvent .jspContainer .jspVerticalBar {
    left: 0;
    right: inherit
}

nav .menu-wrap .menuScrollContent {
    position: relative;
    height: 100%
}

@media(min-width: 768px) and (max-width:991px) {
    nav .menu-wrap .menuScrollContent {
        height:auto
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    nav .menu-wrap .menuScrollContent {
        height:auto
    }
}

nav .menu-wrap .menuScrollContent>div {
    position: absolute;
    left: 0;
    width: 100%
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div {
        position:static
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 23px
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li {
        width:100%;
        padding: 0 0;
        position: static;
        border-bottom: 1px solid #91969b
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li:before {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    opacity: 0;
    background: #f5f5f5;
    z-index: 0;
    top: -1px;
    bottom: -1px;
    left: 0;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li:before {
        width:100%;
        height: 47px;
        border-radius: 0;
        left: 0;
        border-bottom: 1px solid #d5d5d5
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li a {
    width: 100%;
    display: table;
    text-align: left;
    padding: 9px 0;
    font-size: 14px;
    font-size: .875rem;
    color: #272c30;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-family: 'Gotham Narrow';
    font-weight: 600
}

@media only screen and (max-height: 710px) {
    nav .menu-wrap .menuScrollContent>div>ul>li a {
        margin-bottom:0;
        padding: 4.9px 0
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li a {
        padding:10px 20px;
        margin-bottom: 0
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li a:hover {
    text-decoration: none
}

nav .menu-wrap .menuScrollContent>div>ul>li a i {
    width: 30px;
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    font-size: 1.375rem;
    color: #e10514;
    position: relative;
    background: transparent !important
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li a i {
        color:#f00;
        top: -1px
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li a i.icon-right {
    display: none
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li a i.icon-right {
        display:block;
        position: absolute;
        right: 15px;
        width: auto;
        font-size: 14px;
        font-size: .875rem;
        top: 14px;
        color: #1d1d1b
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li a i.black {
    color: #1d1d1b
}

nav .menu-wrap .menuScrollContent>div>ul>li a span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-size: .875rem;
    line-height: normal;
    font-weight: bold;
    position: relative;
    z-index: -1
}

nav .menu-wrap .menuScrollContent>div>ul>li a sub {
    padding: 5px;
    background: #e10514;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    line-height: 13px;
    font-size: 12px;
    font-size: .75rem;
    position: absolute;
    right: 35px;
    top: 9px
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu {
    width: 567px;
    position: absolute;
    top: -1px;
    left: 226px;
    display: none;
    background: url("../../img/shadow-bg-y.png") repeat-y 0 0 #f5f5f5;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    padding: 0 30px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu {
        left:100%;
        z-index: 2;
        position: absolute;
        height: 93vh;
        width: 100%;
        background: #fff;
        padding: 0;
        border-radius: 0;
        padding-bottom: 70px;
        overflow: hidden;
        overflow-y: auto;
        padding-top: 67px
    }
}

@media only screen and (min-width: 320px) and (max-width:374px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu {
        height:100%
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu {
        padding-bottom:70px;
        padding-top: 0
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .new-icon {
    font-size: 39px;
    position: absolute;
    right: 20px;
    top: -1px;
    z-index: 9
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .new-icon {
        right:45px
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .back-menu {
    position: relative;
    padding: 15px 40px;
    text-align: center;
    font-size: 21px;
    font-size: 1.3125rem;
    color: #e10514;
    margin-bottom: 10px;
    z-index: 10;
    background: #fff
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .back-menu i {
    color: #e10514;
    position: absolute;
    left: 10px;
    background: none !important;
    top: 15px;
    font-size: 21px;
    font-size: 1.3125rem
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .help-btn {
    position: absolute;
    right: 10px;
    top: 78px;
    padding: 0;
    text-align: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    z-index: 10;
    border: 1px solid #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .help-btn {
        top:12px
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .help-btn i {
    line-height: 1.5;
    color: #e10514;
    background: none !important;
    font-size: 14px;
    font-size: .875rem;
    top: 0 !important
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .help-btn.open i {
    font-size: 11px;
    line-height: 1.9
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .help-btn.open i:before {
    content: ""
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 120px;
    padding-bottom: 100px
}

@media only screen and (max-width: 370px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap {
        padding-bottom:0
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap .item {
    padding: 0 20px
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap img {
    border-radius: 10px;
    display: block;
    margin-bottom: 25px
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap p {
    margin-bottom: 16px;
    line-height: 1.3
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap .owl-dots {
    position: relative;
    bottom: 55px;
    padding: 5px;
    background: rgba(255,255,255,.8)
}

@media only screen and (max-width: 370px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap .owl-dots {
        bottom:70px
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap .owl-dots .owl-dot span {
    background: #1d1d1b
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .subTitle {
    display: none
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .subTitle {
        display:block
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .subTitle a {
    color: #e10514;
    padding-bottom: 15px;
    padding-top: 18px;
    font-size: 18px;
    font-size: 1.125rem
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .subTitle a:before {
    display: none
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .subTitle a:after {
    display: none
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .subTitle a:hover {
    padding-left: 0
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul {
    width: 100%;
    height: 100%
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li>div {
    display: table;
    width: 100%
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a {
    position: relative;
    padding: 0 30px 0 0;
    display: table-cell;
    border-bottom: 1px solid #d5d5d5;
    font-weight: bold;
    height: 60px;
    vertical-align: middle;
    font-size: 14px;
    font-size: .875rem;
    line-height: 13px;
    color: #272c30;
    margin-bottom: 0;
    font-family: 'Gotham Narrow';
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a.icn-link {
    padding-left: 30px
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a.icn-link {
        padding-left:40px
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a {
        font-family:'Gotham Narrow Book';
        height: auto;
        padding: 12px 20px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 15px;
        font-weight: 700
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:before {
        content:'';
        font-family: 'icomoon' !important;
        position: absolute;
        right: 15px;
        margin-top: -8px;
        opacity: .3;
        font-size: 12px;
        font-size: .75rem;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        top: 50%
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a .sub-icn {
    display: inline-block;
    color: #272c30;
    position: absolute;
    left: 0;
    top: 16px
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a .sub-icn {
        left:15px;
        top: 50%;
        margin-top: -11px
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:hover,nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:focus {
    color: #e10514;
    outline: none !important;
    box-shadow: none !important
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:hover .sub-icn,nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:focus .sub-icn {
    color: #e10514;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:hover:before,nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:focus:before {
        right:0;
        opacity: 1
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:hover:before,nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li a:focus:before {
        right:15px
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu ul li:last-child a {
    border: 0
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.tree-menu {
    width: 767px
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.tree-menu {
        width:100%
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.fixedFull {
    top: 0 !important;
    height: 100%;
    padding-right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: fixed !important
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.fixedFull .subScrollMenu {
    height: 100%
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.fixedFull ul li a {
    border-bottom: 1px solid #d5d5d5 !important
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.fixedFull ul li:nth-last-child(-n+2) a {
    border: 0 !important
}

nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu.fixedFull .jspDrag {
    left: -10px !important
}

@media only screen and (min-width: 1024px) {
    nav .menu-wrap .menuScrollContent>div>ul>li.open:before {
        display:block;
        opacity: 1
    }
}

nav .menu-wrap .menuScrollContent>div>ul>li:last-child {
    border: none
}

nav .menu-wrap .menuScrollContent>div.bottom {
    bottom: 0;
    padding-bottom: 10px
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .menuScrollContent>div.bottom {
        padding-bottom:0
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div.bottom {
        bottom:0
    }
}

nav .menu-wrap .menuScrollContent>div.bottom a {
    color: #1d1d1b
}

nav .menu-wrap .menuScrollContent>div.bottom ul li a {
    color: #445056;
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div.bottom ul li a {
        color:#272c30
    }
}

nav .menu-wrap .menuScrollContent>div.bottom ul li a i {
    color: #445056
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div.bottom ul li a i {
        color:#e10514
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div.bottom ul li a i.icon-right {
        color:#1d1d1b
    }
}

nav .menu-wrap .menuScrollContent>div.bottom ul li a span {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div.bottom ul li a span {
        font-weight:bold
    }
}

@media only screen and (max-width: 991px) {
    nav .menu-wrap .menuScrollContent>div.bottom ul li:last-child {
        border:none
    }
}

nav .menu-wrap .open-menu-btn {
    font-size: 22px;
    text-align: center;
    padding: 19px 0;
    display: none;
    color: #1d1d1b;
    background: #fff;
    position: relative;
    z-index: 9
}

nav .menu-wrap .footer {
    position: fixed;
    bottom: 0;
    width: 226px;
    background: #fff;
    z-index: 2;
    border-radius: 0 6px 6px 0
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .footer {
        background:#e6e7e9;
        width: 180px;
        right: -180px
    }

    nav .menu-wrap .footer .search-desktop-wrap {
        display: none
    }
}

nav .menu-wrap .footer ul {
    width: 100%;
    text-align: center;
    position: relative;
    display: table;
    border-top: 1px solid #f0f2f3
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .footer ul {
        border-top:none
    }
}

nav .menu-wrap .footer ul li {
    display: table-cell;
    height: 64px;
    vertical-align: middle;
    min-height: 64px;
    border-right: 1px solid #f0f2f3
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .footer ul li {
        border:none;
        width: 30%;
        height: 60px
    }
}

nav .menu-wrap .footer ul li:nth-child(1) {
    width: 23%
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .footer ul li:nth-child(1) {
        width:30%
    }
}

nav .menu-wrap .footer ul li:nth-child(2) {
    width: 25%
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .footer ul li:nth-child(2) {
        width:30%
    }
}

nav .menu-wrap .footer ul li:nth-child(3) {
    width: 32%
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .footer ul li:nth-child(3) {
        width:40%
    }
}

nav .menu-wrap .footer ul li:last-child {
    border-right: 0
}

nav .menu-wrap .footer ul li a {
    color: #231f20;
    text-align: center
}

nav .menu-wrap .footer ul li a i {
    width: auto;
    font-size: 18px;
    font-size: 1.125rem;
    color: #445056
}

nav .menu-wrap .footer ul li a span {
    font-family: 'Gotham Narrow',Arial,'Trebuchet MS';
    margin-top: 5px;
    display: block;
    font-size: 10px;
    font-size: .625rem
}

nav .menu-wrap .footer {
    bottom: 0
}

nav .menu-wrap .search-desktop-wrap.search-open {
    background: #e6e7e9;
    position: relative
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result {
    float: left;
    margin-bottom: 61px;
    display: none;
    height: 276px;
    width: 100%;
    padding: 0 0 0 30px
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result .scroll {
    display: block;
    width: 100%;
    height: 276px
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result ul {
    width: 100%;
    margin: 0;
    display: block;
    padding-right: 10px
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result ul li {
    width: 100%;
    text-align: left;
    padding: 14px 0 14px 0;
    margin-bottom: 4px;
    font-size: 14.5px;
    font-size: .90625rem;
    min-height: inherit;
    height: auto;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-family: 'Gotham Narrow';
    border-bottom: 1px solid #d4d5d7;
    border-right: none
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result ul li a {
    color: #455157;
    text-align: left
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result ul li a:hover {
    color: #13191d
}

nav .menu-wrap .search-desktop-wrap.search-open .search-result ul li i {
    position: absolute;
    color: #455157;
    right: 15px;
    top: 22px
}

nav .menu-wrap .search-desktop-wrap.search-open .search-group {
    position: absolute;
    width: 500px;
    left: 41px;
    min-height: 65px;
    bottom: 0;
    background: #e6e7e9;
    padding: 0;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0
}

nav .menu-wrap .search-desktop-wrap.search-open .search-group .searchBox {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    height: 40px;
    background: #fff;
    position: absolute;
    bottom: 12px;
    padding-right: 165px;
    width: 97%
}

nav .menu-wrap .search-desktop-wrap.search-open .search-group .searchBox input {
    background: none;
    border: none;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    z-index: 2;
    padding-left: 30px;
    font-size: 14px;
    font-weight: bold;
    border-color: transparent !important;
    box-shadow: none !important
}

nav .menu-wrap .search-desktop-wrap.search-open .search-group .searchBox .search-btn {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 5px 10px;
    font-size: 12.5px;
    font-weight: 700;
    position: absolute;
    right: 40px;
    color: #fff;
    bottom: 8px;
    background: #363d43;
    width: auto;
    display: inline-block
}

nav .menu-wrap .search-desktop-wrap.search-open .search-group .searchBox .search-close {
    font-size: 22px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #5d646a;
    display: inline-block;
    width: auto;
    overflow: visible;
    border-radius: 0
}

nav .menu-wrap .search-desktop-wrap.search-open .search-group .jspContainer .jspVerticalBar {
    left: inherit;
    right: 0
}

nav .menu-wrap .search-desktop-wrap.search-open .search-open-btn {
    position: relative;
    z-index: 1
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible {
    display: none;
    z-index: 9
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible.search-open {
    background: #f5f5f4
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible.search-open .search-result {
    background: #e6e7e9;
    margin-bottom: 40px
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap .search-desktop-wrap.tablet-md-visible {
        display:block
    }
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible .search-group {
    min-height: 40px;
    left: 70px;
    padding-left: 20px;
    padding-right: 9px
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible .search-group .searchBox {
    height: 30px;
    bottom: 5px;
    width: 94%
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible .search-group .searchBox input {
    padding-left: 10px
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible .search-group .searchBox .search-btn {
    bottom: 4px
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible .search-group .searchBox .search-close {
    bottom: 4px;
    padding: 0
}

nav .menu-wrap .search-desktop-wrap.tablet-md-visible::before {
    display: none !important
}

nav .MenuScrollEvent {
    background-color: #fff;
    padding-bottom: 100px
}

nav .mobile-header {
    display: none !important
}

nav footer {
    padding: 20px 70px 20px 15px;
    background: #282c31;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    z-index: 2001
}

nav footer a {
    color: #abacad
}

nav footer a:active,nav footer a:focus,nav footer a:visited {
    color: #abacad
}

nav footer a.menu {
    position: absolute;
    right: 0;
    padding: 10px 7px;
    color: #fff;
    top: 0;
    height: 100%;
    line-height: 19px;
    border-left: 1px solid #3c424a;
    width: 57px;
    text-align: center;
    font-family: "Gotham Narrow Book";
    font-size: 12px;
    font-size: .75rem
}

nav footer a.menu.icon-home {
    font-size: 25px;
    font-size: 1.5625rem
}

nav footer a.menu i {
    font-size: 12px
}

nav footer a.menu:active,nav footer a.menu:focus,nav footer a.menu:visited {
    color: #fff
}

nav footer .bot-link {
    display: block;
    padding: 15px 0;
    position: relative;
    top: -15px
}

nav footer .search-wrap {
    position: relative;
    margin-top: -13px
}

nav footer .search-wrap i {
    position: absolute;
    top: 13px;
    left: 13px;
    color: #abacad
}

nav footer .search-wrap input {
    height: 39px !important;
    background: 0 0;
    color: #abacad;
    padding-left: 40px !important;
    font-size: 14px !important;
    padding: 9px 20px;
    height: 40px;
    border: 0 !important;
    color: #fff !important;
    font-family: 'Gotham Narrow Book' !important
}

nav footer .search-wrap input:focus {
    border: 0;
    outline: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

nav.small .subTitle {
    display: block !important
}

nav.small .menu-wrap {
    width: 70px
}

nav.small .menu-wrap .logo span {
    width: auto;
    text-align: center
}

nav.small .menu-wrap .logo span .icon-logo-text {
    display: none
}

nav.small .menu-wrap .logo span .icon-logo-ico {
    padding-right: 0;
    float: none;
    display: block
}

nav.small .menu-wrap .menuScrollContent>div>ul>li {
    width: 100%;
    margin: 0
}

nav.small .menu-wrap .menuScrollContent>div>ul>li:before {
    width: 100%;
    left: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

nav.small .menu-wrap .menuScrollContent>div>ul>li i {
    text-align: center
}

nav.small .menu-wrap .menuScrollContent>div>ul>li span {
    display: none
}

nav.small .menu-wrap .menuScrollContent>div>ul>li .sub-menu {
    left: 70px
}

nav.small .menu-wrap .bottom {
    bottom: -42px !important
}

nav.small .menu-wrap .footer {
    display: none
}

.home-page nav {
    position: absolute
}

.home-page nav .logo {
    padding: 30px 23px 0 23px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .home-page nav .logo {
        min-height:60px;
        padding: 13px 23px 0 23px
    }
}

@media(min-width: 992px) and (max-width:1024px) {
    nav .menu-wrap {
        width:70px
    }

    nav .menu-wrap .logo {
        margin-bottom: 10px
    }

    nav .menu-wrap .logo span {
        width: auto;
        text-align: center
    }

    nav .menu-wrap .logo span .icon-logo-text {
        display: none
    }

    nav .menu-wrap .logo span .icon-logo-ico {
        padding-right: 0;
        float: none;
        display: block
    }

    nav .menu-wrap .open-menu-btn {
        display: block !important
    }

    nav .menu-wrap .open-menu-btn.active {
        background: #f5f5f5
    }

    nav .menu-wrap .menuScrollContent>div>ul>li {
        width: 100%;
        margin: 0
    }

    nav .menu-wrap .menuScrollContent>div>ul>li:before {
        width: 100%;
        left: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    nav .menu-wrap .menuScrollContent>div>ul>li i {
        text-align: center
    }

    nav .menu-wrap .menuScrollContent>div>ul>li span {
        display: none !important
    }

    nav .menu-wrap .menuScrollContent>div>ul>li .sub-menu {
        left: 70px
    }

    nav .menu-wrap .footer {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    nav>div .logo {
        margin-bottom:5px
    }

    nav>div>ul>li {
        height: 45px
    }

    nav>div>ul>li::before {
        height: 47px
    }

    nav>div>ul>li a {
        height: 45px
    }
}

.mobile-search-wrap {
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 99999;
    display: none
}

.mobile-search-wrap .mobile-search-header {
    background: #e8edf0;
    border-bottom: 1px solid #dfe5e9;
    padding: 15px
}

.mobile-search-wrap .mobile-search-header .icon-left {
    position: absolute;
    font-size: 32px;
    font-size: 2rem;
    top: 16px;
    color: #fff;
    left: 15px;
    z-index: 9
}

.mobile-search-wrap .mobile-search-header .icon-left:before {
    color: #1d1d1b
}

.mobile-search-wrap .mobile-search-header .mobile-logo {
    text-align: center;
    display: block
}

.mobile-search-wrap .mobile-search-header .mobile-logo i {
    float: left;
    font-size: 20px;
    font-size: 1.25rem;
    color: #fff
}

.mobile-search-wrap .mobile-search-header .mobile-logo i:first-child {
    font-size: 32px;
    font-size: 2rem;
    margin-right: 10px
}

.mobile-search-wrap .mobile-search-header .mobile-logo i:first-child:before {
    color: #e10611 !important
}

.mobile-search-wrap .mobile-search-header .mobile-logo i:last-child {
    margin-top: 7px
}

.mobile-search-wrap .mobile-search-header .mobile-logo i:last-child:before {
    color: #1d1d1b !important
}

.mobile-search-wrap .mobile-search-header .mobile-logo span {
    display: inline-block
}

.mobile-search-wrap .mobile-search-header .profil-img {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9
}

.mobile-search-wrap .mobile-search-header .profil-img img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%
}

.mobile-search-wrap .search-list {
    overflow: auto
}

.mobile-search-wrap .search-list .total-list-info {
    padding: 15px;
    font-size: 18px;
    font-size: 1.125rem
}

.mobile-search-wrap .search-list .list-wrap li {
    border-top: 1px solid #eceff3;
    position: relative
}

.mobile-search-wrap .search-list .list-wrap li a {
    padding: 15px;
    display: block
}

.mobile-search-wrap .search-list .list-wrap li a .title {
    color: #dd1f00;
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Gotham Narrow";
    margin-bottom: 5px
}

.mobile-search-wrap .search-list .list-wrap li a .sub-text {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    color: #1d1d1b
}

.mobile-search-wrap .search-list .list-wrap li a i {
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -10px;
    color: #e10514
}

.mobile-search-wrap footer {
    padding: 20px 70px 20px 15px;
    background: #282c31;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    z-index: 2001
}

@media only screen and (max-width: 370px) {
    .mobile-search-wrap footer {
        height:70px
    }
}

.mobile-search-wrap footer a {
    color: #abacad
}

.mobile-search-wrap footer a:active,.mobile-search-wrap footer a:focus,.mobile-search-wrap footer a:visited {
    color: #abacad
}

.mobile-search-wrap footer a.menu {
    position: absolute;
    right: 0;
    padding: 10px 15px;
    color: #fff;
    top: 0;
    height: 100%;
    line-height: 34px;
    border-left: 1px solid #3c424a;
    width: 57px;
    text-align: center
}

@media only screen and (max-width: 370px) {
    .mobile-search-wrap footer a.menu {
        line-height:49px
    }
}

.mobile-search-wrap footer a.menu.icon-home {
    font-size: 25px;
    font-size: 1.5625rem
}

.mobile-search-wrap footer a.menu:active,.mobile-search-wrap footer a.menu:focus,.mobile-search-wrap footer a.menu:visited {
    color: #fff
}

.mobile-search-wrap footer .search-wrap {
    position: relative;
    margin-top: -13px
}

@media only screen and (max-width: 370px) {
    .mobile-search-wrap footer .search-wrap {
        margin-top:-5px
    }
}

.mobile-search-wrap footer .search-wrap i {
    position: absolute;
    top: 13px;
    left: 13px;
    color: #abacad
}

.mobile-search-wrap footer .search-wrap input {
    height: 39px !important;
    background: 0 0;
    color: #abacad;
    padding-left: 40px !important;
    font-size: 14px !important;
    padding: 9px 20px;
    height: 40px;
    border: 0 !important;
    color: #fff !important;
    font-family: 'Gotham Narrow Book' !important
}

.mobile-search-wrap footer .search-wrap input:focus {
    border: 0;
    outline: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.subpage {
    background: url("../../img/bg-subpage.jpg") no-repeat left top;
    background-attachment: fixed
}

.subpage.loggedin {
    background: url("../../img/loggedin-bg.jpg") no-repeat left top;
    background-attachment: fixed
}

.subpage.loggedin #dijital-musteri-ol {
    display: none
}

.subpage.loggedin #dijital-sube-hizmet-sonlandirma {
    display: block
}

.subpage.loggedin .ziraat-dijital-logo {
    display: block
}

.subpage.loggedin .ziraat-ib-logo {
    display: none
}

.subpage #dijital-sube-hizmet-sonlandirma {
    display: none
}

.subpage .ziraat-dijital-logo {
    display: none
}

.subpage .swipeDotted {
    display: inline-block;
    margin-top: 0;
    text-align: center;
    width: 100%
}

.subpage .swipeDotted span {
    display: inline-block;
    width: 20px;
    height: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #898e94;
    margin-right: 5px
}

.subpage .swipeDotted span.active {
    background: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .swipeDotted span {
        width:11px;
        height: 4px
    }
}

.subpage .campaing-btn {
    border: 1px solid #e10514 !important;
    background-color: transparent;
    color: #445056;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px 20px;
    float: right;
    cursor: pointer
}

.subpage .campaing-btn:hover {
    background: #e10514;
    color: #fff
}

.subpage .campaing-detail {
    margin-top: 30px
}

.subpage .campaing-detail .image {
    display: inline-block;
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .campaing-detail .image {
        text-align:center;
        margin-bottom: 30px
    }
}

.subpage .campaing-detail .image img {
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .campaing-detail .image img {
        max-width:150px
    }
}

.subpage .campaing-detail .table tr td {
    font-family: 'Gotham Narrow Book';
    font-size: 16px;
    font-size: 1rem;
    border-color: #8a8d90;
    padding-left: 0;
    padding-right: 0
}

.subpage .campaing-detail .table tr td div {
    margin: 0 !important;
    padding: 0 !important
}

.subpage .campaing-detail .table tr td strong {
    font-family: 'Gotham Narrow' !important;
    font-weight: 500
}

.subpage .campaing-detail .description {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    font-family: 'Gotham Narrow Book' !important;
    margin-bottom: 0 !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .campaing-detail .campaing-chart .chartBox {
        border:0
    }
}

.subpage .campaing-detail .campaing-chart .chartTableBox .account-info .td {
    padding-top: 10px;
    padding-bottom: 10px
}

.subpage .campaing-detail .campaing-chart .chartTableBox .account-info .td i {
    width: 10px;
    height: 11px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block
}

.subpage .campaing-detail .campaing-chart .chartTableBox #chartTable {
    margin-top: 45px;
    padding: 0 30px 0 0
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .subpage .campaing-detail .campaing-chart .chartTableBox #chartTable {
        padding-left:15px;
        margin-top: 45px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .campaing-detail .campaing-chart .chartTableBox #chartTable {
        margin-left:0;
        margin-top: 0;
        padding-right: 0
    }
}

.subpage .campaing-detail .campaing-chart .chart {
    border-right: 1px solid #d2d2d2
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .campaing-detail .campaing-chart .chart {
        border-right:0
    }
}

.subpage .campaing-detail .campaing-chart .chart .highcharts-title {
    fill: #445056 !important
}

.subpage .campaing-detail .campaing-chart .chart .highcharts-container {
    display: inline-block
}

.subpage .campaing-detail .campaing-chart .chart .small-title {
    color: #445056;
    font-size: 12px;
    font-size: .75rem;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    opacity: .4
}

.subpage .campaing-detail .campaing-chart .chart .bold-price {
    font-family: 'Gotham Narrow';
    font-weight: bold;
    font-size: 23px;
    font-size: 1.4375rem;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .no-border-mobile {
        border:none !important
    }
}

.subpage .page-back {
    margin-right: 15px;
    display: block;
    float: left;
    position: relative;
    top: 4px;
    color: #1d1d1b;
    font-size: 22px;
    font-size: 1.375rem;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 2
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .page-back {
        font-size:15px;
        font-size: .9375rem
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .page-back {
        font-size:22px;
        font-size: 1.375rem
    }
}

.subpage .page-back:hover {
    color: #727d83
}

.subpage .lottie-layer {
    background: rgba(255,255,255,.75)
}

.subpage .filtre-back {
    margin-right: 15px;
    display: block;
    float: left;
    position: relative;
    top: 4px;
    color: #1d1d1b;
    font-size: 22px;
    font-size: 1.375rem;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    z-index: 11
}

.subpage .filtre-back:hover {
    color: #727d83
}

.subpage .wrapper {
    background: none;
    max-width: 1366px;
    min-height: 575px;
    height: auto
}

.subpage .wrapper .bg-layer {
    background-color: rgba(239,244,247,.8);
    display: none
}

.subpage .wrapper .content {
    padding-left: 246px;
    padding-right: 20px;
    padding-top: 30px;
    font-family: 'Gotham Narrow';
    color: #445056;
    padding-bottom: 20px;
    height: auto
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .subpage .wrapper .content {
        padding-left:100px
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content {
        padding-top:26px
    }
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content {
        padding-left:20px;
        padding-top: 20px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content {
        padding-left:15px;
        padding-top: 15px
    }
}

.subpage .wrapper .content h1 {
    font-size: 30px;
    font-size: 1.875rem;
    color: #1d1d1b;
    font-weight: bold
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content h1 {
        font-size:24px;
        font-size: 1.5rem
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content h1 {
        font-size:30px;
        font-size: 1.875rem
    }
}

.subpage .wrapper .content h1 .i-title {
    width: 34px;
    height: 34px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    color: #475359;
    line-height: 34px
}

.subpage .wrapper .content h2.step-title {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content h2.step-title {
        display:block;
        margin-bottom: 15px;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.subpage .wrapper .content h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 20px
}

.subpage .wrapper .content p {
    font-family: 'Gotham Narrow';
    letter-spacing: -.03em;
    margin: 20px 0;
    line-height: 1.3
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content p {
        margin:10px 0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content p {
        margin:20px 0
    }
}

.subpage .wrapper .content .no-result {
    font-weight: bold
}

.subpage .wrapper .content .no-result i {
    color: #e10514;
    font-size: 35px;
    float: left;
    position: relative;
    top: -12px;
    margin-right: 12px
}

.subpage .wrapper .content .no-result.bigg-theme {
    font-weight: normal
}

.subpage .wrapper .content .no-result.bigg-theme .icon {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: #fff;
    padding: 35px 0 0 0;
    text-align: center;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 15px
}

.subpage .wrapper .content .no-result.bigg-theme .icon i {
    float: none;
    top: 0;
    font-size: 50px;
    margin: 0;
    display: inline-block
}

.subpage .wrapper .content .no-result.bigg-theme.grey .icon i {
    color: #455157
}

.subpage .wrapper .content .steps {
    width: 100%;
    height: 72px;
    margin: 0;
    border-radius: 10px;
    display: table;
    margin-bottom: 20px
}

.subpage .wrapper .content .steps li {
    width: 100%;
    padding-left: 45px;
    padding-right: 13px;
    font-weight: 400;
    color: #445056;
    position: relative;
    height: 76px;
    background-color: rgba(255,255,255,.75)
}

.subpage .wrapper .content .steps li a {
    color: #445056
}

@media only screen and (min-width: 768px) {
    .subpage .wrapper .content .steps li {
        display:table;
        float: left;
        vertical-align: middle
    }
}

.subpage .wrapper .content .steps li:first-child:nth-last-child(2),.subpage .wrapper .content .steps li:first-child:nth-last-child(2)~li,.subpage .wrapper .content .steps li:first-child:nth-last-child(2)~li {
    width: 50%
}

.subpage .wrapper .content .steps li:first-child:nth-last-child(3),.subpage .wrapper .content .steps li:first-child:nth-last-child(3)~li,.subpage .wrapper .content .steps li:first-child:nth-last-child(3)~li {
    width: 33.333%
}

.subpage .wrapper .content .steps li:first-child:nth-last-child(4),.subpage .wrapper .content .steps li:first-child:nth-last-child(4)~li,.subpage .wrapper .content .steps li:first-child:nth-last-child(4)~li {
    width: 25%
}

.subpage .wrapper .content .steps li:first-child:nth-last-child(5),.subpage .wrapper .content .steps li:first-child:nth-last-child(5)~li,.subpage .wrapper .content .steps li:first-child:nth-last-child(5)~li {
    width: 20%
}

.subpage .wrapper .content .steps li:first-child:nth-last-child(6),.subpage .wrapper .content .steps li:first-child:nth-last-child(6)~li,.subpage .wrapper .content .steps li:first-child:nth-last-child(6)~li {
    width: 16.6%
}

.subpage .wrapper .content .steps li .number {
    width: 26px;
    height: 26px;
    line-height: 23px;
    border-radius: 50%;
    border: 1px solid #445056;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -13px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .steps li .number {
        position:static;
        margin: 0
    }
}

.subpage .wrapper .content .steps li .text {
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    padding-left: 10px;
    font-family: 'Gotham Narrow'
}

.subpage .wrapper .content .steps li .text .account-title {
    margin-bottom: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .subpage .wrapper .content .steps li .text {
        padding-left:5px
    }
}

@media only screen and (min-width: 768px) {
    .subpage .wrapper .content .steps li a,.subpage .wrapper .content .steps li .text {
        display:table-cell;
        height: 100%;
        vertical-align: middle
    }
}

.subpage .wrapper .content .steps li.active {
    background-color: #e10514;
    color: #fff
}

.subpage .wrapper .content .steps li.active .number {
    border-color: #fff
}

.subpage .wrapper .content .steps li.active a {
    color: #fff
}

.subpage .wrapper .content .steps li:first-child {
    border-radius: 10px 0 0 10px
}

.subpage .wrapper .content .steps li:last-child {
    border-radius: 0 10px 10px 0
}

.subpage .wrapper .content .steps li.success {
    background-color: #a89b70;
    color: #fff;
    padding-left: 45px
}

.subpage .wrapper .content .steps li.success a {
    color: #fff
}

.subpage .wrapper .content .steps li.success .step-title {
    display: block;
    margin-bottom: 10px
}

.subpage .wrapper .content .steps li.success .step-title.mb-0 {
    margin-bottom: 0
}

.subpage .wrapper .content .steps li.success .step-name {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 3px
}

.subpage .wrapper .content .steps li.success .step-bank {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300
}

.subpage .wrapper .content .steps li .success-icon {
    width: 26px;
    height: 26px;
    line-height: 23px;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -13px
}

.subpage .wrapper .content .steps li .success-icon.one-label {
    margin-top: 23px !important;
    top: 0 !important
}

.subpage .wrapper .content .steps li .success-icon i {
    font-size: 10px;
    font-size: .625rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .steps li {
        width:40px !important;
        height: 40px !important;
        display: inline-block;
        background-color: transparent !important;
        padding: 0 !important;
        margin-left: 7px
    }

    .subpage .wrapper .content .steps li:first-child {
        margin-left: 0
    }

    .subpage .wrapper .content .steps li .text {
        display: none
    }

    .subpage .wrapper .content .steps li .number {
        width: 40px;
        height: 40px;
        line-height: 35px !important;
        font-size: 18px;
        font-size: 1.125rem
    }

    .subpage .wrapper .content .steps li.active .number {
        line-height: 39px !important;
        background-color: #e10514;
        border: 0
    }

    .subpage .wrapper .content .steps li.success a {
        display: block;
        height: 100%
    }

    .subpage .wrapper .content .steps li.success .success-icon {
        width: 40px;
        height: 40px;
        line-height: 42px !important;
        background-color: #a89b70;
        border: 0;
        position: static;
        margin-top: 0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .steps {
        height:auto;
        text-align: center;
        background-color: transparent !important
    }
}

.subpage .wrapper .content .one-item {
    max-width: 450px;
    margin: 0 auto
}

.subpage .wrapper .content .amount-blocks {
    width: 100%;
    height: 85px;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #445056;
    background-color: #fff;
    padding: 15px 20px 18px 20px;
    color: #445056;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    -moz-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    transition: all 20ms ease
}

.subpage .wrapper .content .amount-blocks:hover,.subpage .wrapper .content .amount-blocks:focus {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none;
    border-color: #445056;
    background-color: #445056
}

.subpage .wrapper .content .amount-blocks:hover .amount-price,.subpage .wrapper .content .amount-blocks:focus .amount-price,.subpage .wrapper .content .amount-blocks:hover .amount-desc,.subpage .wrapper .content .amount-blocks:focus .amount-desc {
    color: #fff
}

.subpage .wrapper .content .amount-blocks:hover.custom-input,.subpage .wrapper .content .amount-blocks:focus.custom-input {
    border-color: #445056;
    background-color: #fff
}

.subpage .wrapper .content .amount-blocks:hover.custom-input .amount-desc,.subpage .wrapper .content .amount-blocks:focus.custom-input .amount-desc {
    color: #9fa5a8
}

.subpage .wrapper .content .amount-blocks.selected {
    text-decoration: none;
    border-color: #445056
}

.subpage .wrapper .content .amount-blocks .amount-price {
    display: block;
    color: #445056;
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 5px
}

.subpage .wrapper .content .amount-blocks .amount-desc {
    display: block;
    color: #9fa5a8;
    font-size: 14px;
    font-size: .875rem
}

.subpage .wrapper .content .amount-blocks .custom-amount {
    display: inline-block;
    margin-bottom: 6px;
    max-width: 80%;
    position: relative
}

.subpage .wrapper .content .amount-blocks .custom-amount i {
    display: inline-block;
    color: #445056;
    font-size: 32px;
    font-size: 2rem;
    position: relative
}

.subpage .wrapper .content .amount-blocks .custom-amount input {
    width: 90px;
    min-width: 11px;
    max-width: 100%;
    color: #445056;
    font-size: 32px;
    font-size: 2rem;
    height: 40px;
    border: 0;
    text-align: left !important;
    box-shadow: none !important
}

.subpage .wrapper .content .amount-blocks .custom-amount .placeholder {
    position: absolute;
    bottom: 2px;
    left: 4px;
    font-size: 30px;
    z-index: 0;
    color: #757575
}

.subpage .wrapper .content .amount-blocks .popover-icon {
    position: absolute;
    right: 25px;
    top: 50%;
    color: #445056;
    margin-top: -8px
}

.subpage .wrapper .content .operations-blocks {
    width: 100%;
    display: block;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #445056;
    background-color: #fff;
    padding: 18px 40px 17px 15px;
    color: #445056;
    position: relative;
    margin-bottom: 20px;
    -moz-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    transition: all 20ms ease
}

.subpage .wrapper .content .operations-blocks.single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 40px 10px 15px
}

.subpage .wrapper .content .operations-blocks.single span {
    padding-bottom: 0
}

.subpage .wrapper .content .operations-blocks.single .other-bank-logo {
    display: flex;
    width: 29px;
    height: 29px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 50%
}

.subpage .wrapper .content .operations-blocks.single .other-bank-logo img {
    width: 22px
}

.subpage .wrapper .content .operations-blocks img.istanbulkart-thb {
    position: absolute;
    right: 45px;
    top: 23px
}

.subpage .wrapper .content .operations-blocks.switch-btn .switch-cont {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12.5px
}

.subpage .wrapper .content .operations-blocks.switch-btn .switch-cont span {
    font-weight: 600
}

.subpage .wrapper .content .operations-blocks.switch-btn .switch-cont .switch-slider {
    border-color: #8a8d90
}

.subpage .wrapper .content .operations-blocks.switch-btn .switch-cont.top {
    top: 15px;
    margin-top: 0
}

.subpage .wrapper .content .operations-blocks.switch-btn .switch-cont.bottom {
    bottom: 15px;
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks {
        height:auto;
        padding-top: 13px;
        padding-right: 50px;
        padding-left: 15px;
        padding-bottom: 12px
    }
}

.subpage .wrapper .content .operations-blocks:hover,.subpage .wrapper .content .operations-blocks:focus {
    text-decoration: none;
    background-color: #445056;
    color: #fff
}

.subpage .wrapper .content .operations-blocks:hover .block-btn span,.subpage .wrapper .content .operations-blocks:focus .block-btn span {
    color: #fff
}

.subpage .wrapper .content .operations-blocks:hover .block-btn span:hover,.subpage .wrapper .content .operations-blocks:focus .block-btn span:hover {
    color: #e10514;
    background: #fff;
    border-radius: 50%
}

.subpage .wrapper .content .operations-blocks:hover.switch-btn .switch-slider,.subpage .wrapper .content .operations-blocks:focus.switch-btn .switch-slider {
    border-color: #fff
}

.subpage .wrapper .content .operations-blocks:hover.switch-btn .switch-slider:before,.subpage .wrapper .content .operations-blocks:focus.switch-btn .switch-slider:before {
    background-color: #445056
}

.subpage .wrapper .content .operations-blocks:hover.slideWrapBlock,.subpage .wrapper .content .operations-blocks:focus.slideWrapBlock {
    border-color: #445056;
    background-color: #fff;
    color: #445056
}

.subpage .wrapper .content .operations-blocks:hover.slideWrapBlock .text-small a,.subpage .wrapper .content .operations-blocks:focus.slideWrapBlock .text-small a {
    color: #445056
}

.subpage .wrapper .content .operations-blocks:hover.slideWrapBlock.switch-btn .switch-slider,.subpage .wrapper .content .operations-blocks:focus.slideWrapBlock.switch-btn .switch-slider {
    border-color: #445056
}

.subpage .wrapper .content .operations-blocks:hover.slideWrapBlock.switch-btn .switch-slider:before,.subpage .wrapper .content .operations-blocks:focus.slideWrapBlock.switch-btn .switch-slider:before {
    background-color: #445056
}

.subpage .wrapper .content .operations-blocks:hover .vertical-sep,.subpage .wrapper .content .operations-blocks:focus .vertical-sep {
    border-color: #fff
}

.subpage .wrapper .content .operations-blocks:hover .text-small a,.subpage .wrapper .content .operations-blocks:focus .text-small a {
    color: #fff
}

.subpage .wrapper .content .operations-blocks:hover .links .custom-link,.subpage .wrapper .content .operations-blocks:focus .links .custom-link {
    color: #445056
}

.subpage .wrapper .content .operations-blocks:hover a.icon-slip-detay,.subpage .wrapper .content .operations-blocks:focus a.icon-slip-detay {
    color: #fff
}

.subpage .wrapper .content .operations-blocks.no-border {
    border: none
}

.subpage .wrapper .content .operations-blocks.table-style {
    display: table;
    height: 110px
}

.subpage .wrapper .content .operations-blocks.table-style>.title {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding-bottom: 0
}

.subpage .wrapper .content .operations-blocks.table {
    display: table
}

.subpage .wrapper .content .operations-blocks.table>.title {
    position: absolute
}

.subpage .wrapper .content .operations-blocks.table figure {
    padding-top: 25px;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.subpage .wrapper .content .operations-blocks .status {
    color: #f00;
    position: absolute;
    right: 18px;
    top: 16px;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    font-size: 12px;
    font-size: .75rem;
    background: #eff1f4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 10px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks .status {
        top:11px
    }
}

.subpage .wrapper .content .operations-blocks table thead th {
    font-size: 15px;
    font-size: .9375rem;
    padding: 5px
}

.subpage .wrapper .content .operations-blocks table tbody td {
    font-size: 14px;
    font-size: .875rem;
    font-family: 'Gotham Narrow Book';
    padding: 5px
}

.subpage .wrapper .content .operations-blocks.info .text:first-child {
    padding-top: 0;
    margin-bottom: 10px
}

.subpage .wrapper .content .operations-blocks.thin .title {
    padding-bottom: 0
}

.subpage .wrapper .content .operations-blocks.thin .text-small,.subpage .wrapper .content .operations-blocks.thin .text {
    padding-top: 0
}

.subpage .wrapper .content .operations-blocks.thin.table figure {
    padding-top: 0
}

.subpage .wrapper .content .operations-blocks.disabled {
    pointer-events: none;
    opacity: .5
}

.subpage .wrapper .content .operations-blocks.box {
    height: 53px;
    display: table;
    padding-top: 10px;
    padding-bottom: 10px
}

.subpage .wrapper .content .operations-blocks.box .title {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 3px;
    padding-bottom: 0;
    display: table-cell;
    vertical-align: middle
}

.subpage .wrapper .content .operations-blocks.edit {
    background-color: #f9f9f9;
    border-color: #e8edf0
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content .operations-blocks.edit {
        padding:9px 40px 9px 9px;
        margin-bottom: 15px;
        min-height: 32px
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content .operations-blocks.edit .title {
        font-size:16px;
        font-size: 1rem
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content .operations-blocks.edit .text-small {
        font-size:14px;
        font-size: .875rem
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content .operations-blocks.edit .title-big {
        font-size:16px;
        font-size: 1rem;
        font-family: 'Gotham Narrow';
        font-weight: 500
    }
}

.subpage .wrapper .content .operations-blocks.edit i {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -10px
}

.subpage .wrapper .content .operations-blocks.edit:hover,.subpage .wrapper .content .operations-blocks.edit:focus {
    color: #445056
}

.subpage .wrapper .content .operations-blocks.edit:hover i,.subpage .wrapper .content .operations-blocks.edit:focus i {
    color: #e10514
}

.subpage .wrapper .content .operations-blocks.edit.table-wrap {
    padding-right: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.edit.table-wrap {
        padding-right:38px
    }
}

.subpage .wrapper .content .operations-blocks.edit.table-wrap .right-text {
    float: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.edit.table-wrap .right-text {
        float:none
    }
}

.subpage .wrapper .content .operations-blocks.small {
    height: 60px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content .operations-blocks.small {
        height:auto
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.small {
        height:auto
    }
}

.subpage .wrapper .content .operations-blocks.table-list {
    position: relative;
    padding: 10px 60px 10px 90px;
    margin-bottom: 10px
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda {
    padding: 20px 20px 20px 90px
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.day {
    font-size: 16px;
    font-weight: bold
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.month {
    font-size: 12px
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.icon-sitemap_icon {
    margin-top: 5px;
    font-size: 6px
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.icon-sitemap_icon.red {
    color: #e10514
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.icon-sitemap_icon.green {
    color: #249303
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.icon-sitemap_icon.blue {
    color: #2390fd
}

.subpage .wrapper .content .operations-blocks.table-list.ajanda .listDateBox span.icon-sitemap_icon.yellow {
    color: #ffb80e
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.table-list {
        padding-left:75px;
        margin-bottom: 10px
    }
}

.subpage .wrapper .content .operations-blocks.table-list .listDateBox {
    left: 0;
    position: absolute;
    width: 90px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.table-list .listDateBox {
        width:75px
    }
}

.subpage .wrapper .content .operations-blocks.table-list table {
    width: 100%;
    min-height: 70px;
    table-layout: fixed;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee
}

.subpage .wrapper .content .operations-blocks.table-list table td {
    padding: 0 20px;
    vertical-align: top
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.table-list table td {
        padding-bottom:35px
    }
}

.subpage .wrapper .content .operations-blocks.table-list table td:first-child {
    vertical-align: middle
}

.subpage .wrapper .content .operations-blocks.table-list table td:last-child {
    text-align: right
}

.subpage .wrapper .content .operations-blocks.table-list table td span:last-child {
    margin-bottom: 0
}

.subpage .wrapper .content .operations-blocks.table-list table.ajanda {
    min-height: 100%
}

.subpage .wrapper .content .operations-blocks.table-list table.ajanda td {
    vertical-align: middle
}

.subpage .wrapper .content .operations-blocks.table-list table.ajanda td:first-child {
    width: 80%
}

.subpage .wrapper .content .operations-blocks.table-list table.ajanda td span.operation-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px
}

.subpage .wrapper .content .operations-blocks.table-list table.ajanda td span.operation-info {
    font-size: 12px
}

.subpage .wrapper .content .operations-blocks.table-list span {
    display: block
}

.subpage .wrapper .content .operations-blocks.table-list .date {
    font-size: 36px;
    font-size: 2.25rem
}

.subpage .wrapper .content .operations-blocks.table-list .moon {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Gotham Narrow'
}

.subpage .wrapper .content .operations-blocks.table-list .time {
    font-size: 14px;
    font-size: .875rem;
    font-family: 'Gotham Narrow Book'
}

.subpage .wrapper .content .operations-blocks.table-list .name,.subpage .wrapper .content .operations-blocks.table-list .price {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px
}

.subpage .wrapper .content .operations-blocks.table-list .sub-info {
    font-size: 14px;
    font-size: .875rem
}

.subpage .wrapper .content .operations-blocks.table-list .price,.subpage .wrapper .content .operations-blocks.table-list .point {
    font-family: 'Gotham Narrow'
}

.subpage .wrapper .content .operations-blocks.table-list .point {
    font-size: 14px;
    font-size: .875rem;
    color: #a89b70;
    min-height: 14px
}

.subpage .wrapper .content .operations-blocks.table-list .custom-link {
    margin-top: 15px;
    display: block
}

.subpage .wrapper .content .operations-blocks.cards {
    padding-right: 120px
}

.subpage .wrapper .content .operations-blocks.cards .credit-card {
    position: absolute;
    top: 19px;
    right: 40px;
    width: 63px;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.cards .credit-card {
        top:14px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.cards.threeText {
        padding-right:15px
    }

    .subpage .wrapper .content .operations-blocks.cards.threeText .title {
        padding-right: 105px
    }
}

.subpage .wrapper .content .operations-blocks span {
    font-family: 'Gotham Narrow Book'
}

.subpage .wrapper .content .operations-blocks span strong {
    font-weight: 500;
    font-family: 'Gotham Narrow'
}

.subpage .wrapper .content .operations-blocks .title {
    font-size: 17px;
    font-size: 1.0625rem;
    display: block;
    font-weight: 500;
    line-height: 17px;
    padding-bottom: 10px;
    font-family: 'Gotham Narrow';
    word-break: break-word
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks .title {
        padding-right:39%
    }
}

.subpage .wrapper .content .operations-blocks .title small {
    font-family: 'Gotham Narrow Book';
    font-size: 16px;
    font-size: 1rem
}

.subpage .wrapper .content .operations-blocks .title-big {
    font-size: 32px;
    font-size: 2rem
}

.subpage .wrapper .content .operations-blocks .text-small {
    display: block;
    padding-top: 5px;
    min-height: 19px;
    word-break: break-word
}

.subpage .wrapper .content .operations-blocks .text-small a {
    color: #445056
}

.subpage .wrapper .content .operations-blocks .text {
    display: block;
    min-height: 22px;
    padding-top: 6px;
    word-break: break-word
}

.subpage .wrapper .content .operations-blocks i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px
}

.subpage .wrapper .content .operations-blocks em {
    font-size: 15px;
    font-size: .9375rem;
    margin-left: 5px;
    display: inline-block;
    cursor: pointer
}

.subpage .wrapper .content .operations-blocks .warning {
    color: #e10514
}

.subpage .wrapper .content .operations-blocks .links {
    color: #455056;
    display: inline-block;
    margin-top: 16px;
    position: absolute;
    right: 80px;
    bottom: 13px
}

.subpage .wrapper .content .operations-blocks .links .custom-link {
    color: #455056;
    font-size: 12px;
    font-size: .75rem;
    display: block;
    float: left;
    padding: 0;
    margin-top: 0;
    font-family: 'Gotham Narrow';
    padding: 5px 10px;
    text-decoration: none;
    background-color: #eaebed;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-right: 5px
}

.subpage .wrapper .content .operations-blocks .links .custom-link:hover {
    background: #e10514;
    color: #fff
}

.subpage .wrapper .content .operations-blocks .links .custom-link:last-child {
    margin-right: 0
}

.subpage .wrapper .content .operations-blocks .operations-block-content {
    padding-top: 30px;
    display: none
}

.subpage .wrapper .content .operations-blocks .operations-block-content table tr td {
    padding: 0
}

.subpage .wrapper .content .operations-blocks .operations-block-content input[type=text] {
    width: 100%
}

.subpage .wrapper .content .operations-blocks .operations-block-content .form-group.text-form .text-form-input {
    margin-top: -11.5px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks .operations-block-content .form-group.text-form .text-form-input {
        margin-top:-6.5px
    }
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap {
    padding: 10px 0;
    position: relative
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap {
        padding-top:30px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap {
        margin-bottom:10px
    }
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .start-value,.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .end-value {
    position: absolute;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .start-value,.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .end-value {
        top:0
    }
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .start-value {
    left: 0
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .end-value {
    right: 10px;
    width: 115px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .end-value {
        width:auto
    }
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .slider-type-one {
    margin-left: 50px;
    margin-right: 135px
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .slider-type-one .ui-slider-handle {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .operations-blocks .operations-block-content .slide-wrap .slider-type-one {
        margin:0
    }
}

.subpage .wrapper .content .operations-blocks .operations-block-content .slide-value {
    padding: 10px 40px 10px 20px;
    border: 1px solid #8a8d90;
    border-radius: 7px;
    text-align: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.slideWrapBlock {
        padding-right:15px
    }
}

.subpage .wrapper .content .operations-blocks.slideWrapBlock .title {
    padding: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.slideWrapBlock .text-small {
        margin-bottom:16px
    }
}

.subpage .wrapper .content .operations-blocks.slideWrapBlock .icon-okey:before {
    color: #e10514
}

.subpage .wrapper .content .operations-blocks.slideWrapBlock .switch-cont {
    top: 0 !important;
    right: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.slideWrapBlock .switch-cont {
        position:relative;
        text-align: left;
        float: left;
        width: 100%
    }
}

.subpage .wrapper .content .operations-blocks.slideWrapBlock .switch-cont span {
    font-size: 14px;
    padding-top: 6px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .operations-blocks.slideWrapBlock .switch-cont .switch {
        float:right
    }
}

.subpage .wrapper .content .operations-blocks .customEditInput {
    background: transparent;
    font-size: 16px;
    font-size: 1rem;
    color: #445056;
    font-weight: 500;
    border: 0;
    font-family: 'Gotham Narrow';
    width: auto
}

.subpage .wrapper .content .operations-blocks .customEditInput.edit {
    border-bottom: 1px solid #445056
}

.subpage .wrapper .content .operations-blocks .block-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -31px;
    display: none;
    width: 28px
}

.subpage .wrapper .content .operations-blocks .block-btn span {
    display: inline-block;
    margin-bottom: 15px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 6px;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 50%;
    position: relative
}

.subpage .wrapper .content .operations-blocks .block-btn span:first-child:after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    background: #ddd;
    bottom: -7px;
    left: 50%;
    margin-left: -8px
}

.subpage .wrapper .content .operations-blocks .block-btn span:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.subpage .wrapper .content .operations-blocks a.icon-slip-detay {
    position: absolute;
    right: 20px;
    font-size: 24px;
    font-size: 1.5rem;
    top: 39%;
    color: #000
}

.subpage .wrapper .content .acc-link {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    color: #445056;
    border-bottom: 1px solid #445056;
    margin-bottom: 16px;
    padding: 0 55px 12px 22px;
    position: relative
}

.subpage .wrapper .content .acc-link.listAccTitle {
    padding-left: 0;
    font-weight: 300
}

.subpage .wrapper .content .acc-link i {
    display: block;
    position: absolute;
    right: 22px;
    top: 8px;
    font-size: 9px;
    font-size: .5625rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .acc-link i {
        top:5px
    }
}

.subpage .wrapper .content .acc-link.active i:before {
    content: ""
}

.subpage .wrapper .content .acc-link.acc-link-money {
    font-family: 'Gotham Narrow Book';
    padding-right: 60px;
    margin-top: 39px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .acc-link.acc-link-money {
        padding-left:0;
        padding-right: 45px
    }
}

.subpage .wrapper .content .acc-link.acc-link-money:first-child {
    margin-top: 0
}

.subpage .wrapper .content .acc-link.acc-link-money i {
    top: auto;
    bottom: 15px
}

.subpage .wrapper .content .acc-link.acc-link-money span {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .acc-link.acc-link-money span {
        font-size:20px;
        font-size: 1.25rem
    }
}

.subpage .wrapper .content .acc-link.acc-link-money span strong {
    font-weight: 500;
    font-family: 'Gotham Narrow'
}

.subpage .wrapper .content .acc-link.acc-link-money span.text {
    float: left;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    margin-bottom: 10px
}

.subpage .wrapper .content .acc-link.acc-link-money span.percent {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .acc-link.acc-link-money span.percent {
        padding-left:25px
    }
}

.subpage .wrapper .content .acc-link.acc-link-money span.percent:before {
    content: "";
    position: absolute;
    left: 0;
    font-size: 24px;
    font-size: 1.5rem;
    top: 0;
    font-family: 'icomoon' !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .acc-link.acc-link-money span.percent:before {
        font-size:20px;
        font-size: 1.25rem
    }
}

.subpage .wrapper .content .acc-link.acc-link-money span.money {
    float: right
}

.subpage .wrapper .content .pager {
    width: 100%;
    display: block;
    margin: 15px 0
}

.subpage .wrapper .content .pager ul {
    width: 100%
}

.subpage .wrapper .content .pager ul li {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.subpage .wrapper .content .pager ul li a {
    height: 30px;
    display: block;
    padding: 5px;
    color: #445056;
    border: 0;
    padding: 7px 10px;
    border-radius: 8px
}

.subpage .wrapper .content .pager ul li a i {
    font-size: 10px;
    font-size: .625rem
}

.subpage .wrapper .content .pager ul li a:hover {
    background: #445056;
    color: #fff
}

.subpage .wrapper .content .pager ul li.numbers {
    background: #fff;
    padding: 0 10px;
    border-radius: 8px
}

.subpage .wrapper .content .pager ul li.numbers a {
    width: 26px;
    height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 0;
    font-size: 14px;
    font-size: .875rem;
    padding: 8px 10px;
    font-weight: bold
}

.subpage .wrapper .content .pager ul li.numbers a.active {
    background: #445056;
    color: #fff
}

.subpage .wrapper .content .table-filter .dropdown {
    display: inline-block
}

.subpage .wrapper .content .table-filter .dropdown .select2-container {
    width: 65px !important;
    position: relative;
    z-index: 2
}

.subpage .wrapper .content .table-filter .dropdown .select2-container .select2-selection--single {
    width: 65px;
    background-color: #fff
}

.subpage .wrapper .content .table-filter .dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    border: 1px solid #8a8d90;
    border-radius: 10px;
    padding: 2px 8px;
    line-height: 18px
}

.subpage .wrapper .content .table-filter .dropdown .select2-container .select2-selection--single .select2-selection__arrow b {
    margin-left: 0;
    margin-top: -7px
}

.subpage .wrapper .content .table-filter .dropdown .select2-container .select2-selection--single .select2-selection__arrow b::after {
    font-size: 5px;
    font-size: .3125rem
}

.subpage .wrapper .content .table-area .table-sort {
    display: inline-block;
    top: 1px;
    left: 5px;
    position: relative;
    color: #445056
}

.subpage .wrapper .content .table-area .table-sort i {
    font-size: 5.5px;
    font-size: .34375rem;
    display: block;
    margin-bottom: 2px
}

.subpage .wrapper .content .table-area .dropdown .btn {
    padding: 4px 6px;
    width: auto;
    background: transparent;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #445056;
    outline: none;
    resize: none
}

.subpage .wrapper .content .table-area .dropdown.open .btn {
    background: #445056;
    color: #fff
}

.subpage .wrapper .content .table-area .dropdown .dropdown-menu {
    background: #445056;
    left: 0;
    top: 19px;
    z-index: 1800;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 5px 10px
}

.subpage .wrapper .content .table-area .dropdown .dropdown-menu li {
    border-bottom: 1px solid #566166
}

.subpage .wrapper .content .table-area .dropdown .dropdown-menu li a {
    color: #fff;
    padding: 10px 10px;
    cursor: pointer
}

.subpage .wrapper .content .table-area .dropdown .dropdown-menu li:hover a {
    color: #333
}

.subpage .wrapper .content .table-area .table {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    margin: 15px 0;
    border-collapse: collapse
}

@media only screen and (max-width: 768px) {
    .subpage .wrapper .content .table-area .table {
        width:100%;
        overflow: hidden
    }
}

.subpage .wrapper .content .table-area .table.custom-thead-table thead tr th {
    padding: 19px 10px 10px
}

.subpage .wrapper .content .table-area .table thead tr td {
    font-weight: bold
}

.subpage .wrapper .content .table-area .table thead tr th {
    position: relative;
    padding: 19px 10px;
    vertical-align: middle
}

.subpage .wrapper .content .table-area .table thead tr th:first-child {
    padding-left: 20px
}

.subpage .wrapper .content .table-area .table thead tr th:last-child {
    padding-right: 20px;
    width: 72px
}

.subpage .wrapper .content .table-area .table thead tr th label {
    margin-top: 5px
}

.subpage .wrapper .content .table-area .table thead tr:hover {
    background: transparent !important
}

.subpage .wrapper .content .table-area .table thead tr:hover th,.subpage .wrapper .content .table-area .table thead tr:hover td,.subpage .wrapper .content .table-area .table thead tr:hover [class^="icon-"] {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .table.account-list thead tr th {
    width: auto
}

.subpage .wrapper .content .table-area .table.ajanda-list thead tr th {
    width: auto
}

.subpage .wrapper .content .table-area .table.ajanda-list tbody tr td {
    font-family: 'Gotham Narrow Book'
}

.subpage .wrapper .content .table-area .table tr td {
    color: #445056;
    font-size: 14px;
    font-size: .875rem;
    line-height: 13px;
    vertical-align: middle;
    padding: 15px 10px;
    line-height: 1.3;
    border: 0 !important
}

.subpage .wrapper .content .table-area .table tr td:first-child {
    padding-left: 20px
}

.subpage .wrapper .content .table-area .table tr td:last-child {
    padding-right: 20px
}

.subpage .wrapper .content .table-area .table tr td i {
    margin-right: 5px
}

.subpage .wrapper .content .table-area .table tr td i.icon-disc-down-arrw {
    color: #39ca00
}

.subpage .wrapper .content .table-area .table tr td .form-group {
    margin-bottom: 0
}

.subpage .wrapper .content .table-area .table tr td .form-group .form-control {
    height: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 20px
}

.subpage .wrapper .content .table-area .table tr td .form-group.form-icon .form-control {
    padding-right: 46px;
    padding-left: 13px
}

.subpage .wrapper .content .table-area .table tr td .form-group.form-icon i {
    top: 6px;
    font-size: 16px;
    font-size: 1rem
}

.subpage .wrapper .content .table-area .table tr td .form-group.form-icon em {
    text-align: right
}

.subpage .wrapper .content .table-area .table tr td.borderTop {
    border-top: 1px solid #d2d2d2 !important
}

.subpage .wrapper .content .table-area .table tr td .light {
    font-family: 'Gotham Narrow Book'
}

.subpage .wrapper .content .table-area .table tr td em {
    font-size: 13px;
    font-size: .8125rem;
    margin-left: 5px
}

.subpage .wrapper .content .table-area .table tr td .status {
    font-family: 'Gotham Narrow';
    font-weight: bold;
    font-size: 12px;
    font-size: .75rem;
    background: #eff1f4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 10px;
    margin-left: 10px
}

.subpage .wrapper .content .table-area .table tr.bgWhite {
    background: #fff !important
}

.subpage .wrapper .content .table-area .table tr:hover,.subpage .wrapper .content .table-area .table tr.hoverClass {
    cursor: pointer;
    background: #3d484d !important
}

.subpage .wrapper .content .table-area .table tr:hover td,.subpage .wrapper .content .table-area .table tr.hoverClass td,.subpage .wrapper .content .table-area .table tr:hover [class^="icon-"],.subpage .wrapper .content .table-area .table tr.hoverClass [class^="icon-"] {
    color: #fff !important
}

.subpage .wrapper .content .table-area .table tr:hover .borderTop,.subpage .wrapper .content .table-area .table tr.hoverClass .borderTop {
    border-color: transparent !important
}

.subpage .wrapper .content .table-area .table tr:hover .icheckbox_flat-grey,.subpage .wrapper .content .table-area .table tr.hoverClass .icheckbox_flat-grey {
    border-color: #fff
}

.subpage .wrapper .content .table-area .table tr:hover label,.subpage .wrapper .content .table-area .table tr.hoverClass label {
    color: #fff
}

.subpage .wrapper .content .table-area .table tr:hover i,.subpage .wrapper .content .table-area .table tr.hoverClass i {
    color: #445056
}

.subpage .wrapper .content .table-area .table tr.disabled {
    opacity: .3
}

.subpage .wrapper .content .table-area .table tr.disabled td {
    cursor: default
}

.subpage .wrapper .content .table-area .table tr.disabled:hover {
    background: transparent !important
}

.subpage .wrapper .content .table-area .table tr.disabled:hover td {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .table.not-hover tr:hover {
    cursor: default
}

.subpage .wrapper .content .table-area .table.not-hover tbody tr:hover {
    background: none !important
}

.subpage .wrapper .content .table-area .table.not-hover tbody tr:hover td,.subpage .wrapper .content .table-area .table.not-hover tbody tr:hover [class^="icon-"] {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .table.not-hover tbody tr:nth-of-type(odd):hover {
    background-color: #f3f4f5 !important
}

.subpage .wrapper .content .table-area .table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f3f4f5
}

.subpage .wrapper .content .table-area .table.table-striped>tbody>tr:nth-of-type(odd):hover {
    background: #ddd
}

.subpage .wrapper .content .table-area .table.mobil-table {
    width: 100% !important
}

.subpage .wrapper .content .table-area .table .iconBox {
    color: #445056;
    font-size: 21px;
    font-size: 1.3125rem
}

.subpage .wrapper .content .table-area .table .iconBox .icon-basarisiz {
    font-size: 14px;
    font-size: .875rem
}

.subpage .wrapper .content .table-area.table-zebra tr td {
    border-color: transparent !important
}

.subpage .wrapper .content .table-area.table-zebra tr:hover {
    background: #3d484d !important
}

.subpage .wrapper .content .table-area.table-zebra tr:hover td,.subpage .wrapper .content .table-area.table-zebra tr:hover [class^="icon-"] {
    color: #fff !important
}

.subpage .wrapper .content .table-area.table-zebra tr:hover .borderTop {
    border-color: transparent !important
}

.subpage .wrapper .content .table-info {
    text-align: center;
    padding: 5px 15px
}

.subpage .wrapper .content .floatThead-wrapper .table {
    margin-bottom: 0 !important
}

.subpage .wrapper .content .floatThead-wrapper .jspVerticalBar {
    z-index: 9999
}

.subpage .wrapper .content .info-page {
    text-align: center;
    padding: 30px 0;
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .info-page {
        padding:0
    }
}

.subpage .wrapper .content .info-page .info-icon {
    width: 120px;
    height: 120px;
    display: block;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    font-size: 50px;
    font-size: 3.125rem;
    padding-top: 36px;
    color: #e10514;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .info-page .info-icon {
        margin-bottom:20px;
        width: 90px;
        height: 90px;
        padding-top: 24px
    }
}

.subpage .wrapper .content .info-page .info-icon.icon-basarili {
    color: #39ca00
}

.subpage .wrapper .content .info-page h5 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px
}

.subpage .wrapper .content .info-page p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 30px;
    line-height: 1.2
}

.subpage .wrapper .content .info-page .info-detail-list {
    width: 100%;
    padding: 20px;
    background: #fff;
    text-align: left;
    margin-bottom: 20px;
    border-radius: 10px
}

.subpage .wrapper .content .info-page .info-detail-list .line {
    height: 100%;
    margin-bottom: 20px
}

.subpage .wrapper .content .info-page .info-detail-list .line:last-child {
    margin-bottom: 0
}

.subpage .wrapper .content .info-page .v-middle {
    display: table;
    width: 100%;
    height: 100%;
    padding: 18px 0
}

.subpage .wrapper .content .info-page .v-middle span,.subpage .wrapper .content .info-page .v-middle div,.subpage .wrapper .content .info-page .v-middle p {
    display: table-cell;
    vertical-align: middle
}

.subpage .wrapper .content .select2-container {
    width: 100% !important
}

.subpage .wrapper .content .popover-content {
    display: none
}

.subpage .wrapper .content .text-icon {
    position: relative;
    padding-left: 32px;
    padding-top: 4px;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .text-icon {
        padding-top:0
    }
}

.subpage .wrapper .content .text-icon i,.subpage .wrapper .content .text-icon .icon-bilgi,.subpage .wrapper .content .text-icon a {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056
}

.subpage .wrapper .content .text-icon table,.subpage .wrapper .content .text-icon td {
    padding: 0;
    margin: 0;
    border: 0 !important
}

.subpage .wrapper .content .text-icon.bg-white {
    background: #fff;
    padding: 16px 20px 13px 52px;
    border-radius: 10px
}

.subpage .wrapper .content .text-icon.bg-white i,.subpage .wrapper .content .text-icon.bg-white .icon-bilgi,.subpage .wrapper .content .text-icon.bg-white a {
    top: 50%;
    margin-top: -11px;
    left: 20px
}

.subpage .wrapper .content .box-white {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .wrapper .content .box-white {
        padding:15px
    }
}

.subpage .wrapper .content .box-white.list-white {
    margin-bottom: 5px;
    padding-bottom: 0
}

.subpage .wrapper .content .box-white .box-top {
    position: relative;
    padding: 0 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .box-top {
        padding:0
    }
}

.subpage .wrapper .content .box-white .box-top a.shared {
    position: absolute;
    color: #445056;
    right: 20px;
    top: -4px;
    font-size: 22px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .box-top a.shared {
        right:0
    }
}

.subpage .wrapper .content .box-white hr {
    border-color: #eee;
    margin: 20px 0
}

.subpage .wrapper .content .box-white label.tit {
    margin-bottom: 7px
}

.subpage .wrapper .content .box-white label.tit.red {
    color: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .btn.btn-default {
        margin-bottom:20px
    }
}

.subpage .wrapper .content .box-white .btn.btn-default:hover {
    border-color: #e10514
}

.subpage .wrapper .content .box-white.account-info {
    padding: 20px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info {
        padding:20px
    }
}

.subpage .wrapper .content .box-white.account-info table {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info table tr:last-child td:last-child .info-item {
        border-bottom:none
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info table tr:last-child .info-item {
        border-color:transparent !important
    }
}

.subpage .wrapper .content .box-white.account-info table td {
    width: 50%;
    border-right: 1px solid #e8e8e9;
    padding: 10px 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info table td {
        padding:0
    }
}

.subpage .wrapper .content .box-white.account-info table td:nth-child(2n) {
    border: none
}

.subpage .wrapper .content .box-white.account-info table td .info-item {
    font-family: "Gotham Narrow Book"
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info table td .info-item {
        padding:10px 0;
        border-bottom: 1px solid #eee
    }
}

.subpage .wrapper .content .box-white.account-info table td .info-item>div>div:last-child {
    text-align: right
}

.subpage .wrapper .content .box-white.account-info table td .info-item strong {
    font-weight: normal
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info table td {
        border:none;
        display: block;
        width: 100%
    }
}

.subpage .wrapper .content .box-white.account-info .acc-link {
    margin: 20px;
    padding-left: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.account-info .acc-link {
        margin:20px 0
    }
}

.subpage .wrapper .content .box-white.account-info .acc-link i {
    right: 0
}

.subpage .wrapper .content .box-white.table-accordion .acc-link {
    border-color: transparent;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0
}

.subpage .wrapper .content .box-white.table-accordion .acc-link label {
    position: relative;
    top: 5px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.table-accordion .acc-link i {
        top:50%
    }
}

.subpage .wrapper .content .box-white.table-accordion .acc-item {
    border: 0;
    padding-top: 30px
}

.subpage .wrapper .content .box-white.table-accordion .acc-item .info-list {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white.table-accordion .acc-item .info-list {
        border-bottom:1px solid #e5e7e9
    }
}

.subpage .wrapper .content .box-white .info-list {
    margin-bottom: 0
}

.subpage .wrapper .content .box-white .block {
    width: 100%;
    display: block;
    border: 1px solid #445056;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 18px 30px 17px 15px;
    background-color: #f9f9f9;
    border-color: #e8edf0;
    -moz-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    transition: all 20ms ease;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .block table tr td {
        width:100%;
        border-bottom: 1px solid #cbd4da
    }

    .subpage .wrapper .content .box-white .block table tr td.empty {
        border: 0;
        height: 0;
        padding: 0
    }
}

.subpage .wrapper .content .box-white .block table tr td>div:last-child {
    padding-right: 20px
}

.subpage .wrapper .content .box-white .block table tr td:hover i {
    color: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .block table tr:last-child td:last-child {
        border-bottom:0
    }
}

.subpage .wrapper .content .box-white .block table a {
    top: 50%;
    margin-top: -10px;
    right: -20px;
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    cursor: pointer;
    color: #445056
}

.subpage .wrapper .content .box-white .block .borderTop {
    border-top: 1px solid #cbd4da;
    border-right: 0;
    padding-top: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .block .borderTop {
        border:0
    }
}

.subpage .wrapper .content .box-white.table-block {
    padding: 10px 15px
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-label {
    height: 49px;
    align-items: center;
    display: flex
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box {
    background: #f9f9f9;
    border: 1px solid #e9edf0;
    border-radius: 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 49px;
    align-items: center;
    padding: 0 13px 0 16px
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box input {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box input {
        width:50%
    }
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box .ratio-buttons {
    display: flex
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box .ratio-buttons a {
    width: 23px;
    height: 23px;
    margin-left: 5px
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box .ratio-buttons a.subtraction {
    background: url("../../img/subtraction.svg") no-repeat center center #fff
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper .ratio-box .ratio-buttons a.addition {
    background: url("../../img/addition.svg") no-repeat center center #fff
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper p.note {
    font-style: normal;
    font-size: 16px;
    line-height: 19px
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper p.note span.icon-bilgi {
    color: #e10514;
    margin-right: 6px
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper p.note span.ratio-total {
    font-size: 20px
}

.subpage .wrapper .content .box-white .accumulation-rate-title-wrapper p.note.taR {
    text-align: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .box-white .accumulation-rate-title-wrapper p.note.taR {
        text-align:left
    }
}

.subpage .wrapper .content .content-standard {
    padding: 45px 50px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .content-standard {
        padding:20px
    }
}

.subpage .wrapper .content .content-standard .s-header {
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .content-standard .s-header {
        text-align:center
    }
}

.subpage .wrapper .content .content-standard .s-header h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: left
}

.subpage .wrapper .content .content-standard .s-header h4 {
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 10px;
    text-align: left
}

.subpage .wrapper .content .content-standard .s-header .s-img {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 220px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .subpage .wrapper .content .content-standard .s-header .s-img {
        width:200px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .content-standard .s-header .s-img {
        width:94%;
        margin-top: 30px;
        position: relative;
        margin-bottom: 30px;
        text-align: center
    }
}

.subpage .wrapper .content .content-standard .s-header .btn {
    width: auto;
    padding-left: 32px;
    padding-right: 32px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .content-standard .s-header .btn {
        width:100%
    }
}

.subpage .wrapper .content .content-standard .seperator {
    width: 100%;
    float: left;
    height: 2px;
    background: #ecedee;
    margin: 40px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .content-standard .seperator {
        margin-top:10px
    }
}

.subpage .wrapper .content .content-standard .s-content p {
    font-family: 'Gotham Narrow Book';
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px
}

.subpage .wrapper .content .card-wrap {
    display: block;
    margin-bottom: 70px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .card-wrap {
        margin-bottom:20px
    }
}

.subpage .wrapper .content .card-wrap .black {
    display: none;
    background: #000;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    height: 100%
}

.subpage .wrapper .content .card-wrap.active {
    position: relative;
    z-index: 2
}

.subpage .wrapper .content .card-wrap.passive .black {
    display: block
}

.subpage .wrapper .content .card-wrap .c-content {
    background: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: relative
}

.subpage .wrapper .content .card-wrap .c-content .c-header {
    padding: 20px
}

.subpage .wrapper .content .card-wrap .c-content .c-header .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    margin: 17px 0 0
}

.subpage .wrapper .content .card-wrap .c-content .c-header .img {
    background-color: #ededed;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    height: 200px;
    background-position: center
}

.subpage .wrapper .content .card-wrap .c-content .card-content {
    width: 100%;
    position: absolute;
    left: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .card-wrap .c-content .card-content {
        position:relative
    }
}

.subpage .wrapper .content .card-wrap .c-content .card-content .scroll-content {
    width: 100%;
    background: #fff;
    display: none;
    height: 200px;
    overflow-y: hidden;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .card-wrap .c-content .card-content .scroll-content {
        height:auto
    }
}

@media only screen and (max-width: 768px) {
    .subpage .wrapper .content .card-wrap .c-content .card-content .scroll-content {
        height:auto
    }
}

.subpage .wrapper .content .card-wrap .c-content .card-content .scroll-content .jspVerticalBar {
    width: 13px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background: #fafafa
}

.subpage .wrapper .content .card-wrap .c-content .card-content .scroll-content .jspVerticalBar .jspDrag {
    width: 8px;
    left: 2px;
    background: #c1c1c1
}

.subpage .wrapper .content .card-wrap .c-content .card-content ul {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 500;
    padding-right: 5px;
    padding-left: 20px;
    padding-bottom: 10px
}

.subpage .wrapper .content .card-wrap .c-content .card-content ul li {
    border-bottom: 1px solid #dadcdd;
    padding-bottom: 11px;
    margin-bottom: 11px
}

.subpage .wrapper .content .card-wrap .c-content .card-content ul li:last-child {
    border-color: transparent;
    padding-bottom: 0;
    margin-bottom: 0
}

.subpage .wrapper .content .card-wrap .c-content .card-content ul li a {
    color: #445056
}

.subpage .wrapper .content .card-wrap .button {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    min-height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    width: 100%;
    display: block;
    background: #e8edf0;
    color: #b4bec3;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 0 0 rgba(122,122,122,.2);
    -moz-box-shadow: 0 3px 0 0 rgba(122,122,122,.2);
    box-shadow: 0 3px 0 0 rgba(122,122,122,.2)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .card-wrap .button {
        position:relative;
        bottom: -11px
    }
}

.subpage .wrapper .content .card-wrap .button i {
    font-size: 12px;
    font-size: .75rem;
    pointer-events: none
}

.subpage .wrapper .content .card-wrap .button.red {
    background: #fe0002;
    color: #fff !important
}

.subpage .wrapper .content .coverFlowBox {
    display: block;
    margin: 30px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .coverFlowBox {
        margin-bottom:60px
    }
}

@media only screen and (min-width: 1024px) {
    .subpage .wrapper .content .coverFlowBox .flipster__nav {
        display:none
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .subpage .wrapper .content .coverFlowBox .flipster__nav {
        display:none
    }
}

.subpage .wrapper .content .coverFlowBox .arrow {
    position: relative;
    z-index: 10;
    margin-top: 70px
}

@media only screen and (max-width: 1230px) {
    .subpage .wrapper .content .coverFlowBox .arrow {
        margin-top:55px
    }
}

.subpage .wrapper .content .coverFlowBox .arrow a {
    display: inline-block;
    width: 44px;
    height: 44px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #b2b5b7;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    line-height: 44px;
    cursor: pointer
}

.subpage .wrapper .content .coverFlowBox .arrow a i {
    color: #000
}

.subpage .wrapper .content .coverFlowBox .flipster__item {
    opacity: .8
}

.subpage .wrapper .content .coverFlowBox .flipster__item--current {
    opacity: 1
}

.subpage .wrapper .content .coverFlowBox .flip-items li img {
    max-width: 100%;
    width: 600px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .coverFlowBox .flip-items li img {
        width:300px !important
    }
}

@media only screen and (max-width: 1032px) {
    .subpage .wrapper .content .coverFlowBox .flip-items li img {
        width:450px
    }
}

@media only screen and (max-width: 1230px) {
    .subpage .wrapper .content .coverFlowBox .flip-items li img {
        width:500px
    }
}

.subpage .wrapper .content .table-block {
    margin-bottom: 10px
}

.subpage .wrapper .content .table-block table {
    margin-bottom: 0
}

.subpage .wrapper .content .table-block table tbody>tr>td {
    border-color: #cbd4da
}

.subpage .wrapper .content .help-content-list .content-img {
    border: 0 !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .help-content-list .content-img img {
        margin:0 auto 10px
    }
}

.subpage .wrapper .content .help-content-list p {
    font-weight: 300;
    line-height: 1.6;
    margin-top: 0
}

.subpage .wrapper .content .ziraat-platform .box-white {
    padding: 30px 73px 26px 36px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform .box-white {
        padding:20px
    }
}

.subpage .wrapper .content .ziraat-platform .text-center {
    text-align: center !important
}

.subpage .wrapper .content .ziraat-platform .margin-auto {
    margin: 0 auto !important
}

.subpage .wrapper .content .ziraat-platform hr.red-seperator {
    height: 2px;
    background: #e10514;
    border-radius: 4px;
    width: 55%;
    margin-top: 39px;
    margin-bottom: 45px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform hr.red-seperator {
        width:100%
    }
}

.subpage .wrapper .content .ziraat-platform .s-content p {
    font-family: 'Gotham Narrow Book';
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 25px
}

.subpage .wrapper .content .ziraat-platform .s-content .mt-40 {
    margin-top: 40px
}

.subpage .wrapper .content .ziraat-platform .s-content .checkwrapper {
    margin-top: 45px
}

.subpage .wrapper .content .ziraat-platform .s-content .checkwrapper label {
    margin-bottom: 25px;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Gotham Narrow Book';
    font-weight: normal
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform .s-content .checkwrapper label {
        font-size:1rem
    }
}

.subpage .wrapper .content .ziraat-platform .s-content .ziraat-platform-box {
    border: none;
    padding: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform .s-content .ziraat-platform-box {
        padding-bottom:50px
    }
}

.subpage .wrapper .content .ziraat-platform .s-content .ziraat-platform-box .box-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: unset
}

.subpage .wrapper .content .ziraat-platform .s-content .ziraat-platform-box .box-text .logo {
    position: absolute;
    bottom: 0
}

.subpage .wrapper .content .ziraat-platform .s-content .ziraat-platform-box h3 {
    margin-bottom: 10px
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box {
    background: #fff;
    border: 1px solid #455056;
    border-radius: 10px;
    padding-bottom: 23px;
    padding: 12px;
    margin-bottom: 23px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform .ziraat-platform-box {
        padding-bottom:80px
    }
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box img {
    border: 3px solid #e10514;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform .ziraat-platform-box img {
        margin-bottom:15px
    }
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box .box-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: unset
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box .box-text .logo {
    border: 1px solid #dedede;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 32px;
    position: absolute;
    bottom: 36px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .ziraat-platform .ziraat-platform-box .box-text .logo {
        bottom:16px
    }
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box .box-text .logo img {
    border-radius: 0;
    border: none;
    width: auto;
    margin: 0
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box h3 {
    margin-bottom: 5px
}

.subpage .wrapper .content .ziraat-platform .ziraat-platform-box p {
    font-family: 'Gotham Narrow Book';
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 7px
}

.subpage .mobil-list-new .info-no-bg table {
    margin-bottom: 5px
}

.subpage .mobil-list-new .info-no-bg table tr td {
    padding-left: 0;
    padding-right: 0
}

.subpage .mobil-list-new .info-no-bg table tr td .icn {
    color: #445056
}

.subpage .mobil-list-new .info-no-bg table tr td .icn i {
    margin-right: 0;
    font-size: 25px;
    font-size: 1.5625rem
}

@media only screen and (max-width: 320px) {
    .subpage .mobil-list-new .info-no-bg table tr td .icn i {
        font-size:25px;
        font-size: 1.5625rem
    }
}

.subpage .mobil-list-new .info-no-bg table tr td.infoListIcon ul {
    float: right
}

.subpage .mobil-list-new .info-no-bg table tr td.infoListIcon ul li {
    float: left;
    margin-right: 11.3px
}

.subpage .mobil-list-new .info-no-bg table tr td.infoListIcon ul li a {
    position: relative;
    left: -8px;
    margin-bottom: 5px;
    display: inline-block
}

.subpage .mobil-list-new .info-no-bg table tr td.infoListIcon ul li a:first-child {
    left: 4px
}

@media only screen and (max-width: 320px) {
    .subpage .mobil-list-new .info-no-bg table tr td.infoListIcon ul li {
        margin-right:5.5px
    }
}

.subpage .mobil-list-new .info-no-bg table tr td.infoListIcon ul li:last-child {
    width: 20px;
    margin-right: 6px
}

.subpage .mobil-list-new .item {
    background: #fff;
    border: 1px solid #445056;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 15px;
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3;
    font-weight: 400
}

.subpage .mobil-list-new .item .c-top strong {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600
}

.subpage .mobil-list-new .item .c-content {
    width: 100%;
    padding: 15px 0 0 0;
    display: none;
    position: relative
}

.subpage .mobil-list-new .item .c-content .addPlus {
    position: relative;
    overflow: hidden
}

.subpage .mobil-list-new .item .c-content .addPlus a {
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056;
    position: relative;
    z-index: 3;
    padding-right: 10px;
    background-color: #fff
}

.subpage .mobil-list-new .item .c-content .addPlus hr {
    position: absolute;
    left: 0;
    z-index: 1;
    top: -10.5px;
    width: 100%;
    border-color: #e4e4e4;
    padding-left: 30px;
    height: 1px
}

.subpage .mobil-list-new .item .c-content .table tr td {
    padding-top: 15px;
    border-color: transparent !important
}

.subpage .mobil-list-new .item .c-content .text {
    border-top: 1px solid #e8eaeb;
    padding-top: 15px
}

.subpage .mobil-list-new .item .list-btn a {
    color: #445056;
    width: 15px;
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem
}

.subpage .mobil-list-new .item .table {
    width: 100%;
    margin-bottom: 0
}

.subpage .mobil-list-new .item .table tr td {
    padding: 0;
    vertical-align: middle
}

.subpage .mobil-list-new .item .table tr td label {
    margin-right: 9px
}

@media only screen and (max-width: 320px) {
    .subpage .mobil-list-new .item .table tr td label {
        margin-right:3px
    }
}

.subpage .table-accordion {
    margin-bottom: 10px !important
}

.subpage .security-card {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #445056;
    padding: 9px 8px;
    display: block;
    width: 100%;
    margin-bottom: 20px
}

.subpage .security-card .security-card-reading {
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #000;
    height: 107px;
    position: relative
}

.subpage .security-card .security-card-reading:before {
    position: absolute;
    width: 0;
    height: 0;
    left: 10%;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    content: ""
}

.subpage .security-card .security-card-reading:after {
    position: absolute;
    width: 0;
    height: 0;
    right: 10%;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    content: ""
}

.subpage .security-card .iconBox {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 25px
}

.subpage .security-card .iconBox a {
    color: #445056;
    margin-right: 6px;
    font-size: 22px;
    font-size: 1.375rem
}

.subpage .security-card .iconBox a:last-child {
    margin-right: 0
}

.subpage .box-gray {
    background: #f9f9f9;
    border: 1px solid #e8edf0;
    -moz-border-radius: 5;
    -webkit-border-radius: 5;
    border-radius: 5;
    padding: 10px 20px
}

.subpage .box-gray table tr td {
    padding: 10px 0
}

.subpage .select2-container {
    position: relative;
    z-index: 2005;
    width: auto !important
}

.subpage .select2-container .select2-dropdown {
    border-radius: 0 0 12px 12px
}

.subpage .select2-container.error .select2-dropdown {
    border-color: #e10514
}

.subpage .select2-container .select2-selection--single {
    background-color: transparent
}

.subpage .select2-container .select2-selection--single .select2-selection__rendered {
    border: 1px solid #445056;
    border-radius: 10px;
    padding: 11px 60px 10px 20px;
    background-color: #fff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    color: #445056
}

.subpage .select2-container .select2-selection--single .select2-selection__arrow {
    width: 56px
}

.subpage .select2-container .select2-selection--single .select2-selection__arrow b {
    margin-top: -5px
}

.subpage .select2-container .select2-selection--single .select2-selection__arrow b::after {
    font-size: 10px;
    font-size: .625rem
}

.subpage .select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: #445056 !important;
    color: #fff !important
}

.subpage .select2-dropdown {
    border: 1px solid #445056;
    border-top: 0;
    margin-top: -8px;
    z-index: 2;
    padding-top: 7px
}

.subpage .select2-dropdown.select2-dropdown--above {
    border: 1px solid #445056;
    border-bottom: 0;
    margin-top: 8px;
    z-index: 2;
    padding-top: 7px;
    border-radius: 12px 12px 0 0
}

.subpage .select2-dropdown .select2-results ul.select2-results__options {
    padding: 7px
}

.subpage .select2-dropdown .select2-results ul.select2-results__options li {
    border-radius: 3px;
    margin-bottom: 6px;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    padding-left: 12px
}

.subpage .select2-dropdown .select2-results ul.select2-results__options li:hover {
    background: #445056;
    color: #fff
}

.subpage .select2-search--dropdown {
    border-top: 1px solid #e8e8e9;
    border-bottom: 1px solid #e8e8e9;
    padding: 0;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 10px;
    position: relative
}

.subpage .select2-search--dropdown:before {
    font-family: 'icomoon' !important;
    content: "";
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #91969b
}

.subpage .select2-search--dropdown input {
    border: 0 !important;
    height: 48px;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    padding-left: 46px;
    box-shadow: none !important
}

.subpage .btn {
    height: auto;
    padding-top: 19px;
    padding-bottom: 18px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .subpage .btn {
        padding-top:15px;
        padding-bottom: 15px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .btn {
        margin-bottom:20px
    }

    .subpage .btn.mb0 {
        margin-bottom: 0
    }
}

.subpage .btn-primary {
    border: 1px solid #e10514 !important;
    background-color: transparent;
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .btn-primary {
        margin-bottom:0
    }
}

.subpage .btn-primary:hover {
    background-color: #e10514;
    color: #fff
}

.subpage .icheckbox_flat-grey {
    width: 22px;
    height: 22px;
    background: none;
    border: 1px solid #445056;
    border-radius: 4px;
    margin-right: 10px;
    margin-top: -4px;
    float: left
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .icheckbox_flat-grey {
        margin-top:0
    }
}

.subpage .icheckbox_flat-grey.checked {
    border: 1px solid #8a8d90;
    border-radius: 4px;
    background: url("../../img/checkbox.png") no-repeat center center #fff;
    background-size: 22px 22px
}

.subpage .tooltip-content {
    padding: 10px 20px
}

.subpage .tooltip-content>div>div:last-child .table {
    margin: 0
}

.subpage .tooltip-content p.info {
    margin-bottom: 5px
}

.subpage .tooltip-content .table {
    margin: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .tooltip-content .table {
        margin-bottom:20px
    }

    .subpage .tooltip-content .table:last-child {
        margin-bottom: 0
    }
}

.subpage .tooltip-content .table thead tr td {
    padding: 5px 0
}

.subpage .tooltip-content .table tbody tr {
    border: 0
}

.subpage .tooltip-content .table tbody tr td {
    border: 0;
    padding: 5px 0;
    font-size: 14px;
    font-size: .875rem;
    font-family: 'Gotham Narrow Book'
}

.subpage .tooltip-content .table tbody tr td.pipe {
    text-align: center;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px
}

.subpage .tooltip-content .table tbody tr td.pipe::before {
    content: '';
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    width: 1px;
    height: 100%;
    background: #fff
}

.subpage .display-table {
    display: table !important;
    width: 100%;
    height: 100%
}

.subpage .display-table.bigg-box {
    min-height: 53px
}

.subpage .display-table.bigg-box .title {
    padding-bottom: 0 !important
}

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

.subpage .form-group.form-icon i {
    position: absolute;
    top: 40px;
    right: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 2px
}

.subpage .form-group.form-icon i.icon-warning:before {
    color: #333
}

.subpage .form-group.form-icon .form-control {
    padding-right: 46px;
    padding-left: 13px
}

.subpage .form-group.form-icon a {
    position: absolute;
    top: 42px;
    right: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    color: #445056
}

.subpage .form-group.form-icon a i {
    position: static;
    right: inherit;
    top: inherit
}

.subpage .form-group.form-icon.search-key i,.subpage .form-group.form-icon.search-key-wrap i {
    top: 16px;
    margin-top: 0
}

.subpage .form-group.form-icon.day .form-control {
    padding-right: 80px
}

.subpage .form-group.form-icon.day:after {
    content: 'Gün';
    display: inline-block;
    color: #445056;
    font-size: 17px;
    font-size: 1.0625rem;
    position: absolute;
    right: 50px;
    bottom: 18px
}

.subpage .form-group.form-disabled i {
    color: #9ea4a7 !important
}

.subpage .form-group .form-control {
    height: 53px;
    border-radius: 10px;
    border: 1px solid #445056;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    color: #445056
}

.subpage .form-group .form-control:focus {
    border-color: #445056;
    box-shadow: none !important
}

.subpage .form-group .form-control[disabled] {
    background-color: #f9f9f9 !important;
    border-color: #dfdfdf !important;
    color: #adb1b3 !important
}

.subpage .form-group .form-control.error {
    border-color: #e10514
}

.subpage .form-group .form-control.error:focus {
    background: #ffd5d8
}

.subpage .form-group label {
    color: #445056
}

.subpage .form-group label.icheck-label {
    float: left;
    width: 88%
}

.subpage .form-group .account-no {
    position: relative
}

.subpage .form-group .account-no .item {
    width: 25%;
    float: left;
    position: relative
}

.subpage .form-group .account-no .item label {
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem;
    color: #91969b;
    display: block
}

.subpage .form-group .account-no em {
    width: 10%;
    float: left;
    font-style: normal;
    font-weight: 500
}

.subpage .form-group .account-no input {
    width: 100%;
    height: 20px;
    line-height: 18px;
    border: 0;
    display: block;
    box-shadow: none !important;
    padding: 0
}

.subpage .form-group .account-no a {
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056
}

.subpage .form-group .btn {
    margin-bottom: 0
}

.subpage .modal p {
    margin-bottom: 40px
}

.subpage .modal .operations-blocks {
    width: 100%;
    height: 102px;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #e8edf0;
    background-color: #f9f9f9;
    padding: 18px 38px 17px 20px;
    color: #445056;
    position: relative;
    margin-bottom: 20px;
    -moz-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    transition: all 20ms ease
}

.subpage .modal .operations-blocks .title {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    padding-bottom: 10px
}

.subpage .modal .operations-blocks .title-big {
    font-size: 32px;
    font-size: 2rem
}

.subpage .modal .operations-blocks .text-small {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    color: #afb3b5;
    padding-top: 5px
}

.subpage .modal .operations-blocks .text {
    display: block;
    padding-top: 6px;
    font-family: 'Gotham Narrow'
}

.subpage .modal.just-img .modal-content {
    padding: 0
}

.subpage .modal.just-img .modal-body {
    padding-top: 0
}

.subpage .modal.just-img .modal-body img {
    width: 100%
}

.subpage .detail-header {
    position: relative;
    margin-top: 25px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header {
        margin-top:20px
    }
}

.subpage .detail-header .edit-header {
    display: inline-block;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .edit-header {
        width:100%
    }
}

.subpage .detail-header .edit-header .box {
    position: relative;
    padding-right: 90px;
    width: auto;
    display: inline-block
}

@media only screen and (min-width: 320px) and (max-width:374px) {
    .subpage .detail-header .edit-header .box {
        padding-right:65px
    }
}

.subpage .detail-header .edit-header.one-icon .box {
    padding-right: 45px
}

.subpage .detail-header .edit-header input {
    background: none;
    border: none;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    min-width: 100px;
    box-shadow: none !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (min-width: 320px) and (max-width:374px) {
    .subpage .detail-header .edit-header input {
        font-size:18px;
        font-size: 1.125rem
    }
}

.subpage .detail-header .edit-header input.edit {
    text-decoration: underline
}

.subpage .detail-header .edit-header input.error {
    border-bottom: 1px solid #e10514;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .edit-header input {
        max-width:205px
    }
}

.subpage .detail-header .edit-header a {
    position: absolute;
    right: 40px;
    top: 2px;
    cursor: pointer;
    font-size: 20px;
    font-size: 1.25rem;
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:374px) {
    .subpage .detail-header .edit-header a {
        font-size:18px;
        font-size: 1.125rem
    }
}

.subpage .detail-header .edit-header a.btn {
    right: 23px;
    top: 0;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .edit-header a.btn {
        right:6px;
        padding: 2px 7px
    }
}

.subpage .detail-header .edit-header .shared {
    position: absolute;
    right: 0;
    top: 2px;
    color: #545056
}

.subpage .detail-header .edit-header .shared i {
    position: static
}

.subpage .detail-header .edit-header label.error {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #e10514;
    position: absolute;
    width: 100%;
    bottom: 0
}

.subpage .detail-header .edit-header .btn {
    position: absolute;
    display: inline-block;
    padding: 5px;
    width: auto;
    right: 0;
    top: 4px;
    font-size: 13px;
    font-size: .8125rem
}

.subpage .detail-header .edit-header .info {
    display: block;
    font-family: 'Gotham Narrow Book'
}

.subpage .detail-header .edit-header .title {
    font-size: 24px;
    font-size: 1.5rem;
    color: #445056;
    font-weight: 700
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .edit-header .title br {
        display:none
    }
}

.subpage .detail-header .small-menu {
    float: right;
    color: #445056;
    margin-right: 9px
}

.subpage .detail-header .small-menu.remove {
    padding-left: 0;
    padding-right: 0
}

.subpage .detail-header .small-menu.remove i {
    color: #333
}

.subpage .detail-header .small-menu i {
    margin-left: 20px
}

@media only screen and (min-width: 768px) {
    .subpage .detail-header .small-menu {
        background:#e10514;
        color: #fff;
        border-radius: 25px;
        text-align: center;
        padding: 7px 14px;
        line-height: 16px;
        font-size: 16px;
        height: 32px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu {
        margin-top:4px;
        position: absolute;
        top: -47px;
        right: 7px;
        font-size: 22px;
        z-index: 98;
        margin-right: 22px
    }
}

.subpage .detail-header .small-menu-box {
    width: 270px;
    top: -11px;
    position: absolute;
    right: 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    display: none;
    z-index: 1999;
    border: 1px solid #eee;
    box-shadow: 0 0 28px -12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box {
        position:fixed;
        bottom: 55px;
        z-index: 99;
        width: 100%;
        z-index: 9999;
        border-radius: 0;
        max-height: 100%;
        overflow: auto
    }
}

.subpage .detail-header .small-menu-box ul {
    padding-right: 25px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box ul {
        padding-right:0
    }
}

.subpage .detail-header .small-menu-box li {
    margin-bottom: 10px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box li {
        padding:5px 0
    }
}

.subpage .detail-header .small-menu-box li a {
    display: block;
    color: #445056;
    position: relative;
    padding: 2px 0 2px 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box li a {
        font-size:18px;
        font-size: 1.125rem;
        padding-left: 35px;
        padding-top: 3px
    }
}

.subpage .detail-header .small-menu-box li a i {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: 0
}

.subpage .detail-header .small-menu-box li a i.small {
    font-size: 12px;
    font-size: .75rem;
    margin-top: 4px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box li a i.small {
        font-size:17px;
        font-size: 1.0625rem
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box li a i {
        font-size:24px;
        font-size: 1.5rem
    }
}

.subpage .detail-header .small-menu-box li a i.icon-virman {
    font-size: 12px;
    font-size: .75rem;
    top: 4px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box li a i.icon-virman {
        font-size:16px;
        font-size: 1rem
    }
}

.subpage .detail-header .small-menu-box li:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box .bottom {
        border-top:1px solid #e8e8e9;
        padding-top: 20px;
        margin-top: 20px
    }
}

.subpage .detail-header .small-menu-box .close,.subpage .detail-header .small-menu-box .home-btn {
    position: absolute;
    right: 19px;
    top: 21px;
    color: #445056;
    font-size: 16px;
    font-size: 1rem;
    opacity: 1;
    z-index: 9;
    font-weight: bold
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-header .small-menu-box .close,.subpage .detail-header .small-menu-box .home-btn {
        position:static;
        float: right;
        width: 100%;
        padding-left: 3px;
        font-size: 18px;
        font-size: 1.125rem
    }

    .subpage .detail-header .small-menu-box .close i,.subpage .detail-header .small-menu-box .home-btn i {
        float: left;
        margin-right: 15px
    }
}

.subpage .detail-header .small-menu-box .home-btn {
    margin-top: 20px
}

.subpage .detail-header .layer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(32,36,44,.9);
    z-index: 98;
    display: none
}

.subpage .account-detail-info {
    margin: 25px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .account-detail-info {
        margin:20px 0
    }
}

.subpage .account-detail-info span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px
}

.subpage .info-list {
    margin-bottom: 25px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list {
        margin-bottom:20px
    }
}

.subpage .info-list table {
    width: 100%
}

.subpage .info-list table tr td {
    padding: 10px 20px;
    font-family: 'Gotham Narrow Book';
    padding-left: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list table tr td {
        padding:10px 0;
        display: block;
        width: 100%
    }
}

.subpage .info-list table tr td:first-child {
    border-right: 1px solid #cbd4da
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list table tr td:first-child {
        border-right:0;
        border-bottom: 1px solid #cbd4da
    }
}

.subpage .info-list table tr td:last-child {
    padding-left: 20px;
    padding-right: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list table tr td:last-child {
        padding-left:0;
        border-bottom: 1px solid #cbd4da
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list table tr td>div>div {
        margin-bottom:10px
    }
}

.subpage .info-list table tr td>div>div:last-child {
    text-align: right;
    font-weight: bold
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list table tr td>div>div:last-child {
        margin-bottom:0
    }
}

.subpage .info-list table tr:last-child td:last-child {
    border-bottom: 0
}

.subpage .info-list.table-in-table table td table {
    width: 100%
}

.subpage .info-list.table-in-table table td table td {
    border: none;
    padding: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .info-list.table-in-table table td table td {
        padding:0;
        padding-bottom: 10px;
        display: table-cell;
        width: auto
    }
}

.subpage .info-list.table-in-table table td table td:last-child {
    font-weight: bold
}

.subpage .mobile-installment-table .panel-default {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-color: #91969b;
    border-width: 1px
}

.subpage .mobile-installment-table .panel-default .panel-heading a {
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056
}

.subpage .mobile-installment-table .panel-default .panel-heading a:after {
    content: "";
    font-family: 'icomoon' !important;
    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;
    float: right;
    font-size: 14px;
    font-size: .875rem;
    margin-top: 4px
}

.subpage .mobile-installment-table .panel-default .panel-heading a.collapsed:after {
    content: ""
}

.subpage .mobile-installment-table .panel-default .panel-heading a i {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 10px;
    float: left
}

.subpage .mobile-installment-table .panel-default .panel-heading a i.icon-disc-down-arrw {
    color: #39ca00
}

.subpage .mobile-installment-table .panel-body table {
    width: 100%
}

.subpage .mobile-installment-table .panel-body table td {
    padding: 5px 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Gotham Narrow Book'
}

.subpage .mobile-installment-table .panel-body table td:last-child {
    text-align: right;
    font-family: 'Gotham Narrow'
}

.subpage .mobile-list ul li {
    background: #fff;
    padding: 10px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 10px
}

.subpage .mobile-list ul li table {
    width: 100%
}

.subpage .mobile-list ul li table td {
    padding: 4px 0;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Gotham Narrow Book'
}

.subpage .mobile-list ul li table td.title {
    font-size: 22px;
    font-size: 1.375rem;
    padding-bottom: 15px
}

.subpage .mobile-list ul li table td.title label strong {
    position: relative;
    top: 2px
}

.subpage .mobile-list ul li table td a {
    color: #445056 !important
}

.subpage .mobile-list ul li table td:first-child {
    text-align: left !important
}

.subpage .mobile-list ul li table td:last-child {
    text-align: right
}

.subpage .mobile-list ul li table td .red {
    color: #e10514
}

.subpage .mobile-list ul li table td .green {
    color: #39ca00
}

.subpage .mobile-list ul li table td .form-group {
    margin-bottom: 0
}

.subpage .mobile-list ul li table td .form-group .form-control {
    height: 35px
}

.subpage .mobile-list ul li table td .form-group.form-icon i {
    top: 8px
}

.subpage .mobile-list ul li.disabled {
    opacity: .4
}

.subpage .card-info-wrap {
    position: relative;
    display: inline-block;
    padding-right: 250px;
    color: #445056;
    width: 86%;
    margin-bottom: 60px
}

@media only screen and (max-width: 1366px) {
    .subpage .card-info-wrap {
        width:80%
    }
}

.subpage .card-info-wrap.full-width {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap {
        padding-right:80px;
        width: 100%;
        margin-bottom: 20px
    }
}

.subpage .card-info-wrap h1.card-number {
    color: #445056;
    margin-bottom: 5px !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap h1.card-number {
        padding:0 !important;
        text-align: left !important
    }
}

.subpage .card-info-wrap h1.card-number small {
    font-family: 'Gotham Narrow Book'
}

.subpage .card-info-wrap .card-type {
    font-family: 'Gotham Narrow Book';
    font-size: 18px;
    font-size: 1.125rem;
    color: #445056
}

.subpage .card-info-wrap .card-img {
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap .card-img {
        width:86px
    }
}

.subpage .card-info-wrap .card-img img {
    width: 155px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap .card-img img {
        width:100%
    }
}

.subpage .card-info-wrap .card-img .card-img-type {
    font-size: 13px;
    font-size: .8125rem;
    margin-top: 10px;
    width: 100%
}

.subpage .card-info-wrap .card-img .card-img-type .wrap {
    width: 155px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap .card-img .card-img-type {
        overflow:hidden;
        padding: 2px 6px;
        background: #fff;
        border-radius: 29px
    }
}

.subpage .card-info-wrap .card-img .card-img-type a {
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap .card-img .card-img-type a {
        text-decoration:underline
    }
}

.subpage .card-info-wrap .card-img .card-img-type a.active {
    text-decoration: underline;
    color: #e10514
}

.subpage .card-info-wrap .card-img .card-img-type i {
    color: #e10514;
    margin: 0 3px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .card-info-wrap .card-img .card-img-type i {
        padding:3px;
        display: inline-block;
        border-radius: 50%;
        background: #e10514;
        color: #fff
    }
}

.subpage .card-info-wrap .user-name {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1rem;
    display: block
}

.subpage .card-info-wrap .card-name {
    margin-top: 5px;
    font-size: 16px;
    font-size: 1rem;
    display: block
}

.subpage .search-key .lottie-layer,.subpage .search-key-wrap .lottie-layer {
    right: 45px
}

.subpage .search-key input.form-control,.subpage .search-key-wrap input.form-control {
    padding-left: 46px !important;
    padding-right: 13px !important
}

.subpage .search-key i,.subpage .search-key-wrap i {
    right: auto !important;
    left: 20px
}

.subpage .detail-search-wrap {
    padding-right: 70px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-search-wrap.mobile-pr0 {
        padding-right:0
    }
}

.subpage .detail-search-wrap .info-text p {
    margin: 17px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-search-wrap .info-text p {
        margin:10px 0
    }
}

.subpage .detail-search-wrap .detail-search {
    border: 1px solid #445056;
    text-decoration: none;
    padding: 6px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    text-align: center;
    right: 0
}

.subpage .detail-search-wrap .detail-search i {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 6px;
    display: block
}

.subpage .detail-search-wrap .detail-search span {
    display: block;
    font-size: 12px
}

.subpage .detail-search-wrap .detail-search.filter-btn-two {
    border: none;
    font-size: 20px;
    font-size: 1.25rem;
    top: -17px;
    padding: 13px 0
}

.subpage .detail-search-wrap .detail-search.filter-btn-two i {
    margin-right: 3px;
    top: 2px;
    position: relative;
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    margin-bottom: 0
}

.subpage .detail-search-wrap .detail-search.filter-btn-two span {
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .detail-search-wrap .detail-search.filter-btn-two {
        position:static
    }
}

.subpage .detail-search-wrap .detail-search.active {
    background: #fff;
    border-color: #fff;
    height: 95px;
    color: #445056
}

.subpage .swift-input input {
    padding-right: 175px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .swift-input input {
        padding-right:165px
    }
}

.subpage .swift-input .btn {
    width: auto;
    position: absolute;
    padding: 8px 20px;
    right: 10px;
    top: 38px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .swift-input .btn {
        top:35px
    }
}

.subpage .swift-input .btn i {
    font-size: 12px;
    font-size: .75rem
}

.subpage .dashboard-edit-widget .widgets {
    margin-bottom: 20px
}

.subpage .dashboard-edit-widget .widgets li {
    border-bottom: 1px solid rgba(113,113,113,.2);
    position: relative;
    padding: 15px 40px;
    color: #2a2f34;
    display: block;
    cursor: pointer
}

.subpage .dashboard-edit-widget .widgets li .links {
    background: #445056;
    color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 16px;
    padding: 5px 0;
    position: absolute;
    right: 60px;
    bottom: 13px
}

.subpage .dashboard-edit-widget .widgets li .links .custom-link {
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    display: block;
    float: left;
    padding: 0;
    margin-top: 0;
    font-family: 'Gotham Narrow';
    padding: 0 10px;
    text-decoration: none
}

.subpage .dashboard-edit-widget .widgets li .links .custom-link:nth-child(2) {
    border-left: 1px solid #848484
}

.subpage .dashboard-edit-widget .widgets li .text .links {
    right: 10px;
    bottom: 0
}

.subpage .dashboard-edit-widget .widgets li a {
    color: #2a2f34;
    display: block
}

.subpage .dashboard-edit-widget .widgets li .icon-delete {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    margin-top: -10px
}

.subpage .dashboard-edit-widget .widgets li .icon-drag {
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
    line-height: 45px;
    font-size: 14px;
    font-size: .875rem;
    text-align: center
}

.subpage .dashboard-edit-widget .widgets li:last-child {
    border: none
}

.subpage .dashboard-edit-widget .widgets li .text {
    display: block;
    position: relative;
    line-height: 1.3;
    font-weight: 600
}

.subpage .dashboard-edit-widget .widgets li .text img {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 70px;
    margin-top: -23px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .dashboard-edit-widget .widgets li .text img {
        width:50px;
        margin-top: -16.5px;
        right: 5px
    }
}

.subpage .dashboard-edit-widget .widgets li .text em {
    font-weight: 400
}

.subpage .dashboard-edit-widget .widgets li .text .btm-text {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    font-weight: 400
}

.subpage .dashboard-edit-widget .widgets li .text .btm-text em {
    margin-left: 5px;
    position: relative;
    top: 1px;
    font-size: 13px;
    font-size: .8125rem
}

.subpage .dashboard-edit-widget .widgets.disableds {
    pointer-events: none;
    margin-bottom: 0
}

.subpage .dashboard-edit-widget .widgets.disableds li {
    border-bottom: 1px solid rgba(113,113,113,.2);
    opacity: .4
}

.subpage .dashboard-edit-widget .widgets.disableds li a {
    opacity: .4
}

.subpage .dashboard-edit-widget .widgets.lists li {
    padding: 15px 10px !important
}

.subpage .dashboard-edit-widget .widgets.lists li .links {
    right: 60px
}

.subpage .dashboard-edit-widget .widgets.lists li .btn-empty {
    width: auto;
    position: absolute;
    right: 0;
    top: 10px;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    padding: 5px 15px;
    color: #2a2f34;
    border-color: #2a2f34 !important
}

.subpage .dashboard-edit-widget .widgets.lists .text img {
    right: 65px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .dashboard-edit-widget .widgets.lists .text img {
        right:58px
    }
}

.subpage .dashboard-edit-widget .widgets.cardScreen li {
    padding-top: 20px;
    padding-bottom: 20px
}

.subpage .dashboard-edit-widget .widgets.cardScreen li .icon-drag {
    top: 50%;
    margin-top: -25px
}

.subpage .dashboard-edit-widget .widgets.cardScreen li a .btn-empty {
    top: 50%;
    margin-top: -12.5px
}

.subpage .dashboard-edit-widget .form-group {
    padding: 0 0
}

.subpage .dashboard-edit-widget .form-group .form-control {
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 9px 20px;
    height: 40px;
    border: 1px solid transparent
}

.subpage .dashboard-edit-widget .form-group i {
    position: absolute;
    right: 25px;
    top: 34px;
    font-size: 22px;
    font-size: 1.375rem;
    cursor: pointer
}

.subpage .dekont-modal .radio-group label {
    margin-top: 17px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .dekont-modal .modal-header .close {
        right:16px;
        top: 18px;
        z-index: 9
    }

    .subpage .dekont-modal .modal-body h3 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .subpage .dekont-modal .modal-body table {
        margin-bottom: 0
    }

    .subpage .dekont-modal .btn {
        margin-bottom: 0
    }
}

.subpage .search-detail-wrap .search-box .form-group {
    margin-bottom: 10px
}

.subpage .search-detail-wrap .search-box input {
    padding-right: 50px
}

.subpage .search-detail-wrap .search-box .search-btn {
    color: #445056;
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px
}

.subpage .search-detail-wrap .search-box .search-info p {
    margin: 0;
    font-family: "Gotham Narrow Book"
}

.subpage .search-detail-wrap .search-box .search-info .search-count {
    text-align: right
}

.subpage .help-header {
    position: relative
}

.subpage .help-header .page-title {
    position: relative
}

.subpage .help-header .page-title h1 {
    padding-right: 44px;
    position: relative
}

.subpage .help-header .page-title .help-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 9px 0;
    padding-right: 34px;
    height: 34px
}

.subpage .help-header .page-title .help-btn span {
    color: #fff;
    display: none;
    font-size: 16px;
    font-size: 1rem
}

.subpage .help-header .page-title .help-btn i {
    font-size: 18px;
    font-size: 1.125rem;
    color: #445056;
    cursor: pointer;
    background: #fff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.8;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width: 991px) {
    .subpage .help-header .page-title .help-btn i {
        width:32px;
        height: 32px
    }
}

.subpage .help-header .page-title .help-btn:hover {
    background: #e10514;
    border-radius: 114px;
    padding-left: 12px
}

.subpage .help-header .page-title .help-btn:hover span {
    display: block
}

.subpage .help-header .page-title .help-btn:hover i {
    background: #e10514;
    color: #fff
}

.subpage .help-header .page-title .help-btn.open i {
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.4;
    background: #e10514;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .subpage .help-header .page-title .help-btn.open i {
        line-height:2.6
    }
}

.subpage .help-header .page-title .help-btn.open i:before {
    content: ""
}

.subpage .help-header .page-title .page-title-group {
    position: absolute;
    right: 0;
    top: 0
}

.subpage .help-header .page-title .page-title-group .help-btn {
    position: relative;
    float: right
}

.subpage .help-header .page-title .page-title-group .campaing-btn {
    margin-right: 15px
}

.subpage .help-header .sub-help-wrap {
    width: 340px;
    position: absolute;
    background: #445056;
    padding: 25px;
    color: #fff;
    z-index: 9;
    right: 0;
    border-radius: 10px;
    top: 50px
}

.subpage .help-header .sub-help-wrap .help-header {
    position: relative
}

.subpage .help-header .sub-help-wrap .help-header h2 {
    font-size: 18px;
    font-size: 1.125rem
}

.subpage .help-header .sub-help-wrap .help-header .pager {
    position: absolute;
    right: 15px;
    width: auto;
    top: 0;
    margin: 0;
    font-family: 'Gotham Narrow Book';
    font-size: 14px;
    font-size: .875rem
}

.subpage .help-header .sub-help-wrap .help-header .pager>span {
    float: left
}

.subpage .help-header .sub-help-wrap .help-header .pager>div {
    color: #fff;
    font-family: 'Gotham Narrow Book';
    font-size: 12px;
    font-size: .75rem;
    float: left;
    margin-top: 1px;
    cursor: pointer
}

.subpage .help-header .sub-help-wrap .help-header .pager>div.owl-prev {
    margin-right: 5px
}

.subpage .help-header .sub-help-wrap .help-header .pager>div.owl-next {
    margin-left: 5px
}

.subpage .help-header .sub-help-wrap .help-header .pager>div.disabled {
    opacity: .5;
    cursor: default
}

.subpage .help-header .sub-help-wrap .help-body {
    margin-top: 20px
}

.subpage .help-header .sub-help-wrap .help-body .item {
    padding: 0
}

.subpage .help-header .sub-help-wrap .help-body .item .help-block {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden
}

.subpage .help-header .sub-help-wrap .help-body .item .help-block .operations-blocks {
    padding: 15px 25px 15px 15px;
    margin-bottom: 10px
}

.subpage .help-header .sub-help-wrap .help-body .item .help-block .operations-blocks .title {
    font-size: 14px;
    font-size: .875rem;
    padding-bottom: 5px
}

.subpage .help-header .sub-help-wrap .help-body .item .help-block .operations-blocks .text-small,.subpage .help-header .sub-help-wrap .help-body .item .help-block .operations-blocks .text {
    font-size: 14px;
    font-size: .875rem
}

.subpage .help-header .sub-help-wrap .help-body .item .help-block .operations-blocks i {
    right: 10px;
    font-size: 14px
}

.subpage .help-header .sub-help-wrap .help-body .item .help-block .operations-blocks:last-child {
    margin-bottom: 0
}

.subpage .help-header .sub-help-wrap .help-body .item p {
    font-family: 'Gotham Narrow Book';
    margin-bottom: 15px;
    margin-top: 0
}

.subpage .help-header .sub-help-wrap .help-body .item p:last-child {
    margin-bottom: 0
}

.subpage .help-header .sub-help-wrap .help-body .owl-prev,.subpage .help-header .sub-help-wrap .help-body .owl-next {
    position: absolute;
    top: -38px;
    font-size: 13px
}

.subpage .help-header .sub-help-wrap .help-body .owl-prev {
    right: 67px
}

.subpage .help-header .sub-help-wrap .help-body .owl-next {
    right: 0
}

.subpage .help-header .sub-help-wrap .help-body .owl-dots {
    position: relative;
    margin-top: 25px;
    top: 0
}

.subpage .filter-wrap {
    background: #fff;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 20px;
    position: relative;
    display: none;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .filter-wrap {
        background:transparent;
        padding: 0
    }
}

@media only screen and (max-width: 1024px) {
    .subpage .filter-wrap {
        margin-top:30px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }
}

.subpage .filter-wrap .iradio_flat-grey.checked ins {
    background: #445056 !important
}

.subpage .filter-wrap .iradio_flat-grey.hover,.subpage .filter-wrap .iradio_flat-grey.checked,.subpage .filter-wrap .iradio_flat-grey {
    border-color: #445056 !important
}

.subpage .filter-wrap .switch-cont span {
    font-size: 16px;
    font-size: 1rem
}

.subpage .authorized-top-wrap {
    width: 100%
}

.subpage .authorized-top-wrap .icon {
    position: absolute;
    right: 0;
    top: 0
}

.subpage .authorized-top-wrap .icon i {
    font-size: 26px;
    font-size: 1.625rem;
    color: #e10514
}

.subpage .fileUploaderBox .form-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.subpage .fileUploaderBox .fileInputBox {
    width: 100%;
    display: block;
    position: relative;
    height: 54px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.subpage .fileUploaderBox .fileInputBox .upload-cancel {
    font-size: 11px;
    font-size: .6875rem;
    color: #445056;
    cursor: pointer;
    right: 10px;
    position: relative
}

.subpage .fileUploaderBox .fileInputBox .btn {
    right: 0;
    top: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    font-size: 1.125rem;
    border: 0;
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 10;
    padding-top: 22px
}

.subpage .fileUploaderBox .fileInputBox .btn.opacityText {
    color: #ea505b
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .fileUploaderBox .fileInputBox .btn {
        padding-left:20px;
        padding-right: 20px;
        font-size: 15px;
        font-size: .9375rem
    }
}

.subpage .fileUploaderBox .fileinput-button span {
    line-height: 32px;
    color: #b4bec3;
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .fileUploaderBox .fileinput-button span {
        font-size:15px;
        font-size: .9375rem
    }
}

.subpage .fileUploaderBox .fileinput-button .icon {
    color: #445056;
    position: relative;
    top: 4px;
    right: 5px
}

.subpage .fileUploaderBox .fileinput-button .btn {
    width: auto;
    font-size: 18px;
    font-size: 1.125rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-left: 50px;
    padding-right: 50px;
    border: 0;
    height: 100%;
    padding-top: 22px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .fileUploaderBox .fileinput-button .btn {
        padding-left:20px;
        padding-right: 20px;
        font-size: 15px;
        font-size: .9375rem
    }
}

.subpage .fileUploaderBox .filesList {
    margin-bottom: 23px
}

.subpage .fileUploaderBox .filesList .form-control {
    overflow: hidden;
    position: relative;
    display: table !important
}

.subpage .fileUploaderBox .filesList .form-control p {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0;
    padding: 0;
    line-height: 18px;
    display: table-cell;
    vertical-align: middle
}

.subpage .fileUploaderBox .filesList .form-control .progress {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 1;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.subpage .fileUploaderBox .filesList .form-control .progress .progress-bar {
    background: #d7e6eb;
    opacity: .8;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.subpage .userList h5 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    margin-bottom: 25px
}

.subpage .userList h5 .icon {
    float: right;
    font-size: 25px;
    font-size: 1.5625rem;
    color: #445056
}

.subpage .hedge-table {
    font-size: 16px;
    font-size: 1rem;
    color: #445056;
    font-family: 'Gotham Narrow Book'
}

.subpage .hedge-table tr td {
    border-top: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .hedge-table tr td {
        padding-left:0;
        padding-right: 0
    }
}

.subpage .hedge-table tr td:last-child {
    text-align: right
}

.subpage .hedge-table tr td.title {
    padding-bottom: 15px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .hedge-table tr td.title {
        padding-bottom:0
    }
}

.subpage .hedge-table tr.border td {
    border-bottom: 1px solid #c5d3de !important
}

.subpage .sitemap-wrap {
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 30px;
    border: 1px solid transparent
}

.subpage .sitemap-wrap .c-header {
    font-size: 18px;
    font-size: 1.125rem;
    color: #445056;
    padding: 15px 20px;
    font-weight: 600;
    display: table;
    width: 100%
}

.subpage .sitemap-wrap .c-header p {
    display: table-cell;
    vertical-align: middle
}

.subpage .sitemap-wrap .c-header a {
    color: #445056
}

.subpage .sitemap-wrap .c-header a.title-link:hover {
    color: #e10514
}

.subpage .sitemap-wrap .c-content {
    padding: 0 20px 20px 20px
}

.subpage .sitemap-wrap .c-content ul {
    padding-left: 0
}

.subpage .sitemap-wrap .c-content ul li {
    font-size: 14px;
    font-size: .875rem;
    color: #445056;
    padding-bottom: 18px;
    list-style-type: none;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    position: relative;
    padding-left: 15px
}

.subpage .sitemap-wrap .c-content ul li:last-child {
    padding-bottom: 0
}

.subpage .sitemap-wrap .c-content ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #e10514;
    background: #e10514;
    position: absolute;
    left: 0;
    top: 3px
}

.subpage .sitemap-wrap .c-content ul li a {
    width: 100%;
    color: #445056;
    display: inline-block
}

.subpage .sitemap-wrap .c-content ul li.submenu.active {
    padding-bottom: 0
}

.subpage .sitemap-wrap .c-content ul li.submenu ul {
    padding: 15px 0 15px 10px
}

.subpage .sitemap-wrap .c-content ul li.submenu ul li {
    font-weight: 400;
    position: relative
}

.subpage .sitemap-wrap .c-content ul li.submenu ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    top: 3px;
    background: url("../../img/disc.png") no-repeat center center
}

.subpage .sitemap-wrap .c-content ul li.submenu ul li a {
    color: #7d8185
}

.subpage .sitemap-wrap .c-content ul li.submenu ul li ul {
    padding-bottom: 0
}

.subpage .sitemap-wrap .c-content ul li.disc:before {
    content: "";
    width: 5px !important;
    height: 5px !important;
    -moz-border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    border-radius: 100% !important;
    color: #e10514 !important;
    background: #e10514 !important;
    position: absolute !important;
    left: 3px !important;
    background-image: none !important;
    top: 3px !important
}

.subpage .sitemap-wrap .c-content ul li.active-link:hover a {
    color: #e10514
}

.subpage .sitemap-wrap.hover-border:hover {
    border: 1px solid #445056
}

.subpage .sitemap-wrap.selected:hover {
    border: 1px solid #445056
}

.subpage .sitemap-wrap.selected:hover .c-header {
    color: #e10514
}

.subpage .sitemap-wrap.selected:hover .c-header a {
    color: #e10514
}

.subpage .profilPage {
    padding-top: 0
}

.subpage .profilPage .user-info {
    padding-top: 30px
}

.subpage .profilPage .user-info table {
    margin-bottom: 30px
}

.subpage .profilPage .user-info table tr td {
    border-color: rgba(0,0,0,.1);
    font-family: 'Gotham Narrow Book'
}

.subpage .profilPage .user-info table tr td i {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.subpage .profilPage .user-info table tr td i:before {
    color: #e10514
}

.subpage .profilPage .user-info table tr td:last-child {
    padding-left: 0
}

.subpage .profilPage .user-info .profile-picture {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 30px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.subpage .profilPage .user-info .profile-picture a {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 29px;
    height: 29px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    color: #445056;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 29px;
    text-align: center
}

.subpage .profilPage .user-info h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
    position: relative;
    top: 8px;
    font-family: 'Gotham Narrow';
    font-weight: 600
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profilPage .user-info.admin table {
        width:80%;
        left: 50%;
        margin-left: -40%;
        position: relative;
        margin-bottom: 10px
    }
}

.subpage .profilPage .user-info.admin table tr td {
    font-size: 17px;
    font-size: 1.0625rem;
    vertical-align: middle
}

.subpage .profilPage .user-info.admin table tr td i {
    font-size: 20px;
    font-size: 1.25rem
}

.subpage .profilPage .user-info.admin table tr td a {
    font-size: 17px;
    font-size: 1.0625rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profilPage .user-info.admin table tr td strong {
        font-weight:400
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profilPage .user-info.admin .profile-picture {
        width:140px;
        height: 140px;
        left: 50%;
        margin-left: -70px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profilPage .user-info.admin h3 {
        text-align:center
    }
}

.subpage .profilPage h2 {
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: 'Gotham Narrow';
    font-weight: 400;
    margin: 35px 0 18px 0
}

.subpage .profilPage .operations-blocks {
    margin-bottom: 10px !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .modal-content {
        margin-bottom:70px
    }
}

.subpage .profil-picture-modal .modal-header h5 span {
    position: relative;
    top: 8px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .modal-header h5 span {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .modal-header h5 i {
        margin-bottom:0
    }
}

.subpage .profil-picture-modal .fileinput-btn {
    position: relative
}

.subpage .profil-picture-modal .fileinput-btn input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 0
}

.subpage .profil-picture-modal .step {
    padding-top: 30px
}

.subpage .profil-picture-modal .step .small-title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    color: #445056;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.subpage .profil-picture-modal .step .crop-box-image {
    display: inline-block;
    position: relative
}

.subpage .profil-picture-modal .step .info {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin-top: 0;
    font-family: 'Gotham Narrow Book';
    padding-top: 0
}

.subpage .profil-picture-modal .step .info,.subpage .profil-picture-modal .step .small-title {
    padding: 0 18px
}

.subpage .profil-picture-modal .step .removeBtn {
    font-size: 32px;
    font-size: 2rem;
    color: #445056;
    position: absolute;
    right: -52px;
    top: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .step .removeBtn {
        right:-33px
    }
}

.subpage .profil-picture-modal .step .crop-container {
    display: block;
    padding: 15px 0 30px 0;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .step .crop-container {
        padding:15px 0
    }
}

.subpage .profil-picture-modal .step .crop-container img {
    max-width: 220px;
    max-height: 200px;
    display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.subpage .profil-picture-modal .step .crop-container.prevImage img {
    margin: auto
}

.subpage .profil-picture-modal .step .crop-container.cropImageBox {
    width: 220px;
    height: 200px;
    display: block;
    margin: 15px auto 0 auto;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden
}

.subpage .profil-picture-modal .step .controls-panel {
    display: inline-block;
    width: 80%;
    position: relative;
    padding: 0 30px;
    left: 50%;
    transform: translateX(-50%);
    margin: 26px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .step .controls-panel {
        left:0;
        width: 100%;
        transform: translateX(0%);
        margin: 22px 0
    }
}

.subpage .profil-picture-modal .step .controls-panel #slider {
    height: 3px;
    border: 0;
    width: 98%;
    background: #dadcdd;
    left: 1%
}

.subpage .profil-picture-modal .step .controls-panel #slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .step .controls-panel #slider .ui-slider-handle {
        top:-6px
    }
}

.subpage .profil-picture-modal .step .controls-panel .icn {
    position: absolute;
    font-size: 20px;
    font-size: 1.25rem;
    color: #445056;
    z-index: 3;
    top: -10px;
    background: #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .profil-picture-modal .step .controls-panel .icn {
        top:-7px
    }
}

.subpage .profil-picture-modal .step .controls-panel .icn.left {
    left: 0
}

.subpage .profil-picture-modal .step .controls-panel .icn.right {
    right: 3px
}

.subpage .profil-picture-modal .step .controls-panel .icn:hover,.subpage .profil-picture-modal .step .controls-panel .icn:focus {
    color: #000
}

.subpage .profil-picture-modal .step .modal-footer {
    margin-top: 15px
}

.subpage .accordion-box {
    background: #fff;
    border: 1px solid #445056;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 0 20px
}

.subpage .accordion-box .t-header {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    padding: 20px 0;
    padding-right: 20px
}

.subpage .accordion-box .t-header i {
    position: absolute;
    font-size: 11px;
    font-size: .6875rem;
    right: 0;
    top: 50%;
    margin-top: -5px;
    color: #445056;
    -moz-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
    transition: transform 1s ease;
    transform: rotate(0deg)
}

.subpage .accordion-box .t-header.active i {
    transform: rotate(-180deg)
}

.subpage .accordion-box .t-header label {
    position: relative;
    padding-left: 30px
}

.subpage .accordion-box .t-header label .iradio_flat-grey,.subpage .accordion-box .t-header label .icheckbox_flat-grey {
    position: absolute;
    left: 0
}

.subpage .accordion-box .t-header .iradio_flat-grey,.subpage .accordion-box .t-header .icheckbox_flat-grey {
    position: absolute;
    left: 0;
    z-index: 2
}

.subpage .accordion-box .t-header.disabled {
    pointer-events: none;
    opacity: .5
}

.subpage .accordion-box .t-content {
    padding: 0 0 0 0;
    display: none
}

.subpage .accordion-box .t-content .text-icon {
    padding-top: 1px
}

.subpage .accordion-box .t-content table {
    margin-bottom: 0
}

.subpage .accordion-box .t-content table tr td {
    border-color: transparent
}

.subpage .accordion-box .t-content .form-group input {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .accordion-box .t-content .form-group input {
        width:100%
    }
}

.subpage .accordion-box .t-content .form-group .icn {
    font-size: 14.5px;
    font-size: .90625rem;
    top: 11px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .accordion-box .t-content .form-group .icn {
        font-size:15.5px;
        font-size: .96875rem;
        top: 12px
    }
}

.subpage .accordion-box .t-content .slide-wrap {
    padding: 10px 0;
    position: relative
}

@media only screen and (max-width: 991px) {
    .subpage .accordion-box .t-content .slide-wrap {
        padding-top:30px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .accordion-box .t-content .slide-wrap {
        margin-bottom:10px
    }
}

.subpage .accordion-box .t-content .slide-wrap .start-value,.subpage .accordion-box .t-content .slide-wrap .end-value {
    position: absolute;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .subpage .accordion-box .t-content .slide-wrap .start-value,.subpage .accordion-box .t-content .slide-wrap .end-value {
        top:0
    }
}

.subpage .accordion-box .t-content .slide-wrap .start-value {
    left: 0
}

.subpage .accordion-box .t-content .slide-wrap .end-value {
    right: 10px;
    width: 115px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .subpage .accordion-box .t-content .slide-wrap .end-value {
        width:auto
    }
}

.subpage .accordion-box .t-content .slide-wrap .slider-type-one {
    margin-left: 50px;
    margin-right: 135px
}

.subpage .accordion-box .t-content .slide-wrap .slider-type-one .ui-slider-handle {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

@media only screen and (max-width: 991px) {
    .subpage .accordion-box .t-content .slide-wrap .slider-type-one {
        margin:0
    }
}

.subpage .accordion-box .t-content .slide-value {
    padding: 10px 40px 10px 20px;
    border: 1px solid #8a8d90;
    border-radius: 7px;
    text-align: right
}

.subpage .accordion-box .t-content .switch-cont {
    margin-bottom: 0
}

.subpage .accordion-box .t-content .switch-cont>span {
    padding-top: 0
}

.subpage .accordion-box .t-content .operations-blocks .title {
    padding-bottom: 0
}

.subpage .accordion-box .t-content .operations-blocks .text-small {
    padding-top: 15px
}

.subpage .accordion-box .t-content .operations-blocks.list-item {
    margin-top: 5px;
    margin-bottom: 20px !important
}

.subpage .accordion-box.active .t-content {
    display: block
}

.subpage .access-time table {
    width: 100%;
    table-layout: fixed
}

.subpage .access-time table thead th {
    padding-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .subpage .access-time table tbody tr {
        display:block;
        background: #fff;
        margin-bottom: 16px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 20px
    }
}

.subpage .access-time table tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f4
}

@media only screen and (max-width: 991px) {
    .subpage .access-time table tbody tr td {
        display:block;
        border: none;
        padding: 10px 0
    }
}

@media only screen and (min-width: 992px) {
    .subpage .access-time table tbody tr td {
        overflow:hidden
    }
}

.subpage .access-time table tbody tr td:first-child {
    width: 300px
}

@media only screen and (max-width: 991px) {
    .subpage .access-time table tbody tr td:first-child {
        width:auto;
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .subpage .access-time table tbody tr td:last-child {
        padding-bottom:0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .access-time table tbody tr td label {
        line-height:1.5
    }
}

.subpage .access-time table tbody tr:last-child td {
    border: none
}

.subpage .access-time .slide-wrap {
    padding: 10px 0;
    position: relative
}

.subpage .access-time .slide-wrap .start-value,.subpage .access-time .slide-wrap .end-value {
    position: absolute;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .subpage .access-time .slide-wrap .start-value,.subpage .access-time .slide-wrap .end-value {
        top:0;
        display: none
    }
}

.subpage .access-time .slide-wrap .start-value {
    left: 0
}

.subpage .access-time .slide-wrap .end-value {
    right: 10px;
    width: 50px;
    text-align: right !important
}

@media only screen and (max-width: 991px) {
    .subpage .access-time .slide-wrap .end-value {
        width:auto
    }
}

.subpage .access-time .slide-wrap .slider-type-two {
    margin-left: 70px;
    margin-right: 105px
}

@media only screen and (max-width: 991px) {
    .subpage .access-time .slide-wrap .slider-type-two {
        margin-left:7px;
        margin-right: 38px
    }
}

.subpage .access-time .slide-wrap .slider-type-two:before {
    content: "";
    height: 2px;
    width: 22px;
    position: absolute;
    right: -22px;
    top: -1px;
    background: #445056
}

.subpage .access-time .scroll {
    max-height: 350px;
    height: 350px
}

@media only screen and (max-width: 1024px) {
    .subpage .access-time .scroll {
        overflow:auto;
        max-height: none
    }
}

.subpage .approval-loading svg path:first-child {
    stroke: #91969b
}

.subpage .survey-box {
    padding: 0 !important;
    background: transparent !important
}

.subpage .survey-box .survey-item {
    position: relative;
    padding: 24px 24px 24px 0;
    background: #fff
}

.subpage .survey-box .survey-item.icn {
    padding-left: 83px
}

.subpage .survey-box .survey-item.icn:before {
    position: absolute;
    left: 24px;
    color: #39ca00;
    font-size: 35px;
    font-size: 2.1875rem
}

.subpage .survey-box .survey-item.icn.icn-red:before {
    color: #e00513
}

.subpage .survey-box .survey-item span {
    font-weight: 600;
    font-family: 'Gotham Narrow';
    margin-bottom: 5px;
    display: inline-block
}

.subpage .survey-box .survey-item p {
    font-family: 'Gotham Narrow Book';
    font-weight: 400;
    color: #899093;
    margin: 0;
    padding: 0;
    line-height: 1.3
}

.subpage .survey-box .survey-item:nth-child(even) {
    background: #f3f4f5
}

.subpage .survey-box .survey-item:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.subpage .survey-box .survey-item:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.subpage .compatibility {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.subpage .compatibility h4 {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 18px;
    font-size: 1.125rem
}

.subpage .compatibility .text {
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 15px;
    display: inline-block
}

.subpage .compatibility .item {
    background: #fff;
    padding: 15px
}

.subpage .compatibility .item:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.subpage .compatibility .item:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.subpage .compatibility .item:nth-child(even) {
    background: #f3f4f5
}

.subpage .compatibility table .custom-link {
    margin-right: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    position: relative;
    top: 2px
}

.subpage .compatibility table tr td {
    font-size: 14px !important;
    font-size: .875rem !important
}

.subpage .compatibility table tr td .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.subpage .compatibility table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px
}

.subpage .compatibility table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .transaction table tr td {
        border-bottom:1px solid #e9ebeb;
        line-height: 20px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .transaction table tr:last-child td {
        border-bottom:0
    }
}

.subpage .panel-group {
    margin-bottom: 30px
}

.subpage .panel-group .panel-template-opacity {
    margin-top: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,.4);
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.4)
}

.subpage .panel-group .panel-template-opacity .panel-heading {
    padding: 28px 20px;
    display: block;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .panel-group .panel-template-opacity .panel-heading {
        padding-left:20px;
        padding-right: 60px
    }
}

.subpage .panel-group .panel-template-opacity .panel-heading .panel-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #445056;
    line-height: 22px;
    padding-right: 30px
}

.subpage .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text {
    padding-left: 65px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text {
        padding-left:50px
    }
}

.subpage .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text i {
    top: 50%;
    margin-top: -20px;
    font-size: 42px;
    font-size: 2.625rem;
    position: absolute;
    left: 20px;
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text i {
        left:20px
    }
}

.subpage .panel-group .panel-template-opacity .panel-heading[data-toggle="collapse"]:after {
    font-family: 'icomoon' !important;
    content: "";
    font-size: 12px;
    font-size: .75rem;
    color: #445056;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .panel-group .panel-template-opacity .panel-heading[data-toggle="collapse"]:after {
        right:25px
    }
}

.subpage .panel-group .panel-template-opacity .panel-heading[data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.subpage .panel-group .panel-template-opacity:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.subpage .panel-group .panel-template-opacity:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-color: transparent;
    background: #fff
}

.subpage .panel-group .panel-template-opacity .panel-body {
    padding: 0 46px 30px 20px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 22px;
    font-family: 'Gotham Narrow Book'
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .panel-group .panel-template-opacity .panel-body {
        padding-left:20px;
        padding-right: 20px
    }
}

.subpage .panel-group .panel-template-opacity .panel-body ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.subpage .panel-group .panel-template-opacity .panel-body ul li a {
    color: #445056;
    text-decoration: underline
}

.subpage .panel-group .panel-template-opacity .panel-body ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    top: 7px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #445056
}

.subpage .panel-group .panel-template-opacity .video-thumbs .scroll {
    height: 325px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .subpage .panel-group .panel-template-opacity .video-thumbs .scroll {
        overflow:auto
    }
}

.subpage .panel-group .panel-template-opacity .video-thumbs li {
    margin-bottom: 10px;
    padding-left: 0 !important
}

.subpage .panel-group .panel-template-opacity .video-thumbs li:before {
    background: transparent !important
}

.subpage .panel-group .panel-template-opacity .video-thumbs li a {
    padding-left: 70px;
    position: relative;
    display: table;
    width: 100%
}

.subpage .panel-group .panel-template-opacity .video-thumbs li a img {
    position: absolute;
    left: 0;
    top: 0
}

.subpage .panel-group .panel-template-opacity .video-thumbs li a span {
    color: #445056;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Gotham Narrow";
    display: table-cell;
    height: 57px;
    padding: 7px 0;
    border-bottom: 1px solid #cfd6dc;
    vertical-align: middle
}

.subpage .panel-group .panel-template-opacity .video-thumbs li:last-child {
    margin: 0
}

.subpage .panel-group .panel-template-opacity .video-thumbs li:last-child a span {
    border: none
}

.subpage .playerThumb {
    padding: 30px 20px
}

.subpage .playerThumb li {
    text-align: center
}

.subpage .playerThumb li a {
    color: #445056;
    font-family: "Gotham Narrow";
    display: inline-block
}

.subpage .playerThumb li a img {
    float: left;
    width: auto
}

.subpage .playerThumb li a span {
    float: left;
    width: 132px;
    text-align: left;
    margin-left: 10px;
    padding: 5px 0;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.3
}

.subpage .playerThumb .owl-item.select li a {
    color: #e10514
}

.subpage .playerThumb .owl-nav .owl-prev,.subpage .playerThumb .owl-nav .owl-next {
    font-family: 'icomoon' !important;
    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;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    text-align: center;
    background: rgba(255,255,255,.9);
    overflow: hidden;
    color: #445056
}

.subpage .playerThumb .owl-nav .owl-prev:before,.subpage .playerThumb .owl-nav .owl-next:before {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -11px
}

.subpage .playerThumb .owl-nav .owl-prev {
    left: 0
}

.subpage .playerThumb .owl-nav .owl-prev:before {
    content: ""
}

.subpage .playerThumb .owl-nav .owl-next {
    right: 0
}

.subpage .playerThumb .owl-nav .owl-next:before {
    content: ""
}

.subpage .status-list .table tr td a {
    color: #445056
}

.subpage .status-list .table tr:hover td a {
    color: #fff
}

.subpage .ret-modal .modal-header h1,.subpage .cancel-modal .modal-header h1 {
    font-size: 22px;
    font-size: 1.375pxrem;
    color: #445056;
    z-index: 1 !important;
    text-align: left !important
}

.subpage .ret-modal .modal-header {
    padding-bottom: 30px
}

.subpage .cancel-modal .modal-header h1 {
    position: relative;
    padding: 13px 0 13px 65px !important
}

.subpage .cancel-modal .modal-header h1 i {
    font-size: 48px;
    font-size: 3pxrem;
    position: absolute;
    left: 0;
    top: 0
}

.subpage .cancel-modal .modal-header .close {
    top: 30px
}

.subpage .avantajmodal .modal-dialog {
    width: 360px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .avantajmodal .modal-dialog {
        width:auto
    }
}

.subpage .avantajmodal .modal-dialog .modal-content {
    text-align: center;
    padding: 45px 30px;
    background: #f0f0f0
}

.subpage .avantajmodal .modal-dialog .modal-content .modal-header {
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9999
}

.subpage .avantajmodal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.subpage .avantajmodal .modal-dialog .modal-content .modal-body h3.title {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #272c30
}

.subpage .avantajmodal .modal-dialog .modal-content .modal-body p {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #445056
}

.subpage .avantajmodal .modal-dialog .modal-content .modal-body .avantaj-modal-box span.avantaj-icon {
    background: #fff;
    width: 130px;
    height: 130px;
    position: relative;
    border-radius: 50%;
    display: block;
    margin: 0 auto
}

.subpage .avantajmodal .modal-dialog .modal-content .modal-body .avantaj-modal-box span.avantaj-icon i {
    position: absolute;
    font-size: 80px;
    top: 25px;
    left: 0;
    right: 0
}

.subpage .hedefmodal {
    top: 20%
}

.subpage .hedefmodal .modal-dialog {
    width: 360px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .hedefmodal .modal-dialog {
        width:auto
    }
}

.subpage .hedefmodal .modal-dialog .modal-content {
    text-align: center;
    padding: 45px 30px;
    background: #f0f0f0
}

.subpage .hedefmodal .modal-dialog .modal-content .modal-header {
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9999
}

.subpage .hedefmodal .modal-dialog .modal-content .modal-body {
    padding: 0
}

.subpage .hedefmodal .modal-dialog .modal-content .modal-body h3.title {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #272c30
}

.subpage .hedefmodal .modal-dialog .modal-content .modal-body p {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #445056
}

.subpage .hedefmodal .modal-dialog .modal-content .modal-body .hedef-modal-box span.hedef-icon {
    background: #fff;
    width: 130px;
    height: 130px;
    position: relative;
    border-radius: 50%;
    display: block;
    margin: 0 auto
}

.subpage .hedefmodal .modal-dialog .modal-content .modal-body .hedef-modal-box span.hedef-icon i {
    position: absolute;
    font-size: 80px;
    top: 25px;
    left: 0;
    right: 0;
    color: #fff
}

.subpage .reports-wrapper .reports {
    margin-bottom: 20px
}

.subpage .reports-wrapper .reports li {
    border-bottom: 1px solid #445056;
    position: relative;
    padding: 15px 40px;
    color: #2a2f34;
    display: block;
    cursor: pointer
}

.subpage .reports-wrapper .reports li a {
    color: #2a2f34;
    display: block
}

.subpage .reports-wrapper .reports li .icon-Excel_Icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center;
    margin-top: -10px
}

.subpage .reports-wrapper .reports li .icon-indir {
    position: absolute;
    width: 80px;
    height: 100%;
    top: 0;
    right: 0;
    line-height: 45px;
    font-size: 20px;
    text-align: center
}

.subpage .reports-wrapper .reports li .icon-indir span.indir-text {
    font-family: 'Gotham Narrow' !important;
    font-size: 16px !important;
    margin-left: 8px
}

.subpage .reports-wrapper .reports li .text {
    display: block;
    position: relative;
    line-height: 1.3;
    font-weight: 600
}

.campaing-subpages {
    position: fixed;
    bottom: -100%;
    height: 64px;
    background: #e10514;
    width: 100%;
    left: 0;
    z-index: 49;
    display: table;
    padding: 0 56px 0 15px
}

.campaing-subpages .text {
    font-family: 'Gotham Narrow';
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.campaing-subpages .text a {
    color: #fff
}

.campaing-subpages .icn {
    position: absolute;
    right: 16px;
    color: #fff;
    font-size: 23px;
    font-size: 1.4375rem;
    top: 50%;
    margin-top: -10px
}

.mobilTableList {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Gotham Narrow';
    margin-top: 20px;
    display: block;
    overflow: hidden
}

.mobilTableList li.odd {
    background: #f3f4f5
}

.mobilTableList .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #445056;
    padding: 18px 16px;
    border-bottom: 1px solid #dadcdd;
    width: 100%;
    display: inline-block;
    line-height: 1.3
}

.mobilTableList .small-title {
    font-weight: 600
}

.mobilTableList span {
    font-size: 15px;
    font-size: .9375rem;
    color: #445056;
    padding: 15px 0;
    display: inline-block;
    line-height: 1.3
}

.mobilTableList span:first-child {
    padding-left: 16px
}

.mobilTableList span:last-child {
    padding-right: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content h1 {
        text-align:center;
        margin-bottom: 15px;
        padding-left: 25px;
        padding-right: 25px;
        position: relative;
        z-index: 10
    }

    .subpage .wrapper .content>.home-page {
        position: absolute;
        height: auto;
        top: 19px;
        right: 20px;
        color: #1d1d1b;
        font-size: 22px;
        font-size: 1.375rem;
        z-index: 15
    }

    .subpage .wrapper .content .page-back {
        position: absolute;
        top: 19px;
        left: 20px;
        z-index: 15
    }
}

.gu-mirror {
    list-style: none;
    width: 100%;
    display: none
}

.gu-mirror a {
    position: relative;
    padding: 15px 40px;
    color: #000;
    display: block
}

.gu-mirror a:before {
    content: ''
}

.gu-mirror a:hover:after {
    display: none
}

.gu-mirror a .icon-delete {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 10px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 45px;
    text-align: center;
    margin-top: -10px
}

.gu-mirror a .icon-drag {
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
    line-height: 45px;
    font-size: 14px;
    font-size: .875rem;
    text-align: center
}

.gu-mirror:last-child {
    border: none
}

.securty-images-wrap {
    text-align: center
}

.securty-images-wrap>p {
    padding-left: 20px
}

@media(min-width: 768px) and (max-width:991px) {
    .securty-images-wrap>p {
        padding-left:0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .securty-images-wrap>p {
        padding-left:0
    }
}

.securty-images-wrap ul {
    max-width: 700px;
    margin: auto
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .securty-images-wrap ul {
        max-width:350px
    }
}

.securty-images-wrap ul li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .securty-images-wrap ul li {
        width:50%
    }
}

.securty-images-wrap ul li a {
    display: block;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    border-radius: 50%;
    position: relative
}

.securty-images-wrap ul li a img {
    width: 100%
}

.securty-images-wrap ul li.active:before {
    content: "";
    font-family: 'icomoon' !important;
    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;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 20;
    color: #84b618;
    font-size: 40px
}

.securty-images-wrap ul li.active a {
    border: 2px solid #84b618
}

.securty-images-wrap .selected-images-box {
    background: #efefef;
    padding: 40px;
    text-align: center;
    border-radius: 5px
}

@media(min-width: 768px) and (max-width:991px) {
    .securty-images-wrap .selected-images-box {
        margin-bottom:30px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .securty-images-wrap .selected-images-box {
        margin-bottom:30px
    }
}

.securty-images-wrap .selected-images-box a {
    display: block;
    border: 1px solid #dbdbdb;
    overflow: hidden;
    border-radius: 50%;
    max-width: 110px;
    margin: auto
}

.securty-images-wrap .selected-images-box a img {
    width: 100%
}

.securty-images-wrap .selected-images-box p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0
}

.securty-images-wrap.replace ul li {
    padding: 0 15px
}

.detay-raporlama-wrapper .box-white.account-info table td {
    border: none !important
}

.detay-raporlama-wrapper .nav-table-div ul li {
    border: none !important;
    background: none !important
}

.detay-raporlama-wrapper .nav-table-div ul li a {
    opacity: .5 !important;
    border-bottom: 2px solid #898e94 !important
}

.detay-raporlama-wrapper .nav-table-div ul li a:hover {
    color: #445056 !important
}

.detay-raporlama-wrapper .nav-table-div ul li.active {
    border: none !important;
    background: none !important
}

.detay-raporlama-wrapper .nav-table-div ul li.active a {
    background: none !important;
    color: #445056 !important;
    border-radius: 0 !important;
    border-color: #e10514 !important;
    opacity: 1 !important
}

.reports-chart-tabs .campaing-chart {
    padding: 20px !important;
    margin: 0 !important;
    border-radius: 12px 12px 0 0 !important
}

.reports-chart-tabs .campaing-chart .chartTableBox .account-info .td {
    font-size: 12px !important
}

.reports-chart-tabs a.more-detail {
    display: block;
    width: 100%;
    background-color: #e9edf0;
    color: #acb5b9;
    border-bottom: 2px solid #acb5b9;
    height: 50px;
    text-align: center;
    border-radius: 0 0 12px 12px !important
}

.reports-chart-tabs a.more-detail i {
    padding-top: 15px;
    display: block
}

.component-btn .right {
    float: right
}

.component-btn .left {
    float: left
}

.component-btn .clear {
    clear: both
}

.dijital-sube-wrapper p {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #445056
}

.dijital-sube-wrapper .accordion-list .accordion-box .t-content p {
    font-family: 'Gotham Narrow';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #445056;
    margin-top: 0
}

.dijital-sube-wrapper .accordion-list .accordion-box .t-content ul.list li {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #445056;
    position: relative;
    padding-left: 17px
}

.dijital-sube-wrapper .accordion-list .accordion-box .t-content ul.list li:before {
    content: "";
    position: absolute;
    left: 0;
    font-size: 5px;
    font-size: .3125rem;
    top: 1px;
    font-family: 'icomoon' !important
}

.dijital-sube-wrapper .box-white {
    padding: 10px 30px !important
}

@media(min-width: 768px) and (max-width:991px) {
    .dijital-sube-wrapper .box-white {
        background-color:transparent !important
    }

    .dijital-sube-wrapper .box-white.accordion-wrapper {
        background-color: #fff !important
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .dijital-sube-wrapper .box-white {
        background-color:transparent !important
    }

    .dijital-sube-wrapper .box-white.accordion-wrapper {
        background-color: #fff !important
    }
}

.dijital-sube-wrapper .box-white.fixedHeight {
    height: 442px;
    padding: 20px !important
}

@media(min-width: 768px) and (max-width:991px) {
    .dijital-sube-wrapper .box-white.fixedHeight {
        padding:0 !important
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .dijital-sube-wrapper .box-white.fixedHeight {
        padding:0 !important
    }
}

.dijital-sube-wrapper .box-white.fixedHeight span.box-icon {
    display: block;
    border: none;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    position: relative
}

.dijital-sube-wrapper .box-white.fixedHeight span i {
    font-size: 40px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 0;
    right: 0
}

.dijital-sube-wrapper .box-white.fixedHeight span.kartli-alisveris {
    background: #ff7604
}

.dijital-sube-wrapper .box-white.fixedHeight span.mobil-aktiflik {
    background: #fba90b
}

.dijital-sube-wrapper .box-white.fixedHeight span.basak-hesap {
    background: #e6c40d
}

.dijital-sube-wrapper .box-white.fixedHeight span.kmh-kullanimi {
    background: #a7ba36
}

.dijital-sube-wrapper .box-white.fixedHeight span.qrcode-alisveris {
    background: #7fb846
}

.dijital-sube-wrapper .box-white.fixedHeight span.yatirim {
    background: #54c7b2
}

.dijital-sube-wrapper .box-white.fixedHeight span.islem {
    background: #48aad3
}

.dijital-sube-wrapper .box-white.fixedHeight span.dijitalkredi {
    background: #768abc
}

.dijital-sube-wrapper .box-white.fixedHeight span.sigorta {
    background: #ab7ed9
}

.dijital-sube-wrapper .box-white.fixedHeight span.maas {
    background: #de67cb
}

.dijital-sube-wrapper .box-white.fixedHeight span.mevduat1 {
    background: #dc5b89
}

.dijital-sube-wrapper .box-white.fixedHeight span.mevduat2 {
    background: #e45860
}

.dijital-sube-wrapper .box-white.fixedHeight span.otomatik-odeme {
    background: #c88c8c
}

.dijital-sube-wrapper .box-white.fixedHeight span.duzenli-odeme {
    background: #a3a29b
}

.dijital-sube-wrapper .box-white.fixedHeight span.varlik-buyuklugu {
    background: #3f86ba
}

.dijital-sube-wrapper .box-white.fixedHeight span.kredi-buyuklugu {
    background: #2596be
}

.dijital-sube-wrapper .box-white.fixedHeight span.kkm-varlik-buyuklugu {
    background: #445194
}

.dijital-sube-wrapper .box-white.fixedHeight span.acikbankacilik-islemlerim {
    background: #7952aa
}

.dijital-sube-wrapper .box-white.fixedHeight span.dogun-gunu-sonraki-ay {
    background: #c39043
}

.dijital-sube-wrapper .box-white.fixedHeight .box-inner {
    overflow-y: scroll;
    height: 404px
}

@media(min-width: 768px) and (max-width:991px) {
    .dijital-sube-wrapper .box-white.fixedHeight .box-inner {
        overflow-y:visible;
        height: 100%
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .dijital-sube-wrapper .box-white.fixedHeight .box-inner {
        overflow-y:visible;
        height: 100%
    }
}

.dijital-sube-wrapper .box-white.fixedHeight .box-inner::-webkit-scrollbar {
    width: 4px
}

.dijital-sube-wrapper .box-white.fixedHeight .box-inner::-webkit-scrollbar-track {
    background: #f1f1f1
}

.dijital-sube-wrapper .box-white.fixedHeight .box-inner::-webkit-scrollbar-thumb {
    background: #888
}

.dijital-sube-wrapper .box-white.fixedHeight .box-inner::-webkit-scrollbar-thumb:hover {
    background: #555
}

.dijital-sube-wrapper .box-white .hedef-box {
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 6px;
    text-align: center;
    padding: 30px 20px;
    margin-bottom: 20px;
    background-color: #fff
}

.dijital-sube-wrapper .box-white .hedef-box.done i.icon-basarili {
    position: absolute;
    font-size: 10px;
    top: 14px;
    right: 22px
}

.dijital-sube-wrapper .box-white .hedef-box.mbNone {
    margin-bottom: 0
}

.dijital-sube-wrapper .box-white .hedef-box:hover,.dijital-sube-wrapper .box-white .hedef-box.active {
    background: #f9f9f9;
    cursor: pointer
}

.dijital-sube-wrapper .box-white .hedef-box h3 {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #445056;
    margin: 0
}

.dijital-sube-wrapper .box-white .hedef-box i.icon-star {
    position: absolute;
    font-size: 10px;
    top: 7px;
    left: 22px;
    font-size: 20px;
    color: #f00
}

.dijital-sube-wrapper .box-white .hedef-box-big {
    border: 1px solid #dedede;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #445056;
    padding: 53px 23px 20px 23px;
    height: 401px;
    cursor: default;
    background: #f9f9f9
}

.dijital-sube-wrapper .box-white .hedef-box-big h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #272c30
}

.dijital-sube-wrapper .box-white .hedef-box-big span.box-icon {
    display: block;
    border: none;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 25px;
    width: 100px;
    height: 100px;
    position: relative
}

.dijital-sube-wrapper .box-white .hedef-box-big span i {
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 25px;
    left: 0;
    bottom: 0;
    right: 0
}

.dijital-sube-wrapper .box-white .accordion-list .accordion-box {
    border: none;
    border-bottom: 1px solid #d3d3d3;
    border-radius: 0;
    padding: 0;
    margin: 0
}

.dijital-sube-wrapper .box-white .accordion-list .accordion-box:last-child {
    border: none
}

.dijital-sube-wrapper .box-white .accordion-list .accordion-box .t-header {
    padding: 20px 20px 20px 0
}

.dijital-sube-wrapper .count-box {
    margin-bottom: 45px
}

.dijital-sube-wrapper .count-box span {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #445056;
    float: left;
    display: block
}

.dijital-sube-wrapper .count-box span.count {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .dijital-sube-wrapper .count-box span.count {
        border-right:none
    }
}

.dijital-sube-wrapper .count-box span.count-info {
    margin-bottom: 10px
}

.dijital-sube-wrapper .count-box span.dijital-platin {
    float: right
}

.dijital-sube-wrapper .count-box span.dijital-platin i.icon-basarili {
    color: #e10514
}

.dijital-sube-wrapper .count-box .hedef-count-wrap {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px
}

.dijital-sube-wrapper .count-box .hedef-count-wrap span.hedef-count-item {
    display: flex;
    width: 13%;
    background: #445056;
    border-radius: 6px;
    height: 6px;
    margin: 5px;
    flex-grow: 1;
    position: relative;
    opacity: .2
}

.dijital-sube-wrapper .count-box .hedef-count-wrap span.hedef-count-item.done {
    background: #e10514;
    opacity: 1
}

.dijital-sube-wrapper .count-box .hedef-count-wrap span.hedef-count-item.done:last-child:before {
    border-color: #e10514 transparent transparent transparent
}

.dijital-sube-wrapper .count-box .hedef-count-wrap span.hedef-count-item:last-child:before {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #445056 transparent transparent transparent;
    content: ""
}

.dijital-sube-wrapper .box-avantajlar {
    padding: 0
}

.dijital-sube-wrapper .box-avantajlar .avantaj-box {
    background: #fff;
    border-radius: 10px;
    height: 210px;
    padding: 20px 6px 20px 6px;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: padding-box;
    position: relative;
    cursor: pointer
}

.dijital-sube-wrapper .box-avantajlar .avantaj-box h3 {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #445056
}

.dijital-sube-wrapper .box-avantajlar .avantaj-box span.avantaj-icon {
    display: block;
    border: none;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 80px;
    height: 50px;
    position: relative
}

.dijital-sube-wrapper .box-avantajlar .avantaj-box span.avantaj-icon i {
    font-size: 70px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.dijital-sube-wrapper .box-avantajlar .avantaj-box span.platin {
    background: #e10514;
    border-radius: 20px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    left: 25px;
    right: 25px;
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    text-align: center;
    color: #fff;
    padding: 6px 5px
}

.dijital-sube-wrapper .chcklabel {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #445056;
    margin-bottom: 22px
}

.dijital-sube-wrapper .info-box {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    height: 330px;
    margin-bottom: 20px
}

.dijital-sube-wrapper .info-box .info-box-inner {
    overflow-y: scroll;
    height: 290px
}

.dijital-sube-wrapper .info-box .info-box-inner::-webkit-scrollbar {
    width: 4px
}

.dijital-sube-wrapper .info-box .info-box-inner::-webkit-scrollbar-track {
    background: #f1f1f1
}

.dijital-sube-wrapper .info-box .info-box-inner::-webkit-scrollbar-thumb {
    background: #888
}

.dijital-sube-wrapper .info-box .info-box-inner::-webkit-scrollbar-thumb:hover {
    background: #555
}

.dijital-sube-wrapper .info-box p {
    font-family: 'Gotham Narrow Book' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #445056
}

.acik-bankacilik h3.title {
    color: #272c30;
    font-family: 'Gotham Narrow';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.acik-bankacilik .mB20 {
    margin-bottom: 20px
}

.acik-bankacilik .form-group label {
    color: #272c30;
    font-family: 'Gotham Narrow Book' !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 325;
    line-height: normal
}

.acik-bankacilik .form-group label .icon-dashboard-info {
    font-size: 1.125rem
}

.acik-bankacilik .nav-table-div {
    margin-top: 20px
}

.acik-bankacilik .other-bank-info {
    margin-bottom: 15px
}

.acik-bankacilik .other-bank-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.acik-bankacilik .other-bank-block div {
    display: flex;
    align-items: center;
    gap: 10px
}

.acik-bankacilik .other-bank-block div .other-bank-logo {
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 50%
}

.acik-bankacilik .other-bank-block div.last-update {
    flex-direction: column
}

.acik-bankacilik .other-bank-block div.last-update span {
    color: #272c30;
    text-align: right;
    font-family: 'Gotham Narrow Book' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 325
}

.acik-bankacilik .other-bank-block span {
    display: block
}

.acik-bankacilik .other-bank-block span.title {
    color: #272c30;
    font-family: Gotham Narrow;
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 16px
}

.acik-bankacilik .other-bank-block-total {
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around
}

.acik-bankacilik .other-bank-block-total span {
    display: block;
    color: #272c30;
    text-align: right;
    font-family: 'Gotham Narrow Book' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 325
}

.acik-bankacilik .manuel-select span.title {
    color: #272c30;
    font-family: 'Gotham Narrow';
    font-size: 15px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    margin-bottom: 15px
}

.acik-bankacilik .manuel-select input[type="checkbox"] {
    vertical-align: middle;
    left: -10000px
}

.acik-bankacilik .manuel-select input[type="checkbox"]+label {
    padding-left: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    color: #272c30;
    font-family: 'Gotham Narrow Book' !important
}

.acik-bankacilik .manuel-select input[type="checkbox"]+label:hover:after {
    border: 2px solid #000
}

.acik-bankacilik .manuel-select input[type="checkbox"]+label:before,.acik-bankacilik .manuel-select input[type="checkbox"]+label:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -1px;
    left: 0
}

.acik-bankacilik .manuel-select input[type="checkbox"]+label:after {
    font-family: 'icomoon' !important;
    color: #7d7d7d;
    font-size: 20px;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #7d7d7d
}

.acik-bankacilik .manuel-select input[type="checkbox"]+label:before {
    height: 18px;
    width: 18px
}

.acik-bankacilik .manuel-select input[type="checkbox"]:focus+label:before {
    border-color: #b7aa6d
}

.acik-bankacilik .manuel-select input[type="checkbox"][disabled]:checked+label:after {
    background: #7d7d7d
}

.acik-bankacilik .manuel-select input[type="checkbox"]:checked+label:after {
    border: none;
    border-radius: 4px;
    background: #e10514
}

.acik-bankacilik .manuel-select input[type="checkbox"]:checked+label:before {
    content: "";
    font-family: 'icomoon' !important;
    color: #fff;
    font-size: 7px;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 1
}

.acik-bankacilik .nav.transparent {
    border-radius: 0
}

.acik-bankacilik .nav.transparent li a {
    background-color: transparent !important;
    text-align: center;
    font-family: Gotham Narrow;
    font-size: 17px;
    font-style: normal;
    font-weight: 350;
    line-height: 20px;
    border: none;
    border-radius: 0
}

.acik-bankacilik .nav.transparent li a:before {
    display: none
}

.acik-bankacilik .nav.transparent li.active a {
    color: #e10514;
    border: none
}

.acik-bankacilik .noresult {
    display: flex;
    justify-content: center;
    align-items: center
}

.acik-bankacilik .noresult .noresult-inner {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 10%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .noresult .noresult-inner {
        width:90%
    }
}

.acik-bankacilik .noresult .noresult-inner h3 {
    color: #272c30;
    text-align: center;
    font-family: Gotham Narrow;
    font-size: 22px;
    font-style: normal;
    font-weight: 350;
    line-height: 26px
}

.acik-bankacilik .noresult .noresult-inner p {
    color: #272c30;
    text-align: center;
    font-family: 'Gotham Narrow Book' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 325;
    line-height: 22px;
    margin-top: 0
}

.acik-bankacilik .box-white.account-info hr {
    margin: 20px 15px !important
}

.acik-bankacilik .box-white.account-info table tr td .icon-dashboard-info {
    font-size: 1.125rem
}

.acik-bankacilik .box-white.account-info table tr td .riza-bilgileri {
    text-align: right !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info table tr td .riza-bilgileri {
        text-align:left !important
    }
}

.acik-bankacilik .box-white.account-info.box-toggle {
    height: 106px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    overflow: hidden;
    padding-right: 64px !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info.box-toggle {
        padding-right:46px !important
    }
}

.acik-bankacilik .box-white.account-info.box-toggle table {
    position: relative
}

.acik-bankacilik .box-white.account-info.box-toggle table tr td .info-item .green {
    color: #71a109
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info.box-toggle table tr td:last-child .info-item {
        border:none
    }
}

.acik-bankacilik .box-white.account-info.box-toggle table tr:nth-child(n+3) {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info.box-toggle table tr:nth-child(n+2) {
        display:none
    }
}

.acik-bankacilik .box-white.account-info.box-toggle table:before {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    height: 18px;
    font-size: 13px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-family: 'icomoon' !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info.box-toggle table:before {
        font-size:10px
    }
}

.acik-bankacilik .box-white.account-info.box-toggle.active {
    height: auto
}

.acik-bankacilik .box-white.account-info.box-toggle.active table:before {
    transform: rotate(180deg)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info.box-toggle.active table td:last-child .info-item {
        border-bottom:1px solid #eee
    }
}

.acik-bankacilik .box-white.account-info.box-toggle.active tr:nth-child(n+3) {
    display: table-row
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .box-white.account-info.box-toggle.active tr:nth-child(n+2) {
        display:table-row
    }
}

.acik-bankacilik .hesap-bilgileri {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .hesap-bilgileri {
        flex-direction:column;
        align-items: flex-start
    }
}

.acik-bankacilik .hesap-bilgileri div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px
}

.acik-bankacilik .hesap-bilgileri div span {
    font-family: 'Gotham Narrow Book';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px
}

.acik-bankacilik .hesap-bilgileri div span strong {
    font-weight: 500;
    font-family: 'Gotham Narrow'
}

.acik-bankacilik .hesap-bilgileri div span.title {
    font-weight: 500;
    font-family: 'Gotham Narrow';
    font-size: 16px
}

.acik-bankacilik .hesap-bilgileri div a.btn {
    padding: 12px 35px;
    margin: 0;
    width: auto
}

.acik-bankacilik .hesap-bilgileri div:last-child {
    align-items: end
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .hesap-bilgileri div:last-child {
        flex-direction:row;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .acik-bankacilik .hesap-bilgileri div {
        width:100%
    }
}

.acik-bankacilik span.info-text {
    color: #000;
    font-family: 'Gotham Narrow Book' !important;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 25px;
    display: block
}

.acik-bankacilik span.info-text .icon-dashboard-info {
    font-size: 1.125rem
}

.permission-modal .modal-body p {
    color: #424242;
    font-family: 'Gotham Narrow';
    font-size: 15px;
    font-style: normal;
    font-weight: 350;
    line-height: 24px;
    text-align: center;
    margin-bottom: 0 !important
}

.permission-modal .modal-footer {
    margin-top: 0
}

.permission-modal .modal-footer .btn-danger {
    margin-bottom: 10px
}

.fullpage {
    background: url("../../img/bg-subpage.jpg") no-repeat center center;
    background-attachment: fixed;
    background-size: cover
}

.fullpage .wrapper {
    background: none;
    max-width: 1366px
}

.fullpage .wrapper .content {
    padding: 30px 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content {
        padding:20px
    }
}

.fullpage .wrapper .content h1 {
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 16px
}

.fullpage .wrapper .content .content-body {
    min-height: 450px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .content-body {
        min-height:inherit
    }
}

.fullpage .wrapper .content .content-body p {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Gotham Narrow Book';
    margin-bottom: 16px
}

.fullpage .wrapper .content .content-body p strong {
    font-family: 'Gotham Narrow'
}

.fullpage .wrapper .content .content-body .contract-wrap {
    background: #fff;
    padding: 40px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .content-body .contract-wrap {
        padding:20px
    }
}

.fullpage .wrapper .content .content-body .contract-wrap .scroll {
    max-height: 290px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .content-body .contract-wrap .scroll {
        overflow:auto
    }
}

.fullpage .wrapper .content .content-body .contract-wrap h4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Gotham Narrow';
    margin-bottom: 25px
}

.fullpage .wrapper .content .content-body .contract-wrap p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3
}

.fullpage .wrapper .content .content-body .contract-wrap p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .content-body .info-page {
        margin-bottom:20px
    }
}

.fullpage .wrapper .content .content-body .info-page p {
    font-family: 'Gotham Narrow';
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0
}

.fullpage .wrapper .content .content-body .info-page p small {
    font-family: 'Gotham Narrow Book';
    font-size: 16px;
    font-size: 1rem
}

.fullpage .wrapper .content .content-body .info-page p small strong {
    font-family: 'Gotham Narrow'
}

.fullpage .wrapper .content .content-body .info-list {
    max-width: 450px;
    margin: auto
}

.fullpage .wrapper .content .content-body .info-list p {
    margin-top: 0;
    position: relative;
    padding-left: 65px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3
}

.fullpage .wrapper .content .content-body .info-list p i {
    font-size: 48px;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: 0
}

.fullpage .wrapper .content .content-body .info-list p i.icon-basvurular {
    font-size: 40px;
    font-size: 2.5rem
}

.fullpage .wrapper .content .content-body .info-list .custom-link {
    margin-left: 65px;
    display: block
}

.fullpage .wrapper .content .content-body .form-wrap .captcha .captcha-form-control {
    padding-top: 0;
    padding-bottom: 0;
    display: table;
    padding-left: 10px;
    padding-right: 10px
}

.fullpage .wrapper .content .content-body .form-wrap .captcha .captcha-form-control div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.fullpage .wrapper .content .content-body .form-wrap .captcha .captcha-form-control div:first-child {
    padding-right: 10px
}

.fullpage .wrapper .content .content-body .form-wrap .captcha .captcha-form-control div .captcha-img {
    float: left
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .content-body .form-wrap .captcha .captcha-form-control div .captcha-img {
        width:auto
    }
}

.fullpage .wrapper .content .content-body .form-wrap .captcha .captcha-form-control div .icon-reload {
    font-size: 20px;
    font-size: 1.25rem;
    display: block;
    color: #e10514;
    right: 20px
}

.fullpage .wrapper .content .content-body .transaction-limit.box-white {
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit.box-white {
        padding:0;
        background: none
    }
}

.fullpage .wrapper .content .content-body .transaction-limit table {
    width: 100%;
    table-layout: fixed
}

.fullpage .wrapper .content .content-body .transaction-limit table thead th {
    padding-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit table tbody tr {
        display:block;
        background: #fff;
        margin-bottom: 16px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 20px
    }
}

.fullpage .wrapper .content .content-body .transaction-limit table tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f4
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit table tbody tr td {
        width:100%;
        display: block;
        border: none;
        padding: 10px 0
    }
}

.fullpage .wrapper .content .content-body .transaction-limit table tbody tr td:first-child {
    width: 300px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit table tbody tr td:first-child {
        width:100%;
        font-size: 18px;
        font-size: 1.125rem;
        padding-top: 0
    }
}

.fullpage .wrapper .content .content-body .transaction-limit table tbody tr td:last-child {
    width: 250px;
    text-align: right
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit table tbody tr td:last-child {
        width:100%;
        padding-bottom: 0
    }
}

.fullpage .wrapper .content .content-body .transaction-limit table tbody tr:last-child td {
    border: none
}

.fullpage .wrapper .content .content-body .transaction-limit table .form-group {
    margin-bottom: 0
}

.fullpage .wrapper .content .content-body .transaction-limit table .form-group input {
    padding-right: 35px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit table .form-group input {
        width:100%;
        display: block
    }
}

.fullpage .wrapper .content .content-body .transaction-limit table .form-group.tl:after {
    right: 15px;
    bottom: 13px
}

.fullpage .wrapper .content .content-body .transaction-limit table .form-group.tl i {
    right: 15px !important;
    bottom: 13px !important
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap {
    padding: 10px 0;
    position: relative
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit .slide-wrap {
        padding-top:30px
    }
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .indicator-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 20px;
    background: #445056;
    margin-top: -7px;
    margin-left: -43px
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .indicator-wrap .value {
    position: absolute;
    top: -28px;
    left: -35px;
    background: #e10514;
    padding: 5px 8px;
    border-radius: 4px;
    color: #fff;
    width: auto
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .indicator-wrap .value:before {
    content: "";
    display: block;
    position: absolute;
    border-color: #e10514 transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 50%;
    margin-left: -4px
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .start-value,.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .end-value {
    position: absolute;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .start-value,.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .end-value {
        top:0
    }
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .start-value {
    left: 0
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .end-value {
    right: 10px;
    width: 115px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .end-value {
        width:auto
    }
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .slider-type-one {
    margin-left: 50px;
    margin-right: 135px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit .slide-wrap .slider-type-one {
        margin:0
    }
}

.fullpage .wrapper .content .content-body .transaction-limit .slide-value {
    padding: 10px 20px;
    border: 1px solid #8a8d90;
    border-radius: 7px;
    text-align: right
}

.fullpage .wrapper .content .content-body .transaction-limit .scroll {
    max-height: 250px
}

@media only screen and (max-width: 1024px) {
    .fullpage .wrapper .content .content-body .transaction-limit .scroll {
        overflow:auto
    }
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .transaction-limit .scroll {
        overflow:visible;
        max-height: none
    }
}

.fullpage .wrapper .content .content-body .access-time.box-white {
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time.box-white {
        padding:0;
        background: none
    }
}

.fullpage .wrapper .content .content-body .access-time table {
    width: 100%;
    table-layout: fixed
}

.fullpage .wrapper .content .content-body .access-time table thead th {
    padding-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time table tbody tr {
        display:block;
        background: #fff;
        margin-bottom: 16px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 20px
    }
}

.fullpage .wrapper .content .content-body .access-time table tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f4
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time table tbody tr td {
        display:block;
        border: none;
        padding: 10px 0
    }
}

@media only screen and (min-width: 992px) {
    .fullpage .wrapper .content .content-body .access-time table tbody tr td {
        overflow:hidden
    }
}

.fullpage .wrapper .content .content-body .access-time table tbody tr td:first-child {
    width: 300px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time table tbody tr td:first-child {
        width:auto;
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time table tbody tr td:last-child {
        padding-bottom:0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .content-body .access-time table tbody tr td label {
        line-height:1.5
    }
}

.fullpage .wrapper .content .content-body .access-time table tbody tr:last-child td {
    border: none
}

.fullpage .wrapper .content .content-body .access-time .slide-wrap {
    padding: 10px 0;
    position: relative
}

.fullpage .wrapper .content .content-body .access-time .slide-wrap .start-value,.fullpage .wrapper .content .content-body .access-time .slide-wrap .end-value {
    position: absolute;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time .slide-wrap .start-value,.fullpage .wrapper .content .content-body .access-time .slide-wrap .end-value {
        top:0;
        display: none
    }
}

.fullpage .wrapper .content .content-body .access-time .slide-wrap .start-value {
    left: 0
}

.fullpage .wrapper .content .content-body .access-time .slide-wrap .end-value {
    right: 10px;
    width: 50px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time .slide-wrap .end-value {
        width:auto
    }
}

.fullpage .wrapper .content .content-body .access-time .slide-wrap .slider-type-two {
    margin-left: 70px;
    margin-right: 105px
}

@media only screen and (max-width: 991px) {
    .fullpage .wrapper .content .content-body .access-time .slide-wrap .slider-type-two {
        margin-left:7px;
        margin-right: 38px
    }
}

.fullpage .wrapper .content .content-body .access-time .slide-wrap .slider-type-two:before {
    content: "";
    height: 2px;
    width: 22px;
    position: absolute;
    right: -22px;
    top: -1px;
    background: #445056
}

.fullpage .wrapper .content .content-body .access-time .scroll {
    max-height: 250px
}

@media only screen and (max-width: 1024px) {
    .fullpage .wrapper .content .content-body .access-time .scroll {
        overflow:auto;
        max-height: none
    }
}

.fullpage .wrapper .content .footer {
    margin-top: 40px;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .footer {
        margin-top:0;
        text-align: center
    }
}

.fullpage .wrapper .content .footer .call {
    position: relative;
    color: #445056;
    padding-left: 45px;
    font-family: 'Gotham Narrow Book';
    display: block
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .fullpage .wrapper .content .footer .call {
        display:inline-block;
        margin-bottom: 20px
    }
}

.fullpage .wrapper .content .footer .call i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 36px;
    font-size: 2.25rem
}

.fullpage .wrapper .content .footer .call small {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    margin-bottom: 5px
}

.fullpage .wrapper .content .footer .call span {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: 'Gotham Narrow';
    font-weight: bold
}

.fullpage .wrapper .approval-loading {
    position: relative;
    top: 32px;
    text-align: center
}

.fullpage .wrapper .approval-loading .progressbar {
    display: inline-block
}

.fullpage .wrapper .bg-layer {
    background: rgba(255,255,255,.5)
}

.fullpage .wrapper .rules-popover h4 {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Gotham Narrow';
    color: #fff;
    margin-bottom: 10px
}

.fullpage .wrapper .rules-popover p {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Gotham Narrow Book';
    color: #8f989d;
    margin-bottom: 5px
}

.fullpage .wrapper .logo {
    display: block;
    margin-bottom: 30px
}

.fullpage .wrapper .logo i {
    float: left
}

.fullpage .wrapper .logo .icon-logo-ico {
    font-size: 40px;
    font-size: 2.5rem;
    margin-right: 10px;
    color: #e10514
}

.fullpage .wrapper .logo .icon-logo-text {
    font-size: 28px;
    font-size: 1.75rem;
    margin-top: 7px;
    color: #1d1d1b
}

.login-page {
    background: url("../../img/login-bg.jpg?v=20181004") no-repeat top center;
    background-attachment: fixed
}

.login-wrap .btn.btn-danger {
    background-color: #394347
}

.login-wrap .btn.btn-danger:hover {
    background-color: #fff;
    color: #272c30
}

.login-wrap .bg-layer {
    background: url("../../img/login-bg.jpg?v=20181004") no-repeat top center;
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

@media(min-width: 768px) and (max-width:991px) {
    .login-wrap {
        min-height:1024px
    }
}

.login-wrap .container {
    padding: 0 20px;
    z-index: 2
}

.login-wrap header .top {
    padding: 10px;
    background: #e20514;
    text-align: right
}

.login-wrap header .top a {
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    font-family: 'Gotham Narrow';
    font-weight: normal;
    display: inline-block;
    margin-left: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap header .top a {
        margin-left:5px
    }
}

.login-wrap header .bottom {
    padding: 15px;
    background: #fff
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap header .bottom {
        padding:10px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap header .bottom {
        text-align:center;
        padding: 5px 15px
    }
}

.login-wrap header .bottom .logo {
    float: left;
    margin-top: 9px;
    color: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap header .bottom .logo {
        float:none;
        display: block;
        text-align: center
    }

    .login-wrap header .bottom .logo span {
        display: inline-block;
        margin-bottom: 16px
    }
}

.login-wrap header .bottom .logo i {
    float: left;
    display: block
}

.login-wrap header .bottom .logo i:first-child {
    font-size: 35px;
    font-size: 2.1875rem
}

.login-wrap header .bottom .logo i:last-child {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #1d1d1b;
    margin-top: 6px;
    margin-left: 7px
}

.login-wrap header .bottom .contact {
    float: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap header .bottom .contact {
        float:none;
        display: inline-block
    }
}

.login-wrap header .bottom .contact li {
    float: left;
    padding-left: 15px
}

.login-wrap header .bottom .contact li.call-center a {
    font-size: 54px;
    font-size: 3.375rem;
    color: #445056;
    margin-left: 10px
}

.login-wrap .login-box {
    max-width: 400px;
    margin: 100px auto 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box {
        margin:20px auto !important
    }
}

.login-wrap .login-box .form-error-custom {
    display: block;
    margin-bottom: 20px
}

.login-wrap .login-box .form-error-custom table {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    line-height: 1.3
}

.login-wrap .login-box .form-error-custom table tr td {
    padding-left: 20px
}

.login-wrap .login-box .form-error-custom table tr td:first-child {
    padding-left: 0
}

.login-wrap .login-box .form-error-custom i.icn {
    font-size: 20px;
    font-size: 1.25rem;
    color: #e10514;
    width: 32px;
    height: 32px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background: #fff;
    display: block;
    position: relative;
    text-align: center;
    line-height: 32px
}

.login-wrap .login-box .form-error-idcard {
    display: block;
    margin-top: 20px
}

.login-wrap .login-box .form-error-idcard table {
    font-size: 16px;
    font-size: 1rem;
    color: #e10514;
    font-weight: 500;
    line-height: 1.3
}

.login-wrap .login-box .form-error-idcard table tr td {
    padding-left: 20px
}

.login-wrap .login-box .form-error-idcard table tr td:first-child {
    padding-left: 0
}

.login-wrap .login-box .form-error-idcard i.icn {
    font-size: 20px;
    font-size: 1.25rem;
    color: #e10514;
    width: 32px;
    height: 32px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background: #fff;
    display: block;
    position: relative;
    text-align: center;
    line-height: 32px
}

.login-wrap .login-box .progressbar-text span {
    color: #fff !important
}

.login-wrap .login-box .captcha {
    position: relative
}

.login-wrap .login-box .captcha .form-control {
    margin-bottom: 0 !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box .captcha .form-control {
        margin-bottom:10px !important
    }
}

.login-wrap .login-box .captcha .box .form-control {
    position: relative;
    padding-left: 5px;
    padding-right: 0;
    margin-bottom: 0 !important
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box .captcha .box .form-control {
        margin-bottom:10px !important
    }
}

.login-wrap .login-box .captcha .box img {
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box .captcha .box img {
        max-width:100%;
        top: 3px
    }
}

.login-wrap .login-box .captcha .cap-btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    width: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box .captcha .cap-btn {
        margin-top:-11px;
        width: 55px
    }
}

.login-wrap .login-box .captcha .cap-btn a {
    width: 26px;
    height: 26px;
    display: inline;
    float: left;
    text-align: center;
    line-height: 26px;
    color: #fff;
    margin-right: 3px;
    top: -1px;
    position: relative;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.login-wrap .login-box .captcha .cap-btn a:last-child {
    margin-right: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box .captcha .cap-btn a {
        width:22px;
        height: 22px;
        line-height: 22px
    }
}

.login-wrap .login-box.long {
    margin-top: 60px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-box.long {
        margin-top:35px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-box.long {
        margin:20px auto
    }
}

.login-wrap .login-box.long p {
    text-align: center
}

.login-wrap .login-box.long.text-left p {
    text-align: left
}

.login-wrap .login-box h4 {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem
}

.login-wrap .login-box .dropdownlist {
    margin-bottom: 10px;
    position: relative
}

.login-wrap .login-box .dropdownlist>a {
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    display: block
}

.login-wrap .login-box .dropdownlist>a small {
    font-size: 12px;
    font-size: .75rem;
    color: #b8c3d3
}

.login-wrap .login-box .dropdownlist>a i {
    float: right;
    font-size: 14px;
    font-size: .875rem
}

.login-wrap .login-box .dropdownlist>ul {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 100%;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    display: none
}

.login-wrap .login-box .dropdownlist>ul li {
    position: relative
}

.login-wrap .login-box .dropdownlist>ul li a:first-child {
    padding: 20px;
    color: #445056;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'Gotham Narrow';
    font-weight: normal;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.login-wrap .login-box .dropdownlist>ul li a:first-child small {
    display: block;
    color: #b1b5b7;
    font-size: 12px;
    font-size: .75rem
}

.login-wrap .login-box .dropdownlist>ul li a:first-child.btn {
    padding: 10px 0;
    height: auto;
    margin: 10px 20px;
    width: auto;
    border: 1px solid #445056;
    font-size: 14px;
    font-size: .875rem
}

.login-wrap .login-box .dropdownlist>ul li a:first-child:focus {
    color: #fff;
    background: #445056
}

.login-wrap .login-box .dropdownlist>ul li a:first-child:focus~.icon-delete {
    color: #fff
}

.login-wrap .login-box .dropdownlist>ul li>.icon-delete {
    position: absolute;
    font-size: 24px;
    right: 20px;
    top: 20px;
    color: #445056;
    padding: 0;
    cursor: pointer
}

.login-wrap .login-box .dropdownlist>ul li:hover a,.login-wrap .login-box .dropdownlist>ul li.active a {
    color: #fff;
    background: #445056
}

.login-wrap .login-box .dropdownlist>ul li:hover>.icon-delete,.login-wrap .login-box .dropdownlist>ul li.active>.icon-delete {
    color: #fff
}

.login-wrap .login-box .form-group label {
    color: #fff
}

.login-wrap .login-box .form-group .form-control {
    margin-bottom: 10px
}

.login-wrap .login-box .form-group .form-control.error {
    border-color: #272c30
}

.login-wrap .login-box .custom-link {
    display: block;
    color: #fff;
    text-align: right
}

.login-wrap .login-box .btns {
    margin-bottom: 16px
}

.login-wrap .login-box .switch-cont {
    color: #fff;
    float: none
}

.login-wrap .login-box .switch-cont a {
    color: #fff;
    margin-left: 6px;
    position: relative;
    top: 1px
}

.login-wrap .login-box .switch-cont .switch {
    float: right
}

.login-wrap .login-box .switch-cont .switch .switch-slider {
    border-color: #fff;
    background: #95130d
}

.login-wrap .login-box .switch-cont .switch .switch-slider:before {
    background-color: #fff
}

.login-wrap .login-box .switch-cont .switch input:checked+.switch-slider {
    background-color: #80da61
}

.login-wrap .login-box p {
    font-size: 26px;
    font-size: 1.625rem;
    color: #fff
}

@media only screen and (max-width: 991px) {
    .login-wrap .login-box p {
        text-align:center
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-box p {
        font-size:18px;
        font-size: 1.125rem
    }
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-box .form-group {
        margin-bottom:10px
    }
}

.login-wrap .login-box .tabs {
    text-align: center;
    margin: 20px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-box .tabs {
        margin:8px
    }
}

.login-wrap .login-box .tabs a {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    opacity: .5;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Gotham Narrow';
    font-size: 18px;
    font-size: 1.125rem
}

.login-wrap .login-box .tabs a:first-child {
    border-right: 1px solid rgba(255,255,255,.3)
}

.login-wrap .login-box .tabs a.active {
    opacity: 1
}

.login-wrap .login-box .tab-item {
    display: none
}

.login-wrap .login-box .tab-item .switch-cont {
    float: right
}

.login-wrap .login-box .tab-item .tab-footer {
    padding: 20px 0;
    text-align: center;
    margin: 20px 0;
    border-top: 1px solid rgba(255,255,255,.3)
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-box .tab-item .tab-footer {
        margin:15px 0;
        padding: 15px 0 0
    }
}

.login-wrap .login-box .tab-item .tab-footer p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-box .tab-item .tab-footer p {
        margin-bottom:15px
    }
}

.login-wrap .login-box .tab-item .tab-footer .btn {
    border-color: rgba(255,255,255,.5);
    color: #fff
}

.login-wrap .login-box .tab-item .tab-footer .btn:hover {
    border-color: #445056;
    color: #445056
}

.login-wrap .login-box .tab-item:first-child {
    display: block
}

.login-wrap .login-box .tab-item:last-child .custom-link {
    float: left;
    margin-bottom: 20px
}

.login-wrap .login-box .info-text-wrap {
    margin-bottom: 20px;
    text-align: center
}

.login-wrap .login-box .info-text-wrap .profil-wrap {
    position: relative;
    padding-left: 90px;
    padding: 16px 0 16px 0px;
    display: inline-block
}

.login-wrap .login-box .info-text-wrap .profil-wrap .user-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px
}

.login-wrap .login-box .info-text-wrap .profil-wrap .user-img img {
    width: 100%;
    border-radius: 50%
}

.login-wrap .login-box .info-text-wrap .profil-wrap p {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    word-break: break-all
}

.login-wrap .login-box .info-text-wrap hr {
    border-color: rgba(255,255,255,.15)
}

.login-wrap .login-box .info-text-wrap p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 16px;
    font-family: 'Gotham Narrow Book';
    line-height: 1.3
}

.login-wrap .login-box .info-text-wrap p strong {
    font-family: 'Gotham Narrow';
    font-weight: 500
}

.login-wrap .login-box .info-text-wrap table {
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    font-family: 'Gotham Narrow Book';
    line-height: 1.3
}

.login-wrap .login-box .login-subpage .loading-layer {
    margin-top: 45px;
    background-color: transparent;
    position: relative;
    display: inline-block
}

.login-wrap .login-box .login-subpage .lottie-layer {
    position: relative;
    background: transparent;
    top: 0;
    margin: 0;
    text-align: center
}

.login-wrap .login-box .login-subpage .lottie-layer .lottie {
    display: inline-block;
    position: relative;
    top: 0;
    margin: 0;
    left: 0
}

.login-wrap .login-box .approval-loading {
    text-align: center
}

.login-wrap .login-box .approval-loading .progressbar {
    margin: auto
}

.login-wrap .login-box .approval-loading p {
    margin-top: 30px
}

.login-wrap .login-box .info-box-wrap {
    color: #fff;
    margin-bottom: 30px
}

.login-wrap .login-box .info-box-wrap label {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    margin-bottom: 10px
}

.login-wrap .login-box .info-box-wrap .white-box {
    border: 1px solid #eee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 15px;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Gotham Narrow';
    text-align: center;
    line-height: 22px
}

.login-wrap .login-box .warning-box {
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    padding-left: 35px;
    font-family: 'Gotham Narrow Book';
    line-height: 1.3
}

.login-wrap .login-box .warning-box i {
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 22px;
    font-size: 1.375rem
}

.login-wrap .login-box .warning-box i:before {
    color: #fff
}

.login-wrap .login-box .login-bottom-info {
    text-align: center
}

.login-wrap .login-box .login-bottom-info p {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.3
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box {
    max-width: 400px;
    margin: -40px auto 0;
    padding: 30px;
    position: relative;
    background-color: #fff;
    border-radius: 15px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .top {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .top a {
    color: #000;
    margin-right: 30px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .top a:hover {
    color: #000
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle {
    padding: 20px;
    background-color: #eee;
    border-radius: 15px;
    line-height: 26px;
    font-size: 16px;
    position: relative
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle span {
    display: block
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle .select2-container {
    margin-bottom: 20px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle.tekrar-dene {
    padding-left: 120px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle.tekrar-dene .btn.btn-danger {
    background-color: #394347
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle.tekrar-dene .btn.btn-danger:hover {
    background-color: #fff;
    color: #272c30
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle img.tekrar-dene-icon {
    position: absolute;
    top: 20px;
    left: 0
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle .btn.btn-danger {
    background-color: #e10514;
    color: #fff;
    margin-top: 25px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle .btn.btn-danger:hover {
    background-color: #fff;
    color: #272c30
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle.imzala {
    border-radius: 15px 15px 0 0
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle .select2-container--default .select2-selection--single {
    background-color: transparent
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle .select2.select2-container .select2-selection--single .select2-selection__arrow b {
    margin-left: 0;
    font-size: 8px;
    padding-top: 3px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle .select2-container--open {
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-bottom: none
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area {
    color: #fff;
    background-color: #272c30;
    padding: 20px;
    border-radius: 0 0 15px 15px;
    padding-top: 40px;
    position: relative
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area span.title {
    display: block;
    margin-top: 10px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 26px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area .btn.btn-danger {
    background-color: #e10514;
    color: #fff;
    margin-top: 7px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area .btn.btn-danger:hover {
    background-color: #fff;
    color: #272c30
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area input.plaka {
    width: 100%;
    border: 2px solid #939698;
    background-color: #272c30;
    border-radius: 25px;
    text-align: center;
    height: 40px;
    margin-top: 23px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .bottom {
    padding-top: 30px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .bottom span {
    font-size: 12px;
    color: #757f82;
    display: block;
    line-height: 20px
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .bottom span.title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    color: #435055
}

.login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .bottom span.date {
    margin-top: 15px
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box {
    margin: 40px auto 0;
    padding: 30px;
    position: relative;
    background-color: #fff;
    border-radius: 15px
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .top {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .top a {
    color: #000;
    margin-right: 30px
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .top a:hover {
    color: #000
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle {
    line-height: 26px;
    font-size: 18px;
    position: relative
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a {
    display: block;
    width: 50%;
    float: left
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a {
        width:100%
    }
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a img {
    float: left;
    padding-left: 100px;
    padding-right: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a img {
        padding-left:20px
    }
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a.download-e-imza {
    display: block;
    color: #272c30;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
    border: 2px solid #f5f5f5;
    margin: 20px 0;
    line-height: 35px;
    text-decoration: none;
    background-color: #f5f5f5
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a.download-e-imza.active {
    background-color: #fff
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a.download-e-imza.dark {
    background-color: #f5f5f5
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tabs a.download-e-imza {
        margin:0;
        margin-bottom: 10px
    }
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .tab-item span {
    display: block;
    font-size: 14px;
    color: #272c30;
    line-height: 140%
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle span {
    display: block
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle a {
    position: relative;
    color: #272c30;
    text-decoration: underline
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle a img {
    float: left;
    padding-left: 150px;
    padding-right: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle a img {
        padding-left:20px
    }
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle a.download-e-imza {
    display: block;
    color: #272c30;
    padding-top: 10px;
    padding-bottom: 20px;
    border-radius: 10px;
    border: 2px solid #f5f5f5;
    margin: 20px 0;
    line-height: 35px;
    text-decoration: none
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle a.download-e-imza.dark {
    background-color: #f5f5f5
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .select2-container--default .select2-selection--single {
    background-color: transparent
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .select2.select2-container .select2-selection--single .select2-selection__arrow b {
    margin-left: 0;
    font-size: 8px;
    padding-top: 3px
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .middle .select2-container--open {
    border: 1px solid #a9a9a9;
    background-color: #fff;
    border-bottom: none
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .btn.btn-danger {
    background-color: #e10514;
    color: #fff;
    margin-top: 25px
}

.login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .btn.btn-danger:hover {
    background-color: #fff;
    color: #272c30
}

.login-wrap .tc-kimlik-giris-wrap .clear {
    clear: both
}

.login-wrap .tc-kimlik-giris-wrap .tckk-giris-btn {
    display: block;
    position: relative;
    padding: 20px;
    color: #00acba;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 15px;
    max-width: 410px;
    margin: 60px auto 20px;
    padding-left: 106px
}

.login-wrap .tc-kimlik-giris-wrap .tckk-giris-btn i {
    position: absolute;
    font-size: 35px;
    left: 20px;
    top: 10px
}

.login-wrap .tc-kimlik-giris-wrap .e-imza-indir-btn {
    display: block;
    position: relative;
    padding: 20px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    border-radius: 15px;
    max-width: 410px;
    margin: 60px auto 20px;
    padding-left: 75px
}

.login-wrap .tc-kimlik-giris-wrap .e-imza-indir-btn i {
    position: absolute;
    font-size: 35px;
    left: 20px;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .login-wrap .tc-kimlik-giris-wrap .virtualKeyboard {
        width:165px;
        margin: 0 auto;
        margin-top: 15px
    }
}

.login-wrap .login-info-box-without-tr-id-card {
    margin: 40px auto 75px !important
}

.login-wrap .login-info-box {
    max-width: 410px;
    background-color: rgba(255,255,255,.7);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin: 20px auto 75px;
    position: relative;
    opacity: 0
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box {
        margin:20px auto 65px
    }
}

@media only screen and (max-width: 991px) {
    .login-wrap .login-info-box {
        margin:0 auto 60px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box {
        margin:0 auto 30px
    }
}

.login-wrap .login-info-box .body {
    padding: 30px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .body {
        padding:20px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box .body {
        padding:15px
    }
}

.login-wrap .login-info-box .body .banner {
    padding-bottom: 30px;
    border-bottom: 1px solid #b7c2cb;
    position: relative
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .body .banner {
        padding-bottom:15px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box .body .banner {
        padding:0;
        margin-bottom: 15px
    }
}

.login-wrap .login-info-box .body .banner .item {
    position: relative;
    padding-left: 85px;
    padding-bottom: 5px
}

.login-wrap .login-info-box .body .banner img {
    left: 10px;
    top: 0;
    position: absolute;
    width: auto
}

.login-wrap .login-info-box .body .banner p {
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 18px;
    font-size: 1.125rem
}

.login-wrap .login-info-box .body .banner .btn {
    width: auto;
    padding: 10px 20px;
    height: auto
}

.login-wrap .login-info-box .body .banner .owl-dots {
    position: absolute;
    bottom: 8px;
    top: inherit
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .body .banner .owl-dots {
        bottom:-1px
    }
}

.login-wrap .login-info-box .body .banner .owl-dots .owl-dot {
    opacity: 1
}

.login-wrap .login-info-box .body .banner .owl-dots .owl-dot span {
    opacity: 1
}

.login-wrap .login-info-box .body .banner .owl-dots .owl-dot.active span {
    background: #e10514
}

.login-wrap .login-info-box .body .login-info {
    padding: 30px 0 0
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .body .login-info {
        padding:15px 0 0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box .body .login-info {
        padding:0
    }
}

.login-wrap .login-info-box .body .login-info p {
    margin-bottom: 20px;
    padding-left: 85px;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
    color: #445056
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .body .login-info p {
        font-size:14px;
        font-size: .875rem
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box .body .login-info p {
        padding-left:65px
    }
}

.login-wrap .login-info-box .body .login-info p i {
    position: absolute;
    font-size: 50px;
    font-size: 3.125rem;
    left: 10px;
    top: 0
}

.login-wrap .login-info-box .body .login-info p:last-child {
    margin-bottom: 0
}

.login-wrap .login-info-box .help-videos {
    background: rgba(255,255,255,.7);
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    padding: 0 30px
}

.login-wrap .login-info-box .help-videos .head {
    position: relative
}

.login-wrap .login-info-box .help-videos .head>i {
    position: absolute;
    font-size: 42px;
    font-size: 2.625rem;
    color: #445056;
    top: 50%;
    left: 10px;
    margin-top: -21px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .help-videos .head>i {
        font-size:30px;
        font-size: 1.875rem;
        margin-top: -15px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box .help-videos .head>i {
        left:0
    }
}

.login-wrap .login-info-box .help-videos .head a {
    display: block;
    padding: 40px 30px;
    font-family: 'Gotham Narrow';
    font-weight: normal;
    font-size: 18px;
    font-size: 1.125rem;
    color: #445056;
    padding-left: 85px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .help-videos .head a {
        padding:20px 0 20px 75px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .login-info-box .help-videos .head a {
        padding-left:55px
    }
}

.login-wrap .login-info-box .help-videos .head a i {
    font-size: 12px;
    font-size: .75rem;
    float: right
}

.login-wrap .login-info-box .help-videos.active {
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0
}

.login-wrap .login-info-box .help-videos.active a i:before {
    content: ""
}

.login-wrap .login-info-box .video-thumbs {
    padding: 30px 40px
}

.login-wrap .login-info-box .video-thumbs .scroll {
    height: 325px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .login-wrap .login-info-box .video-thumbs .scroll {
        overflow:auto
    }
}

.login-wrap .login-info-box .video-thumbs .scroll li {
    margin-bottom: 10px
}

.login-wrap .login-info-box .video-thumbs .scroll li a {
    padding-left: 70px;
    position: relative;
    display: table;
    width: 100%
}

.login-wrap .login-info-box .video-thumbs .scroll li a img {
    position: absolute;
    left: 0;
    top: 0
}

.login-wrap .login-info-box .video-thumbs .scroll li a span {
    color: #445056;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Gotham Narrow";
    display: table-cell;
    height: 57px;
    padding: 7px 0;
    border-bottom: 1px solid #cfd6dc;
    vertical-align: middle
}

.login-wrap .login-info-box .video-thumbs .scroll li:last-child {
    margin: 0
}

.login-wrap .login-info-box .video-thumbs .scroll li:last-child a span {
    border: none
}

.login-wrap .login-info-box .combo-logo {
    position: absolute;
    right: 0;
    bottom: -70px
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .login-info-box .combo-logo {
        bottom:-55px
    }
}

.login-wrap footer {
    background: #272c30
}

@media(min-width: 768px) and (max-width:991px) {
    .login-wrap footer {
        position:absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }
}

.login-wrap footer .top {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #435056
}

.login-wrap footer .top a {
    color: #91969a;
    margin-right: 15px;
    font-size: 12px
}

.login-wrap footer .top a:last-child {
    margin-right: 0
}

.login-wrap footer .bottom {
    padding: 15px
}

.login-wrap footer .bottom li:first-child {
    float: left
}

.login-wrap footer .bottom li:first-child a {
    padding: 7px 0
}

.login-wrap footer .bottom li.call-center {
    float: right
}

.login-wrap footer .bottom li.call-center a {
    float: right;
    color: #91969a;
    font-size: 53px;
    margin-left: 10px
}

.login-wrap .form-group label.error {
    background: rgba(149,18,13,.4);
    color: #fff !important;
    padding: 10px 20px;
    -moz-border-radius: 31px;
    -webkit-border-radius: 31px;
    border-radius: 31px;
    margin-top: 15px;
    font-family: 'Gotham Narrow';
    font-weight: 500;
    font-size: 14px;
    font-size: .875rem;
    position: relative;
    clear: both;
    border: 1px solid rgba(255,255,255,.7)
}

.login-wrap .form-group label.error:after {
    content: "";
    border-color: transparent transparent rgba(255,255,255,.5);
    border-style: solid;
    border-width: 7px;
    width: 0;
    height: 0;
    position: absolute;
    top: -16px;
    left: 25px
}

.login-wrap .playerThumb {
    padding: 30px 20px
}

.login-wrap .playerThumb li {
    text-align: center
}

.login-wrap .playerThumb li a {
    color: #445056;
    font-family: "Gotham Narrow";
    display: inline-block
}

.login-wrap .playerThumb li a img {
    float: left;
    width: auto
}

.login-wrap .playerThumb li a span {
    float: left;
    width: 132px;
    text-align: left;
    margin-left: 10px;
    padding: 5px 0;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.3
}

.login-wrap .playerThumb .owl-item.select li a {
    color: #e10514
}

.login-wrap .playerThumb .owl-nav .owl-prev,.login-wrap .playerThumb .owl-nav .owl-next {
    font-family: 'icomoon' !important;
    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;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    text-align: center;
    background: rgba(255,255,255,.9);
    overflow: hidden;
    color: #445056
}

.login-wrap .playerThumb .owl-nav .owl-prev:before,.login-wrap .playerThumb .owl-nav .owl-next:before {
    display: block;
    position: relative;
    top: 50%;
    margin-top: -11px
}

.login-wrap .playerThumb .owl-nav .owl-prev {
    left: 0
}

.login-wrap .playerThumb .owl-nav .owl-prev:before {
    content: ""
}

.login-wrap .playerThumb .owl-nav .owl-next {
    right: 0
}

.login-wrap .playerThumb .owl-nav .owl-next:before {
    content: ""
}

.login-wrap .pageTop {
    margin: 40px 0 0
}

.login-wrap .pageTop .breadcrumb li:before {
    color: #fff;
    font-size: 16px;
    font-size: 1rem
}

.login-wrap .pageTop a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .pageTop a {
        font-size:22px;
        font-size: 1.375rem
    }
}

.login-wrap .pageTop a span {
    font-size: 18px !important;
    font-size: 1.125rem !important
}

.login-wrap .pageTop h1 {
    display: inline-block
}

.login-wrap .nav-tabs.white {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters li a {
    background: none;
    color: rgba(255,255,255,.4);
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 0;
    border-width: 0 0 1px 0 !important;
    border-color: transparent !important;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    border-style: solid;
    opacity: 1
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters li a:focus {
    color: #fff;
    border-color: #fff !important
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters li.active a {
    color: #fff;
    border-color: #fff !important
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters .owl-item li.active a:focus {
    color: #fff;
    border-color: #fff !important
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters .owl-item.active li a:focus {
    color: #fff;
    border-color: #fff !important
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters .owl-item.actived li a {
    color: #fff;
    border-color: #fff !important
}

.login-wrap .nav-tabs.white.responsive-swipe.tab.filters .owl-stage-outer:before {
    background: rgba(255,255,255,.4) !important
}

.login-wrap .panel-group {
    margin-bottom: 30px
}

.login-wrap .panel-group .panel-template-opacity {
    margin-top: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgba(255,255,255,.9);
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.7)
}

.login-wrap .panel-group .panel-template-opacity .panel-heading {
    padding: 28px 46px;
    display: block;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .panel-group .panel-template-opacity .panel-heading {
        padding-left:20px;
        padding-right: 60px
    }
}

.login-wrap .panel-group .panel-template-opacity .panel-heading .panel-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #445056;
    line-height: 22px;
    padding-right: 30px
}

.login-wrap .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text {
    padding-left: 70px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text {
        padding-left:50px
    }
}

.login-wrap .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text i {
    top: 50%;
    margin-top: -20px;
    font-size: 42px;
    font-size: 2.625rem;
    position: absolute;
    left: 46px;
    color: #445056
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .panel-group .panel-template-opacity .panel-heading .panel-title.ic-text i {
        left:20px
    }
}

.login-wrap .panel-group .panel-template-opacity .panel-heading[data-toggle="collapse"]:after {
    font-family: 'icomoon' !important;
    content: "";
    font-size: 12px;
    font-size: .75rem;
    color: #445056;
    position: absolute;
    right: 46px;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .panel-group .panel-template-opacity .panel-heading[data-toggle="collapse"]:after {
        right:25px
    }
}

.login-wrap .panel-group .panel-template-opacity .panel-heading[data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.login-wrap .panel-group .panel-template-opacity:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.login-wrap .panel-group .panel-template-opacity:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-color: transparent;
    background: #fff
}

.login-wrap .panel-group .panel-template-opacity .panel-body {
    padding: 0 46px 30px 46px;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 22px;
    font-family: 'Gotham Narrow Book'
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .panel-group .panel-template-opacity .panel-body {
        padding-left:20px;
        padding-right: 20px
    }
}

.login-wrap .panel-group .panel-template-opacity .panel-body ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.login-wrap .panel-group .panel-template-opacity .panel-body ul li a {
    color: #445056;
    text-decoration: underline
}

.login-wrap .panel-group .panel-template-opacity .panel-body ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    top: 7px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #445056
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs .scroll {
    height: 325px;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .login-wrap .panel-group .panel-template-opacity .video-thumbs .scroll {
        overflow:auto
    }
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li {
    margin-bottom: 10px;
    padding-left: 0 !important
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li:before {
    background: transparent !important
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li a {
    padding-left: 70px;
    position: relative;
    display: table;
    width: 100%
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li a img {
    position: absolute;
    left: 0;
    top: 0
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li a span {
    color: #445056;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Gotham Narrow";
    display: table-cell;
    height: 57px;
    padding: 7px 0;
    border-bottom: 1px solid #cfd6dc;
    vertical-align: middle
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li:last-child {
    margin: 0
}

.login-wrap .panel-group .panel-template-opacity .video-thumbs li:last-child a span {
    border: none
}

.login-wrap .campaing-content {
    padding: 40px
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .login-wrap .campaing-content {
        margin-top:30px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .campaing-content {
        padding:20px;
        margin-top: 30px
    }
}

.login-wrap .campaing-content .campaing-img {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 35px
}

.login-wrap .campaing-content .campaing-img img {
    max-width: 100%
}

.login-wrap .campaing-content h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: 'Gotham Narrow';
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.3
}

.login-wrap .campaing-content p {
    font-size: 16px;
    font-size: 1rem;
    color: #445056;
    font-family: 'Gotham Narrow Book';
    font-weight: normal;
    line-height: 1.3
}

.login-wrap .campaing-content .btns-wrap {
    margin-top: 25px
}

.login-wrap .login-info {
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3
}

.login-wrap .login-info small {
    font-size: 16px;
    font-size: 1rem
}

.login-wrap .custom-link {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-size: 1rem
}

@media only screen and (min-height: 80px) and (max-height:779px) {
    .login-wrap .custom-link {
        font-size:14px;
        font-size: .875rem
    }
}

.login-wrap .box-white {
    background: #fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px
}

.login-wrap .swipeDotted {
    display: inline-block;
    margin-top: 0;
    text-align: center;
    width: 100%
}

.login-wrap .swipeDotted span {
    display: inline-block;
    width: 20px;
    height: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #898e94;
    margin-right: 5px
}

.login-wrap .swipeDotted span.active {
    background: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-wrap .swipeDotted span {
        width:11px;
        height: 4px
    }
}

.logout-wrap {
    text-align: center;
    padding: 40px 0
}

.logout-wrap i {
    font-size: 72px;
    font-size: 4.5rem;
    margin-bottom: 40px;
    display: inline-block
}

.logout-wrap i:before {
    color: #fff
}

.logout-wrap h1 {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 40px;
    font-family: 'Gotham Narrow'
}

.logout-wrap .btn {
    display: inline-block;
    width: auto;
    padding: 12px 30px
}

.bigdrop .select2-results__option {
    padding: 10px !important;
    font-size: 14px !important;
    border-radius: 0 !important
}

.bigdrop {
    border-radius: 0 !important
}

.login-wrap .login-box .forgot-wrapper {
    text-align: right;
    color: #fff
}

.login-wrap .login-box .forgot-wrapper .custom-link {
    display: inline-block;
    float: none !important
}

.loading-layer.transparent {
    background: rgba(0,0,0,0);
    cursor: progress
}

.loading-layer.transparent .rotate_wrapper {
    display: none
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sk-circleBounceDelay {
    0%,80%,100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.custom-info-detail-list {
    width: 100%;
    padding-left: 10px;
    text-align: left;
    margin-bottom: 20px;
    border-radius: 10px;
    color: #445056
}

.custom-info-detail-list .line {
    border-bottom: 1px solid #cbd4da;
    width: 100%
}

.custom-info-detail-list .line:last-child {
    border: none
}

.custom-info-detail-list .line .row .rowItem {
    padding: 10px 20px;
    padding-left: 0;
    font-family: 'Gotham Narrow Book'
}

.app-link {
    border: 2px solid #eee;
    padding: 3px 16px;
    border-radius: 38px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
    text-align: center
}

.app-link.active {
    border: 2px solid #e10514;
    color: #e10514
}

.custom-account-detail-row {
    border-right: 1px solid #e8e8e9;
    padding: 10px 20px;
    font-family: "Gotham Narrow Book"
}

.custom-creditaccount-detail-row {
    border-right: 1px solid #cbd4da;
    padding: 10px 20px;
    font-family: "Gotham Narrow Book"
}

.custom-creditaccount-detail-row.no-border {
    border-right: 0
}

.custom-account-detail-rigth-column {
    font-family: "Gotham Narrow";
    text-align: right
}

.representative-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

.popover .text-icon {
    position: relative;
    padding-top: 4px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .popover .text-icon {
        padding-top:0
    }
}

.popover .text-icon i,.popover .text-icon .icon-bilgi,.popover .text-icon a {
    position: relative;
    top: 1px;
    margin-right: 5px
}

.subpage .wrapper .content .box-white table td.no-border,.subpage .wrapper .content .account-info table td.no-border {
    border: none !important
}

span.pending {
    color: #00c0ff !important
}

span.approved {
    color: #39b54a !important
}

span.canceled {
    color: #f00 !important
}

span.approver-label {
    background-color: #269abc;
    color: #fff;
    padding: 3px
}

span.approver-label.approved {
    background-color: #398439;
    color: #fff !important
}

span.approver-label.failed {
    background-color: #c51104;
    color: #fff !important
}

span.approver-label.rejected {
    background-color: #c51104;
    color: #fff !important
}

strong span {
    font-weight: 900
}

.postback-click tbody td {
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .equal-height-cols {
        height:auto !important
    }
}

h1.custom-title,h2.custom-title,h3.custom-title,h3.custom-title,h5.custom-title {
    font-weight: normal !important;
    color: #000 !important
}

h1.custom-title {
    font-size: 1.875rem !important
}

h2.custom-title {
    font-size: 1.5rem !important
}

.custom-title h3 {
    font-size: 1.125rem !important
}

.custom-title h4 {
    font-size: .75rem !important
}

.custom-title h5 {
    font-size: .375rem !important
}

.switch-cont>* {
    float: left
}

.subpage.background-transparent {
    background: transparent
}

.subpage.modal-page .content {
    padding: 0 !important
}

.subpage .fileUploaderBox .fileinput-button span.text-danger {
    color: #a94442
}

.subpage .wrapper .content .access-time.box-white {
    padding: 30px
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time.box-white {
        padding:0;
        background: none
    }
}

.subpage .wrapper .content .access-time table {
    width: 100%;
    table-layout: fixed
}

.subpage .wrapper .content .access-time table thead th {
    padding-bottom: 20px
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time table tbody tr {
        display:block;
        background: #fff;
        margin-bottom: 16px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 20px
    }
}

.subpage .wrapper .content .access-time table tbody tr td {
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f4
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time table tbody tr td {
        display:block;
        border: none;
        padding: 10px 0
    }
}

@media only screen and (min-width: 992px) {
    .subpage .wrapper .content .access-time table tbody tr td {
        overflow:hidden
    }
}

.subpage .wrapper .content .access-time table tbody tr td:first-child {
    width: 300px
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time table tbody tr td:first-child {
        width:auto;
        padding: 0
    }
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time table tbody tr td:last-child {
        padding-bottom:0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .subpage .wrapper .content .access-time table tbody tr td label {
        line-height:1.5
    }
}

.subpage .wrapper .content .access-time table tbody tr:last-child td {
    border: none
}

.subpage .wrapper .content .access-time .slide-wrap {
    padding: 10px 0;
    position: relative
}

.subpage .wrapper .content .access-time .slide-wrap .start-value,.subpage .wrapper .content .access-time .slide-wrap .end-value {
    position: absolute;
    top: 10px
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time .slide-wrap .start-value,.subpage .wrapper .content .access-time .slide-wrap .end-value {
        top:0;
        display: none
    }
}

.subpage .wrapper .content .access-time .slide-wrap .start-value {
    left: 0
}

.subpage .wrapper .content .access-time .slide-wrap .end-value {
    right: 0;
    width: 50px;
    text-align: left
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time .slide-wrap .end-value {
        width:auto
    }
}

.subpage .wrapper .content .access-time .slide-wrap .slider-type-two {
    margin-left: 70px;
    margin-right: 105px
}

@media only screen and (max-width: 991px) {
    .subpage .wrapper .content .access-time .slide-wrap .slider-type-two {
        margin-left:7px;
        margin-right: 38px
    }
}

.subpage .wrapper .content .access-time .slide-wrap .slider-type-two:before {
    content: "";
    height: 2px;
    width: 22px;
    position: absolute;
    right: -22px;
    top: -1px;
    background: #445056
}

.subpage .wrapper .content .access-time .scroll {
    max-height: 250px
}

@media only screen and (max-width: 1024px) {
    .subpage .wrapper .content .access-time .scroll {
        overflow:auto;
        max-height: none
    }
}

.subpage .wrapper .content .text-icon.bg-white.disable-icon {
    padding-left: 20px !important
}

.subpage .wrapper .content .select2-container--disabled .select2-selection__rendered {
    background-color: #f9f9f9 !important;
    border-color: #dfdfdf !important;
    color: #adb1b3 !important
}

.subpage .wrapper .content .select2-container--disabled .select2-selection__arrow b:after {
    color: #adb1b3 !important
}

.subpage .wrapper .content .gridview .jspContainer .jspHorizontalBar {
    display: block !important;
    background: none !important;
    height: 10px !important;
    opacity: .7;
    width: 10px !important
}

.subpage .wrapper .content .gridview .jspContainer .jspHorizontalBar .jspTrack {
    background: none !important;
    position: relative
}

.subpage .wrapper .content .gridview .jspContainer .jspHorizontalBar .jspTrack .jspDrag {
    -webkit-border-radius: 10px;
    background: rgba(0,0,0,.8)
}

.subpage .wrapper .content .gridview .jspContainer .jspVerticalBar {
    width: 10px !important
}

.subpage .wrapper .content .gridview .table {
    margin-top: 0
}

.subpage .wrapper .content .table-area .table tr td .form-icon-label i {
    top: 6px !important
}

.subpage .wrapper .content .table-area .table tr td:hover .form-icon-label i {
    color: #445056
}

.subpage .wrapper .content .table-area .table .dropdown-menu li a:hover {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .table tr.pager-row {
    background: transparent !important;
    cursor: default !important
}

.subpage .wrapper .content .table-area .table tr.pager-row td {
    cursor: default !important;
    padding: 0
}

.subpage .wrapper .content .table-area .table tr.pager-row:hover {
    cursor: default !important;
    background: transparent !important
}

.subpage .wrapper .content .table-area .table tr.pager-row:hover td,.subpage .wrapper .content .table-area .table tr.pager-row:hover a,.subpage .wrapper .content .table-area .table tr.pager-row:hover [class^="icon-"] {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .table tr.pager-row:hover a.active,.subpage .wrapper .content .table-area .table tr.pager-row:hover a:hover,.subpage .wrapper .content .table-area .table tr.pager-row:hover a:hover [class^="icon-"] {
    color: #fff !important
}

.subpage .wrapper .content .table-area .table.disable-hover th,.subpage .wrapper .content .table-area .table.disable-hover td {
    pointer-events: none !important
}

.subpage .wrapper .content .table+.component-btn {
    display: none
}

.modal-dialog .text-icon {
    position: relative;
    padding-left: 32px;
    padding-top: 4px;
    margin-bottom: 20px
}

.modal-dialog .text-icon .icon-bilgi {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    font-size: 1.375rem;
    color: #445056
}

.modal {
    z-index: 1062
}

.modal .modal-header {
    position: relative;
    z-index: 9
}

.modal .modal-header small {
    padding-right: 25px !important
}

.modal .modal-header .close {
    right: 20px;
    top: 15px
}

.modal-backdrop {
    z-index: 1061
}

.center input[type=text] {
    text-align: center !important
}

.plateTypeNormal .form-control {
    display: inline-block !important
}

.loading-layer {
    z-index: 9999
}

.mb15 {
    margin-bottom: 15px
}

.operations-blocks.has-radio {
    padding-bottom: 14px !important;
    padding-top: 16px !important
}

.operations-blocks.has-radio label {
    padding-top: 0 !important
}

.subpage .wrapper .content .custom-operations-blocks {
    width: 100%;
    display: block;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #445056;
    background-color: #fff;
    padding: 18px 30px 17px 15px;
    color: #445056;
    position: relative;
    margin-bottom: 20px;
    -moz-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    transition: all 20ms ease
}

.ziraat-plus-link {
    text-decoration: none
}

.s-content ul {
    list-style: disc
}

.f-right {
    float: right
}

.f-left {
    float: left
}

@media(min-width: 992px) {
    .pull-right-lg {
        float:right
    }
}

@media(max-width: 991px) {
    .pull-right-lg {
        float:none
    }
}

.export-listbox .disabled {
    opacity: .8 !important
}

.export-listbox .disabled .f-right {
    background: #d8d8d8;
    border-radius: 6px;
    padding: 12px
}

.disabled-tab {
    opacity: .6;
    cursor: default
}

.d-block {
    display: block
}

.display-none {
    display: none !important
}

.switch-cont-text-right {
    float: none !important
}

.switch-cont-text-right>span,.switch-cont-text-right>.text {
    padding-right: 0 !important;
    padding-left: 10px !important
}

.mask-panel {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 5%
}

nav .menu-wrap>div.bottom .footer ul li.search-desktop-wrap.open .search-result {
    width: 100%
}

.ml0 {
    margin-left: 0 !important
}

a.red-link {
    color: #f00;
    text-decoration: none
}

a.red-link-command {
    color: #f00;
    text-decoration: none;
    font-size: 1.5rem
}

.basak-acccount-grid .investment-grid-topdata {
    padding: 15px 10px 5px 10px !important
}

.basak-acccount-grid .investment-grid-bigtopdata {
    padding: 10px 10px 10px 10px !important
}

.basak-acccount-grid .investment-grid-bottomdata {
    padding: 20px 10px 0 10px !important
}

.basak-acccount-grid .investment-grid-bigbottomdata {
    padding: 15px 10px 10px 10px !important
}

.basak-acccount-grid .investment-grid-header {
    padding: 20px !important
}

.basak-acccount-grid th.firstColumn {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.investment-account-receipt .switch-cont {
    float: none;
    position: relative;
    left: 50%;
    margin-left: -12px
}

.info-form-label {
    line-height: 30px
}

.ogs-grid .title {
    font-size: 17px;
    font-size: 1.0625rem;
    display: block;
    font-weight: 500;
    line-height: 17px;
    padding-bottom: 10px;
    font-family: 'Gotham Narrow'
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .ogs-grid .title {
        padding-right:39%
    }
}

.ogs-grid .title small {
    font-family: 'Gotham Narrow Book';
    font-size: 16px;
    font-size: 1rem
}

.ogs-grid .title-big {
    font-size: 32px;
    font-size: 2rem
}

.ogs-grid .text-small {
    display: block;
    padding-top: 5px;
    min-height: 19px
}

.ogs-grid .text {
    display: block;
    min-height: 22px;
    padding-top: 6px
}

.mt10 {
    margin-top: 10px
}

.two-factor-waiting-panel .form-group.mobile-sign-title h4,.two-factor-waiting-panel .form-group.mobile-sign-title h5 {
    display: inline-block
}

.two-factor-waiting-panel .form-group.two-factor-waiting {
    padding-left: 50px;
    position: relative
}

.two-factor-waiting-panel .form-group.two-factor-waiting .loading-layer {
    position: absolute;
    background: transparent
}

.two-factor-waiting-panel .form-group.two-factor-waiting .loading-layer+span {
    font-weight: bold
}

.two-factor-waiting-panel .form-group.two-factor-waiting .loading-layer .rotate_wrapper {
    width: 40px;
    height: 40px;
    left: 0;
    top: -8px;
    margin-left: 0;
    margin-top: 0
}

.two-factor-waiting-panel .form-group.two-factor-waiting .loading-layer .rotate_wrapper .rotate_item span {
    background-color: #445056;
    width: 5px;
    height: 5px
}

.two-factor-waiting-panel .form-group.two-factor-failed .icon-danger {
    font-size: 25px;
    top: 5px;
    position: relative
}

.subpage .wrapper .content .operations-blocks i.icon-okey {
    position: relative;
    top: 2px;
    right: 0;
    margin-top: 0
}

.mt35 {
    margin-top: 35px
}

.limit-table .form-group .form-control {
    height: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.limit-table .form-group .form-control.price-mask {
    padding-right: 55px
}

.limit-table .form-group.form-icon i {
    top: 8px;
    font-size: 1rem
}

.accordion-title-button {
    z-index: 3;
    float: right;
    right: 30px;
    margin-top: 7px;
    position: absolute
}

.multiple-dropdown {
    min-height: 53px;
    height: auto !important
}

.page-step .step-content {
    opacity: 0
}

.fullpage .wrapper .content .content-body .contract-wrap .scroll,.fullpage .wrapper .content .content-body .transaction-limit .scroll {
    max-height: 100% !important
}

.d-inline {
    display: inline-block
}

.subpage .wrapper .content .operations-blocks.edit:hover.switch-btn .switch-slider,.subpage .wrapper .content .operations-blocks.edit:focus.switch-btn .switch-slider {
    border-color: #8a8d90
}

.subpage .wrapper .content .operations-blocks.edit:hover.switch-btn .switch-slider:before,.subpage .wrapper .content .operations-blocks.edit:focus.switch-btn .switch-slider:before {
    background-color: #445056
}

.pb0 {
    padding-bottom: 0 !important
}

.txn-const .switch-cont {
    margin-bottom: 6px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.alert-modal.campaign-modal .modal-header .modal-title {
    padding-left: 0
}

.mt5 {
    margin-top: 5px
}

.disable-events {
    pointer-events: none !important
}

.ruleset-list span {
    border-right: 1px solid #fff;
    background-color: #269abc;
    color: #fff;
    padding: 3px
}

.ruleset-list span:last-child {
    border-right: none
}

.dashed-checkbox>div {
    display: none
}

.nondecorated-link {
    text-decoration: none
}

.account-restriction-radios {
    display: table !important
}

.account-restriction-radios>* {
    display: table-cell !important
}

.account-restriction-radios>span {
    padding-left: 5px
}

.mobile-checkbox-lbl {
    padding-top: 0 !important;
    margin-right: 11px !important;
    border-top: none !important
}

.color-red {
    color: #c51104 !important
}

.bold {
    font-weight: bold !important
}

.form-group .delegation label {
    margin-bottom: 0 !important
}

.selectionColumn {
    max-width: 50px
}

.custom-amount-box-container.error {
    border-color: #e10514 !important
}

.subpage .form-group.hidden-title.form-icon i {
    top: 15px !important
}

.fullpage .wrapper .content .content-body .transaction-limit table .form-group input {
    padding-right: 60px !important
}

.fullpage .wrapper .content .content-body .transaction-limit table tbody tr td:first-child {
    width: 500px !important
}

.fullpage .wrapper .content .content-body .transaction-limit table tbody tr td:last-child {
    padding-right: 30px !important
}

.operations-blocks.red-border {
    border-color: #e10514 !important
}

.subpage .wrapper .content .text-icon .icon-bilgi.notify-centered {
    position: relative !important;
    top: 5px !important;
    margin-right: 10px
}

.mL30 {
    margin-left: 30px
}

.warning-modal .modal-title {
    font-size: 16px
}

.subpage.modal-open .select2-container--open {
    z-index: 2525
}

.ajax-search .loading-layer {
    position: absolute
}

@media only screen and (min-width: 1024px) {
    .login-capthca-container {
        background:#fff;
        padding-bottom: 5px;
        padding-top: 5px;
        border-radius: 30px;
        padding-left: 10px !important
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .login-capthca-container {
        background:#fff;
        padding-bottom: 5px;
        padding-top: 5px;
        border-radius: 30px;
        padding-left: 10px !important
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .login-capthca-container {
        background:#fff;
        padding-bottom: 8px;
        padding-top: 2px;
        border-radius: 30px;
        padding-left: 10px !important
    }
}

.login-box .form-error-custom {
    word-break: break-word
}

.login-box .form-error-custom .login-link {
    color: #fff;
    text-decoration: underline;
    font-weight: bold
}

.login-box .sms-warning {
    color: #000 !important;
    font-size: inherit !important
}

.midentity-loading-container .lottie-layer,.fingerprint-loading-container .lottie-layer,.midentity-loading-container .loading-layer,.fingerprint-loading-container .loading-layer {
    background: none !important;
    position: relative
}

.midentity-loading-container .lottie-layer .rotate_wrapper,.fingerprint-loading-container .lottie-layer .rotate_wrapper,.midentity-loading-container .loading-layer .rotate_wrapper,.fingerprint-loading-container .loading-layer .rotate_wrapper {
    margin-top: 0;
    top: 0
}

.notify-link {
    position: relative;
    padding-left: 32px;
    padding-top: 4px;
    margin-bottom: 20px
}

.notify-link .icon-bilgi {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.375rem;
    color: #445056
}

ol.breadcrumb>li a.unclickable {
    text-decoration: none;
    cursor: default
}

.no-click-link {
    cursor: default !important
}

.cfix {
    clear: both
}

.profil-picture-modal .user-info {
    padding-top: 0 !important
}

.profil-picture-modal .profile-picture {
    margin-right: 0
}

body.has-loading .modal-backdrop {
    display: none !important
}

.subpage .wrapper .content .no-result .icon-onay_yonetim,.subpage .wrapper .content .info-page .info-icon.icon-onay_yonetim {
    color: #445056 !important
}

hr.vertical-sep {
    margin-bottom: 5px !important;
    margin-top: 5px !important
}

.iradio_flat-grey.checked.disabled {
    border: 2px solid #445056 !important
}

.iradio_flat-grey.checked.disabled:before {
    display: none
}

table.row-vertical-top tbody td {
    vertical-align: top
}

.subpage .step-container .form-group.GenderDisplayCss label.text {
    display: inline-block;
    width: auto;
    margin-top: 18px;
    margin-right: 10px
}

@media(min-width: 1200px) {
    .subpage .step-container div .global-input-wrapper.box-input .row .buttonPosition {
        margin-top:30px
    }
}

.wrapper .page-step .step.noData .mCSB_container,.wrapper .page-step .step.hasError .mCSB_container {
    height: 100% !important
}

.mCustomScrollBox {
    width: 100% !important
}

ul.info-list li {
    position: relative;
    padding-bottom: 18px;
    list-style-type: none;
    padding-left: 15px
}

ul.info-list li:before {
    content: '';
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    top: 3px;
    background: url(../../img/disc.png) no-repeat center center
}

img.cheque-image {
    width: 500px;
    height: 225px;
    cursor: pointer
}

img.cheque-image-rotated {
    transform: rotateZ(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg)
}

a.btn-absolute-right {
    position: relative;
    float: right !important;
    margin-top: 80px;
    margin-left: 10px
}

.query-button-maxwidth {
    max-width: 66px !important
}

.cheque-detail a {
    margin-right: 15px;
    margin-left: 0
}

.custom-modal-title i {
    font-size: 48px;
    font-size: 3rem;
    color: #455157;
    position: absolute;
    left: 0;
    top: 0
}

.custom-modal-title span {
    display: block;
    margin-bottom: 5px
}

.receipt-box .row {
    margin: 0 !important
}

.subpage .wrapper .content .table-area .table tr.hoverClass .iconBox .icon-Ekle:before {
    color: #fff !important
}

.application-content .img-application {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.bankcard-txn-constraint [class*="col-"] {
    height: 1.5rem;
    line-height: 1.5rem
}

.bankcard-txn-constraint .switch-cont {
    margin-bottom: 0 !important
}

.bankcard-txn-constraint .switch-cont span {
    padding-top: 0 !important
}

.scheduled-transfer-view {
    max-height: 400px
}

.btn-dashboard {
    cursor: pointer !important
}

.select2-search--inline input:focus {
    box-shadow: none !important
}

.subpage .wrapper .content .table-area .table tr:hover th .icheckbox_flat-grey {
    border-color: #445056
}

.light-box-receipt {
    margin-top: 15px;
    height: 30px;
    margin-bottom: 10px
}

.light-box-receipt.passive a {
    color: #d2d6d9;
    cursor: default
}

.light-box-receipt.passive a.view {
    background-position: 10px -31px
}

.light-box-receipt.passive a.print {
    background-position: 10px -31px
}

.light-box-receipt.passive a.upload {
    background-position: 10px -31px
}

.light-box-receipt.passive a.e-posta {
    background-position: 10px -31px
}

.light-box-receipt.passive .receipt-text {
    color: #d2d6d9
}

.wrapper .content .table-area .table.table-noRow {
    background: none !important
}

.wrapper .content .table-area .table.table-noRow tbody tr {
    background: none !important
}

.wrapper .content .table-area .table.table-noRow tbody tr:hover,.wrapper .content .table-area .table.table-noRow tbody tr.hoverClass {
    cursor: default !important;
    background: none !important
}

.wrapper .content .table-area .table.table-noRow tbody tr:hover td,.wrapper .content .table-area .table.table-noRow tbody tr.hoverClass td,.wrapper .content .table-area .table.table-noRow tbody tr:hover [class^="icon-"],.wrapper .content .table-area .table.table-noRow tbody tr.hoverClass [class^="icon-"] {
    color: #000 !important
}

.empty-loading-layer {
    z-index: 999999;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: wait
}

.table-area.with-scroll {
    margin-top: 15px
}

.home-page.with-dotMenu {
    display: none !important
}

.subpage .detail-header .small-menu.with-dotMenu {
    right: -22px !important
}

.subpage .detail-header .edit-header a {
    color: #445056
}

.tab-pane-control .tab-pane-item [class^="icon-"],.tab-pane-control .tab-pane-item [class*=" icon-"] {
    position: absolute;
    left: 10px
}

.divTransactionListLimitDisplayer .table-area {
    max-height: 400px
}

.divTransactionListLimitDisplayer .table-area .jspScrollable {
    height: 400px !important
}

.subpage .wrapper .content .table-area .table tr th .btn-table-sort {
    color: #445056 !important
}

.subpage .wrapper .content .table-area .table tr th.sortable-column .un-sorted-column .icon-TableListUp,.subpage .wrapper .content .table-area .table tr th.sortable-column .un-sorted-column icon-TableListDown {
    color: #aaa !important
}

.subpage .wrapper .content .table-area .table tr th.sorted-desc .icon-TableListDown {
    color: #aaa !important
}

.subpage .wrapper .content .table-area .table tr th.sorted-asc .icon-TableListUp {
    color: #aaa !important
}

.subpage .wrapper .content .table-area .table tr:hover th .btn-table-sort,.subpage .wrapper .content .table-area .table tr.hoverClass th .btn-table-sort {
    color: #445056 !important
}

.white-link {
    color: #fff;
    text-decoration: underline;
    font-weight: bold
}

.wrapper .mobile-header.openMenu {
    z-index: 2008 !important
}

.unordered-list ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.unordered-list ul li a {
    color: #445056;
    text-decoration: underline
}

.unordered-list ul li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    top: 7px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #445056
}

.contract-wrap.box-white .scroll p {
    margin: 0 !important
}

.form-group.price-wrap.pw-none:after {
    content: "" !important
}

.form-group.price-wrap.pw-USD:after {
    content: "USD" !important
}

.form-group.price-wrap.pw-EUR:after {
    content: "EUR" !important
}

.form-group.price-wrap.pw-GBP:after {
    content: "GBP" !important
}

.form-group.price-wrap.pw-CHF:after {
    content: "CHF" !important
}

.form-group.price-wrap.pw-Gold:after {
    content: "Gr" !important
}

.form-group.price-wrap.pw-SAR:after {
    content: "SAR" !important
}

.step.calculator .fx-calculator-amount .fx-amount,.step.calculator .gold-calculator-amount .fx-amount,.step.calculator .time-interval-calculator-amount .fx-amount {
    padding-right: 43px !important
}

.step.calculator .form-group.form-icon i {
    position: absolute;
    top: 34px;
    right: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 2px
}

.step.calculator .form-group.form-icon i.icon-warning:before {
    color: #333
}

.execute-page-content>.info-page {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.disabled-link {
    pointer-events: none !important;
    cursor: default !important
}

.digital-credit-insurance-modal p {
    margin: 0 0 0 0 !important
}

.digital-credit-insurance-modal input {
    -webkit-appearance: checkbox
}

.digital-credit-insurance-modal ul {
    list-style-type: circle !important;
    list-style: inside !important
}

.modal-scroll-content {
    overflow: auto
}

.pending-installments-detail .total-installment-detail {
    background: #fff;
    border-radius: 12px;
    padding: 10px
}

.table-area .tableScroll {
    max-height: 100%
}

.tableScroll {
    overflow: auto
}

.digitalLoanSobf {
    height: 300px
}

.show-animate-frame {
    z-index: 2000 !important
}

.login-wrap .panel-group .panel-template-opacity:last-child {
    background-color: rgba(255,255,255,.9)
}

.subpage .panel-group .panel-template-opacity:last-child {
    background-color: rgba(255,255,255,.4)
}

.select2-dropdown .select2-results ul.select2-results__options li[aria-disabled=true] {
    display: none !important
}

.digital-credit-modal table {
    border-width: 1px !important;
    border-style: solid !important
}

.digital-credit-modal tbody {
    border-width: 1px !important;
    border-style: solid !important
}

.digital-credit-modal tr {
    border-width: 1px !important;
    border-style: solid !important
}

.digital-credit-modal td {
    border-width: 1px !important;
    border-style: solid !important
}

.digital-credit-modal ul {
    list-style-type: circle !important;
    list-style: inside !important
}

.digital-credit-modal p {
    font-size: 16px
}

.subpage .t0 {
    top: 0 !important
}

.subpage .t0.form-group.hidden-title.form-icon i {
    top: 8px !important
}

.price-mask.three-characters {
    padding-right: 60px !important
}

img.export-logo {
    width: 129px;
    margin-bottom: 5px;
    margin-top: 5px
}

.custom-border {
    border-color: #e10514 !important
}

.wrapper .mobile-header.openMenu .mobil-left {
    display: inline-block !important
}

.wrapper .mobile-header.openMenu .mobil-left:before {
    display: block !important;
    content: "" !important;
    color: #1d1d1b !important
}

.wrapper .steps .contact .contact-center {
    position: relative !important;
    top: 30% !important
}

.pL30 {
    padding-left: 30px !important
}

.manufactureInfo {
    margin-bottom: 5px !important
}

.narrow-book p {
    font-family: "Gotham Narrow Book" !important
}

.sub-user-create {
    color: #445056;
    font-size: 11px;
    text-decoration: underline;
    display: inline-block;
    text-align: right;
    padding: 5px 0 5px 20px;
    background: url(../../img/create-user.png) no-repeat left center
}

body .online-transactions .operations-blocks {
    width: 100%;
    display: block;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #445056;
    background-color: #fff;
    padding: 18px 30px 17px 15px;
    color: #445056;
    position: relative;
    margin-bottom: 20px;
    -moz-transition: all 20ms ease;
    -o-transition: all 20ms ease;
    -webkit-transition: all 20ms ease;
    transition: all 20ms ease
}

body .online-transactions .operations-blocks.switch-btn .switch-cont {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12.5px
}

body .online-transactions .operations-blocks.switch-btn .switch-cont span {
    font-weight: 600
}

body .online-transactions .operations-blocks.switch-btn .switch-cont .switch-slider {
    border-color: #8a8d90
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks {
        height:auto;
        padding-top: 13px;
        padding-right: 26px;
        padding-left: 15px;
        padding-bottom: 12px
    }
}

body .online-transactions .operations-blocks:hover {
    text-decoration: none;
    border-color: #445056;
    background-color: #445056;
    color: #fff
}

body .online-transactions .operations-blocks:hover.switch-btn .switch-slider {
    border-color: #fff
}

body .online-transactions .operations-blocks:hover .vertical-sep {
    border-color: #fff
}

body .online-transactions .operations-blocks.no-border {
    border: none
}

body .online-transactions .operations-blocks.table-style {
    display: table;
    height: 110px
}

body .online-transactions .operations-blocks.table-style>.title {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding-bottom: 0
}

body .online-transactions .operations-blocks .status {
    color: #f00;
    position: absolute;
    right: 18px;
    top: 16px;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    font-size: 12px;
    font-size: .75rem;
    background: #eff1f4;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 10px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks .status {
        top:11px
    }
}

body .online-transactions .operations-blocks.info .text:first-child {
    padding-top: 0;
    margin-bottom: 10px
}

body .online-transactions .operations-blocks.thin .title {
    padding-bottom: 0
}

body .online-transactions .operations-blocks.thin .text-small,body .online-transactions .operations-blocks.thin .text {
    padding-top: 0
}

body .online-transactions .operations-blocks.disabled {
    pointer-events: none;
    opacity: .5
}

body .online-transactions .operations-blocks.box {
    height: 53px;
    display: table;
    padding-top: 10px;
    padding-bottom: 10px
}

body .online-transactions .operations-blocks.box .title {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 3px;
    padding-bottom: 0;
    display: table-cell;
    vertical-align: middle
}

body .online-transactions .operations-blocks.edit {
    background-color: #f9f9f9;
    border-color: #e8edf0
}

body .online-transactions .operations-blocks.edit i {
    font-size: 20px;
    font-size: 1.25rem
}

body .online-transactions .operations-blocks.edit:hover {
    color: #445056
}

body .online-transactions .operations-blocks.edit:hover i {
    color: #e10514
}

body .online-transactions .operations-blocks.edit.table-wrap {
    padding-right: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks.edit.table-wrap {
        padding-right:38px
    }
}

body .online-transactions .operations-blocks.edit.table-wrap .right-text {
    float: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks.edit.table-wrap .right-text {
        float:none
    }
}

body .online-transactions .operations-blocks.small {
    height: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks.small {
        height:auto
    }
}

body .online-transactions .operations-blocks.table-list {
    padding-right: 20px
}

body .online-transactions .operations-blocks.table-list table {
    width: 100%;
    min-height: 70px
}

body .online-transactions .operations-blocks.table-list table td {
    padding: 0 20px;
    vertical-align: top
}

body .online-transactions .operations-blocks.table-list table td:first-child {
    text-align: center;
    padding-right: 20px;
    padding-left: 0;
    max-width: 38px;
    border-right: 1px solid #eee
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks.table-list table td:first-child {
        max-width:56px
    }
}

body .online-transactions .operations-blocks.table-list table td:last-child {
    text-align: right;
    padding-right: 0
}

body .online-transactions .operations-blocks.table-list span {
    display: block
}

body .online-transactions .operations-blocks.table-list .date {
    font-size: 36px;
    font-size: 2.25rem
}

body .online-transactions .operations-blocks.table-list .moon,body .online-transactions .operations-blocks.table-list .time {
    font-size: 16px;
    font-size: 1rem
}

body .online-transactions .operations-blocks.table-list .name,body .online-transactions .operations-blocks.table-list .price {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px
}

body .online-transactions .operations-blocks.table-list .sub-info {
    font-size: 14px;
    font-size: .875rem
}

body .online-transactions .operations-blocks.table-list .price,body .online-transactions .operations-blocks.table-list .point {
    font-family: 'Gotham Narrow'
}

body .online-transactions .operations-blocks.table-list .point {
    font-size: 14px;
    font-size: .875rem;
    color: #a89b70;
    min-height: 14px
}

body .online-transactions .operations-blocks.table-list .custom-link {
    margin-top: 15px;
    display: block
}

body .online-transactions .operations-blocks.cards {
    padding-right: 120px
}

body .online-transactions .operations-blocks.cards .credit-card {
    position: absolute;
    top: 13px;
    right: 40px;
    width: 63px;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks.cards.threeText {
        padding-right:15px
    }

    body .online-transactions .operations-blocks.cards.threeText .title {
        padding-right: 105px
    }
}

body .online-transactions .operations-blocks span {
    font-family: 'Gotham Narrow Book'
}

body .online-transactions .operations-blocks span strong {
    font-weight: 500;
    font-family: 'Gotham Narrow'
}

body .online-transactions .operations-blocks .title {
    font-size: 17px;
    font-size: 1.0625rem;
    display: block;
    font-weight: 500;
    line-height: 17px;
    padding-bottom: 10px;
    font-family: 'Gotham Narrow'
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .operations-blocks .title {
        padding-right:39%
    }
}

body .online-transactions .operations-blocks .title small {
    font-family: 'Gotham Narrow Book';
    font-size: 16px;
    font-size: 1rem
}

body .online-transactions .operations-blocks .title-big {
    font-size: 32px;
    font-size: 2rem
}

body .online-transactions .operations-blocks .text-small {
    display: block;
    padding-top: 5px;
    min-height: 19px
}

body .online-transactions .operations-blocks .text {
    display: block;
    min-height: 22px;
    padding-top: 6px
}

body .online-transactions .operations-blocks i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px
}

body .online-transactions .operations-blocks em {
    font-size: 15px;
    font-size: .9375rem;
    margin-left: 5px;
    display: inline-block
}

body .online-transactions .operations-blocks .warning {
    color: #e10514
}

body .online-transactions .operations-blocks .links {
    background: #445056;
    color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 16px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    bottom: 13px
}

body .online-transactions .operations-blocks .links .custom-link {
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    display: block;
    float: left;
    padding: 0;
    margin-top: 0;
    font-family: 'Gotham Narrow';
    padding: 0 10px;
    text-decoration: none
}

body .online-transactions .operations-blocks .links .custom-link:nth-child(2) {
    border-left: 1px solid #848484
}

body .online-transactions .timer-wrap {
    margin-top: 20px !important;
    padding: 0 !important
}

body .online-transactions .timer-wrap .progressbar {
    margin: 0 auto !important
}

body .online-transactions .timer-wrap .progressbar svg path:first-child {
    stroke: #91969b
}

body .online-transactions .timer-wrap .progressbar-text {
    text-align: center !important;
    color: #445056 !important
}

body .online-transactions .pull-right {
    float: right !important
}

body .online-transactions .info-list {
    max-width: 450px;
    margin: auto
}

body .online-transactions .info-list p {
    margin-top: 5px;
    position: relative;
    padding-left: 65px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3
}

body .online-transactions .info-list p i {
    font-size: 48px;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: 0
}

body .online-transactions .info-list p i .icon-basvurular {
    font-size: 40px;
    font-size: 2.5rem
}

body .online-transactions .info-list .custom-link {
    margin-left: 65px;
    display: block
}

body .online-transactions .loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: wait;
    background-color: rgba(0,0,0,.5);
    z-index: 9999
}

body .online-transactions .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5em;
    height: 5em;
    margin: -2.5em 0 0 -2.5em
}

body .online-transactions .loading-layer {
    background: none !important
}

body .online-transactions .info-page {
    text-align: center;
    padding: 30px 0;
    color: #445056
}

body .online-transactions .info-page .info-icon {
    width: 120px;
    height: 120px;
    display: block;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    font-size: 50px;
    font-size: 3.125rem;
    padding-top: 36px;
    color: #e10514;
    margin-bottom: 40px
}

body .online-transactions .info-page .icon-basarili {
    color: #39ca00
}

body .online-transactions .info-page p {
    text-align: left
}

body .online-transactions .info-page a {
    text-align: left
}

body .online-transactions .info-page .info-item {
    text-align: left
}

body .online-transactions .box-white {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin: 0
}

body .online-transactions .box-white .form-group {
    margin-bottom: 0
}

body .online-transactions .approval-loading {
    top: 0 !important
}

body .online-transactions .left {
    float: left
}

body .online-transactions .mT10 {
    margin-top: 10px
}

body .online-transactions .mT20 {
    margin-top: 20px
}

body .online-transactions .mT50 {
    margin-top: 50px
}

body .online-transactions .clear {
    clear: both
}

body .online-transactions .box {
    padding: 30px 25px;
    width: 100%;
    margin: auto
}

body .online-transactions .captcha {
    margin-top: 26px;
    width: 100%;
    padding: 5px 0 4px 10px;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #445056
}

body .online-transactions .captcha .BDC_CaptchaIconsDiv {
    margin-top: 5px !important
}

body .online-transactions p {
    font-size: 18px;
    font-size: 1rem;
    font-family: 'Gotham Narrow Book' !important;
    margin-bottom: 16px;
    line-height: 1
}

body .online-transactions h1 {
    font-weight: bold;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 16px
}

body .online-transactions header {
    padding-bottom: 15px
}

body .online-transactions header .container {
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions header {
        text-align:center;
        padding: 5px 15px
    }
}

body .online-transactions header .logo {
    float: left;
    margin-top: 9px;
    margin-bottom: 30px;
    color: #e10514
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions header .logo {
        float:none;
        display: block;
        text-align: center
    }

    body .online-transactions header .logo span {
        display: inline-block;
        margin-bottom: 16px
    }
}

body .online-transactions header .logo i {
    float: left;
    display: block
}

body .online-transactions header .logo i:first-child {
    font-size: 38px;
    font-size: 2.375rem
}

body .online-transactions header .logo i:last-child {
    font-size: 27px;
    font-size: 1.6875rem;
    color: #1d1d1b;
    margin-top: 6px;
    margin-left: 7px
}

body .online-transactions .footer {
    margin-top: 40px
}

body .online-transactions .call-center {
    border-right: 1px solid #dadcdd;
    padding: 10px 0
}

body .online-transactions .call-center span {
    float: left;
    text-align: right
}

body .online-transactions .call-center span small {
    display: block;
    font-family: 'Gotham Book';
    font-size: 12px;
    font-size: .75rem;
    color: #445056
}

body .online-transactions .call-center span a {
    color: #445056;
    font-family: 'Gotham Narrow';
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem
}

body .online-transactions .call-center i {
    font-size: 32px;
    font-size: 2rem;
    color: #445056;
    margin-left: 10px
}

body .online-transactions .steps {
    width: 100%;
    height: 72px;
    margin: 0;
    border-radius: 10px;
    display: table;
    margin-bottom: 20px
}

body .online-transactions .steps li {
    width: 100%;
    padding-left: 45px;
    padding-right: 13px;
    font-weight: 400;
    color: #445056;
    position: relative;
    height: 76px;
    background-color: rgba(255,255,255,.75)
}

body .online-transactions .steps li a {
    color: #445056
}

@media only screen and (min-width: 768px) {
    body .online-transactions .steps li {
        display:table;
        float: left;
        vertical-align: middle
    }
}

body .online-transactions .steps li:first-child:nth-last-child(2),body .online-transactions .steps li:first-child:nth-last-child(2)~li,body .online-transactions .steps li:first-child:nth-last-child(2)~li {
    width: 50%
}

body .online-transactions .steps li:first-child:nth-last-child(3),body .online-transactions .steps li:first-child:nth-last-child(3)~li,body .online-transactions .steps li:first-child:nth-last-child(3)~li {
    width: 33.333%
}

body .online-transactions .steps li:first-child:nth-last-child(4),body .online-transactions .steps li:first-child:nth-last-child(4)~li,body .online-transactions .steps li:first-child:nth-last-child(4)~li {
    width: 25%
}

body .online-transactions .steps li:first-child:nth-last-child(5),body .online-transactions .steps li:first-child:nth-last-child(5)~li,body .online-transactions .steps li:first-child:nth-last-child(5)~li {
    width: 20%
}

body .online-transactions .steps li:first-child:nth-last-child(6),body .online-transactions .steps li:first-child:nth-last-child(6)~li,body .online-transactions .steps li:first-child:nth-last-child(6)~li {
    width: 16.6%
}

body .online-transactions .steps li .number {
    width: 26px;
    height: 26px;
    line-height: 23px;
    border-radius: 50%;
    border: 2px solid #445056;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -13px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .steps li .number {
        position:static;
        margin: 0
    }
}

body .online-transactions .steps li .text {
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    padding-left: 10px;
    font-family: 'Gotham Narrow'
}

body .online-transactions .steps li .text .account-title {
    margin-bottom: 0
}

@media(min-width: 768px) and (max-width:991px) {
    body .online-transactions .steps li .text {
        padding-left:5px
    }
}

@media only screen and (min-width: 768px) {
    body .online-transactions .steps li a,body .online-transactions .steps li .text {
        display:table-cell;
        height: 100%;
        vertical-align: middle
    }
}

body .online-transactions .steps li.active {
    background-color: #e10514;
    color: #fff
}

body .online-transactions .steps li.active .number {
    border-color: #fff
}

body .online-transactions .steps li.active a {
    color: #fff
}

body .online-transactions .steps li:first-child {
    border-radius: 10px 0 0 10px
}

body .online-transactions .steps li:last-child {
    border-radius: 0 10px 10px 0
}

body .online-transactions .steps li.success {
    background-color: #a89b70;
    color: #fff;
    padding-left: 45px
}

body .online-transactions .steps li.success a {
    color: #fff
}

body .online-transactions .steps li.success .step-title {
    display: block;
    margin-bottom: 10px
}

body .online-transactions .steps li.success .step-name {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 3px
}

body .online-transactions .steps li.success .step-bank {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300
}

body .online-transactions .steps li .success-icon {
    width: 26px;
    height: 26px;
    line-height: 23px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-size: .8125rem;
    position: absolute;
    top: 50%;
    left: 16px;
    margin-top: -13px
}

body .online-transactions .steps li .success-icon.one-label {
    margin-top: 23px !important;
    top: 0 !important
}

body .online-transactions .steps li .success-icon i {
    font-size: 10px;
    font-size: .625rem
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .steps li {
        width:40px !important;
        height: 40px !important;
        display: inline-flex;
        background-color: transparent !important;
        padding: 0 !important;
        margin-left: 7px
    }

    body .online-transactions .steps li:first-child {
        margin-left: 0
    }

    body .online-transactions .steps li .text {
        display: none
    }

    body .online-transactions .steps li .number {
        width: 40px;
        height: 40px;
        line-height: 35px !important;
        font-size: 18px;
        font-size: 1.125rem
    }

    body .online-transactions .steps li.active .number {
        line-height: 39px !important;
        background-color: #e10514;
        border: 0
    }

    body .online-transactions .steps li.success a {
        display: block;
        height: 100%
    }

    body .online-transactions .steps li.success .success-icon {
        width: 40px;
        height: 40px;
        line-height: 42px !important;
        background-color: #a89b70;
        border: 0;
        position: static;
        margin-top: 0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body .online-transactions .steps {
        height:auto;
        text-align: center;
        background-color: transparent !important
    }
}

.align-left {
    padding-left: 0 !important
}

.flickerbox {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #445056;
    padding: 9px 12px 9px 8px;
    display: inline-block
}

#flicker_mini {
    position: relative;
    width: 5.4cm;
    height: 2.2cm
}

#flicker_mini img {
    position: absolute;
    top: 0;
    left: 0
}

#flicker_mini #bg_image {
    z-index: 0;
    width: 5.4cm;
    height: 2.13cm
}

#flicker_mini .flickersize {
    width: 4.5cm;
    height: 1.5cm
}

#flicker_mini #flicker_app_mini {
    position: relative;
    top: .31cm;
    left: .45cm;
    z-index: 1
}

#flicker_actions {
    padding: 0 0 32px 0
}

#flicker_actions .arrow {
    float: right
}

#flicker_actions .zoom {
    float: left
}

#flicker_actions .dropdown {
    position: relative;
    top: 0
}

#flicker_actions a {
    display: inline-block;
    margin-right: 10px;
    text-decoration: none
}

#flicker_actions a:last-child {
    margin-right: 0
}

#flicker_actions a i {
    color: #445056;
    font-size: 22px
}

#flicker table td.flicker_titlebar {
    padding: 0
}

.spinner {
          margin-right: 10px;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          border: 2px solid #ffffff;
          border-top-color: transparent;
          animation: spin 1s linear infinite;
        }

        @keyframes spin {
          100% {
            transform: rotate(360deg);
          }
        }