/* AspavA */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
::-webkit-scrollbar {width: 5px;background-color: #eaeaea;border-left: 0px solid #0f3b77;}
::-webkit-scrollbar-thumb {background-color: #0a0111;}
::-webkit-scrollbar-thumb:hover {background-color: #212121;}
h1,h2,h3,h4,h5 {font-family: 'Poppins', sans-serif !important;}
a {font-family: 'Poppins', sans-serif !important;}
b {font-family: 'Poppins', sans-serif !important; font-style: normal;}
em {font-family: 'Poppins', sans-serif !important; font-style: normal;}
li {font-family: 'Poppins', sans-serif !important;}
ul {font-family: 'Poppins', sans-serif !important; list-style-type: none !important; }
.btn {font-family: 'Poppins', sans-serif !important; font-style: normal;}
body, html {font-family: 'Poppins', sans-serif !important; background: #fff; margin: 0}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
.menu-ic {background: #5b5a91; border-radius: 50px;}
ul.navbar-nav li a {color: #fff; font-weight: 600; font-size: 16px; padding: 5px 10px !important; position: relative; z-index: 999;}
ul.navbar-nav li a:hover {color: #fff; opacity: 0.6;}
ul.navbar-nav li a.active {color: #fff !important;}
ul.navbar-nav li {padding: 10px;}
.asp-menu li {padding:15px}
.asp-menu li a {color: #fff;font-weight: 700;border-radius: 8px;padding: 0.5rem 1rem; position:relative; z-index:9999}
.navbar-brand img {width: 321px; height:107px; padding: 10px 40px;}
.header-yazi {margin-top: 80px;}
.header-yazi p {color: #5b5a91; font-size: 35px; font-weight: 700; letter-spacing: -1px;}
.header-yazi p span {color: #ff5a33;}
.header-yazi h2 {font-size: 22px; color: #5b5a91; line-height: 35px; font-weight: 600; text-align: justify;}
.header-yazi h2 b {border-bottom: 1px solid #5b5a91;}
.header-yazi h2 a {color: #5b5a91; border-bottom: 1px solid #5b5a91;}
p.anim-typewriter {animation: typewriter 2s steps(44) 1s 1 normal both, blinkTextCursor 500ms steps(44) infinite normal !important;}
p.line-1 {text-align: left;white-space: nowrap;overflow: hidden;}
.yas18uyari{text-align: center;font-size:14px;font-weight: 600;color:#fff;margin-bottom: 0;}
.yas18uyari i {font-size:15px;}
.sohbet-ic {position: absolute!important; top: 0; right:0; padding: 0px;}
.sohbetbgsi {position: absolute; right: 0; top: 0px; width:100%; height:982px; object-fit: cover; z-index: 10;}
.inputlar {position: absolute; z-index: 99; margin-top: 310px;}
.input-group-text {width: 75px; background-color: #ffffff6b;border-color: #ffffff00; border-radius: 30px 0 0 30px;}
.form-control {background: #ffffff6b; height: 75px; font-size: 25px; border: none !important; letter-spacing: -1px; font-weight: 600; color: #181818 !important; border-color: #7f6cae;border-radius:0px 30px 30px 0px !important;border:none !important;font-family: 'Poppins', sans-serif !important; }
.input-group {border-radius: 50px;}
.btn-baglan {background: linear-gradient(90deg, #f28d28 0%, #fd654e 100%); opacity: 0.8; color: #fff;transition: all 0.5s;  padding: 15px 5px; border-radius: 30px; font-size: 26px; font-weight: 700;}
.btn-baglan:hover {background: linear-gradient(90deg, #5b5a91 0%, #5b5a91 100%); color: #fff; opacity: 1;transition: all 0.5s; }
.btn-baglan2 {background: linear-gradient(90deg, #5b5a91 0%, #5b5a91 100%); opacity: 0.8; color: #fff;transition: all 0.5s;  padding: 15px 5px; border-radius: 30px; font-size: 26px; font-weight: 700;}
.btn-baglan2:hover {background: linear-gradient(90deg, #f28d28 0%, #f28d28 100%); color: #fff; opacity: 1;transition: all 0.5s; }
.form-control:focus {box-shadow: none;border-color: #c6c6c700 !important;}
.form-control:focus {color: #212529;background-color: #fff;border-color: #fff;outline: 0;box-shadow: none;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 0;}
.form-control::-moz-placeholder {color: #181818 !important;opacity: 1;}
.form-control::placeholder {color: #181818;opacity: 1;}
.ekyazi {position: absolute; right: 50px; top: 30px; font-size: 12px; color: #181818; font-weight: 600; z-index: -1;}
.inputlar-yazi {color: #fff; margin-top: 20px; font-weight: 500; font-size: 16px;}
.inputlar-yazi img {float: left; margin-right: 15px; margin-top: 25px; margin-bottom: 10px;}
.inputlar-yazi a {color: #fff; text-decoration: underline;}
.indirmeler { margin-top: 50px; position: relative;}
.indirmeler p {color: #5b5a91; font-size: 17px; text-align: justify; font-weight: 600; letter-spacing: -1px;}
.indirmeler p img {float: left; margin-right: 10px; vertical-align: text-top; margin-top: 5px;}
.uygulama {margin-top: 15px;}
.uygulama a {display: block; font-size: 14px; background: #f4eeee; color: #5b5a91; font-weight: 700; padding: 15px; border-radius: 22px; position: relative;}
.uygulama a i {font-size: 30px; vertical-align: middle;}
.uygulama a:hover {background: #524485; color: #fff;}
.radyo-dinle-alani {position: absolute;top: -70px; z-index: 10;left: 0;}
.radyo-dinle-alani p {background: #f4eeee; color: #524485; font-size: 10px; font-weight: 600; padding: 15px; position: relative; text-align: center;}
.radyo-dinle-alani p i {margin-right: 10px; position: relative; font-size: 30px; vertical-align: middle;}
.radyo-dinle-alani p a {color: #524485; font-weight: 700;}
.radyo-dinle-alani p span {text-decoration: underline;}
.radyo-dinle-alani img {position: absolute; top: -50px; right: -200px;}
.kurallar-alani {position: relative; margin-top: 350px;}
.kurallar-ic { top: 0; left: 0; padding: 0!important;}
.kurallarbgsi {position: absolute; top: 0; width:100%; height:100%; z-index: 10; object-fit: cover;}
.kural-yazilari {padding-top: 70px; position: relative; z-index: 999;}
.kural-yazilari h2 {color: #fff; font-size: 18px;}
.kural-yazilari h2 span {font-size: 33px; color: #ffb52a; margin-right: 10px; font-weight: 700;}
.kural-yazilari ul {padding: 0; margin-top: 25px;}
.kural-yazilari ul li {color: #fff; line-height: 25px; font-size: 11px; margin-bottom: 15px; padding-left: 25px;}
.kural-yazilari ul li::before {content: "*";border-radius: 50%;color: #fff;display: inline-block;font-weight: 100;margin-left: -25px;margin-top: 5px;position: absolute; font-size: 30px; vertical-align: text-top;}
.konusanlar {margin-top: 50px !important;}
.konusan-resim {padding: 0!important;}
.konusan-resim img {max-width: 250px; width: 100%; object-fit: cover;}
.konusan-yazi {margin-top: 95px; padding: 0!important}
.konusan-yazi p {padding: 20px; color: #524485; font-weight: 600; -webkit-box-shadow: 21px 27px 65px -24px rgba(0,0,0,0.75); -moz-box-shadow: 21px 27px 65px -24px rgba(0,0,0,0.75); box-shadow: 21px 27px 65px -24px rgba(0,0,0,0.75); border-radius: 0px 22px 22px 0px;}
.konusan-yazi p b {color: #ffc904;}
.konusan-yazi p b span {color: #524485;}
.yazi1 b {color: #524485 !important;}
.yazi1 strong {color: #fd673f;}
.yazi2 {padding: 0px; font-size: 15px;}
.yazi2 b {color: #6ea086 !important;}
.yazi2 span {color: #524485 !important; font-weight: 700;}
.yazi2 strong {color: #ec6367 !important;}
.yazi1 p {border-radius: 22px 0px 0px 22px; -webkit-box-shadow: -20px 24px 62px -26px rgba(0,0,0,0.75); -moz-box-shadow: -20px 24px 62px -26px rgba(0,0,0,0.75); box-shadow: -20px 24px 62px -26px rgba(0,0,0,0.75);}
.resim1 {margin-top: 5px;}
.resim2 {margin-top: 60px; padding: 0px;}
.yazi3 b {color: #f1445f !important;}
.yazi3 p {border-radius: 22px 0px 0px 22px; -webkit-box-shadow: -20px 24px 62px -26px rgba(0,0,0,0.75); -moz-box-shadow: -20px 24px 62px -26px rgba(0,0,0,0.75); box-shadow: -20px 24px 62px -26px rgba(0,0,0,0.75);}
.makale-alani {background: url(../resimler/sohbet-siteleri.webp) center no-repeat ; background-size: contain; width: 100%; height: 100%; margin-top: 40px; padding: 70px 150px; text-align: center;}
.makale-alani p {line-height: 38px; color: #524485; font-weight: 600; text-align: justify;}
.makale-alani p a{color:inherit; text-decoration:underline;}
.makale-alani p a:hover{color:#ff3100; text-decoration-line: underline; text-decoration-thickness: 2px;}
.makale-alani h1 {font-size: 34px; color: #524485; font-weight: 600; margin-top: 15px; margin-bottom: 15px;}
.makale-alani h1 b {color: #ff3100;}
.makale-alani h2 {font-size: 28px; color: #524485; font-weight: 600; margin-top: 15px; margin-bottom: 15px;}
.makale-alani h2 b {color: #ff3100;}
.makale-alani h3 {font-size: 25px; color: #524485; font-weight: 600;}
.makale-alani h3 b {color: #ff3100;}
.makale-alani h3 {font-size: 25px; color: #524485; font-weight: 600;}
.makale-alani h3 b {color: #ff3100;}
.makale-alani h3 span {text-decoration: underline;}
.makale-alani h4 {font-size: 25px; color: #524485; font-weight: 600;}
.makale-alani h4 b {color: #ff3100;}
.s-kodu {text-align: center; padding:0px 50px;}
.s-kodu img{text-align: center;}
.s-kodu p {text-align: center; line-height: 25px; font-size: 15px; color: #5b5a91; margin-top: -10px;}
.s-kodu a {background: #5b5a91; color: #fff; padding: 8px 25px; border-radius: 22px;}
.s-kodu a:hover {background: #ff3100;}
hr.cizik {height: 5px;margin: 1rem 0;color: #5b5a91;border: 4px;border-top: 5px solid #5b5a91;opacity: 1 !important; margin-left: -15px; margin-right: -15px;}
.icerik-baslik {margin-top: 50px;}
.icerik-baslik p {font-size: 13px; color: #5b5a91; font-weight: 600;}
.ondekiler {margin-top: 30px;}
.konular {margin-top: 30px; position:relative; float: left; margin-right: 15px;}
.konular img {transition: all 0.5s; width: 100%; height: 100%; border-radius: 18px; float: left; margin-right: 15px;box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(31 27 45 / 8%), 0 0.25rem 0.75rem rgb(31 27 45 / 8%);}
.konular img:hover {opacity: 0.6;transition: all 0.5s;}
.konular a { color: #fff !important; text-decoration: none;}
.konular h2 {font-size: 20px; position: absolute; bottom: 20%; left: 0px; font-weight: 600;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
.konular:nth-child(1) { flex: 0 0 auto; width: 42%; height: 510px;}
.konular:nth-child(1) img { border-radius: 22px !important; border: 2px solid #a2ce38;}
.konular:nth-child(1) h2{ background: #a1ce38a6; padding: 15px; width: 80%; border-radius: 0px 22px 22px 0px;}
.konular:nth-child(2) { flex: 0 0 auto; width:17.75%;  height: 240px;}
.konular:nth-child(2) img { border-radius: 22px !important; border: 2px solid #8fb3ff;}
.konular:nth-child(2) h2 {font-size: 15px; background: #8fb3ffb7; padding: 15px; min-width:80%; border-radius: 0px 22px 22px 0px;}
.konular:nth-child(3) { flex: 0 0 auto; width: 17.75%;  height: 240px;}
.konular:nth-child(3) img { border-radius: 22px !important; border: 2px solid #ff8000;}
.konular:nth-child(3) h2 {font-size: 15px; background: #ff8000b0; padding: 15px; min-width:80%; border-radius: 0px 22px 22px 0px;}
.konular:nth-child(4) { flex: 0 0 auto; width:17.75%;  height: 240px; margin-right: 0;}
.konular:nth-child(4) h2 {font-size: 15px; background: #ff0000b0; padding: 15px; min-width:80%; border-radius: 0px 22px 22px 0px;}
.konular:nth-child(4) img { border-radius: 22px !important; border: 2px solid #ff0000;}
.konular:nth-child(5) { flex: 0 0 auto; width: 17.75%;  height: 240px; }
.konular:nth-child(5) img { border-radius: 22px !important;border: 2px solid #ffae00;}
.konular:nth-child(5) h2 {font-size: 15px;background: #ffae00b0; padding: 15px; min-width:80%; border-radius: 0px 22px 22px 0px;}
.konular:nth-child(6) { flex: 0 0 auto; width: 17.75%;  height: 240px; }
.konular:nth-child(6) img { border-radius: 22px !important; border: 2px solid #24195d;}
.konular:nth-child(6) h2 {font-size: 15px; background: #24195db6; padding: 15px; min-width:80%; border-radius: 0px 22px 22px 0px;}
.konular:nth-child(7) { flex: 0 0 auto; width: 17.75%;  height: 240px; margin-right: 0; }
.konular:nth-child(7) img { border-radius: 22px !important; border: 2px solid #009640;}
.konular:nth-child(7) h2 {font-size: 15px; background: #009641b4; padding: 15px; min-width:80%; border-radius: 0px 22px 22px 0px;}
.banner {padding: 0; margin-top: 80px; margin-bottom: -15px; position: relative; z-index: 1; background: #f9f9f9;}
.banner img {width: 100%; height: auto; object-fit: contain;}
.footer {background: url(../resimler/footerbg.webp) center repeat; width: 100%; height: 100%; max-height: 210px; background-size: cover; position: absolute; z-index: 2;}
.logo {margin-top: 70px; }
.logo a img {width: 252px; height: 153px; object-fit: contain;}
.footerlogo {margin-top: 50px; }
.footerlogo a img {width: 250px; height: 130px; object-fit: contain;}
.btn-uygulama img {width:61px !important; height:56px !important;}
.footer-menu {text-align: center;}
.fmenu-ici {background: #ececec; border-radius: 22px; padding: 15px 5px; margin-top:90px}
.fmenu-ici a {padding: 15px; color: #524485; font-weight: 600;}
.fmenu-ici a:hover {text-decoration: underline;}
.sosyaller {margin-top: 50px; text-align: center;}
.sosyaller a {padding: 5px;}
.sosyaller a:hover {opacity: 0.8;}
.haklar {margin-top: 70px;font-size: 13px; }
.haklar p {line-height: 20px;font-weight: 500; color: #524485; margin: 0px; padding: 0px;}
.haklar a {text-decoration: underline; color: #524485;}
.detay-alani {position: relative; margin-top: 250px;}
.baslik-alani {border-radius: 0px; }
.baslik-alani h1 {background: #fff; color: #524485; font-size: 18px; font-weight: 600; padding: 15px; margin-bottom: 0px; margin-left: 140px;}
.baslik-alani h1 span {float: right; font-size: 14px; text-decoration: underline; margin-top: 5px; font-weight: 700; }
.okunma-sayisi {background: #524485; color: #fff;border-radius: 0px 22px 22px 0px; margin-left: -15px; padding: 17px; font-size: 14px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px;}
.detay-yazi-alani {margin-top: 40px; padding: 0px; overflow:hidden; position: relative;}
.detay-resim {  mask-image: url(../resimler/detay-resim-bg.webp);mask-mode: alpha; mask-repeat: no-repeat;mask-size: 88%;  object-fit: cover;}
.detay-resim img {position: relative; z-index: 999; width: 853px; height: 930px; object-fit: cover;}
.detay-yazisi {margin-top: 40px; position: relative; padding: 15px 30px 0px 0px;}
.detay-yazisi h2 {font-weight: 700; font-size: 28px; color: #524485;}
.detay-yazisi h3 {font-weight: 700; font-size: 24px; color: #524485;}
.detay-yazisi p {font-size: 16px; color: #524485; font-weight: 500; line-height:35px;}
.detay-yazisi p a {font-weight: 700; color: #ff3100;}
.detay-yazisi p a:hover {color: #24195d;}
.balonlar {position: absolute;}
.baloncunlar {width: 301px !important; height: 700px !important; position: absolute; left: 35%; top: 10%;}
.benzer-yazilar-alani {margin-top: 50px;}
.benzerler-baslik {background: #ff3100; padding: 10px; border-radius: 0px 40px 40px 0px;}
.benzerler-baslik h2 {font-size: 33px; font-weight: 700; margin: 0px; padding: 0px; color: #fff; text-align: center;}
.etiketler {background: #524485; padding: 25px;  border-radius: 40px 0px 0px 40px; height: 70px; text-align: center;}
.etiketler a{color: #fff; padding: 10px;}
.etiketler a:before{content: "#"; vertical-align: middle; margin-right: 1px;}
.padding {padding: 0px 25px 0px 0px;position:relative;}
.padding1 {padding: 0px 0px 0px 25px;}
.benzer-konular img {width: 100%;}
.benzerler-ic {margin-top: 30px;}
.benzer-balonlar {width: 184px !important; height: 78px !important; position: absolute; right: -60px; z-index: 1; opacity: 0.7;}
.benzer-konular {margin-top: 30px; position:relative; float: left; margin-right: 15px;}
.benzer-konular img {transition: all 0.5s; width: 100%; height: 100%; border-radius: 18px; float: left; margin-right: 15px;box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(31 27 45 / 8%), 0 0.25rem 0.75rem rgb(31 27 45 / 8%);}
.benzer-konular img:hover {opacity: 0.6;transition: all 0.5s;}
.benzer-konular a { color: #fff !important; text-decoration: none;}
.benzer-konular h2 {max-width: 100%; font-size: 20px; position: absolute; bottom: 20%; left: 0px; font-weight: 600;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.benzer-konular:nth-child(1) { flex: 0 0 auto; width: 18%; height:240px !important;}
.benzer-konular:nth-child(1) img { border-radius: 22px !important; border: 2px solid #a2ce38;}
.benzer-konular:nth-child(1) h2{ background: #a1ce38a6; padding: 15px; width: 80%; border-radius: 0px 22px 22px 0px;}
.benzer-konular:nth-child(2) { flex: 0 0 auto; width:18%;  height: 240px !important;}
.benzer-konular:nth-child(2) img { border-radius: 22px !important; border: 2px solid #8fb3ff;}
.benzer-konular:nth-child(2) h2 {font-size: 15px; background: #8fb3ffb7; padding: 15px; width:80%; border-radius: 0px 22px 22px 0px;}
.benzer-konular:nth-child(3) { flex: 0 0 auto; width: 18%;  height: 240px !important;}
.benzer-konular:nth-child(3) img { border-radius: 22px !important; border: 2px solid #ff8000;}
.benzer-konular:nth-child(3) h2 {font-size: 15px; background: #ff8000b0; padding: 15px; width:80%; border-radius: 0px 22px 22px 0px;}
.benzer-konular:nth-child(4) { flex: 0 0 auto; width:18%;  height: 240px !important;}
.benzer-konular:nth-child(4) h2 {font-size: 15px; background: #ff0000b0; padding: 15px; width:80%; border-radius: 0px 22px 22px 0px;}
.benzer-konular:nth-child(4) img { border-radius: 22px !important; border: 2px solid #ff0000;}
.benzer-konular:nth-child(5) { flex: 0 0 auto; width: 18%;  height: 240px !important; margin-right: 0px;}
.benzer-konular:nth-child(5) img { border-radius: 22px !important;border: 2px solid #ffae00;}
.benzer-konular:nth-child(5) h2 {font-size: 15px;background: #ffae00b0; padding: 15px; width:80%; border-radius: 0px 22px 22px 0px;}
.iletisim-baslik-alani {border-radius: 0px; }
.iletisim-baslik-alani h1 {background: #fff; color: #524485; font-size: 18px; font-weight: 700; padding: 15px; margin: 0 0 0 140px;}
.iletisim-baslik-alani h1 span {float: right;  font-size: 10px; margin-top: 20px; font-weight: 600; }
.iletisiminki {padding: 25px !important;}
.iletisimlerimiz {height: auto !important;}
.iletisim-detay-resim img {width: 100%; height: auto;}
.detay-404 {text-align: center;}
.detay-404 img {max-width: 400px; height: auto; opacity: 0.8;}
.detay-404 h2 {font-size: 1.5rem; font-weight: bold; color: #524485; margin: 30px 0 15px;}
.detay-404 p {color: #524485; font-size: 0.95rem; line-height: 1.6; margin-bottom: 30px;}
.detay-404 a {padding: 10px 20px;}
.iletisimlerimiz p {font-size: 15px; }
.iletisimlerimiz p:before {
    content: "*";
    margin-top: 4px;
    float: left;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 18px;
}
.iletisimlerimiz img {object-fit: contain;}
.img-thumbnail {padding: 0px; border: none;}
.fmenu-ici ul li { float:left;}
.blog-pagination {margin-top: 20px; text-align: center;}
.blog-pagination a, .blog-pagination span {min-width:42px;height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#524485;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s ease;}
.blog-pagination a:hover {background:#524485; border-color:#524485; color:#fff;}
.blog-pagination .current {background:#524485; border-color:#524485; color:#fff;}
.yukaricik {
    background-color: #fd654e;
    border-radius: 999px;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1000;
    opacity: 0.6;
}
.yukaricik:hover {
    background-color: #fd654e;
    opacity: 1;
}
.yrm-comments-wrap{
	margin-top:20px;
}
.yrm-comments{
	background:#fff;
	border:1px solid #edf0f3;
	border-radius:22px;
	box-shadow:0 12px 32px rgba(17,24,39,.05);
	padding:15px 25px;
}
.yrm-comments a {
	color: #524485;
	text-decoration: underline;
}
.yrm-comments__title{
    font-size: 24px;
    color: #524485;
    text-align: center;
}
.yrm-comments__list-wrap {
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}
.yrm-comments__list{
	list-style:none;
	margin:0;
	padding:0;
}
.yrm-comments__list .comment{
	list-style:none;
}
.yrm-comments__list .comment-body{
	position:relative;
	padding:20px;
	border:1px solid #edf0f3;
	border-radius:18px;
	background:#fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.yrm-comments__list .comment-body:hover{
	border-color:#dbe3ec;
	box-shadow:0 14px 34px rgba(17,24,39,.06);
	transform:translateY(-1px);
}
.yrm-comments__list > .comment + .comment{
	margin-top:14px;
}
.yrm-comments__list .children{
	list-style:none;
	margin:14px 0;
	padding-left:40px;
}
.yrm-comments .comment-author{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:10px;
}
.yrm-comments .comment-author img{
	border-radius:999px;
}
.yrm-comments .fn{
	color:#524485;
	font-style:normal;
	font-weight:800;
}
.yrm-comments .fn a{
	color:#524485;
	font-style:normal;
	font-weight:800;
	text-decoration: none;
}
.yrm-comments .says{
	display:none;
}
.yrm-comments .comment-metadata{
	margin-bottom:12px;
	font-size:12px;
}
.yrm-comments .comment-metadata a{
	color:#6b7280;
	text-decoration:none;
}
.yrm-comments .comment-content{
	color:#374151;
	font-size:14px;
	line-height:1.75;
}
.yrm-comments .comment-content a{
	color:#374151;
	font-size:14px;
	line-height:1.75;
}
.yrm-comments .reply{
	margin-top:14px;
	text-align: right;
}
.yrm-comments .reply a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap: 5px;
	min-height:36px;
	padding:0 14px;
	border:1px solid #e5e7eb;
	border-radius:999px;
	color:#524485;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	transition:all .25s ease;
}
.yrm-comments .reply a:hover{
	background:#524485;
	border-color:#524485;
	color:#fff;
}
.yrm-comments__closed{
	margin-top:16px;
	padding:14px 16px;
	border:1px solid #fde68a;
	border-radius:14px;
	background:#fffbeb;
	color:#92400e;
	font-size:14px;
	font-weight:600;
}
.yrm-comments__form-wrap{
	margin-top: 20px;
	padding-top:20px;
	border-top:1px solid #e5e7eb;
}
.yrm-comment-form__title{
	margin:0 0 8px;
	color:#524485;
	font-size:22px;
	font-weight:900;
}
.yrm-comment-form__note{
	margin:0 0 18px;
	color:#6b7280;
	font-size:13px;
}
.yrm-comment-form{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:5px 10px;
}
.yrm-comment-form .logged-in-as,
.yrm-comment-form .comment-notes,
.yrm-comment-form .form-submit{
	grid-column:1 / -1;
}
.yrm-comment-form__field{
	margin:0;
}
.yrm-comment-form__field--full,
.comment-form-comment,
.comment-form-cookies-consent{
	grid-column:1 / -1;
}
.yrm-comment-form label{
	display:inline-block;
	margin-bottom:8px;
	color:#524485;
	font-size:13px;
	font-weight:700;
}
.yrm-comment-form input[type="text"],
.yrm-comment-form input[type="email"],
.yrm-comment-form input[type="url"],
.yrm-comment-form textarea{
	font-family: 'Poppins', sans-serif;
	width:100%;
	border:1px solid #e5e7eb;
	border-radius:14px;
	background:#fff;
	padding:10px 15px;
	color:#524485;
	font-size:14px;
	transition:border-color .25s ease, box-shadow .25s ease;
}
.yrm-comment-form input[type="text"],
.yrm-comment-form input[type="email"],
.yrm-comment-form input[type="url"]{
	height:48px;
}
.yrm-comment-form input:focus,
.yrm-comment-form textarea:focus{
	outline:none;
	border-color:#cbd5e1;
	box-shadow:0 0 0 4px rgba(148,163,184,.12);
}
.yrm-comment-form p.form-submit{
    margin: 10px 0;
}
.yrm-comment-form__submit,
.yrm-comment-form input[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width: 100%;
	min-height:48px;
	padding:0 20px;
	border:0;
	border-radius:14px;
	background:#524485;
	color:#fff;
	font-size:14px;
	font-weight:800;
	cursor:pointer;
	transition:transform .2s ease, opacity .2s ease;
}
.yrm-comment-form__submit:hover,
.yrm-comment-form input[type="submit"]:hover{
	opacity:.92;
	transform:translateY(-1px);
}
.yrm-comments .comment-author__meta{
	min-width:0;
	flex:1 1 auto;
}
.yrm-comments .comment-awaiting-moderation{
	margin:0 0 12px;
	padding:12px 14px;
	border:1px solid #fde68a;
	border-radius:14px;
	background:#fffbeb;
	color:#92400e;
	font-size:13px;
	font-weight:700;
}
.yrm-comments .comment-edit-link a{
	color:#6b7280;
	text-decoration:none;
	font-weight:700;
}
.yrm-comments .comment-edit-link a:hover{
	color:#524485;
}
@media (max-width: 1400px) {
	.ekyazi {display: none;}
	.footer-menu {margin-top: -30px;}
}
@media (max-width: 1250px) {
	.kural-yazilari {
		padding: 50px 0;
	}
}
@media (max-width: 1200px) {
	.inputlar-yazi .sifregiris {display: none;}
	.radyo-dinle-alani img {right: 0;}
	.kural-yazilari {
		padding: 50px;
	}
	.kural-yazilari ul li {
		line-height: 20px;
		margin-bottom: 10px;
	}
	.s-kodu {
		padding: 20px 50px;
	}
}
@media (max-width: 991px) {
	.menu-ic {
		border-radius: 0;
		z-index: 9999;
	}
	.ekyazi {display: none;}
	.inputlar-yazi .sifregiris {display: none;}
	.radyo-dinle-alani img { display: none;}
	.kural-yazilari {
        padding-top: 40px;
	}
	.konular:nth-child(1) {
		width: 50%;
	}
	.konular:nth-child(2),.konular:nth-child(3),.konular:nth-child(4),
	.konular:nth-child(5),.konular:nth-child(6),.konular:nth-child(7) {
		width: 22%;
		height: 150px;
		margin-right: 14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.sohbet-ic .offset-md-4 { margin-left: 10%; }
	.sohbet-ic .col-md-6 { max-width: 80%; }
}
@media (max-width: 767px) {
	.yas18uyari{margin:-10px 0 0 30px; font-size: 11px;}
	.navbar-brand {position: relative; z-index: 999; margin: 15px;}
	.navbar-brand img {max-width:180px;width: 100%; height:auto; padding: 0;}
	.fa-solid, .fas {font-weight: 900;position: relative;z-index: 999;}
	.header-yazi {order: 2; margin-top: 30px;}
	p.anim-typewriter {animation: none !important;}
	.header-yazi p {font-size: 20px; font-weight: 700; margin-top: 15px;}
	.header-yazi h2 {font-size: 16px; text-align: left;}
	p.line- {text-align: center;white-space:inherit;overflow:inherit;}
	.inputlar {margin-top: 100px; position: relative;  padding: 40px;}
	.ekyazi {display: none;}
	.sohbetbgsi {display: none;}
	.navbar-toggler {position: relative; z-index: 999;}
	.sohbet-ic {position: relative!important;z-index: 10;background: url(../resimler/sohbetbg.webp) center/cover no-repeat; width: 100%; height: 600px;}
	.menu-ic {position: absolute; z-index: 9999; border-radius: 0; top: 90px;}
	.btn-baglan {font-size: 20px;}
	.form-control {font-size: 20px;}
	.ekyazi {right: 15px;top: 30px;} 
	.kural-yazilari h2 span {font-size: 28px; float: left;}
	.kural-yazilari ul li { font-size: 13px; line-height: 22px;}
	.kurallarbgsi {display: none;}
	.kurallar-alani {background: #5b5a91; padding: 25px 25px 0 25px; margin-top: 80px;}
	.kural-yazilari {padding-top: 15px;}
	.konusanlar {background: #fff; padding-top: 50px;}
	.konusanlar-ic .row {flex-wrap: nowrap;align-items: center;}
	.makale-alani { height: auto; margin-top: 70px; padding: 0px; position: relative; background-size: inherit; text-align: left;}
	.makale-alani p {text-align: left;}
	.s-kodu {margin-top: 25px;}
	.s-kodu p {text-align: center;}
	.icerik-baslik img {width: 30%; height: auto; float: left; vertical-align: middle; margin-top: -5px; margin-right: 10px;}
	.konular {width: 100% !important; height: 300px !important; margin-top: 10px !important; border-radius: 22px !important; }
	.konular img {border-radius: 22px !important; object-fit: cover;}
	.konular:nth-child(1) { flex: 0 0 auto; width: 100%; height: auto;}
	.konular:nth-child(1) img { border-radius: 10px !important; border-radius: 22px !important;}
	.konular:nth-child(1) h2{ background: #a1ce38a6; padding: 15px; width: auto; border-radius: 0px 22px 22px 0px;}
	.konular:nth-child(2) { flex: 0 0 auto; width: 100%; height: auto;}
	.konular:nth-child(2) img { border-radius: 0px !important;  border-radius: 22px !important;}
	.konular:nth-child(3) { flex: 0 0 auto; width: 100%; height: auto;}
	.konular:nth-child(3) img { border-radius: 0px !important;  border-radius: 22px !important;}
	.konular:nth-child(4) { flex: 0 0 auto; width: 100%; height: auto;}
	.konular:nth-child(4) img { border-radius: 0px !important;   border-radius: 22px !important;}
	.konular:nth-child(5) { flex: 0 0 auto; width: 100%; height: auto;}
	.konular:nth-child(5) img { border-radius: 0px !important; border-radius: 22px !important;}
	.konular:nth-child(6) { flex: 0 0 auto; width: 100%; height: auto;}
	.konular:nth-child(6) img { border-radius: 0px !important; border-radius: 22px !important;}
	.banner {margin-top: 15px;}
	.banner img {width: 100%; height: auto; object-fit: contain;}
	.logo  {text-align: center; margin-top: 75px;}
	.logo a img {height: auto;}
	.footer-uygulamalar {margin-top: 15px;}
	.footer-menu {margin-top: -50px;}
	.fmenu-ici a {padding:5px;}
	.sosyaller {margin-top: 15px;}
	.haklar {margin-top: 30px; margin-bottom: 30px;}
	.footer {height: auto; max-height: unset; text-align: center;}
	.footerlogo a img {width: 250px; height: 100px; object-fit: cover;}
	.baloncunlar {display: none;}
	.baslik-alani h1 {margin-left: 0px; display:block ;}
	.detay-yazi-alani {padding: 15px !important; }
	.detay-resim img {position: relative;z-index: 999; width: 100%;height: auto;border-radius: 50px;}
	.detay-yazi-alani {margin-top: 10px;padding: 0px;overflow: hidden;position: relative;}
	.detay-resim {width: 100%; height: auto; mask-image: none;}
	.detay-yazisi {padding: 15px;}
	.benzerler-baslik h2 {padding: 0px;}
	.etiketler {height: auto; padding: 10px;}
	.benzer-balonlar { right: 0; }
	.benzer-order { order: 2; }
	.benzerler-baslik {border-radius: 40px; margin-top: 20px;}
	.etiketler {border-radius: 40px;}
	.benzer-konular {width: 100% !important; height: auto; margin-top: 10px !important; border-radius: 22px !important;}
	.benzer-konular img {border-radius: 22px !important;}
	.benzer-konular:nth-child(1) { flex: 0 0 auto; width: 100%; height: auto !important;}
	.benzer-konular:nth-child(1) img { border-radius: 10px !important; border-radius: 22px !important;}
	.benzer-konular:nth-child(1) h2{ background: #a1ce38a6; padding: 15px; width: auto; border-radius: 0px 22px 22px 0px;}
	.benzer-konular:nth-child(2) { flex: 0 0 auto; width: 100%; height: auto !important;}
	.benzer-konular:nth-child(2) img { border-radius: 0px !important;  border-radius: 22px !important;}
	.benzer-konular:nth-child(3) { flex: 0 0 auto; width: 100%; height: auto !important;}
	.benzer-konular:nth-child(3) img { border-radius: 0px !important;  border-radius: 22px !important;}
	.benzer-konular:nth-child(4) { flex: 0 0 auto; width: 100%; height: auto !important;}
	.benzer-konular:nth-child(4) img { border-radius: 0px !important;   border-radius: 22px !important;}
	.benzer-konular:nth-child(5) { flex: 0 0 auto; width: 100%; height: auto !important;}
	.benzer-konular:nth-child(5) img { border-radius: 0px !important; border-radius: 22px !important;}
	.iletisim-baslik-alani h1 {margin: 0; padding:0px 15px;}
	.iletisim-baslik-alani {padding: 15px;border-radius: 0px;}
	.iletisim-detay-resim {padding: 0px;}
	.iletisimlerimiz p {text-align: left; line-height: 25px;}
	.detay-alani {margin-top: 10px;}
	.detay-alani.iletisim .row {flex-wrap: nowrap;}
}
.kategorisi{ margin-top: 30px;}
.kat-et {position: relative; margin-top: 30px;}
.kat-et img {width: 100%; height: 250px;  border-radius:22px; border:3px solid #24195d;}
.kat-et a h2{position: absolute; bottom: 30px; left: 0; font-size: 18px; background: #524485b2; color: #fff; padding: 10px; border-radius: 0px 22px 22px 0px;transition: all 0.5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 95%;}
.kat-et:hover a h2 {background: #24195d;transition: all 0.5s;}
@media (min-width: 2400px) { 
    .menu {margin-top: 15px;}
    .sohbetbgsi {position: absolute; right: 0; top: 0px; width:92%; height:auto; object-fit: cover; z-index: 10;} 
    .konusanlar {margin-top: 250px !important;}
    .inputlar {margin-top: 410px;}
    .kurallar-alani {margin-top: 300px;}
    .kurallarbgsi { width: 52%; height: auto;z-index: 10; }
    .footer {background-size: cover;}
    .kural-yazilari ul li {font-size: 16px;}
    .kural-yazilari {margin-top: 220px;}
    .header-yazi {position: relative;z-index: 999;}
    .istatistikler {width: 55%;}
    .detay-resim {width: 52%; height:1300px}
    .detay-resim img {width: 100%;height: 100%;}
    .detay-yazisi {margin-top: 290px; height: 920px;}
    .detay-yazisi p {font-size: 18px; line-height: 45px;}
    .baloncunlar {left: 40%; top: 20%; object-fit: cover;   }
    .baslik-alani h1 {margin-left: 445px;}
    .iletisim-baslik-alani h1 {margin-left: 424px; }
	.radyo-dinle-alani p img {right: -10px;}
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
	}
}
@keyframes typewriter{
    from{width: 0;}
    to{width: 24em;}
}
@keyframes typewriter{
    from{width: 0;}
    to{width: 24em;}
}
@keyframes blinkTextCursor{
    from{border-right-color: rgba(255,255,255,.75);}
    to{border-right-color: transparent;}
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
.container,
.container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}
.container {
	max-width: 1600px;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.row > * {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	max-width: 100%;
}
.justify-content-center {
	justify-content: center;
}
.col,
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
}
.col {
	flex: 1 0 0%;
}
.w-100 {
	width: 100% !important;
}
.position-relative {
	position: relative !important;
}
.position-absolute {
	position: absolute !important;
}
.shadow {
	box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08),
	0 0.25rem 0.75rem rgba(31, 27, 45, 0.08) !important;
}
.img-thumbnail {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 0;
	border: 0;
	background: transparent;
	border-radius: 0;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.m-1 {
	margin: 0.25rem !important;
}
.me-auto {
	margin-right: auto !important;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.btn {
	display: inline-block;
	border: 0;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
}
.input-group {
	display: flex;
	align-items: stretch;
	width: 100%;
	position: relative;
}
.input-group-text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.form-control {
	display: block;
	width: 100%;
	min-width: 0;
	padding: 20px;
}
.navbar {
	position: relative;
	width: 100%;
}
.navbar > .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.navbar-brand {
	display: inline-flex;
	align-items: center;
}
.navbar-toggler {
	appearance: none;
    border: 1px solid #fff;
    border-radius: 7px;
    background: #5b5a91;
    color: #fff;
    padding: 10px 12px;
    cursor: pointer;
    margin: 15px;
}
.navbar-collapse {
	width: 100%;
}
.collapse {
	display: block;
}
.navbar-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none !important;
}
ul.navbar-nav li {
	list-style: none;
}
ul.navbar-nav li a {
	display: block;
}
.row-cols-1 > * {
	flex: 0 0 100%;
	max-width: 100%;
}
.col-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3  { flex: 0 0 25%; max-width: 25%; }
.col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6  { flex: 0 0 50%; max-width: 50%; }
.col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9  { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) {
	.col-sm-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
	.col-sm-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-sm-3  { flex: 0 0 25%; max-width: 25%; }
	.col-sm-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.col-sm-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.col-sm-6  { flex: 0 0 50%; max-width: 50%; }
	.col-sm-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.col-sm-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.col-sm-9  { flex: 0 0 75%; max-width: 75%; }
	.col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.col-sm-12 { flex: 0 0 100%; max-width: 100%; }
	.offset-sm-0  { margin-left: 0; }
	.offset-sm-1  { margin-left: 8.333333%; }
	.offset-sm-2  { margin-left: 16.666667%; }
	.offset-sm-3  { margin-left: 25%; }
	.offset-sm-4  { margin-left: 33.333333%; }
	.offset-sm-5  { margin-left: 41.666667%; }
	.offset-sm-6  { margin-left: 50%; }
	.offset-sm-7  { margin-left: 58.333333%; }
	.offset-sm-8  { margin-left: 66.666667%; }
	.offset-sm-9  { margin-left: 75%; }
	.offset-sm-10 { margin-left: 83.333333%; }
	.offset-sm-11 { margin-left: 91.666667%; }
	.row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; }
	.row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; }
	.row-cols-sm-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; }
	.row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; }
	.row-cols-sm-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; }
}
@media (min-width: 768px) {
	.col-md-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
	.col-md-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-md-3  { flex: 0 0 25%; max-width: 25%; }
	.col-md-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.col-md-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.col-md-6  { flex: 0 0 50%; max-width: 50%; }
	.col-md-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.col-md-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.col-md-9  { flex: 0 0 75%; max-width: 75%; }
	.col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.col-md-12 { flex: 0 0 100%; max-width: 100%; }
	.offset-md-0  { margin-left: 0; }
	.offset-md-1  { margin-left: 8.333333%; }
	.offset-md-2  { margin-left: 16.666667%; }
	.offset-md-3  { margin-left: 25%; }
	.offset-md-4  { margin-left: 33.333333%; }
	.offset-md-5  { margin-left: 41.666667%; }
	.offset-md-6  { margin-left: 50%; }
	.offset-md-7  { margin-left: 58.333333%; }
	.offset-md-8  { margin-left: 66.666667%; }
	.offset-md-9  { margin-left: 75%; }
	.offset-md-10 { margin-left: 83.333333%; }
	.offset-md-11 { margin-left: 91.666667%; }
	.row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; }
	.row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; }
	.row-cols-md-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; }
	.row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; }
	.row-cols-md-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.fmenu-ici { margin-left: 22.5%; }
}
@media (min-width: 992px) {
	.col-lg-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
	.col-lg-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-lg-3  { flex: 0 0 25%; max-width: 25%; }
	.col-lg-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.col-lg-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.col-lg-6  { flex: 0 0 50%; max-width: 50%; }
	.col-lg-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.col-lg-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.col-lg-9  { flex: 0 0 75%; max-width: 75%; }
	.col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
	.offset-lg-0  { margin-left: 0; }
	.offset-lg-1  { margin-left: 8.333333%; }
	.offset-lg-2  { margin-left: 16.666667%; }
	.offset-lg-3  { margin-left: 25%; }
	.offset-lg-4  { margin-left: 33.333333%; }
	.offset-lg-5  { margin-left: 41.666667%; }
	.offset-lg-6  { margin-left: 50%; }
	.offset-lg-7  { margin-left: 58.333333%; }
	.offset-lg-8  { margin-left: 66.666667%; }
	.offset-lg-9  { margin-left: 75%; }
	.offset-lg-10 { margin-left: 83.333333%; }
	.offset-lg-11 { margin-left: 91.666667%; }
	.d-lg-block {
		display: block !important;
	}
	.mb-lg-0 {
		margin-bottom: 0 !important;
	}
	.navbar-expand-lg {
		display: block;
	}
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
	.navbar-expand-lg .navbar-collapse {
		display: block !important;
	}
	.row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; }
	.row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; }
	.row-cols-lg-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; }
	.row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; }
	.row-cols-lg-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; }
}
@media (min-width: 1200px) {
	.col-xl-1  { flex: 0 0 8.333333%; max-width: 8.333333%; }
	.col-xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-xl-3  { flex: 0 0 25%; max-width: 25%; }
	.col-xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.col-xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.col-xl-6  { flex: 0 0 50%; max-width: 50%; }
	.col-xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.col-xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.col-xl-9  { flex: 0 0 75%; max-width: 75%; }
	.col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.col-xl-12 { flex: 0 0 100%; max-width: 100%; }
	.offset-xl-0  { margin-left: 0; }
	.offset-xl-1  { margin-left: 8.333333%; }
	.offset-xl-2  { margin-left: 16.666667%; }
	.offset-xl-3  { margin-left: 25%; }
	.offset-xl-4  { margin-left: 33.333333%; }
	.offset-xl-5  { margin-left: 41.666667%; }
	.offset-xl-6  { margin-left: 50%; }
	.offset-xl-7  { margin-left: 58.333333%; }
	.offset-xl-8  { margin-left: 66.666667%; }
	.offset-xl-9  { margin-left: 75%; }
	.offset-xl-10 { margin-left: 83.333333%; }
	.offset-xl-11 { margin-left: 91.666667%; }
	.row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; }
	.row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; }
	.row-cols-xl-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; }
	.row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; }
	.row-cols-xl-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; }
}
@media (max-width: 991.98px) {
	.navbar {
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #5b5a91 50%, #5b5a91 100%);
        border-bottom: 1px solid #5b5a91;
        z-index: 100;
	}
	.navbar .container {
		padding: 0;
	}
	.navbar-collapse {
		flex-basis: 100%;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		transition: max-height 0.85s ease, opacity 0.65s ease, visibility 0.65s ease;
	}
	.navbar-collapse.is-open {
		max-height: 500px;
		opacity: 1;
		visibility: visible;
		border-top: 1px solid #fff;
	}
	.navbar-nav {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	ul.navbar-nav li,
	ul.navbar-nav li a {
		width: 100%;
	}
}