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, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

:root {
    --color-hd: #950f12;
    --color-primary: #295474;
    --color-primary-hover: #38698f;
    --home-color-primary: #ffffff;
}

html { font-size: 16px; }
body  { font-size: 1.375rem; font-family: "Inter", sans-serif; color: #000000; line-height: 1.4; background:#ffffff; }
html { min-width: 420px; }

*, *::before, *::after { box-sizing: border-box; }
*:first-child { margin-top: 0; }

h1, h2, h3, h4, h5, h6  { font-family: "Oswald", sans-serif; padding: 0; margin-top: 20px; margin-bottom: 0; }
h1 { font-size: 42px; }
h2 { font-size: 5.25rem; color: var(--color-hd); text-transform: uppercase; line-height: 1.2; }
h3 { font-size: 2.625rem; font-weight: 400; line-height: 1.2; }
h4 { font-size: 1.375rem; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
h2 + h3 { margin-top: 10px; }

p  { line-height: 1.5; margin-top: 20px; margin-bottom: 0; }
ul, ol { padding: 0; margin: 25px 0 0 2.5%; }
li { padding: 0; margin: 10px 0 0 2.5%; }
span { margin: 0; padding: 0; }
h3 + p { margin-top: 25px; }

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

a { color: #3571b6; }
a, a:link, a:visited  { text-decoration: none; }
a:hover  { text-decoration: underline; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

.testDiv { width: 500px; height: 100px; border: #005500 solid 1px; }
.pad { padding: 25px 5%; }
.padX { padding-left: 5%; padding-right: 5%; }
.padY { padding-top: 25px; padding-bottom: 25px; }

.mx_auto { margin-left: auto; margin-right: auto; }

.clearsides { clear: both; }
.center { text-align: center; }
.tleft { text-align: center; }
.tright { text-align: right; }

.btnstyle01 { display: block; max-width: 500px; width: 100%; font-size: 2rem; font-family: "Oswald", sans-serif; font-weight: 700; color: #fcf3d5; text-align: center; text-transform: uppercase; letter-spacing: 5px; padding: 25px 1%; margin: 25px 0 0; cursor: pointer; background-color: #c49e2e; border-radius: 15px; }
.btnstyle01:hover { text-decoration: none; background-color: #d8b342; }
button.btnstyle01 { border: none; }

.flex { display: flex; gap: 20px 30px; }
.flexblk { flex-grow: 1; flex-shrink: 1; }
.flexblk img { width: 100%; height: auto; }

.flex_2col { gap: 20px 5%; }
.flex_2col > .flexblk { flex-basis: 47%; }

.flex_3col { gap: 20px 3%; }
.flex_3col > .flexblk { flex-basis: 30%; }

.flex_4col { gap: 20px 3%; }
.flex_4col > .flexblk { flex-basis: 22%; }

.wrapcontent { max-width: 1500px; width: 90%; min-height: 100vh; padding: 2% 0; margin-left: auto; margin-right: auto; }

.filter1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.35); }

.modal { display: none; flex-direction: column; width: 100%; height: 100%; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 200; overflow: scroll; background-color: rgba(0, 0, 0, 0.25); }
.modal_content { display: none; max-width: 500px; width: 100%; padding: 3% 5%; background-color: #ffffff; }
.modal_form { max-width: 500px; width: 100%; height: auto; padding-bottom: 20%; background-color: #ffffff; border: #950f12 solid 3px; }

.custom_modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; justify-content: center; align-items: center; overflow: auto; }
.custom_modal_content { position: relative; background: transparent; width: 100%; max-width: 600px; padding: 0; border-radius: 8px; }
.btnclose_custommodal { position: absolute; top: 10px; right: 10px; background: #ff5b5b; color: white; border: none; padding: 5px 10px; border-radius: 4px; cursor: pointer; }
#bpc_iframe_form, #contact_iframe_form { display: none; }

#contact_iframe_form { overflow: auto; }

.ep-overlay { display: none; overflow-y: scroll; }

header { overflow: hidden; background-color: #080808; }
header .wrapcontent { display: flex; width: 100%; color: #ffffff; text-align: center; flex-direction: column; align-items: center; padding-top: 20px; position: relative; }

.header_top_row { display: flex; width: 95%; justify-content: space-between; position: relative; margin: 0 auto; }
.logo { display: block; max-width: 500px; position: relative; z-index: 21; }
.drlove_logo { display: block; max-width: 857px; width: 100%; }

.header_nav { display: flex; font-size: 1.25rem; font-family: "Inter", sans-serif; justify-content: flex-end; padding-right: 15px; position: relative; }
.navres_iconblk { display: none; width: 35px; height: 30px; flex-direction: column; justify-content: space-between; cursor: pointer; margin-bottom: 2px; position: relative; z-index: 55; }
.iconblkline { width: 100%; height: 4px; background-color: #ffffff; border-radius: 50px; }

.menu { display: flex; font-family: "Oswald", sans-serif; }
.menu { gap: 5px; text-transform: uppercase; list-style: none; padding: 0; margin: 0; }
.menu li { padding: 0; margin: 0; }
.menu li a { display: block; color: #ffffff; padding: 2px 10px; position: relative; }
.menu li a:hover { color: #f31c1c;; text-decoration: none; z-index: 2; }
.menu { transform: translateY(0); }

.drlove_pic { display: block; max-width: 806px; width: 100%; max-height: calc(100% - 50px); margin: 0 auto 0; position: absolute; left: 0; right: 0; bottom: 0; z-index: 22; }
.drlove_pic img { display: block; max-width: 806px; width: 100%; margin: 0 auto; }

header h1 { width: 95%; font-size: 5rem; font-family: "Oswald", sans-serif; text-align: center; line-height: 1.1; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 1%; z-index: 25; }
header h1 span { display: inline-block; }

#about { padding-top: 3%; }
#about .wrapcontent { min-height: 0; padding: 0; }
.wrapcontent.aboutpanel { flex-grow: 1; min-height: 0; }
.aboutpanel { margin: 25px auto 0; }
.aboutpanel .flex { align-items: center; }
.br1 { display: none; }

.featuredon { padding: 20px 0; margin: 3.5% auto 0; background-color: #000000; background-color: #f7f7f7; border: #d6d7d7 solid 1px; border-left: 0; border-right: 0; }
.netmedias.wrapcontent { max-width: 1200px; width: 90%; padding-left: 10px; padding-right: 10px; }
.featuredonhd { text-align: center; }
.featuredonhd h3 { color: #787676; text-align: center; }
.featuredonhd::after { content: ""; display: block; width: 70px; height: 2px; margin: 10px auto 0; background-color: #c5c3c3; }
.netmedias { display: block; margin-top: 25px; }
.netmediasgrp { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px 5%; margin: 0 auto 3%; }
.netmediasgrp:last-of-type { margin-bottom: 0; }
.netmediasgrp > div { flex-grow: 0; flex-shrink: 1; }
.netmediasgrp > div > img { width: 100%; }
.abt_nyt_logo { max-width: 280px; }
.abt_tds_logo { max-width: 119px; }
.abt_jkl_logo { max-width: 140px; }
.abt_nw_logo { max-width: 281px; }
.abt_fxn_logo { max-width: 97px; }
.abt_abc_logo { max-width: 90px; }
.abt_nbc_logo { max-width: 94px; }
.abt_ukdm_logo { max-width: 284px; }
.abt_ap_logo { max-width: 100px; }

.socmedsec { padding: 2.5% 0 3.5%; background-color: #ffffff; }
.bordersep { display: block; width: 70px; height: 2px; margin: 10px auto 0; background-color: #c5c3c3; }
.socmedsgrp { max-width: 800px; width: 100%; justify-content: space-between; align-items: center; margin: 25px auto 0; }
.socmedsgrp .flexblk { flex-basis: 359px; flex-grow: 0; flex-shrink: 1; }
.socmedsgrp h3 { margin-top: 0; }
.socmedsgrp img { display: block; max-width: 359px; width: 100; margin: auto; }

#podcast { position: relative; background: url(../images/abt_podcastbg.webp) center top no-repeat; background-size: cover; }
#podcast .wrapcontent { display: flex; align-items: center; padding-bottom: 4%; position: relative; z-index: 30; }
.podcastblk { max-width: 880px; }
#podcast h2 { color: #2e2e2e; }
#podcast h2 span { color: var(--color-hd); }

#instagram { background: url(../images/abt_insbg.webp) right top no-repeat; background-size: cover; }
#tiktok { background: url(../images/abt_ttbg.webp) right top no-repeat; background-size: cover; }

.socials h2, .socials h3 { text-align: center; }
.socials h2 + h3 { margin-top: 2px; }
.socialvidframes { position: relative; }
.socialvidframes.flex_4col { justify-content: center; gap: 20px; margin: 25px auto 0; }
.socialvidframes.flex_4col > .flexblk.videoframe { flex-basis: 325px; flex-grow: 0; flex-shrink: 1; overflow: hidden; }
.videoframe .tiktok-embed { margin: 0; }

.slider-container { max-width: 100%; margin: auto; position: relative; overflow: hidden; }
.slider-wrapper { overflow: hidden; }
.slider-track { display: flex; transition: transform 0.5s ease; will-change: transform; }
.slider-item { justify-content: center; flex: 0 0 25%; padding: 10px; box-sizing: border-box; position: relative; }
.slider-btn { display: none; }
.slider-btn { font-size: 2rem; color: #4e4e4e; padding: 3px 5px 4px 5px; position: absolute; top: 40%; z-index: 1000; transform: translateY(-50%); cursor: pointer; background-color: #f3f2f2; box-shadow: 0 0 2px #616060; }
.prev-btn { left: 0; border-radius: 50px 0 0 50px; }
.next-btn { right: 0; border-radius: 0 50px 50px 0; }
.videothumb { display: block; max-width: 325px; width: 325px; margin: 0 auto; }
.slider-item .videoblk { display: none; max-width: 325px; width: 100%; margin: 0 auto; }
.btnPlay { display: flex; width: 80px; height: 80px; font-size: 2.25rem; color: #ffffff; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; cursor: pointer; background-color: rgba(255, 255, 255, 0.21); border: #ffffff solid 3px; border-radius: 50%; transform: translateY(-50%) translateX(-50%); }
.videoblk iframe { width: 100%; height: 800px; border: none; }
#tiktok .videoblk iframe { height: 765px; }
@media (max-width: 1600px) {
  .slider-item { flex: 0 0 33.3333%; }
  .slider-btn { display: block; }
}
@media (max-width: 1200px) {
  .slider-item { flex: 0 0 50%; }
}
@media (max-width: 800px) {
  .slider-item { flex: 0 0 100%; }
}

#bpc { background: url(../images/abt_bpcbg.webp) center top no-repeat; background-size: cover; }
#bpc .wrapcontent { display: flex; align-items: center; }
.bpc_panel { max-width: 700px; }

footer { font-size: 1rem; color: #ffffff; background: url(../images/abt_footer_bg.webp) left top no-repeat; background-size: cover; }
footer .wrapcontent { max-width: 1200px; min-height: 0; }

.footerlogolink { display: block; max-width: 246px; width: 100%; }
.footerlogoimg { display: block; max-width: 246px; width: 100%; }

.quicklinks h5 { font-weight: 600; color: #9a9a9a; }
.qlinks { list-style: none; padding: 0; margin: 0; }
.qlinks li { padding: 0; margin: 15px 0 0; }
.qlinks li a { color: #ffffff; }

.flexblk.qlinks_logo { flex-basis: 246px; }
.qlinkgrp > .flexblk:first-child  { flex-basis: 28%; }

.footer_cont { display: flex; justify-content: space-between; padding-top: 20px; margin-top: 20px; border-top: #ffffff groove 2px; }
.footer_text1 { font-size: 1.225rem; }
.footer_text2 { font-size: 0.75rem; }
.footer_socials { display: flex; align-items: center; gap: 20px; }


@media screen and (max-height: 900px) {
    header { background-position: center center; }
}
@media screen and (max-height: 700px) {
    .custom_modal { align-items: flex-start; }
    .custom_modal_content { overflow: scroll; }
}

@media screen and (max-width: 1500px) {
    .socialvidframes.flex_4col > .flexblk.videoframe { flex-basis: 280px; flex-grow: 0; flex-shrink: 1; }
}
@media screen and (max-width: 1400px) {
    .br1 { display: block; }
}
@media screen and (max-width: 1200px) {
	  .netmedias { flex-direction: column; }
}
@media screen and (max-width: 1100px) {
    .flex.flex_2col { flex-direction: column; gap: 20px 20px; }
    .flex.flex_2col .flexblk { flex-basis: auto; }
  
    .flex.flex_2col.socmedsgrp { flex-direction: row; gap: 20px 2.5%; }
    .flex.flex_2col.qlinkgrp { flex-direction: row; gap: 20px 2.5%; }
    .qlinkgrp > .flexblk:first-child  { flex-basis: 20%; }
    .flex.flex_2col.qlinkgrp > .flex.flex_2col { flex-direction: row; gap: 20px 2.5%; }
}
@media screen and (max-width: 1000px) {
    .logo { max-width: 350px; }
}
@media screen and (max-width: 900px) {
    h2 { font-size: 4rem; }
    h3 { font-size: 2.2rem; }
    .header_nav { position: absolute; top: 5px; right: 0; }
    .navres_iconblk { display: flex; }
    .menu { display: block; width: 150px; color: #ffffff; text-align: right; position: absolute; top: 100%; right: 0; z-index: 57; transform: translateY(-260%); background: transparent; transition: transform 0.5s ease; }
    .menu li { display: block; }
    .menu li a { color: #ffffff; cursor: pointer; padding: 10px 10%; }
    .menu li a:hover { color: #f31c1c; }
    .menu.resshow { transform: translateY(-0%); }
}

@media screen and (max-width: 700px) {
    html { font-size: 15px; }
    h2 { font-size: 3.4rem; }
    h3 { font-size: 2.375rem; }

    header { overflow: hidden; background: #080808; }
  
    .drlove_pic { display: block; height: calc(100% - 100px); background: url(../images/abt_drlove03.webp) center top no-repeat; }
    .drlove_pic img { display: none; }

    footer { padding-bottom: 30px; }
    .flex.flex_2col.quicklinks { gap: 20px; }
    .footerlogolink { margin: 20px 0 0; }
    .flex.flex_3col { gap: 20px; flex-wrap: wrap; }
    .flex.flex_3col .flexblk { flex-basis: 47%; }

    .footer_cont { flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-top: 40px; }

    .br1 { display: none; }
}
@media screen and (max-width: 600px) {
    html { font-size: 14px; }

    .navres_iconblk { width: 30px; height: 25px; }
}
@media screen and (max-width: 500px) {
    html { font-size: 12.9px; }
    h2 { font-size: 2.8rem; }
    h3 { font-size: 2.125rem; }
    header h1 { max-width: 400px; font-size: 3.5rem; line-height: 1.25; margin: -12% auto 0; }
  	.logo { max-width: 200px; }
    .menu { width: 125px; }
    .menu li a { padding: 10px 7.5%; }

    .slider-btn { font-size: 1.75rem; font-weight: 700; padding: 3px 5px 4px 5px; }
    .prev-btn { border-radius: 50px 0 0 50px; }
    .next-btn { border-radius: 0 50px 50px 0; }
    
    .qlinkgrp > .flexblk:first-child  { flex-basis: 30%; }
    .flex.flex_2col.qlinkgrp > .flex.flex_2col { flex-direction: column; gap: 20px 20px; }
}
@media screen and (max-width: 440px) {
  	body { overflow-x: hidden; }
}
@media screen and (max-width: 400px) {
    html { font-size: 12px; }
    h2 { font-size: 2.6rem; }
    h3 { font-size: 2rem; }
  	.logo { max-width: 150px; }
    .menu li a { padding: 10px 5%; }

    .btnstyle01 { letter-spacing: 1px; }

  	.socialvidframes.flex_4col > .flexblk.videoframe { width: 270px; overflow: hidden; margin-right: 30px; }
}