/* =======================================================*/
/*                      By Netsam                         */
/* =======================================================*/
@import url( Bootstrap/css/bootstrap.min.css );
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@font-face { font-family: 'Abuget'; src: url('Fonts/Abuget.ttf') format('truetype'); font-weight:normal; font-style:normal; }
@font-face { font-family: 'NexaBold'; src: url('Fonts/NexaBold.otf') format('opentype'); font-weight:800; font-style:normal; }
@font-face { font-family: 'Nexa'; src: url('Fonts/NexaLight.otf') format('opentype'); font-weight:300; font-style:normal; }

/*========================================================*/
/*  Root                                                  */
/*========================================================*/
:root {
    --primary-color: #ff6a00;
    --secondary-color: #e74c3c;
    --accent-color: #3498db;
    --light-color: #ecf0f1;
    --dark-color: #2c3e50;
    --white-color: #ffffff;
}
/*========================================================*/
/*  Default HTML                                          */
/*========================================================*/
html { height:100%; }
body { height:100%; margin:0 0 0 0; background:#ffffff; -webkit-font-smoothing:antialiased; font-size:1rem; }
form { height:100%; margin:0; padding:0; }
table, tr, td {font-family:'Inter', sans-serif; color:#201e1e; line-height:28px; font-weight:400; font-size:1.1rem;}
p { font-family:'Inter', sans-serif; color:#201e1e; line-height:28px; font-weight:400; font-size:1.1rem; margin:0 0 24px 0; }
div { font-family:'Inter', sans-serif; color:#201e1e; line-height:28px; font-weight:400; font-size:1.1rem; padding:0px; margin:0px;}
span { }
figure { margin:0;}
hr { margin:10px 0; padding:0px; border-bottom:1px dashed #8f8f8f; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; display:block;}
img { border:none;}
html, body { }
/*========================================================*/ 
/*  Main SKIN Elements                                    */
/*========================================================*/
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right; }
.paneOutline { border:1px dashed #666666; }
.logo { padding:0 0; position:relative; text-align:center; } .logo img { text-align:center; }
.mobile-menu { display:none; }
.header { padding:15px; margin:0 0 0 0; position:fixed; top:0; left:0; width:100%; background:#ffffff; z-index:999; box-shadow: 0 0 0 rgba(0,0,0,0); transition: box-shadow 1s ease;	}
.header.scrolled { box-shadow:0 5px 10px rgba(0,0,0,0.15); }
.hero-banner { margin: 115px 0 0 0; }
.inbwrap { position:absolute; top:0; }
.ihero-overlay { background:#201E1E; min-height:490px; }
.ihero-overlay-m { background:#201E1E; min-height:580px; }
body.dnnEditState .inbwrap { top:30px !important; }
.mbile-logo { display:none; }
.hero-header { padding:0 60px; padding-top:0px;padding-bottom:0px; }
.hero-section { position:relative; height:100vh; overflow:hidden; }
.in-section { position:relative; }
.hero-bg-image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.section-title { color:var(--primary-color); font-weight:600; margin-bottom:10px; position:relative; padding-bottom:15px; font-family:var(--font-nexa); font-size:2.6rem; }
.hero-title { font-size:8rem; font-weight:700; line-height:0.9; text-align:left; font-family:'NexaBold', sans-serif; color:var(--white-color); }
.hero-subtitle { font-size:60px; font-weight:700; line-height:0.9; text-align:left; font-family:'NexaBold', sans-serif; color:var(--white-color); }
.hbody { margin:100px 0 0; }
.btn-give:hover { background:#e55f00; color:#fff; }
.sunday-badge { position:absolute; bottom:0; right:0; background:var(--primary-color); color:#fff; padding:120px 70px 70px 120px; border-top-left-radius:200px; text-align:left; }
.sunday-badge .time { display:inline-block; background:#fff; color:#000; padding:8px 30px; font-size:14px; font-weight:600; margin:0 0 0 3px; }
.sunday-badge .day { display:block; font-size:54px; font-weight:800; margin:20px 0 0 0; }
.sunday-badge .join { position:absolute; right:50px; top:90px; font-family:cursive; font-size:60px; font-family:"Abuget", sans-serif; transform:rotate(-20deg); transform-origin:center; }
.sunday-badge-xs { display:none; position:relative; background:var(--primary-color); color:#fff; padding:60px 60px 60px 60px; text-align:left; }
.sunday-badge-xs .time { display:inline-block; background:#fff; color:#000; padding:8px 30px; font-size:14px; font-weight:600; margin:0 0 0 3px; }
.sunday-badge-xs .day { display:block; font-size:54px; font-weight:800; margin:20px 0 0 0; }
.sunday-badge-xs .join { position:absolute; right:50px; top:90px; font-family:cursive; font-size:60px; font-family:"Abuget", sans-serif; transform:rotate(-20deg); transform-origin:center; }

.hero-desk { }
.hero-mob { display:none; }
.icon-family { border-radius:50%; object-fit:cover; box-shadow:0 0 20px rgba(0, 0, 0, 0.20); }
.herotalign { margin:-200px 0 0 0;}
.hmwrap { margin:0 0 5px 0; }
.hrsec { padding:12px 0 0 0; }
.footer-wrap { background:#201E1E; padding:100px 0; }
.siteflink { display:block; margin:0 0 20px 0; }
.footer-wrap p { color:#ededed !important; font-family:'Inter', sans-serif; font-size:15px !important; font-weight:400; text-decoration:none; margin:0 0 0 0 !important; }
.footer-wrap a { color:#ededed !important; font-family:'Inter', sans-serif; font-size:15px !important; font-weight:400; text-decoration:none; }
.footer-wrap a:hover { text-decoration:underline !important; color:#ffffff !important; }
.footer-link img { padding-right:6px; }
ul.footer-social { margin:0; padding:15px 0 0 0; }
.footer-social li { list-style:none; margin:0 10px 0 0; display:inline-block; }
ul.banner-social { margin:0; padding:15px 0 0 0; }
.banner-social li { list-style:none; margin:0 0 10px 0; display:block; }
.bread-hero { position:relative; text-align:center; margin:0 auto; padding:80px 0 0 0; }
.hero-bg-image { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.hero-bg-imageh { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.video-wrapper { position:relative; width:100%; height:100vh; overflow:hidden; }
#bg-video { width:100%; height:100%; object-fit:cover; z-index:1; position:relative; }
.voverlay { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index: -1; background: linear-gradient( to bottom, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0.5) 200px, rgba(0, 0, 0, 0.2) 550px ); }
.herotxt { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; text-align:center; }
.herotxt h1 { font-size:5rem; font-weight:700; line-height:6rem; font-family:'NexaBold', sans-serif; color:var(--white-color); }
.herotxt h1 span { display:block; }
#heroHeading { will-change:transform, opacity; transition:transform 0.1s linear, opacity 0.1s linear; }
.reveal-card { opacity:0; transform:translateY(60px); transition:transform 0.8s ease, opacity 0.8s ease; }
.reveal-card.active { opacity:1; transform:translateY(0); }
.media-hero { position:relative; text-align:center; margin:0 auto; padding:0 0 0 0; }
.mehr { margin-top:15px; }
.medicon { text-align:center; }
.medicon h3 { color:#ffffff; margin:0 0 10px 0; font-size:36px; font-weight:600; }
.medicon h4 { color:#ffffff; margin:0 0 10px 0; font-size:24px; font-weight:400; }
.medicon p { color:#dbdbdb;  }
.sap-embed-player iframe { border-radius: 12px !important; }

.pl-1 { padding-left:10px; } .pl-2 { padding-left:20px; } .pl-3 { padding-left:30px; } .pl-4 { padding-left:40px; } .pl-5 { padding-left:50px; } .pl-6 { padding-left:60px; }
.pr-1 { padding-right:10px; } .pr-2 { padding-right:20px; } .pr-3 { padding-right:30px; } .pr-4 { padding-right:40px; } .pr-5 { padding-right:50px; } .pr-6 { padding-right:60px; }


/*========================================================*/
/*Contents                                              */
/*========================================================*/ 
.slider { }
.imgres { width:100%; }
.imground { border-radius:12px; }
.img-full { width:100%; }
.heroimg { width:550px; }
.personabar .personabarLogo.updateLogo { background-position:center 10px !important; background-size:90px !important; }
.family { margin:0 0 100px 0; }
.family p { font-size:1.7rem; line-height:38px; font-weight:300; color:#5f5f5f; width:840px; text-align:center; margin:0 auto; }
.family2 { margin:0 0 100px 0; }
.family2 p { font-size:1.7rem; line-height:38px; font-weight:300; color:#5f5f5f; margin:0 auto; }
.graybox { background:#f1f1f1; padding:100px 0; }
.graybox h3 { font-size:3rem; line-height:52px; font-family:'NexaBold',sans-serif; color:var(--primary-color); font-weight:700; text-align:center; }
.graybox2 { background:url(Images/mount-bg.png) top center no-repeat #f1f1f1; padding:100px 0; }
.graybox2 h3 { font-size:3rem; line-height:52px; font-family:'NexaBold',sans-serif; color:var(--primary-color); font-weight:700; text-align:center; }
.gbox { background:#f1f1f1; padding:50px 50px; border-radius:16px; margin:100px 0; }
.gbox h4 { font-size:1.4rem; line-height:38px; font-family:'NexaBold',sans-serif; color:var(--primary-color); font-weight:700; margin:40px 0 0 0; }
.omi {  }
.omi p { font-size:1.7rem; line-height:38px; font-weight:300; width:700px; color:#5f5f5f; text-align:center; margin:0 auto; }
.pastor { clear:both; margin:100px 0; }
.pastor h4 { background:#666666; color:#ffffff; padding:5px 15px 0; font-size:15px; font-weight:500; margin:0 0 20px 0; display:inline-block; text-transform:uppercase; }
.pastor h3 { font-size:3rem; line-height:52px; font-family:'NexaBold',sans-serif; color:var(--primary-color); font-weight:700; margin:0 0 20px 0; }
.onsermons { }
.onsermons h3 { font-size:3rem; line-height:52px; font-family:'NexaBold',sans-serif; color:var(--primary-color); font-weight:700; text-align:center; }
.onsermons p { margin:0 0 30px 0; }
.onsermons .card-body  { padding:30px 15px; }
.onsermons .card-body h6 { font-size:20px; font-weight:500; color:#201E1E; margin:0 0 20px 0; }
.onsermons .card-body h6 { font-size:20px; font-weight:500; color:#201E1E; margin:0 0 20px 0; }
.onsermons .card-body .pname { font-size:16px; font-weight:500; color:var(--primary-color); margin:0 0 0 0; display:block; }
.onsermons .card-body .pdate { font-size:14px; font-weight:500; color:#7E7E7E; margin:0 0 0 0; }
.slider-wrapper { position:relative; }
.slider-track { transition:transform 0.4s ease;}
.sermon-card { flex:0 0 25%; padding:0 10px; }
.icon-left, .icon-right { cursor:pointer; position:absolute; top:10px; width:60px; height:60px; background:#000; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:0.3s; }
.icon-left { left:10px; }
.icon-right { right:10px; }
.icon-left img, .icon-right img { width:36px; }
.sermon-card:hover .icon-right { background:var(--primary-color); }
.sermon-card:hover .icon-left { background:var(--primary-color); }
.nav-btn { position:absolute; top:40%; transform:translateY(-50%); background:none; border:none; font-size:60px; font-weight: inherit; z-index:10; cursor:pointer; }
.prev-btn { left:-40px; }
.next-btn { right:-40px; }
.nav-btn:disabled { opacity:0.3; cursor:not-allowed; }
.personabar .personabarLogo.updateLogo { background-size:55px !important; }
.knowg { margin:0 150px 100px 150px; }
.knowg h3 { font-size:3rem; line-height:60px; font-family:'NexaBold',sans-serif; color: var(--primary-color); font-weight:700; text-align:center; margin:0 0 20px 0; }
.knowg p { font-size:1.7rem; line-height:38px; font-weight:300; color:#5f5f5f; text-align:center; margin:0 auto; }

.disc-section { position:relative; height:80vh; background:url(/portals/0/images/discover.jpg) center center/cover no-repeat; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; }
.disc-section::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,0.35); }
.disc-content { position:relative; z-index:2; max-width:600px; }
.disc-content h1 { font-size:3rem; font-weight:700; color:#ffffff; font-family:'NexaBold',sans-serif; }
.disc-content p { font-size:1.2rem; margin-top:15px; color:#ffffff; }
.gallery-item { overflow:hidden; cursor:pointer; aspect-ratio: 1 / 1; }
.gallery-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.4s ease; }
.gallery-item:hover img { transform:scale(1.08); }
.overlay { position:fixed; inset:0; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:0.3s ease; z-index:9999; }
.overlay.active { opacity:1; visibility:visible; }
.overlay img { max-width:90%; max-height:90%; border-radius:8px; transform:scale(0.8); transition:0.3s ease; }
.overlay.active img { transform:scale(1); }
.close-btn { position:absolute; top:25px; right:35px; font-size:40px; color:#fff; background:none; border:none; cursor:pointer; transition:0.3s; }
.close-btn:hover { color:#ff6a00; }
.serve-section { background:#f5f5f5; }
.serve-section p { margin:0 0 40px 0; }
.serve-card { background:#fff; padding:50px 35px; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,0.08); transition:all 0.35s ease; height:100%; }
.serve-card h4 { font-size:20px; font-weight:500; color:#201E1E; margin:0 0 7px 0; }
.serve-card:hover { transform:translateY(-12px); box-shadow:0 25px 50px rgba(0,0,0,0.15); }
.serve-icon { width:70px; transition:0.3s ease; }
.fosocial { width:250px; }
.fosocial h4 { text-align:center; padding:0 0 0 0; margin:0 0 25px 0; font-size:22px; line-height:30px; font-family:'NexaBold',sans-serif; color:#ffffff; font-weight:500; }
.image-box { width:380px; height:380px; border-radius:50%; border:10px solid #fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.20); overflow:hidden; display:inline-block; }
.image-inner { position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; }
.image-inner img { width:100%; height:100%; object-fit:cover; display:block; }
.text-show { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.45); color:#fff; font-size:2rem; font-weight:600; border-radius:50%; transform:translateY(100%); transition:transform 0.4s ease; }
.image-inner:hover .text-show { transform: translateY(0); }
.abcarcon { margin:0 0 100px 0; }
.abomain { clear:both; margin:0 0 100px 0; }
.abomain h4 { background:#666666; color:#ffffff; padding:0px 15px; font-size:15px; font-weight:500; margin:0 0 20px 0; display:inline-block; text-transform:uppercase; }
.abomain h3 { font-size:3rem; line-height:52px; font-family:'NexaBold',sans-serif; color:var(--primary-color); font-weight:700; margin:0 0 20px 0; }
.abomain .abotalg { padding-top:80px; }
.img-full { width:100%; }
.img-hero-round { -webkit-border-radius:100px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius:100px; -moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; border-radius:100px; border-top-right-radius:6px; border-bottom-left-radius:6px; }
.purpose { }
.belief-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap:30px; margin:60px 0 0 0; }
.belief-card { background:#fff; padding:35px; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,0.05); transition:all 0.3s ease; position:relative; }
.belief-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,0.08); }
.belief-card h3 { font-size:26px; font-weight:500; color:var(--primary-color); margin:0 0 7px 0; }
.scripture { text-align:left; margin-top:20px; padding:12px 15px; background:#faf4f3; border-left:4px solid var(--primary-color); font-size:14px; color:#555; }
.abcarcon h4 { background:#666666; color:#ffffff; padding:5px 15px 0; font-size:15px; font-weight:500; margin:0 0 20px 0; display:inline-block; text-transform:uppercase; }
.contmain img { width:100%; border-radius:12px; }
.makesp { display:block; height:100px; width:auto; }
.timeline-section { padding:0 0 100px 0; position:relative; }
.timeline-section h3 { display:block; font-size:3rem; line-height:60px; font-family:'NexaBold',sans-serif; color: var(--primary-color); font-weight:700; text-align:center; margin:0 0 40px 0; }
.timeline-text { }
.timeline-text strong { color:var(--primary-color); }
.timeline-image-center { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; }
.timeline-image-center img { }
.tt1 { padding:0 0 0 100px; }
.tt2 { padding:50px 80px 0 0; }
.tt3 { padding:60px 0 0 100px; }
.tt4 { padding:60px 80px 0 0; }
.chanfont h3 { font-family:"Cormorant Garamond", serif; font-size:34px; line-height:46px; background:url(Images/simbg.svg) top center no-repeat; background-size: 100%; padding:80px 40px 70px 40px; font-weight:600; }
.serve-section2 {  }
.serve-section2 p { margin:0 0 40px 0; }
.serve-card2 { background:#fff; padding:20px 20px; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,0.08); transition:all 0.35s ease; height:100%; }
.serve-card2 h4 { font-size:20px; font-weight:500; color:#201E1E; margin:0 0 7px 0; }
.serve-card2:hover { transform:translateY(-12px); box-shadow:0 25px 50px rgba(0,0,0,0.15); }
.h1block { width:800px; text-align:center; margin:0 auto; }
.optop { width:800px; margin:0 auto; text-align:center; }
.optop img { width:200px; padding-bottom:20px;  }
.optop h2 { font-size:2.5rem; line-height:70px; color:#201e1e; text-transform:uppercase; font-weight:800; font-family:'Inter', sans-serif; }
.optop h2 span { background:var(--primary-color); padding:0 10px; }
.rotimg { display:block; text-align:center; margin:0 0 100px 0; }
.rotimg .rotimgbox { width:550px; }



.st-section { position:relative; width:722px; height:500px; background:url("/portals/0/images/stool-02.png") center top no-repeat; background-size:430px; }
.pillar{ position:absolute; text-decoration:none; text-align:center; color:#000; transition:0.3s ease; }
.pillar h2 { font-size:2rem; line-height:42px; color:#201e1e; text-transform:uppercase; font-weight:800; font-family:'Inter', sans-serif; text-transform:uppercase; transition:0.3s ease; }
.st-orange { color:#f58220; transition:0.3s ease; }
.pillar:hover h2, .pillar:hover .st-orange{ color:#f58220; }
.st-left{ left:65px; top:320px; }
.st-right{ right:45px; top:320px; }
.st-bottom{ left:50%; transform:translateX(-50%); bottom:-25px; }

/*========================================================*/
/*  DNN Login                                             */
/*========================================================*/  
#dnn_ctr_Login_Login_DNN_plUsername, #dnn_ctr_Login_Login_DNN_plPassword { display:none !important; }
#dnn_ctr_Login_Login_DNN_chkCookie, #dnn_ctr_Login_Login_DNN_chkCookie + .dnnCheckbox, #dnn_ctr_Login_Login_DNN_chkCookie + .dnnCheckbox + label, #dnn_ctr_Login_Login_DNN_lblLoginRememberMe { display: none !important; }
#dnn_ctr_Login_Login_DNN_txtUsername { height: 60px !important; border-radius: 36px !important; padding-left: 15px !important; font-size: 16px !important;	width:100% !important; }
#dnn_ctr_Login_Login_DNN_txtUsername::placeholder { color: #aaa; font-size: 16px; opacity: 1; }
#dnn_ctr_Login_Login_DNN_txtPassword { height: 60px !important; border-radius: 36px !important; padding-left: 15px !important; font-size: 16px !important;	width:100% !important; }
#dnn_ctr_Login_Login_DNN_txtPassword::placeholder { color: #aaa; font-size: 16px; opacity: 1; }
.LoginPanel { width: 800  !important; padding-right: 0  !important; float: none  !important; margin:0 auto; }
.LoginPanel .dnnFormItem .dnnLabel { display: none  !important; }
.dnnLoginService  .dnnFormLabel { display:none !important; }
#dnn_ctr_Login_Login_DNN_lblLogin { display:none; }
.LoginPanel .dnnForm .dnnFormItem { text-align:center !important; }
#dnn_ctr_Login_Login_DNN_cmdLogin { border:none; background:var(--primary-color) !important; padding:10px 30px !important; border-radius:6px !important; color:#ffffff !important; font-weight:600 !important; }
#dnn_ctr_Login_Login_DNN_cmdLogin:hover { background:#201e1e  !important;  }
#dnn_ctr_Login_Login_DNN_cancelLink { border:none; background:#201e1e !important; padding:10px 30px !important; border-radius:6px !important; color:#ffffff !important; font-weight:600 !important; }
#dnn_ctr_Login_Login_DNN_passwordLink { border:none; background:none !important; color:#201e1e !important; }
.dnnLoginActions ul { padding:0 0 0 0 !important; }
.dnnContainerPreview .dnnSecondaryAction, .dnnSecondaryAction, a.dnnSecondaryAction, .dnnPrimaryAction, a.dnnPrimaryAction { color:#ffffff !important; }
#dnn_ctr450_Feedback_divSubject2 .dnnLabel, #dnn_ctr450_Feedback_divMessage .dnnLabel, #dnn_ctr450_Feedback_divName .dnnLabel, #dnn_ctr450_Feedback_divTelephone .dnnLabel, #dnn_ctr450_Feedback_divEmail .dnnLabel { display: none !important; }
#dnn_ctr450_Feedback_divName, #dnn_ctr450_Feedback_divTelephone { width: 50% !important; float: left; box-sizing: border-box; padding-right: 10px; }
#dnn_ctr450_Feedback_divTelephone { padding-right: 0; }
#dnn_ctr450_Feedback_divSubject2 input, #dnn_ctr450_Feedback_divName input, #dnn_ctr450_Feedback_divTelephone input, #dnn_ctr450_Feedback_divEmail input { font-size:16px; width: 100% !important;	max-width:100% !important; height: 50px !important; border-radius: 30px !important; padding: 0 15px; box-sizing: border-box; border: 1px solid #ccc; }
#dnn_ctr450_Feedback_divMessage textarea { font-size:16px;  width:100% !important; max-width:100% !important; border-radius:10px !important; padding:20px 15px; box-sizing: border-box; border: 1px solid #ccc; }
.ModDNNFeedbackC h3 { color:#646464; display:none; }
.ModDNNFeedbackC .dnnPrimaryAction { width:100% !important; background:var(--primary-color) !important; max-width:100% !important; height:50px !important; border-radius: 30px !important; border:none !important; padding:12px 15px 10px;  }
.ModDNNFeedbackC .dnnPrimaryAction:hover { background:#201e1e !important; color:#ffffff !important;  }
.ModDNNFeedbackC .dnnActions li  { float:none; margin:0; }
.ModDNNFeedbackC ul.dnnActions  { padding:20px 0 0 0; }
.ModDNNFeedbackC .dnnPrimaryAction:hover { background:#201e1e !important; }
#dnn_ctr450_Feedback_plCharCount { width: 170px; float: left; padding: 0 0 0px 0; font-size:14px; }
#dnn_ctr450_Feedback_CharCount { font-weight:600; font-size:14px; }
/*========================================================*/
/*  Bootstrap Class                                       */
/*========================================================*/
.container {}
.thumbnail {}
.img-responsive {}
.clearfix {}
.modal-dialog { width:800px !important;}
.nopadl { padding:0 15px 0 0 !important; }
.nopadr { padding:0 0 0 15px !important; }
.nopad { padding:0 !important; } 
.fot2 {  }
.fot3 {  }
/*========================================================*/
/*  Default DNN Links Tokens                              */
/*========================================================*/
a:link, a:visited, a:active { color:var(--primary-color); font-family:'Inter', sans-serif; font-weight:400; font-size:1.1rem; text-decoration:none; line-height:28px; }
a:hover { color:#111111 !important; text-decoration:none !important; }
a:active { outline:none !important; } :focus {outline:0 !important; }
.terms_privacy, a.terms_privacy:link, a.terms_privacy:visited, a.terms_privacy:active { color:#ededed; font-family:'Inter', sans-serif; font-size:14px; font-weight:400; text-decoration:none;  position: relative; }
a.terms_privacy:hover { text-decoration:none !important; color:#ffffff !important; }
a.terms_privacy::after { content:""; position:absolute; transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1); left:0; bottom:-2px; width:0; height:1px; background-color:#ffffff; transition:width 0.3s ease; }
a.terms_privacy:hover::after { width:100%; }
.bottomlinks, a.bottomlinks:link, a.bottomlinks:visited, a.bottomlinks:active { color:#444444 !important; font-family:'Inter', sans-serif; font-size:13px; font-weight:500; text-decoration:none; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s;  -o-transition:color 0.5s; }
a.bottomlinks:hover { text-decoration:none !important; color:#222222 !important;} .bottomlinks span { color:#444444;}
#Breadcrumb, .breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active { display:inline-block; color:#ffffff; font-family:'Inter', sans-serif; font-size:18px; font-weight:500; text-decoration:none;}
a.breadcrumb:hover { text-decoration:underline !important; color:#ffffff !important; }
.reg_login, a.reg_login, a.reg_login:link, a.reg_login:visited, a.reg_login:active { font-family:'Inter', sans-serif; font-weight:500; font-size:16px; color:#007d79; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px; } 
a.reg_login:hover { text-decoration:underline; color:#000000 !important;  }

.flink, a.flink:link, a.flink:visited, a.flink:active { color:#ffffff; background:url(Images/ico-footer-arrow.svg) center right no-repeat; font-family:'Inter', sans-serif; font-weight:600; font-size:16px; text-decoration:none; padding:15px 0 15px 0; margin:0 40px 0 0; display:block; }
a.flink:hover { color:#000000 !important; }




.btn-orange, a.btn-orange, a.btn-orange:link, a.btn-orange:visited, a.btn-orange:active {  font-family:'Inter', sans-serif; font-weight:600; font-size:1rem; display:inline-block; color:#ffffff; text-decoration:none; padding:10px 30px 10px 30px; background:var(--primary-color); } 
a.btn-orange:hover { background:#666666 !important; color:#ffffff !important;  }
.btn-give, a.btn-give:link, a.btn-give:visited, a.btn-give:active { border:3px solid var(--primary-color); background:var(--primary-color); color:#ffffff; font-weight:600; padding:6px 32px; font-family:'Inter', sans-serif; font-weight:600; font-size:1rem; text-decoration:none; border-radius:0px;  }
a.btn-give:hover { color:#ffffff !important; background:none; }

/*========================================================*/
/*  Default DNN Static Tokens                             */
/*========================================================*/
.Copyright { font-family:'Inter', sans-serif; font-size:13px; font-weight:500; color:#201e1e; }
.SubHead { font-family:'Inter', sans-serif;font-size:12px; font-weight:500; color:#201e1e;}
.SubHead span { font-family:'Inter', sans-serif; font-size:12px; font-weight:500; color:#201e1e;}
.Head { font-family:'Inter', sans-serif; font-size:18px; color:#ff0000; font-weight:600; padding:0 0 2px 0;}
/*========================================================*/
/*  Other used Text                                       */
/*========================================================*/
.Normal { font-family:'Inter', sans-serif;color:#201e1e; line-height:28px; font-size:1.1rem; font-weight:400;}
.NormalBold { font-family:'Inter', sans-serif;font-size:1.1rem; font-weight:700; color:#201e1e; line-height:28px;}
.NormalRed { color:#e02429; font-weight:normal; font-family:Arial; font-size:14px; }
ul { margin:0; padding:0; }
li { list-style:none; font-family:'Inter', sans-serif; font-size:1.1rem; font-weight:400; color:#201e1e; margin:0 0 5px 0; line-height:38px; padding:0; }
ol { margin:0 0 0 0; padding:0 0 0 0; }
ol li { margin:0 0 25px 25px; }
.custom ul { margin:0; padding:0; }
.custom ul li { background:url(images/icocheck.png) top left no-repeat; list-style:none; font-family:'Inter', sans-serif; font-size:1.1rem; font-weight:400; color:#201e1e; margin:0 0 15px 0; line-height:24px; padding:0 0 0 32px; }
.custom ul li:last-child { margin:0 0 30px 0; }
/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.hbp { padding:0 0 0 0;  }
.hcp { padding:0 0 0 0; }
.ihcp { padding:0 0 0 0; }
.fwinp { padding:0 0 0 0; } 
.hddcp { padding:0 0 0 0; clear:both; }
.minp { padding:0 0 0 0; }
.htcp { padding:0 0 0 0; }
.htlp { padding:0 0 0 0; }
.mlip { padding:0 50px 0 15px; }
.mrip { padding:0 15px 0 50px; }
.smlp { padding:0 30px 0 15px; }
.smrp { }
/*========================================================*/
/*  Default HTML Headings                                 */
/*========================================================*/
H1 { margin:0 0 15px 0; line-height:60px; font-weight:700; font-size:3rem; color:var(--primary-color); font-family:'NexaBold', sans-serif;}
H2 { margin:0 0 15px 0; line-height:50px; font-weight:700; font-size:40px; color:var(--primary-color); font-family:'NexaBold', sans-serif;}
H3 { margin:0 0 15px 0; line-height:40px; font-weight:600; font-size:34px; color:var(--primary-color); font-family:'NexaBold', sans-serif;}
H4 { margin:0 0 5px 0; line-height:33px; font-weight:600; font-size:26px; color:var(--primary-color); font-family:'NexaBold', sans-serif;}
H5 { margin:0 0 5px 0; line-height:26px; font-weight:normal; font-size:20px; color:var(--primary-color); font-family:'NexaBold', sans-serif;}
H6 { margin:0 0 6px 0; line-height:20px; font-weight:bold; font-size:18px; color:var(--primary-color); font-family:'NexaBold', sans-serif;}
/*========================================================*/
/*  Form Object                                           */
/*========================================================*/
select, input { font-family:Arial; font-size:14px; color:#484848; }
.NormalTextBox { color:#414141; padding-left:4px; line-height:12px; font-family:'Inter', sans-serif; font-weight:normal; font-size:12px; border:1px solid #414141; background:#ffffff; }
td.NormalTextBox { padding:0; margin:0; background:transparent; border:0; }
.StandardButton { border:#414141 0px solid; font-size:11px; font-family:'Inter', sans-serif;background:#e31836; padding:3px 10px; color:#ffffff; }
/*========================================================*/
/*  Social Icons                                          */
/*========================================================*/
.list { clear:both; list-style:none; padding:0 0 0 0; margin:0 auto; position:relative; float:none; overflow:hidden; }
.list li a {color:#808080; }
.list li {line-height:35px; width:auto; float:none; color:#808080; padding:0; margin:0; }
.social-icons li {width:40px;height:35px;float:left; list-style:none; background:none; }
.social-icons li a {width:35px;height:35px;background:url(Images/social-icons.png) no-repeat 0 0;display:inline-block;float:none;}
.social-icons li .insta {background-position:0 0;}
.social-icons li .insta:hover {background-position:-35px 0 ;}
.social-icons li .facebook {background-position:0 -35px;}
.social-icons li .facebook:hover {background-position:-35px -35px;}
.social-icons li .sear {background-position:0 -70px;}
.social-icons li .sear:hover {background-position:-35px -70px;}

.list2 { clear:both; list-style:none; padding:0 0 0 0; width:182px; margin:0 auto; position:relative; float:none; overflow:hidden; }
.list2 li a {color:#808080; }
.list2 li {line-height:60px; width:auto; float:none; color:#808080; padding:0; margin:0; }
.social-icons2 li {width:60px;height:60px;float:left; list-style:none; background:none; }
.social-icons2 li a {width:60px;height:60px;background:url(Images/social-icons2.png) no-repeat 0 0;display:inline-block;float:none;}
.social-icons2 li .email {background-position:0 0;}
.social-icons2 li .email:hover {background-position:-60px 0 ;}
.social-icons2 li .facebook {background-position:0 -60px;}
.social-icons2 li .facebook:hover {background-position:-60px -60px;}
.social-icons2 li .ins {background-position:0 -120px;}
.social-icons2 li .ins:hover {background-position:-60px -120px;}
/*========================================================*/
/*  Animated Burger Menu                                  */
/*========================================================*/
.titre { cursor:pointer;  z-index:299; margin:2px 5px 0 0;  }
.tcon::before { color:#201e1e; position:relative; top:5px; margin:0 12px 0 0; }
.tcon { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; cursor:pointer; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; height:30px; transition:0.3s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:40px; background:transparent; outline:none; -webkit-tap-highlight-color:transparent; }
.tcon > * { display:block; }
.tcon:hover, .tcon:focus { outline:none; }
.tcon::-moz-focus-inner { border:0; }
.tcon-menu__lines { display:inline-block; height:3.71429px; width:30px; transition:0.3s; background:#ffffff; position:relative; }
.tcon-menu__lines::before, .tcon-menu__lines::after { display:inline-block; height:3.71429px; transition:0.3s; background:#ffffff; content:''; position:absolute; left:0; -webkit-transform-origin:2.85714px center; transform-origin:2.85714px center; width:100%; } 
.tcon-menu__lines::before { top:8px; }
.tcon-menu__lines::after { top:-8px; }
.tcon-transform .tcon-menu__lines { -webkit-transform:scale3d(0.8, 0.8, 0.8); transform:scale3d(0.8, 0.8, 0.8); }
.tcon-menu--xbutterfly { width:auto; }
.tcon-menu--xbutterfly .tcon-menu__lines::before, .tcon-menu--xbutterfly .tcon-menu__lines::after { -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition:top 0.3s 0.6s ease, transform 0.3s ease; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines { background:transparent; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before, .tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { top:0; transition:top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition:top 0.3s ease, transform 0.3s 0.5s ease; width:30px; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::before { -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); background:#ffffff; }
.tcon-menu--xbutterfly.tcon-transform .tcon-menu__lines::after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); background:#ffffff; }
.tcon-visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
/*========================================================*/
/*  Search                                                */
/*========================================================*/
.search_bg {  background:#ffffff; float:right; width:225px; height:30px; position:relative; margin:0px 5px 0 0;}
.search, a.search:link, a.search:active, a.search:visited {  background:url(Images/search-btn.png) right top no-repeat; width:24px; height:30px;  position:absolute; right:3px; top:0px; text-indent:-99999px; overflow:hidden;}
.searchInputContainer { display:block !important; }
a.search:hover{ background:url(Images/search-btn.png) right bottom no-repeat; }
.search-box #dnn_dnnSearch_cmdSearch { display:none; }
.search-box { margin:auto !important; position:absolute; left:0; right:0; top:0px !important; width:100%; bottom:0; background-color:rgba(255,255,255,.9); height:100%; z-index:999; padding-top:25px; }
.search-box input { float:left; width:93%; height:50px; background-color:#fefefe; border:1px solid #cacaca; border-radius:3px; box-shadow:0 1px 2px hsla(0, 0%, 4%, 0.1) inset; box-sizing:border-box; color:#0a0a0a; display:block; font-family:inherit; font-size:1rem; font-weight:400; margin:0 0 1rem; padding:0 20px; transition:box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s; }

/*========================================================*/
/*  Media Styles                                          */
/*========================================================*/

@media (min-width:992px) and (max-width:3840px) {

}
@media (min-width:1200px) and (max-width:3840px) {

}
@media (min-width: 993px) and (max-width: 1199px) {

}
@media (min-width:1400px) and (max-width:1850px) { 
.in-section .imgres { object-fit:cover; background-position:center; height:500px; width:100%; }
}
@media (min-width:240px) and (max-width:766px){
#dnnMenu .topLevel li  body { height:100%; margin: 0 0 0 0; background:#ffffff; -webkit-font-smoothing: antialiased; }
#dnnMenu .topLevel li a div div, #dnnMenu .topLevel li a:hover div div, #dnnMenu .topLevel li a:active div div, #dnnMenu .topLevel li.breadcrumb a div div{ margin-right:0px !important; }
a div div { margin-left:0px !important; }
#pixmenu{ display:none; margin:0; overflow:hidden; float:none; position: absolute; top:0; right: 0; width: 100%; height: 100vh; z-index:9999; background: #ff5e00; background: linear-gradient(0deg,rgba(255, 94, 0, 1) 0%, rgba(192, 71, 0, 1) 92%); }
#jmobileicos{ visibility:visible; height:42px; z-index:58888; width:100%; padding:4px 0 0 10px; }
.xmbtn { position:absolute; z-index: 99999; margin:9px 0 0 10px; }
.xmbtn a.tsm { color:#fff; font-size:16px; font-weight:500; }
.logo img { text-align:center; max-width:220px; }
.hrsec { padding:7px 0 0 0; }
.xmbtn a.tsm img { padding:0 10px 0 0;  }
.logo { padding:0 0 0 0; float:none; max-width:100%; }
.mbile-logo { display:block; }
.mbile-logo img { display:block; margin:0 auto; text-align:center; padding:20px 0; width:100px; }
.mobile-menu { display:block; }
.sunday-badge { display:none; }
.sunday-badge-xs { display:block; padding:60px 60px 60px 40px; }
.sunday-badge-xs .join { right:20px; top:48px; }
.xs-none { display:none !important; }
.hero-header { padding:0 0 40px 0; }
.btn-give, a.btn-give:link, a.btn-give:visited, a.btn-give:active { padding:3px 20px; }
.graybox { padding: 60px 10px; }
.omi { width:auto; }
.omi p { width:auto; }
.family p { width:auto; }
.hero-title { font-size:3.8rem; line-height:3.8rem; }
.hero-subtitle { font-size:40px; }
.mxsalgn { padding:0 0 0 0; }
html, body { overflow-x: hidden; }
.hbody { margin:60px 0 0; }
.dynaxs { padding:30px 0 !important; }
.pastor { margin:15px 0 40px; }
.next-btn { right:-30px; }
.prev-btn { left:-30px; }
.footer-wrap { padding:0px 0; text-align:center; }
.hero-bg-image { }
.hrsec .hmwrap { margin:0 !important; }
.hero-desk { display:none; }
.hero-mob { display:block; }
.fot2 { padding-top:30px; padding-bottom:30px; }
.hrsec { padding:13px 0 0 0; }
.makesp { display:block; height:60px; width:auto; }
.image-box { width:auto; height:auto; }
.image-inner { height:auto; }
.image-inner img { height:auto; }
.timeline-section { padding:50px 0px; }
.timeline-step { margin-bottom:50px;  }
.timeline-image-center { display:none; }
.section-title { font-size:1.8rem; }
.serve-card { padding:40px 25px; }
.sermon-card { flex:0 0 100%; }
.in-section .imgres {  object-fit:cover; background-position:center; height:300px; }
.bread-hero { padding:30px 0 0 0; }
.ihero-overlay { min-height:299px; }
.knowg { margin:0; }
html, body { overflow-x: hidden; position: relative; width:100vw; overscroll-behavior-x:none; }
body { -webkit-overflow-scrolling: auto; }
.hero-bg-imageh, .slider-wrapper { max-width:100%; overflow-x:hidden; }
.footer-bot { padding-bottom:30px; }
.hero-section { height:100vh; }
.voverlay { background: linear-gradient( to bottom, rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.5) 100px, rgba(0, 0, 0, 0.5) 200px ); }
.herotxt h1 { padding:0 20px; font-size:3.8rem; line-height:3.8rem; text-align:left; font-weight:800; }
.herotxt h1 span { font-size:40px; }
.family { margin:0 0 60px 0; }
.abomain .abotalg { padding-top:0px; }
.notsp { padding-top:0; margin-top:0; }
.abomain { clear:both; margin:0 0 60px 0; }
.abcarcon { margin:0 0 60px 0; }
.bread-hero h1 { font-size:2.5rem; line-height:40px; }
.belief-grid { grid-template-columns:repeat(auto-fit, minmax(100%, 1fr)); }
.belief-card { padding:20px; }
.makexsmb { margin-bottom:25px; }
.tt1 { padding:0 0 0 0; }
.tt2 { padding:0 0 0 0; }
.tt3 { padding:0 10px 0 10px; }
.tt4 { padding:0 0 0 0; }
.h1block { width:auto; text-align:center; margin:0 auto; }
.chanfont h3 { background-image:none; background-color:#ffffff; padding:40px 40px 40px 40px; }
.infobox { margin-top:10px; }
.purpose { padding:25px 10px 50px 10px !important; margin-bottom:30px; }
#Breadcrumb, .breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active { margin:0; }
.cnt-footer .cbody { padding:0px 0 0 0 !important; }
.fosocial { margin-bottom:40px; }
.gbox { padding:20px 20px; margin:60px 0; }
.rotimg { display:block; text-align:center; margin:0 0 50px 0; }
.rotimg .rotimgbox { width:100%; }
}
@media (min-width:240px) and (max-width:380px){
.logo img { text-align:center; max-width:180px; }
.hrsec { padding:7px 0 0 0; }
.hero-title { font-size:3.1rem; line-height:3.3rem; }
.hero-subtitle { font-size:30px; }



}