input:focus {
   outline: 0 !important;
 }

 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(icomoon.eot?6e92p9);
   src: url(icomoon.eot?6e92p9#iefix) format('embedded-opentype'), url(icomoon.woff2?6e92p9) format('woff2'), url(icomoon.ttf?6e92p9) format('truetype'), url(icomoon.woff?6e92p9) format('woff'), url(icomoon.svg?6e92p9#icomoon) 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-kurumsal-kredi-basvurusu-menu:before {
   content: "\ea73";
 }

 .icon-kurumsal-kredi-basvuru-izleme:before {
   content: "\ea74";
 }

 .icon-e-imza-indir .path1:before {
   content: "\ea57";
   color: rgb(0, 172, 186);
 }

 .icon-e-imza-indir .path2:before {
   content: "\ea5a";
   margin-left: -0.857421875em;
   color: rgb(226, 5, 20);
 }

 .icon-TCK .path1:before {
   content: "\ea5b";
   color: rgb(226, 5, 20);
 }

 .icon-TCK .path2:before {
   content: "\ea5c";
   margin-left: -90px;
   color: rgb(0, 172, 186);
 }

 .icon-bold-info:before {
   content: "\ea56";
 }

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

 .icon-yeni-islem .path1:before {
   content: "\ea54";
   color: rgb(165, 0, 1);
   position: absolute;
   top: 0;
 }

 .icon-yeni-islem .path2:before {
   content: "\ea55";
   color: rgb(235, 12, 25);
   position: relative;
 }


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

 .icon-yeni-islem-en .path1:before {
   content: "\ea58";
   color: rgb(165, 0, 1);
   position: absolute;
   top: 0;
 }

 .icon-yeni-islem-en .path2:before {
   content: "\ea59";
   color: rgb(235, 12, 25);
   position: relative;
 }

 .icon-canli-cevap-menu:before {
   content: "\ea51";
 }

 .icon-doviz-altin:before {
   content: "\ea50";
 }



 .icon-show-mask:before {
   content: "\ea52";
 }

 .icon-hide-mask:before {
   content: "\ea53";
 }


 .icon-eye:before {
   content: "\ea52";
 }

 .icon-canli-cevap-menu:before {
   content: "\ea51";
 }

 .icon-doviz-altin:before {
   content: "\ea50";
 }


 .icon-musteri-iletisim-merkezi-en:before {
   content: "\ea4f";
 }

 .icon-dashboard-info .path1:before {
   content: "\ea4c";
   color: rgb(97, 113, 125);
 }

 .icon-dashboard-info .path2:before {
   content: "\ea4d";
   margin-left: -1.7rem;
   color: rgb(255, 255, 255);
 }

 .icon-dashboard-info .path3:before {
   content: "\ea4e";
   margin-left: -1.7rem;
   color: rgb(255, 255, 255);
 }

 .icon-caret-right:before {
   content: "\ea4a";
 }

 .icon-caret-left:before {
   content: "\ea4b";
 }

 .icon-circle-arrw-right:before {
   content: "\ea48";
 }

 .icon-circle-arrw-left:before {
   content: "\ea49";
 }

 .icon-musteri-iletisim-merkezi:before {
   content: "\ea47";
 }

 .icon-back-arrw:before {
   content: "\ea46";
 }

 .icon-dijital-kredi:before {
   content: "\ea45";
 }

 .icon-yatirim-vergi-raporu:before {
   content: "\ea44";
 }

 .icon-sm-connect:before {
   content: "\ea43";
 }

 .icon-sik-kullanilanlar:before {
   content: "\ea42";
 }

 .icon-aks:before {
   content: "\ea41";
 }

 .icon-Yatirim_Hesabi_Ekstre_Talimati:before {
   content: "\e9a4";
 }

 .icon-halka-arz-icon:before {
   content: "\e9a3";
 }

 .icon-Logout:before {
   content: "\e9a2";
 }

 .icon-kart_change:before {
   content: "\e9a1";
 }

 .icon-Sms_telefon_guncelleme:before {
   content: "\ea40";
 }

 .icon-sozlesmeYazdir:before {
   content: "\ea3f";
 }

 .icon-trafik-odemeleri:before {
   content: "\ea3e";
 }

 .icon-sms-giris-bloke-kaldir:before {
   content: "\ea31";
 }

 .icon-izlenecek-hesaplari-tanimla:before {
   content: "\ea34";
 }

 .icon-parola-giris-bloke-kaldir:before {
   content: "\ea3c";
 }

 .icon-sim-kart-bloke-kaldir:before {
   content: "\ea3d";
 }

 .icon-doviz_satis:before {
   content: "\ea30";
 }

 .icon-fon_alis:before {
   content: "\ea32";
 }

 .icon-fon_satis:before {
   content: "\ea33";
 }

 .icon-pdf:before {
   content: "\ea35";
 }

 .icon-vadesiz_altin_alis:before {
   content: "\ea36";
 }

 .icon-vadesiz_altin_satis:before {
   content: "\ea37";
 }

 .icon-xls:before {
   content: "\ea38";
 }

 .icon-basak_hesap_iptal:before {
   content: "\ea39";
 }

 .icon-basak_hesap_tanimlama:before {
   content: "\ea3a";
 }

 .icon-doviz_alis:before {
   content: "\ea3b";
 }

 .icon-Pasif:before {
   content: "\ea2f";
 }

 .icon-Profil_Resmi_Degistirme:before {
   content: "\e979";
 }

 .icon-profil_foto_degistirme:before {
   content: "\e977";
 }

 .icon-onay_yonetim:before {
   content: "\e976";
 }

 .icon-profil_resmi_sil:before {
   content: "\e96e";
 }

 .icon-zoom_in:before {
   content: "\e96f";
 }

 .icon-zoom_out:before {
   content: "\e970";
 }

 .icon-Kart_Ozellikleri:before {
   content: "\e946";
 }

 .icon-Yatirim_Borsa:before {
   content: "\e96d";
 }

 .icon-Kapat_siyah:before {
   content: "\e920";
 }

 .icon-sitemap_icon:before {
   content: "\e90e";
 }

 .icon-kisayollarim_Check:before {
   content: "\e904";
 }

 .icon-Talimati_guncelle:before {
   content: "\e982";
 }

 .icon-Etiket_iptal_et:before {
   content: "\e983";
 }

 .icon-Plaka_Ruhsat_no_guncelleme:before {
   content: "\e984";
 }

 .icon-Talimat_Guncelle:before {
   content: "\e985";
 }

 .icon-Talimat_iptal_et:before {
   content: "\e986";
 }

 .icon-islem_erteleme_izleme_iptali:before {
   content: "\e987";
 }

 .icon-Kart_ayarlarim:before {
   content: "\e988";
 }

 .icon-Kart_Yenileme:before {
   content: "\e989";
 }

 .icon-Kartsiz_Para_Cekme:before {
   content: "\e98a";
 }

 .icon-Nefes_Aylari:before {
   content: "\e98b";
 }

 .icon-Odeme_Plani_izleme:before {
   content: "\e98c";
 }

 .icon-Puan_sorgulama:before {
   content: "\e98d";
 }

 .icon-Sonradan_Taksitlendirme:before {
   content: "\e98e";
 }

 .icon-Sozlesme_Yazdir:before {
   content: "\e98f";
 }

 .icon-D_Transfer:before {
   content: "\e990";
 }

 .icon-Aliveris_Borcu_Erken_Odeme:before {
   content: "\e991";
 }

 .icon-Bankkart_Para_Yukleme:before {
   content: "\e992";
 }

 .icon-Bankkart_Yenileme:before {
   content: "\e993";
 }

 .icon-Basak_Bayi_iptal_et:before {
   content: "\e994";
 }

 .icon-Basak_Bayi_tanimla:before {
   content: "\e995";
 }

 .icon-Harclik_Avans:before {
   content: "\e996";
 }

 .icon-islem_erteleme:before {
   content: "\e997";
 }

 .icon-Basim_diger_islemler:before {
   content: "\e998";
 }

 .icon-Devlet_Katki_bilgileri:before {
   content: "\e999";
 }

 .icon-E-posta_Degistirme:before {
   content: "\e99a";
 }

 .icon-Guvenlik_Tercihleri:before {
   content: "\e99b";
 }

 .icon-izinli_alici_grup_tanilmala:before {
   content: "\e99c";
 }

 .icon-izinli_Alici_Tanimlama:before {
   content: "\e99d";
 }

 .icon-Kullanici_Adi_Degistirme:before {
   content: "\e99e";
 }

 .icon-Parola_Degistirme:before {
   content: "\e99f";
 }

 .icon-Parola_Kullanimi:before {
   content: "\e9a0";
 }

 .icon-Toplu_SMS_Tanimlama:before {
   content: "\e9a5";
 }

 .icon-Vekil_Guncelleme:before {
   content: "\e9a6";
 }

 .icon-Vekil_kullanici_Sil:before {
   content: "\e9a7";
 }

 .icon-Yetki_Tanimlama:before {
   content: "\e9a8";
 }

 .icon-Ad_Soyad_Degistirme:before {
   content: "\e9a9";
 }

 .icon-Basim_degisiklik_islemleri:before {
   content: "\e9aa";
 }

 .icon-Trafik_Odemeleri_HGS_OGS:before {
   content: "\e9ab";
 }

 .icon-Traktor_bayi_islemleri:before {
   content: "\e9ac";
 }

 .icon-Tum_Hesablarim:before {
   content: "\e9ad";
 }

 .icon-Uye_is_yeri_Portal:before {
   content: "\e9ae";
 }

 .icon-Vadeli_Altin:before {
   content: "\e9af";
 }

 .icon-Vadeli_Hesap:before {
   content: "\e9b0";
 }

 .icon-Vadeli_islemler:before {
   content: "\e9b1";
 }

 .icon-Vadesiz_Altin_Hesabi:before {
   content: "\e9b2";
 }

 .icon-Vadesiz_Hesab:before {
   content: "\e9b3";
 }

 .icon-Vekil_Kullanici_Yonetimi:before {
   content: "\e9b4";
 }

 .icon-Vergi_Odemeleri:before {
   content: "\e9b5";
 }

 .icon-Yatirim_Hesaplarim:before {
   content: "\e9b6";
 }

 .icon-Yeni_Hesap_Ac:before {
   content: "\e9b7";
 }

 .icon-Yetki_Senaryo_Yonetimi:before {
   content: "\e9b8";
 }

 .icon-Ziraat_Emeklilik_prim_Odeme:before {
   content: "\e9b9";
 }

 .icon-Ziraat_Sigorta_Prim_Odeme:before {
   content: "\e9ba";
 }

 .icon-Alt_Firma_Hesaplarim:before {
   content: "\e9bb";
 }

 .icon-Altin:before {
   content: "\e9bc";
 }

 .icon-Altin_Hesabi:before {
   content: "\e9bd";
 }

 .icon-Bagis:before {
   content: "\e9be";
 }

 .icon-Bankart_Ozellikleri:before {
   content: "\e9bf";
 }

 .icon-Bankkart:before {
   content: "\e9c0";
 }

 .icon-Bankkartlarim:before {
   content: "\e9c1";
 }

 .icon-Basak_Bayi_Islemleri:before {
   content: "\e9c2";
 }

 .icon-Baska_Hesaba_Transfer:before {
   content: "\e9c3";
 }

 .icon-Basvuru_Takip:before {
   content: "\e9c4";
 }

 .icon-Belediye_Odemeleri:before {
   content: "\e9c5";
 }

 .icon-BES_Sozlesme:before {
   content: "\e9c6";
 }

 .icon-bilgi_Anket:before {
   content: "\e9c7";
 }

 .icon-Bireysel_Kredi:before {
   content: "\e9c8";
 }

 .icon-Bireysel_Kredi_Basvurusu:before {
   content: "\e9c9";
 }

 .icon-Bireysel_Kredi_Taksit_Odeme:before {
   content: "\e9ca";
 }

 .icon-Bono_Tahvil:before {
   content: "\e9cb";
 }

 .icon-Capraz_Kurlar:before {
   content: "\e9cc";
 }

 .icon-Cebe_Transfer:before {
   content: "\e9cd";
 }

 .icon-Cebe_Transfer_rehber_erisim:before {
   content: "\e9ce";
 }

 .icon-Cek_Senet:before {
   content: "\e9cf";
 }

 .icon-Cek_ve_Risk_Raporu:before {
   content: "\e9d0";
 }

 .icon-DBS:before {
   content: "\e9d1";
 }

 .icon-Diger_Basvurular:before {
   content: "\e9d2";
 }

 .icon-Diger_Odemeler:before {
   content: "\e9d3";
 }

 .icon-Doviz2:before {
   content: "\e9d4";
 }

 .icon-Doviz_Kurlari:before {
   content: "\e9d5";
 }

 .icon-Egitim_Odemeler:before {
   content: "\e9d6";
 }

 .icon-Ekstre_Goruntuleme:before {
   content: "\e9d7";
 }

 .icon-Ekstre_Talimati:before {
   content: "\e9d8";
 }

 .icon-ELUS_Islemler:before {
   content: "\e9d9";
 }

 .icon-En_son_20_transfer:before {
   content: "\e9da";
 }

 .icon-eurobond:before {
   content: "\e9db";
 }

 .icon-Fatura_Odeme:before {
   content: "\e9dc";
 }

 .icon-Fon_Fiyatlari:before {
   content: "\e9dd";
 }

 .icon-fonlar:before {
   content: "\e9de";
 }

 .icon-Gram_Altin:before {
   content: "\e9df";
 }

 .icon-Hayat_Disi_Sigorta_Policesi:before {
   content: "\e9e0";
 }

 .icon-Hayat_Sigorta_policesi:before {
   content: "\e9e1";
 }

 .icon-Hesaplar_Basvuru:before {
   content: "\e9e2";
 }

 .icon-Hesaplarim_Arasi_Transfer:before {
   content: "\e9e3";
 }

 .icon-Hizli_islemler:before {
   content: "\e9e4";
 }

 .icon-Ithalat_Transfer:before {
   content: "\e9e5";
 }

 .icon-Kampanya_Listeleme:before {
   content: "\e9e6";
 }

 .icon-Kampanyalar:before {
   content: "\e9e7";
 }

 .icon-Kart_Basvuru:before {
   content: "\e9e8";
 }

 .icon-Kayitli_Alicilar:before {
   content: "\e9e9";
 }

 .icon-Kayitli_Fatura:before {
   content: "\e9ea";
 }

 .icon-Kira_Sertifikasi:before {
   content: "\e9eb";
 }

 .icon-Kiralik_Kasa:before {
   content: "\e9ec";
 }

 .icon-KKTC_transfer:before {
   content: "\e9ed";
 }

 .icon-KMH_Kredi_Basvurusu:before {
   content: "\e9ee";
 }

 .icon-Kredi_Basvuru:before {
   content: "\e9ef";
 }

 .icon-Kredi_Hesaplama:before {
   content: "\e9f0";
 }

 .icon-Kredi_Hesaplarim:before {
   content: "\e9f1";
 }

 .icon-Kredi_Karti:before {
   content: "\e9f2";
 }

 .icon-Kredi_Karti_Fatura_Odeme:before {
   content: "\e9f3";
 }

 .icon-Kredi_Karti_Transfer:before {
   content: "\e9f4";
 }

 .icon-Kredi_Oranlari:before {
   content: "\e9f5";
 }

 .icon-Kredi_Teminat:before {
   content: "\e9f6";
 }

 .icon-Kullanici_Yonetimi:before {
   content: "\e9f7";
 }

 .icon-Mevduat_Avansi_Borc_Kapama:before {
   content: "\e9f8";
 }

 .icon-Mevduat_Avansi_Geri_Odeme:before {
   content: "\e9f9";
 }

 .icon-Mevduat_Faiz:before {
   content: "\e9fa";
 }

 .icon-Mevduat_Hesaplama:before {
   content: "\e9fb";
 }

 .icon-Mobil_Tl_Yukleme:before {
   content: "\e9fc";
 }

 .icon-MT_40_Ekstre:before {
   content: "\e9fd";
 }

 .icon-Onay_Yonetimi:before {
   content: "\e9fe";
 }

 .icon-Online_Basvuru:before {
   content: "\e9ff";
 }

 .icon-OTC_Turev:before {
   content: "\ea00";
 }

 .icon-Otomatik_Talimatlar:before {
   content: "\ea01";
 }

 .icon-OTP_Degistirme:before {
   content: "\ea02";
 }

 .icon-OTP_iptal_et:before {
   content: "\ea03";
 }

 .icon-OTP_reset:before {
   content: "\ea04";
 }

 .icon-Pos_Hesaplari:before {
   content: "\ea05";
 }

 .icon-QR_Code_Para_Cekme:before {
   content: "\ea06";
 }

 .icon-QR_Code_Para_Yatirma:before {
   content: "\ea07";
 }

 .icon-Rapor:before {
   content: "\ea08";
 }

 .icon-Repo:before {
   content: "\ea09";
 }

 .icon-Saklama_Hesabi:before {
   content: "\ea0a";
 }

 .icon-Sanal_Kart:before {
   content: "\ea0b";
 }

 .icon-Sanal_Sube:before {
   content: "\ea0c";
 }

 .icon-SGK_SSK_Odemeleri:before {
   content: "\ea0d";
 }

 .icon-Sifre_Degistirme:before {
   content: "\ea0e";
 }

 .icon-Sigorta_Basvuru:before {
   content: "\ea0f";
 }

 .icon-Sigorta_Emeklilik_Odeme:before {
   content: "\ea10";
 }

 .icon-Swift:before {
   content: "\ea11";
 }

 .icon-Swift_Ozel_Giris:before {
   content: "\ea12";
 }

 .icon-Talimatlar:before {
   content: "\ea13";
 }

 .icon-Teminat_Mektubu:before {
   content: "\ea14";
 }

 .icon-Toki_Kredi_Odeme:before {
   content: "\ea15";
 }

 .icon-Toplu_Havale_EFT:before {
   content: "\ea16";
 }

 .icon-Toplu_Transfer:before {
   content: "\ea17";
 }

 .icon-Fiyatlar_Oranlar:before {
   content: "\ea18";
 }

 .icon-Guvenlik_ve_Ayarlar:before {
   content: "\ea19";
 }

 .icon-Hesaplar:before {
   content: "\ea1a";
 }

 .icon-Kartlar:before {
   content: "\ea1b";
 }

 .icon-Kartlarim:before {
   content: "\ea1c";
 }

 .icon-krediler2:before {
   content: "\ea1d";
 }

 .icon-en-yakin-ziraat:before {
   content: "\e981";
 }

 .icon-M_Finansal_Veriler:before {
   content: "\ea1e";
 }

 .icon-M_Hesap_Makineleri:before {
   content: "\ea1f";
 }

 .icon-M_Iletisim_Merkezi:before {
   content: "\ea20";
 }

 .icon-M_Kampanyalar:before {
   content: "\ea21";
 }

 .icon-M_Mobil_Basvurular:before {
   content: "\ea22";
 }

 .icon-M_Mobil_Sifremi_Unuttum:before {
   content: "\ea23";
 }

 .icon-M_QR_Kode_islemleri:before {
   content: "\ea24";
 }

 .icon-M_Randevu_Al:before {
   content: "\ea25";
 }

 .icon-Odemeler:before {
   content: "\ea26";
 }

 .icon-Onay_ve_Kullanici_Yonetimi:before {
   content: "\ea27";
 }

 .icon-Para_Transferleri:before {
   content: "\ea28";
 }

 .icon-QR_Kod_Islemleri:before {
   content: "\ea29";
 }

 .icon-sigorta_ve_emeklilik:before {
   content: "\ea2a";
 }

 .icon-uye-isyeri-islemleri:before {
   content: "\ea2b";
 }

 .icon-yatirim:before {
   content: "\ea2c";
 }

 .icon-Ziraat_Onay:before {
   content: "\ea2d";
 }

 .icon-basvurular2:before {
   content: "\e980";
 }

 .icon-e-devlet:before {
   content: "\ea2e";
 }

 .icon-Hizli_Islemi_Sil:before {
   content: "\e97f";
 }

 .icon-kilit:before {
   content: "\e900";
 }

 .icon-click:before {
   content: "\e901";
 }

 .icon-arama:before {
   content: "\e902";
 }

 .icon-ayarlar:before {
   content: "\e903";
 }

 .icon-cikis:before {
   content: "\e905";
 }

 .icon-fiyat-ve-oranlar:before {
   content: "\e906";
 }

 .icon-guvenlik-ve-ayarlar:before {
   content: "\e907";
 }

 .icon-kartlar:before {
   content: "\e908";
 }

 .icon-krediler:before {
   content: "\e909";
 }

 .icon-kurumsal-islemler:before {
   content: "\e90a";
 }

 .icon-menu:before {
   content: "\e90b";
 }

 .icon-odemeler:before {
   content: "\e90c";
 }

 .icon-para-transferi:before {
   content: "\e90d";
 }

 .icon-hesaplar:before {
   content: "\e90f";
 }

 .icon-sigorta-ve-emeklilik:before {
   content: "\e910";
 }

 .icon-up:before {
   content: "\e911";
 }

 .icon-down:before {
   content: "\e912";
 }

 .icon-left:before {
   content: "\e913";
 }

 .icon-right:before {
   content: "\e914";
 }

 .icon-date:before {
   content: "\e915";
 }

 .icon-mail2:before {
   content: "\e916";
 }

 .icon-mobil_phone2:before {
   content: "\e917";
 }

 .icon-phone2:before {
   content: "\e918";
 }

 .icon-adres2:before {
   content: "\e919";
 }

 .icon-telefon_bankaciligi:before {
   content: "\e91a";
 }

 .icon-edit:before {
   content: "\e91b";
 }

 .icon-sorular:before {
   content: "\e91c";
 }

 .icon-home:before {
   content: "\e91d";
 }

 .icon-delete:before {
   content: "\e91e";
 }

 .icon-drag:before {
   content: "\e91f";
 }

 .icon-aciklama:before {
   content: "\e921";
 }

 .icon-bilgi:before {
   content: "\e922";
 }

 .icon-basarili:before {
   content: "\e923";
 }

 .icon-basarisiz:before {
   content: "\e924";
 }

 .icon-uyari:before {
   content: "\e925";
 }

 .icon-return:before {
   content: "\e926";
 }

 .icon-not-found:before {
   content: "\e927";
 }

 .icon-logo:before {
   content: "\e928";
 }

 .icon-play:before {
   content: "\e929";
 }

 .icon-logo-ico:before {
   content: "\e92a";
 }

 .icon-disc-down-arrw:before {
   content: "\e92b";
 }

 .icon-yasal-uyari:before {
   content: "\e92c";
 }

 .icon-warning:before {
   content: "\e92d";
 }

 .icon-okey:before {
   content: "\e92e";
 }

 .icon-kumsaati:before {
   content: "\e92f";
 }

 .icon-exit:before {
   content: "\e930";
 }

 .icon-dekont:before {
   content: "\e931";
 }

 .icon-menudot:before {
   content: "\e932";
 }

 .icon-virman:before {
   content: "\e933";
 }

 .icon-time-begun:before {
   content: "\e934";
 }

 .icon-reload:before {
   content: "\e935";
 }

 .icon-time-over:before {
   content: "\e936";
 }

 .icon-ekstre-gonderim-tercihi:before {
   content: "\e937";
 }

 .icon-ekstre-kur-tercihi:before {
   content: "\e938";
 }

 .icon-hesap-kesim-tarihi-tercihi:before {
   content: "\e939";
 }

 .icon-hesap-ozetleri:before {
   content: "\e93a";
 }

 .icon-islem-kisiti:before {
   content: "\e93b";
 }

 .icon-limit-artirimi:before {
   content: "\e93c";
 }

 .icon-otomatik-odeme-talimati:before {
   content: "\e93d";
 }

 .icon-maximize:before {
   content: "\e93e";
 }

 .icon-mute:before {
   content: "\e93f";
 }

 .icon-filter-edit:before {
   content: "\e940";
 }

 .icon-pause:before {
   content: "\e941";
 }

 .icon-player-play:before {
   content: "\e942";
 }

 .icon-sound:before {
   content: "\e943";
 }

 .icon-filter:before {
   content: "\e944";
 }

 .icon-paylas:before {
   content: "\e945";
 }

 .icon-onay-yonetimi:before {
   content: "\e947";
 }

 .icon-maintenance:before {
   content: "\e948";
 }

 .icon-help:before {
   content: "\e949";
 }

 .icon-Refresh:before {
   content: "\e94a";
 }

 .icon-yazdir:before {
   content: "\e94b";
 }

 .icon-gonder:before {
   content: "\e94c";
 }

 .icon-indir:before {
   content: "\e94d";
 }

 .icon-OverlayPlay:before {
   content: "\e94e";
 }

 .icon-TableListUp:before {
   content: "\e94f";
 }

 .icon-TableListDown:before {
   content: "\e950";
 }

 .icon-iptal:before {
   content: "\e951";
 }

 .icon-yenile:before {
   content: "\e952";
 }

 .icon-ekle:before {
   content: "\e953";
 }

 .icon-Doviz:before {
   content: "\e954";
 }

 .icon-table_menu:before {
   content: "\e955";
 }

 .icon-Euro:before {
   content: "\e956";
 }

 .icon-Dollar:before {
   content: "\e957";
 }

 .icon-info:before {
   content: "\e958";
 }

 .icon-Signature:before {
   content: "\e959";
 }

 .icon-Information:before {
   content: "\e95a";
 }

 .icon-Security:before {
   content: "\e95b";
 }

 .icon-uniE95C:before {
   content: "\e95c";
 }

 .icon-uniE95D:before {
   content: "\e95d";
 }

 .icon-uniE95E:before {
   content: "\e95e";
 }

 .icon-uniE95F:before {
   content: "\e95f";
 }

 .icon-piechart:before {
   content: "\e960";
 }

 .icon-logo-text:before {
   content: "\e961";
 }

 .icon-arrow-border-left:before {
   content: "\e962";
 }

 .icon-zoom-in:before {
   content: "\e963";
 }

 .icon-zoom-out:before {
   content: "\e964";
 }

 .icon-arrow-border-right:before {
   content: "\e965";
 }

 .icon-Ekle:before {
   content: "\e966";
 }

 .icon-Bagli_Hesap:before {
   content: "\e967";
 }

 .icon-sadece_izleme:before {
   content: "\e968";
 }

 .icon-hic_Gosterme:before {
   content: "\e969";
 }

 .icon-izleme_ve_islem:before {
   content: "\e96a";
 }

 .icon-checked:before {
   content: "\e96b";
 }

 .icon-unchecked:before {
   content: "\e96c";
 }

 .icon-Mail_2:before {
   content: "\e971";
 }

 .icon-unlem:before {
   content: "\e972";
 }

 .icon-TransferArrow:before {
   content: "\e973";
 }

 .icon-fiyatlar-oranlar:before {
   content: "\e974";
 }

 .icon-hesaplar2:before {
   content: "\e975";
 }

 .icon-canli-cevap:before {
   content: "\e978";
 }

 .icon-iletisim-formu:before {
   content: "\e97a";
 }

 .icon-site-haritasi:before {
   content: "\e97b";
 }

 .icon-sss:before {
   content: "\e97c";
 }

 .icon-circular-remove:before {
   content: "\e97d";
 }

 .icon-kopyala:before {
   content: "\e97e";
 }

 .icon-western-union:before {
   content: "\ea5d";
 }

 .icon-used-car:before {
   content: "\ea5f";
 }

 .icon-dask:before {
   content: "\ea5e";
 }

 .icon-Dask_icon2:before {
   content: "\ea5e";
 }

 .icon-keycar:before {
   content: "\ea5f";
 }

 .icon-Periyodik_Limit_Artisi:before {
   content: "\ea6c";
 }

 .icon-Kart_Iptal:before {
   content: "\ea6d";
 }

 .icon-Kolas-03:before {
   content: "\ea62";
 }

 .icon-Alici:before {
   content: "\ea63";
 }

 .icon-QR:before {
   content: "\ea64";
 }

 .icon-IBAN:before {
   content: "\ea65";
 }

 .icon-Hesap:before {
   content: "\ea66";
 }

 .icon-TCKN:before {
   content: "\ea67";
 }

 .icon-Pasaport:before {
   content: "\ea68";
 }

 .icon-Telefon:before {
   content: "\ea69";
 }

 .icon-Eposta:before {
   content: "\ea6a";
 }

 .icon-YKN:before {
   content: "\ea6b";
 }

 .icon-kredi-yapilandirma:before {
   content: "\ea6e";
 }

 .icon-Raporlar_Icon:before {
   content: "\ea60";
 }

 .icon-Excel_Icon:before {
   content: "\ea61";
 }

 .icon-fast-logo:before {
   content: "\ea75";
 }

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

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


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

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

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

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

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

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

 @font-face {
   font-family: 'Gotham Narrow';
   src: url(CFFA5595DEF2590DC.woff2) format('woff2'), url(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: 0px !important;
 }

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

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

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

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

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

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

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

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

 .xs-mb-0 {
   margin-bottom: 0px !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: 0px !important;
   }

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

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

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

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

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

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

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

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

   .sm-mb-0 {
     margin-bottom: 0px !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: 0px !important;
   }

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

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

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

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

   .md-m-0 {
     margin: 0px !important;
   }

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

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

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

   .md-mb-0 {
     margin-bottom: 0px !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: 0px !important;
   }

   .lg-pt-0 {
     padding-top: 0px !important;
   }

   .lg-pl-0 {
     padding-left: 0px !important;
   }

   .lg-pr-0 {
     padding-right: 0px !important;
   }

   .lg-pb-0 {
     padding-bottom: 0px !important;
   }

   .lg-m-0 {
     margin: 0px !important;
   }

   .lg-mt-0 {
     margin-top: 0px !important;
   }

   .lg-ml-0 {
     margin-left: 0px !important;
   }

   .lg-mr-0 {
     margin-right: 0px !important;
   }

   .lg-mb-0 {
     margin-bottom: 0px !important;
   }
 }

 b,
 optgroup,
 strong {
   font-family: 'Gotham Narrow';
   font-weight: 700;
 }

 hr {
   border-color: #1d1d1b;
 }

 .opacity20 {
   opacity: 0.2;
 }

 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: #999999 !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, 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: 0px;
   background: none;
 }

 .iradio_flat-grey.disabled:before {
   font-size: 24px;
   font-size: 1.5rem;
   content: "\ea2f";
   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;
   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 0.2s ease;
   -o-transition: all 0.2s ease;
   -webkit-transition: all 0.2s ease;
   transition: all 0.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, 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;
   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 0.2s ease;
   -o-transition: all 0.2s ease;
   -webkit-transition: all 0.2s ease;
   transition: all 0.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(checkbox.png) no-repeat center center;
   background-size: 22px 22px;
   width: 22px;
   height: 21px;
   left: -1px;
   top: -1px;
   position: absolute;
   background-color: white;
   border-radius: 4px;
   border: 1px solid #8a8d90;
 }

 .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: 0px !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: 0px !important;
 }

 .pt20 {
   padding-top: 20px !important;
 }

 .mr0 {
   margin-right: 0px !important;
 }

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

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

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

 .pl0 {
   padding-left: 0px !important;
 }

 .pr0 {
   padding-right: 0px !important;
 }

 .relative {
   position: relative;
 }

 .r0 {
   right: 0 !important;
 }

 .warning:before {
   color: #f69302;
 }

 .danger:before {
   color: #e10514;
 }

 .highlight {
   background: yellow;
 }

 .width60 {
   width: 60px;
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .mobilHeight {
     padding-bottom: 0px !important;
   }
 }

 .fnt35 {
   font-size: 35px !important;
   font-size: 2.1875rem !important;
 }

 .valignMiddle {
   vertical-align: middle !important;
 }

 .floatNone {
   float: none !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: 0.625rem !important;
 }

 .black {
   color: #333 !important;
 }

 .red {
   color: #e10514 !important;
 }

 .info-color {
   color: #e2870f !important;
 }

 .danger {
   color: #e10514 !important;
 }

 .green {
   color: #249303 !important;
 }

 .noborderRight {
   border-right: 0px !important;
 }

 .blank-bg {
   background: white;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding: 0 20px;
   height: 53px;
   line-height: 50px !important;
   margin: 0px !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: 250px;
 }

 @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: 0.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: 0px;
 }

 .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: 0px !important;
   -webkit-border-radius: 0px !important;
   border-radius: 0px !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: 0px !important;
   margin-bottom: 0 !important;
 }

 .table-area .tableScroll .jspPane {
   width: 100% !important;
 }

 .table-area .tableScroll .jspVerticalBar {
   right: 0px;
 }

 .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;
 }

 .open-accordion {
   color: #445056;
 }

 .component-btn h2,
 .component-btn a {
   display: inline;
   width: auto;
   font-size: 13px;
   font-size: 0.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: 0.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 !important;
 }

 @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: 0.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-danger {
   background-color: #e10514;
   color: #fff;
 }

 .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: white;
   border-color: white;
 }

 .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: 0.75rem;
   color: #fff;
   padding: 4px 8px;
   font-family: 'Gotham Narrow Book';
   font-weight: 200;
 }

 .btn.btn-empty:hover {
   opacity: 0.6;
 }

 .btn.btn-dark {
   background: #727d83;
   color: white;
 }

 .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, 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 0px;
   background: #435154;
   color: #fff;
   right: 0px;
   text-align: center;
   font-family: 'Gotham Narrow Book';
   font-weight: 500;
   bottom: -49px;
   font-size: 13px;
   font-size: 0.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: 0px;
   height: 0px;
   right: 0px;
   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: 0px;
   }
 }

 @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, 0.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;
   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: 0.9375rem;
   position: relative;
   margin-right: 5px;
   top: 0px;
 }

 .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: 0.875rem;
   position: relative;
   clear: both;
 }

 .form-group.price-wrap:after {
   content: "TL";
   font-family: 'Gotham Narrow';
   font-weight: 500;
   font-size: 14px;
   font-size: 0.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: 0.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 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: 0px;
   }
 }

 .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: 0.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: 0.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: 0.625rem;
   width: auto;
   height: auto;
   margin-left: -10px;
   margin-top: -5px;
 }

 .select2.select2-container .select2-selection--single .select2-selection__arrow b:after {
   content: "\e912";
   color: #445056;
 }

 .select2.select2-container.select2-container--open .select2-selection__arrow b:after {
   content: "\e911";
   color: #445056;
 }

 .select2.select2-container.select2-container--disabled {
   opacity: 0.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: 0.875rem;
   color: #000000;
 }

 .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: 0.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: 0.875rem;
   color: #445056;
 }

 .jspContainer .jspVerticalBar {
   width: 9px;
   background: none;
 }

 .jspContainer .jspVerticalBar .jspTrack {
   background: none;
 }

 .jspContainer .jspVerticalBar .jspTrack .jspDrag {
   background: rgba(0, 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: 0.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: "\e914";
   color: #727d83;
   font-size: 13px;
   font-size: 0.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, 0.4);
   left: 0;
   bottom: 0px;
   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: 0.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 0px 0px 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: 0.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, 0.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, 0.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: 0px;
 }

 .height-50 {
   height: 50px;
 }

 .nav-table {
   width: 100%;
   text-align: center;
   font-size: 14px;
   font-size: 0.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: 0.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: 0.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: 0.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: red;
   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 0px 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: 0.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, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 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: 0.8125rem !important;
 }

 .progressbar.f13 .progressbar-text span:nth-child(1) {
   font-size: 13px !important;
   font-size: 0.8125rem !important;
 }

 .progressbar.f13 .progressbar-text span:nth-child(2) {
   font-size: 0px !important;
   font-size: 0rem !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: 0.2s;
   transition: 0.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: 0.2s;
   transition: 0.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: 0px !important;
 }

 .switch-cont {
   float: right;
   overflow: hidden;
   margin-bottom: 10px;
 }

 .switch-cont>span {
   float: left;
   font-size: 14px;
   font-size: 0.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: 0.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: 0.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: 0.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;
 }

 @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: 0.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: 0px !important;
   letter-spacing: -0.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.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: white;
   margin-bottom: 20px;
   font-size: 16px;
   font-size: 1rem;
   font-family: "Gotham Narrow Book";
   position: relative;
   padding: 2px 0 0px 25px;
 }

 @media (max-width: 768px) {
   .timer-wrap {
     padding-top: 2px;
     padding-left: unset;
   }
 }

 .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: white;
   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: #FFFFFF;
   bottom: 0px;
   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: 0.2s;
   -moz-animation-delay: 0.2s;
   -webkit-animation-delay: 0.2s;
   -o-animation-delay: 0.2s;
 }

 ul.rotate_wrapper .delay2 {
   animation-delay: 0.4s;
   -moz-animation-delay: 0.4s;
   -webkit-animation-delay: 0.4s;
   -o-animation-delay: 0.4s;
 }

 ul.rotate_wrapper .delay3 {
   animation-delay: 0.6s;
   -moz-animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s;
   -o-animation-delay: 0.6s;
 }

 ul.rotate_wrapper .delay4 {
   animation-delay: 0.8s;
   -moz-animation-delay: 0.8s;

   -webkit-animation-delay: 0.8s;
   -o-animation-delay: 0.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: -0.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: white;
 }

 .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: -0.8em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background: #e10514;
   border: none;
   width: 3.4em;
   text-align: center;
   color: white;
   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: 0px 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;
   }
 }

 .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(0.56, 0.12, 0.12, 0.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: 0.6;
   transition-delay: 90ms;
 }

 .flipster--infinite-carousel .flipster__item--past-1,
 .flipster--infinite-carousel .flipster__item--future-1 {
   opacity: 0.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(0.4);
 }

 .flipster--infinite-carousel .flipster__item--past-2 .flipster__item__content {
   transform: translateX(-30%) rotateY(0deg) scale(0.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(0.6);
   }
 }

 .flipster--infinite-carousel .flipster__item--future-2 .flipster__item__content {
   transform: translateX(30%) rotateY(0deg) scale(0.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(0.6);
   }
 }

 .flipster--infinite-carousel .flipster__item--past-1 .flipster__item__content {
   transform: translateX(-30%) rotateY(0deg) scale(0.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(0.8);
   }
 }

 .flipster--infinite-carousel .flipster__item--future-1 .flipster__item__content {
   transform: translateX(30%) rotateY(0deg) scale(0.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(0.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;
 }

 .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, 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: 0.8125rem;
   -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
 }

 div.hopscotch-bubble .hopscotch-bubble-content {
   font-size: 12px;
   font-size: 0.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: 0.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;
 }

 .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: 0px 0px 20px rgba(44, 153, 255, 0.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;
 }

 .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: white !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: white;
 }

 .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%;
 }

 .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: 0px !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: white;
   z-index: 9999;
   padding: 50px;
   width: 465px;
   padding-left: 177px;
   box-shadow: 0px 0px 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: 0.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;
 }

 @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;
   background: url(bg.jpg) no-repeat top left fixed;
 }

 .wrapper .bg-layer {
   background: rgba(29, 29, 27, 0.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: white;
   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: white;
   left: 15px;
   z-index: 3;
   display: none;
 }

 .wrapper .mobile-header .mobil-left.icon-logo-ico:before {
   color: white;
 }

 .wrapper .mobile-header .mobil-left.backBtn {
   color: #fff;
   font-size: 22px;
   font-size: 1.375rem;
 }

 .wrapper .mobile-header .mobile-logo {
   position: fixed;
   color: white;
   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: white;
 }

 .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: white;
 }

 .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, 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, 0.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;
   text-align: right;
   min-height: 30px;
 }

 .wrapper .content .users span.user-name span {
   font-size: 12px;
   font-size: 0.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;
   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: 0.5625rem;
   color: rgba(255, 255, 255, 0.4);
 }

 .wrapper .content .users span.last-login b,
 .wrapper .content .users span.last-error-login b {
   color: #ffffff;
   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: 0.625pxrem;
   padding: 0px 0;
   display: inline-block;
   margin-bottom: 0px;
 }

 .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: white;
   -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: 0px 7px 25px -1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 7px 25px -1px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 7px 25px -1px rgba(0, 0, 0, 0.2);
   min-width: 220px;
 }

 .wrapper .content .users .dropdown-box .nav-tabs li.active a {
   color: white;
 }

 .wrapper .content .users .dropdown-box .nav-tabs a {
   width: 100%;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   font-size: 10px;
   border-width: 0px !important;
   color: #445056;
   padding: 10px 0;
   font-weight: bold;
   margin-bottom: 0px;
 }

 .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: 0.6875rem;
 }

 .wrapper .content.error {
   background-color: rgba(36, 44, 48, 0.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, 0.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: 0px 0px 5px -2px #000;
   background: rgba(255, 255, 255, 0.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;
   -webkit-box-shadow: 9px 0px 25px -8px rgba(0, 0, 0, 0.68);
   -moz-box-shadow: 9px 0px 25px -8px rgba(0, 0, 0, 0.68);
   box-shadow: 9px 0px 25px -8px rgba(0, 0, 0, 0.68);
 }

 .wrapper .content .page-step .step {
   height: 100%;
   float: left;
   position: relative;
   background-color: rgba(36, 44, 48, 0.5);
   color: white;
 }

 .wrapper .content .page-step .step.error {
   background: transparent;
 }

 .wrapper .content .page-step .step .lottie-layer {
   background: rgba(0, 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: 0.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: 0px;
   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: white;
 }

 @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, 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, 0.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: white;
 }

 .wrapper .content .page-step .step.dark .loading-layer {
   background: rgba(255, 255, 255, 0.8);
 }

 .wrapper .content .page-step .step.dark .loading-layer li.rotate_item span {
   background: black;
 }

 .wrapper .content .page-step .step.dark .lottie-layer {
   background: rgba(255, 255, 255, 0.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: 0px 0px 0px 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: 0.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: 0.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: 0.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: white;
   width: 100%;
   height: 4px;
   -moz-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
   opacity: 0.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: 0.5;
   pointer-events: none;
   cursor: default;
 }

 .jspContainer .jspVerticalBar {
   width: 4px;
   opacity: 0.7;
 }

 .maintenance-screen {
   color: white;
   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;
   }
 }

 .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: 0px;
   }
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .securty-images-wrap>p {
     padding-left: 0px;
   }
 }

 .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: "\e92e";
   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;
 }

 nav {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   z-index: 2007;
 }

 @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;
   height: 100%;
   width: 226px;
   z-index: 2000;
   padding: 0px 0 10px 0;
   position: fixed;
 }

 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: 0px;
     padding-bottom: 70px;
     min-height: inherit;
     padding-top: 70px;
     position: absolute;
   }
 }

 @media only screen and (max-width: 768px) {
   nav .menu-wrap {
     overflow-x: hidden;
     overflow-y: auto;
     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: 0px;
   }
 }

 nav .menu-wrap .logo span .icon-logo-text {
   color: black;
   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: 605px;
 }

 @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: 0.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: 0px;
     padding: 5px 0;
   }
 }

 @media only screen and (max-width: 991px) {
   nav .menu-wrap .menuScrollContent>div>ul>li a {
     padding: 10px 20px;
     margin-bottom: 0px;
   }
 }

 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: #ff0000;
     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: 0.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: 0.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: white;
   -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: 0.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(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: white;
     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: white;
 }

 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: white;
   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: 0.875rem;
   top: 0px !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: "\e924";
 }

 nav .menu-wrap .menuScrollContent>div>ul>li>.sub-menu .sub-help-wrap {
   position: absolute;
   background: white;
   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, 0.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: 0px;
 }

 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: 0px 30px 0px 0px;
   display: table-cell;
   border-bottom: 1px solid #d5d5d5;
   font-weight: bold;
   height: 60px;
   vertical-align: middle;
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 13px;
   color: #272c30;
   margin-bottom: 0px;
   font-family: 'Gotham Narrow';
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.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: '\e914';
     font-family: 'icomoon' !important;
     position: absolute;
     right: 15px;
     margin-top: -8px;
     opacity: 0.3;
     font-size: 12px;
     font-size: 0.75rem;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.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 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.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: 0px;
     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: 0px !important;
   height: 100%;
   padding-right: 0px;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   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: 0px;
   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: 0px;
   }
 }

 nav .menu-wrap .menuScrollContent>div.bottom a {
   color: #1d1d1b;
 }

 nav .menu-wrap .menuScrollContent>div.bottom ul li a {
   color: #445056;
   margin-bottom: 0px;
 }

 @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: 0.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: absolute;
   bottom: 0;
   width: 100%;
   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: 0px;
 }

 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: 0.625rem;
 }

 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 0px 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 0px 14px 0px;
   margin-bottom: 4px;
   font-size: 14.5px;
   font-size: 0.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: 0px;
   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: 0px;
   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 .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: 0.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: white;
   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(bg-subpage.jpg) no-repeat left top;
   background-attachment: fixed;
 }

 .subpage .swipeDotted {
   display: inline-block;
   margin-top: 0px;
   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: 0.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: white;
 }

 .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: 0px;
   padding-right: 0px;
 }

 .subpage .campaing-detail .table tr td div {
   margin: 0px !important;
   padding: 0px !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: 0px !important;
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .subpage .campaing-detail .campaing-chart .chartBox {
     border: 0px;
   }
 }

 .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: 0px;
     margin-top: 0px;
     padding-right: 0px;
   }
 }

 .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: 0px;
   }
 }

 .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: 0.75rem;
   font-family: 'Gotham Narrow';
   font-weight: bold;
   opacity: 0.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: 0.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, 0.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;
 }

 .subpage .wrapper .bg-layer {
   background-color: rgba(239, 244, 247, 0.8);
   display: none;
 }

 .subpage .wrapper .content {
   padding-left: 246px;
   padding-right: 20px;
   padding-top: 12px;
   font-family: 'Gotham Narrow';
   color: #445056;
   padding-top: 42px;
   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: -0.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, 0.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: 0.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: 0.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: white;
 }

 .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-name {
   display: block;
   font-size: 12px;
   font-size: 0.75rem;
   margin-bottom: 3px;
 }

 .subpage .wrapper .content .steps li.success .step-bank {
   display: block;
   font-size: 12px;
   font-size: 0.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: 0.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: 0.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: 0.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.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: 0px;
   margin-bottom: 0px;
 }

 @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: white;
 }

 .subpage .wrapper .content .operations-blocks:hover .links,
 .subpage .wrapper .content .operations-blocks:focus .links {
   background: white;
 }

 .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 .links .custom-link:nth-child(2),
 .subpage .wrapper .content .operations-blocks:focus .links .custom-link:nth-child(2) {
   background: white;
   border-color: #445056;
 }

 .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: red;
   position: absolute;
   right: 18px;
   top: 16px;
   font-family: 'Gotham Narrow';
   font-weight: bold;
   font-size: 12px;
   font-size: 0.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: 0.9375rem;
   padding: 5px;
 }

 .subpage .wrapper .content .operations-blocks table tbody td {
   font-size: 14px;
   font-size: 0.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: 0px;
 }

 .subpage .wrapper .content .operations-blocks.disabled {
   pointer-events: none;
   opacity: 0.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: 0.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 20px 10px 90px;
   margin-bottom: 10px;
 }

 @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: 0px;
   position: absolute;
   width: 90px;
   text-align: center;
   transform: translateY(-50%);
   top: 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;
 }

 .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;
   padding-right: 0;
 }

 .subpage .wrapper .content .operations-blocks.table-list table td span:last-child {
   margin-bottom: 0;
 }

 .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;
 }

 .subpage .wrapper .content .operations-blocks.table-list .time {
   font-size: 14px;
   font-size: 0.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: 0.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: 0.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: 0px;
 }

 @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: 0.9375rem;
   margin-left: 5px;
   display: inline-block;
 }

 .subpage .wrapper .content .operations-blocks .warning {
   color: #e10514;
 }

 .subpage .wrapper .content .operations-blocks .links {
   background: #445056;
   color: white;
   -moz-border-radius: 30px;
   -webkit-border-radius: 30px;
   border-radius: 30px;
   display: inline-block;
   margin-top: 16px;
   position: absolute;
   right: 20px;
   bottom: 13px;
 }

 .subpage .wrapper .content .operations-blocks .links .custom-link {
   color: white;
   font-size: 12px;
   font-size: 0.75rem;
   display: block;
   float: left;
   padding: 0;
   margin-top: 0;
   font-family: 'Gotham Narrow';
   padding: 5px 10px;
   text-decoration: none;
 }

 .subpage .wrapper .content .operations-blocks .links .custom-link:nth-child(2) {
   border-left: 2px solid #fff;
   background: #e10514;
   border-radius: 0 30px 30px 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: 0px;
 }

 .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: 0px;
   }
 }

 .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: 0px;
   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: #dddddd;
   bottom: -7px;
   left: 50%;
   margin-left: -8px;
 }

 .subpage .wrapper .content .operations-blocks .block-btn span:last-child {
   border-bottom: 0px;
   padding-bottom: 0;
   margin-bottom: 0;
 }

 .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: 0px;
   font-weight: 300;
 }

 .subpage .wrapper .content .acc-link i {
   display: block;
   position: absolute;
   right: 22px;
   top: 8px;
   font-size: 9px;
   font-size: 0.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: "\e911";
 }

 .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: 0px;
     padding-right: 45px;
   }
 }

 .subpage .wrapper .content .acc-link.acc-link-money:first-child {
   margin-top: 0px;
 }

 .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: 0px 0px 0px 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: "\e960";
   position: absolute;
   left: 0;
   font-size: 24px;
   font-size: 1.5rem;
   top: 0px;
   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.percent.non-icon {
   padding-left: 0px !important;
 }

 .subpage .wrapper .content .acc-link.acc-link-money span.percent.non-icon:before {
   display: none !important;
 }

 .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: 0.625rem;
 }

 .subpage .wrapper .content .pager ul li a:hover {
   background: #445056;
   color: white;
 }

 .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: 0.875rem;
   padding: 8px 10px;
   font-weight: bold;
 }

 .subpage .wrapper .content .pager ul li.numbers a.active {
   background: #445056;
   color: white;
 }

 .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: 0.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: 0.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: white;
 }

 .subpage .wrapper .content .table-area .dropdown .dropdown-menu {
   background: #445056;
   left: 0;
   top: 19px;
   z-index: 1800;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   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: white;
   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 tr td {
   color: #445056;
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 13px;
   vertical-align: middle;
   padding: 15px 10px;
   line-height: 1.3;
   border: 0px !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: 0px;
 }

 .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: 0.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: 0.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 a,
 .subpage .wrapper .content .table-area .table tr.hoverClass a,
 .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: white;
 }

 .subpage .wrapper .content .table-area .table tr:hover label,
 .subpage .wrapper .content .table-area .table tr.hoverClass label {
   color: white;
 }

 .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: 0.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: 0.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 0px;
   color: #445056;
 }

 .subpage .wrapper .content .info-page.execute-page {
   padding-bottom: 0 !important;
   margin-bottom: -15px !important;
 }

 @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 .fast-icon {
   width: 120px;
   height: 120px;
   display: block;
   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 .fast-icon {
     margin-bottom: 20px;
     width: 90px;
     height: 90px;
     padding-top: 24px;
   }
 }

 .subpage .wrapper .content .info-page .fast-icon.icon-fast-logo {
   color: #e10514;
 }

 .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: 0px !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: 0px;
 }

 .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: 0px;
   }
 }

 .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: 0px;
   }
 }

 .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: 0px;
   padding-bottom: 0;
   padding-left: 0px;
 }

 .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: 0px;
   padding-top: 30px;
 }

 .subpage .wrapper .content .box-white.table-accordion .acc-item .info-list {
   margin-bottom: 0px;
 }

 @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: 0px;
 }

 .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: 0px;
     height: 0px;
     padding: 0px;
   }
 }

 .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: 0px;
   }
 }

 .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;
 }

 .subpage .wrapper .content .box-white .block .borderTop {
   border-top: 1px solid #cbd4da;
   border-right: 0px;
   padding-top: 20px;
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .subpage .wrapper .content .box-white .block .borderTop {
     border: 0px;
   }
 }

 .subpage .wrapper .content .box-white.table-block {
   padding: 10px 15px;
 }

 .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 {
   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: 0.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: white;
   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: white;
   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: 0.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: 0px 3px 0px 0px rgba(122, 122, 122, 0.2);
   -moz-box-shadow: 0px 3px 0px 0px rgba(122, 122, 122, 0.2);
   box-shadow: 0px 3px 0px 0px rgba(122, 122, 122, 0.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: 0.75rem;
   pointer-events: none;
 }

 .subpage .wrapper .content .card-wrap .button.red {
   background: #fe0002;
   color: white !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: 0.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: 0px;
 }

 .subpage .wrapper .content .table-block table tbody>tr>td {
   border-color: #cbd4da;
 }

 .subpage .wrapper .content .help-content-list .content-img {
   border: 0px !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 .mobil-list-new .info-no-bg table {
   margin-bottom: 5px;
 }

 .subpage .mobil-list-new .info-no-bg table tr td {
   padding-left: 0px;
   padding-right: 0px;
 }

 .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: 0px;
   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: 0.8125rem;
 }

 .subpage .mobil-list-new .item .table {
   width: 100%;
   margin-bottom: 0px;
 }

 .subpage .mobil-list-new .item .table tr td {
   padding: 0px;
   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: #000000;
   height: 107px;
   position: relative;
 }

 .subpage .security-card .security-card-reading:before {
   position: absolute;
   width: 0;
   height: 0px;
   left: 10%;
   border-style: solid;
   border-width: 10px 10px 0 10px;
   border-color: #ffffff transparent transparent transparent;
   content: "";
 }

 .subpage .security-card .security-card-reading:after {
   position: absolute;
   width: 0;
   height: 0px;
   right: 10%;
   border-style: solid;
   border-width: 10px 10px 0 10px;
   border-color: #ffffff 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: 0px;
 }

 .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: 0.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: 0.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: "\e902";
   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(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: 0.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: 0px !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: 0.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: 0.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;
 }

 @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: 0px;
   color: white;
 }

 @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: 0px;
   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: 0px;
   top: 4px;
   font-size: 13px;
   font-size: 0.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: 0px;
   padding-right: 0px;
 }

 .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: white;
     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: 0px 0px 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: 0px;
   }
 }

 .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: 0px;
 }

 .subpage .detail-header .small-menu-box li a i.small {
   font-size: 12px;
   font-size: 0.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: 0.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, 0.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 0px;
     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;
 }

 .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: "\e911";
   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: 0.875rem;
   margin-top: 4px;
 }

 .subpage .mobile-installment-table .panel-default .panel-heading a.collapsed:after {
   content: "\e912";
 }

 .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: 0px;
 }

 .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: 0.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: 0px !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: 0.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: white;
     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: white;
   }
 }

 .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: 0px;
   }
 }

 .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: white;
   border-color: white;
   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: 0.75rem;
 }

 .subpage .dashboard-edit-widget .widgets {
   margin-bottom: 20px;
 }

 .subpage .dashboard-edit-widget .widgets li {
   border-bottom: 1px solid rgba(113, 113, 113, 0.2);
   position: relative;
   padding: 15px 40px;
   color: #2a2f34;
   display: block;
   cursor: pointer;
 }

 .subpage .dashboard-edit-widget .widgets li .links {
   background: #445056;
   color: white;
   -moz-border-radius: 30px;
   -webkit-border-radius: 30px;
   border-radius: 30px;
   display: inline-block;
   margin-top: 16px;
   padding: 5px 0px;
   position: absolute;
   right: 60px;
   bottom: 13px;
 }

 .subpage .dashboard-edit-widget .widgets li .links .custom-link {
   color: white;
   font-size: 12px;
   font-size: 0.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: 0px;
 }

 .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: 0.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: 0.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, 0.2);
   opacity: 0.4;
 }

 .subpage .dashboard-edit-widget .widgets.disableds li a {
   opacity: 0.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 0px;
 }

 .subpage .dashboard-edit-widget .form-group .form-control {
   font-family: 'Gotham Narrow';
   font-weight: 500;
   font-size: 14px;
   font-size: 0.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: white;
   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: white;
   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: white;
 }

 .subpage .help-header .page-title .help-btn.open i {
   font-size: 14px;
   font-size: 0.875rem;
   line-height: 2.4;
   background: #e10514;
   color: white;
 }

 @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: "\e924";
 }

 .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: white;
   z-index: 2006;
   right: 0;
   border-radius: 10px;
   top: 50px;
 }

 .subpage .help-header .sub-help-wrap .help-header {
   position: relative;
   top: -2px;
 }

 .subpage .help-header .sub-help-wrap .help-header h2 {
   font-size: 17px;
   font-size: 1.0625rem;
 }

 .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: 0.875rem;
 }

 .subpage .help-header .sub-help-wrap .help-header .pager>span {
   float: left;
 }

 .subpage .help-header .sub-help-wrap .help-header .pager>div {
   color: white;
   font-family: 'Gotham Narrow Book';
   font-size: 12px;
   font-size: 0.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: 0.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: 0.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: 0.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: 64px;
 }

 .subpage .help-header .sub-help-wrap .help-body .owl-next {
   right: 2px;
 }

 .subpage .help-header .sub-help-wrap .help-body .owl-dots {
   position: relative;
   margin-top: 25px;
   top: 0;
 }

 .subpage .filter-wrap {
   background: white;
   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: 0.6875rem;
   color: #445056;
   cursor: pointer;
   right: 10px;
   position: relative;
 }

 .subpage .fileUploaderBox .fileInputBox .btn {
   right: 0;
   top: 0;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   font-size: 18px;
   font-size: 1.125rem;
   border: 0px;
   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: 0.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: 0.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: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   padding-left: 50px;
   padding-right: 50px;
   border: 0px;
   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: 0.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: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }

 .subpage .fileUploaderBox .filesList .form-control .progress .progress-bar {
   background: #d7e6eb;
   opacity: 0.8;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }

 .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: 0px;
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .subpage .hedge-table tr td {
     padding-left: 0px;
     padding-right: 0px;
   }
 }

 .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: 0px;
   }
 }

 .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: 0px 20px 20px 20px;
 }

 .subpage .sitemap-wrap .c-content ul {
   padding-left: 0px;
 }

 .subpage .sitemap-wrap .c-content ul li {
   font-size: 14px;
   font-size: 0.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: 0px;
 }

 .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: 0px;
 }

 .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(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: 0px;
 }

 .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 a.active-link:hover {
   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: 0px;
 }

 .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, 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: 0px;
 }

 .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: 0.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: 0px;
   }
 }

 .subpage .profil-picture-modal .fileinput-btn {
   position: relative;
 }

 .subpage .profil-picture-modal .fileinput-btn input[type=file] {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   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: 0px;
 }

 .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: 0px;
   font-family: 'Gotham Narrow Book';
   padding-top: 0px;
 }

 .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: 0px;
 }

 @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 0px;
   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: 0px;
   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: 0px;
 }

 .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: 0.6875rem;
   right: 0px;
   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: 0.5;
 }

 .subpage .accordion-box .t-content {
   padding: 0px 0 0 0;
   display: none;
 }

 .subpage .accordion-box .t-content .text-icon {
   padding-top: 1px;
 }

 .subpage .accordion-box .t-content table {
   margin-bottom: 0px;
 }

 .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: 0.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: 0.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: 0px;
   }
 }

 .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: 0px;
 }

 .subpage .accordion-box .t-content .switch-cont>span {
   padding-top: 0px;
 }

 .subpage .accordion-box .t-content .operations-blocks .title {
   padding-bottom: 0px;
 }

 .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: 0px;
     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: 0px !important;
   background: transparent !important;
 }

 .subpage .survey-box .survey-item {
   position: relative;
   padding: 24px 24px 24px 0px;
   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: 0.875rem !important;
 }

 .subpage .compatibility table tr td .select2-container .select2-selection--single .select2-selection__rendered {
   padding-top: 0px !important;
   padding-bottom: 0px !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: 0px;
   }
 }

 .subpage .panel-group {
   margin-bottom: 30px;
 }

 .subpage .panel-group .panel-template-opacity {
   margin-top: 0px !important;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   background-color: rgba(255, 255, 255, 0.4);
   border: 0px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.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: "\e912";
   font-size: 12px;
   font-size: 0.75rem;
   color: #445056;
   position: absolute;
   right: 25px;
   top: 50%;
   margin-top: -5px;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.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: 0px 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: 0px;
   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: 0px !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: 0.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, 0.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: "\e913";
 }

 .subpage .playerThumb .owl-nav .owl-next {
   right: 0;
 }

 .subpage .playerThumb .owl-nav .owl-next:before {
   content: "\e914";
 }

 .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;
   padding-right: 10px;
   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: 0px;
   z-index: 49;
   display: table;
   padding: 0 56px 0 15px;
 }

 .campaing-subpages .text {
   font-family: 'Gotham Narrow';
   font-weight: 500;
   color: white;
   font-size: 16px;
   font-size: 1rem;
   line-height: 1.3;
   display: table-cell;
   height: 100%;
   vertical-align: middle;
 }

 .campaing-subpages .text a {
   color: white;
 }

 .campaing-subpages .icn {
   position: absolute;
   right: 16px;
   color: white;
   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: 0.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%;
 }

 .gu-mirror a {
   position: relative;
   padding: 15px 40px;
   color: black;
   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: 0.875rem;
   text-align: center;
 }

 .gu-mirror:last-child {
   border: none;
 }

 .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: 0.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;
 }

 .fullpage {
   background: url(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: 0px;
   padding-bottom: 0px;
   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: white;
   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: 0px;
   }
 }

 .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: 0px;
     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: 0.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, 0.5);
 }

 .fullpage .wrapper .rules-popover h4 {
   font-size: 16px;
   font-size: 1rem;
   font-family: 'Gotham Narrow';
   color: white;
   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(login-bg.jpg) 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(login-bg.jpg) 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: white;
   font-size: 13px;
   font-size: 0.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: 0px;
 }

 .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: 0px;
 }

 .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: 0px !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: 0px;
   margin-bottom: 0px !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: white;
   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: 0px;
 }

 @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: white;
   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: white;
   font-size: 18px;
   font-size: 1.125rem;
   display: block;
 }

 .login-wrap .login-box .dropdownlist>a small {
   font-size: 12px;
   font-size: 0.75rem;
   color: #b8c3d3;
 }

 .login-wrap .login-box .dropdownlist>a i {
   float: right;
   font-size: 14px;
   font-size: 0.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: 0.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: 0.875rem;
 }

 .login-wrap .login-box .dropdownlist>ul li a:first-child:focus {
   color: white;
   background: #445056;
 }

 .login-wrap .login-box .dropdownlist>ul li a:first-child:focus~.icon-delete {
   color: white;
 }

 .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: white;
   background: #445056;
 }

 .login-wrap .login-box .dropdownlist>ul li:hover>.icon-delete,
 .login-wrap .login-box .dropdownlist>ul li.active>.icon-delete {
   color: white;
 }

 .login-wrap .login-box .form-group label {
   color: white;
 }

 .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: white;
   text-align: right;
 }

 .login-wrap .login-box .btns {
   margin-bottom: 16px;
 }

 .login-wrap .login-box .switch-cont {
   color: white;
   float: none;
 }

 .login-wrap .login-box .switch-cont a {
   color: white;
   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: white;
   background: #95130d;
 }

 .login-wrap .login-box .switch-cont .switch .switch-slider:before {
   background-color: white;
 }

 .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: white;
 }

 @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: white;
   padding: 10px 20px;
   display: inline-block;
   opacity: 0.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, 0.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, 0.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, 0.5);
   color: white;
 }

 .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 90px;
   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, 0.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: 0.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: white;
   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: white;
   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: white;
 }

 .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: 0.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: #ffffff;
   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: #000000;
   margin-right: 30px;
 }

 .login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .top a:hover {
   color: #000000;
 }

 .login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .middle {
   padding: 20px;
   background-color: #eeeeee;
   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: 0px;
   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: #ffffff;
   border-bottom: none;
 }

 .login-wrap .tc-kimlik-giris-wrap .tc-kimlik-giris-box .imza-area {
   color: #ffffff;
   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: #ffffff;
   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: #000000;
   margin-right: 30px;
 }

 .login-wrap .tc-kimlik-giris-wrap .ziraat-e-imza-box .top a:hover {
   color: #000000;
 }

 .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: #ffffff;
 }

 .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: 0px;
   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: #ffffff;
   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: #ffffff;
   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: #000000;
   font-size: 16px;
   font-weight: bold;
   background-color: #ffffff;
   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, 0.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: 0px auto 60px;
   }
 }

 @media only screen and (min-width: 320px) and (max-width: 767px) {
   .login-wrap .login-info-box {
     margin: 0px 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 0px;
 }

 @media only screen and (min-height: 80px) and (max-height: 779px) {
   .login-wrap .login-info-box .body .login-info {
     padding: 15px 0 0px;
   }
 }

 @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: 0.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, 0.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 0px 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: 0.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: "\e911";
 }

 .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, 0.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: 0.875rem;
   position: relative;
   clear: both;
   border: 1px solid rgba(255, 255, 255, 0.7);
 }

 .login-wrap .form-group label.error:after {
   content: "";
   border-color: transparent transparent rgba(255, 255, 255, 0.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: 0.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, 0.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: "\e913";
 }

 .login-wrap .playerThumb .owl-nav .owl-next {
   right: 0;
 }

 .login-wrap .playerThumb .owl-nav .owl-next:before {
   content: "\e914";
 }

 .login-wrap .pageTop {
   margin: 40px 0 0;
 }

 .login-wrap .pageTop .breadcrumb li:before {
   color: white;
   font-size: 16px;
   font-size: 1rem;
 }

 .login-wrap .pageTop a {
   color: white;
   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: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
 }

 .login-wrap .nav-tabs.white.responsive-swipe.tab.filters li a {
   background: none;
   color: rgba(255, 255, 255, 0.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, 0.4) !important;
 }

 .login-wrap .panel-group {
   margin-bottom: 30px;
 }

 .login-wrap .panel-group .panel-template-opacity {
   margin-top: 0px !important;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   background-color: rgba(255, 255, 255, 0.9);
   border: 0px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.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: "\e912";
   font-size: 12px;
   font-size: 0.75rem;
   color: #445056;
   position: absolute;
   right: 46px;
   top: 50%;
   margin-top: -5px;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.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: 0px 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: 0px;
   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: 0px !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: #000000;
   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: 0.875rem;
   }
 }

 .login-wrap .box-white {
   background: white;
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius: 12px;
   padding: 20px;
   margin-bottom: 20px;
 }

 .login-wrap .swipeDotted {
   display: inline-block;
   margin-top: 0px;
   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: white;
 }

 .logout-wrap h1 {
   color: white;
   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: white;
 }

 .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: 0px;
 }

 .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: #ff0000 !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: 0.75rem !important;
 }

 .custom-title h5 {
   font-size: 0.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: 0px;
     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: 0.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, 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: 0px !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: 0.8 !important;
 }

 .export-listbox .disabled .f-right {
   background: #d8d8d8;
   border-radius: 6px;
   padding: 12px;
 }

 .disabled-tab {
   opacity: 0.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: 0px !important;
 }

 a.red-link {
   color: #ff0000;
   text-decoration: none;
 }

 a.red-link-command {
   color: #ff0000;
   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 0px 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 white;
   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: 0px !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: 0px;
   top: 0px;
 }

 .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(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: 0px;
 }

 .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: 0px;
   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, 0.9);
 }

 .subpage .panel-group .panel-template-opacity:last-child {
   background-color: rgba(255, 255, 255, 0.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: "\e920" !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 0px 5px 20px;
   background: url(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: red;
   position: absolute;
   right: 18px;
   top: 16px;
   font-family: 'Gotham Narrow';
   font-weight: bold;
   font-size: 12px;
   font-size: 0.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: 0.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: 0.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: 0.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: 0px;
 }

 @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: 0.9375rem;
   margin-left: 5px;
   display: inline-block;
 }

 body .online-transactions .operations-blocks .warning {
   color: #e10514;
 }

 body .online-transactions .operations-blocks .links {
   background: #445056;
   color: white;
   -moz-border-radius: 30px;
   -webkit-border-radius: 30px;
   border-radius: 30px;
   display: inline-block;
   margin-top: 16px;
   padding: 5px 0px;
   position: absolute;
   right: 20px;
   bottom: 13px;
 }

 body .online-transactions .operations-blocks .links .custom-link {
   color: white;
   font-size: 12px;
   font-size: 0.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, 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 0px;
   color: #445056;
 }

 body .online-transactions .info-page .info-icon {
   width: 120px;
   height: 120px;
   display: block;
   background: white;
   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: 0px;
 }

 body .online-transactions .box-white .form-group {
   margin-bottom: 0px;
 }

 body .online-transactions .approval-loading {
   top: 0px !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 0px 4px 10px;
   background-color: white;
   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 0px;
 }

 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: 0.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, 0.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: 0.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: 0.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: white;
 }

 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: 0.75rem;
   margin-bottom: 3px;
 }

 body .online-transactions .steps li.success .step-bank {
   display: block;
   font-size: 12px;
   font-size: 0.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: 0.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: 0.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;
   }
 }

 .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: 0px;
   left: 0px;
 }

 #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: 0.31cm;
   left: 0.45cm;
   z-index: 1;
 }

 #flicker_actions {
   padding: 0px 0px 32px 0px;
 }

 #flicker_actions .arrow {
   float: right;
 }

 #flicker_actions .zoom {
   float: left;
 }

 #flicker_actions .dropdown {
   position: relative;
   top: 0px;
 }


 #flicker_actions a {
   display: inline-block;
   margin-right: 10px;
   text-decoration: none;
 }

 #flicker_actions a:last-child {
   margin-right: 0px;
 }

 #flicker_actions a i {
   color: #445056;
   font-size: 22px;
 }

 .colrev {
   display: flex;
   flex-direction: column-reverse;
   align-items: center;
   justify-content: center;
 }

 #flicker table td.flicker_titlebar {
   padding: 0px;
 }