/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Phudu:wght@300..900&display=swap');

:root {
	--primary-color: #1028CD;
	--secondary-color: #151515;
	--secondary-color-bright: #C8FF00;
	--sectionbg: #E8F4FF;
	--liner-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 29.45%, rgba(0, 0, 0, 0.00) 75.63%);
	--white-color:#ffffff;
	--red-color:#F13429;
	--green-color:#1D933A;
	--titlefont: 'Phudu', Arial, Helvetica, sans-serif;
	--descfont: 'Open Sans', Arial, Helvetica, sans-serif;
}

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -ms-font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:16px/1.65 var(--descfont); color:var(--secondary-color); overflow-x: hidden; position: relative; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, .navtrigger-button, .accordion-databox .accordion-row h5:before, a, #logo, .btn:before, .btn:after, #header, #mainmenu li.hasnav .navtrigger:before, .btn, .btn:after { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color:var(--primary-color); text-decoration:none;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { font-family: var(--titlefont); line-height:1.3; margin:0 0 10px; color: var(--secondary-color); }
h1,h2 { font-size:3.854vw;  }/*74px*/
h3 { font-size:3.125vw; } /*60px*/
h4 { font-size:2.083vw; } /*40px*/
h5 { font-size:1.667vw; } /*32px*/
h6 { font-size:1.354vw; } /*26px*/

ul { list-style: none; padding: 0; margin: 0; }
ul li { line-height:24px; }

figure { margin: 0; }

.wrap { zoom:1; }
.nodisplay { display:none; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }
.italic { font-style: italic; }

.cols { display: flex; align-items: center; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; }
.cols .col { padding-left:20px; padding-right:20px; }
.cols1 .col { flex: 0 0 100%; max-width: 100%; width:100% }
.cols2 .col { flex: 0 0 50%; max-width: 50%; width:100% }
.cols3 .col { flex: 0 0 33.333333333333%; max-width: 33.333333333333%; width:100%; }
.cols4 .col { flex: 0 0 25%; max-width: 25%; width:100%; }
.cols .col.w-100 { width: 100%; max-width: 100%; flex: 0 0 100%; }

.dflex { display: flex; flex-wrap: wrap; }
.alignstart { align-items: flex-start; }
.aligncenter { align-items: center; }
.alignend { align-items: flex-end; }
.justifybetween { justify-content: space-between; }
.justifycenter { justify-content: center; }
.justifyaround { justify-content: space-around; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:#fffd64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:var(--primary-color); }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:#e34f26; }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding:8px 12px 0; display:block; color:var(--primary-color); }
input.has-error { border:solid 1px var(--primary-color) !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: var(--primary-color); color: #fff; padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:#fff; margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:#fff; text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:#fff; }

/* =Layout Width
========================================================================================*/
.wrap { max-width:1280px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background-color: transparent; position: fixed; top: 0; left: 0; right: 0; width: 100%; padding:26px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.0); z-index: 9999; }
#header.headerfixed { padding: 14px 0; background-color: var(--secondary-color); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
#logo { flex: 0 0 150px; max-width: 150px; width:100%; position:relative; }
#header.headerfixed #logo { flex: 0 0 100px; max-width: 100px; }
#logo img { max-width:100%; height:auto; width:auto; }

#mainmenu { font-size:17px; margin:0; }
#mainmenu ul { margin:0; padding:0; list-style:none; display: flex; flex-wrap: wrap; align-items: center; }
#mainmenu > ul > li { font-weight:bold; text-transform:uppercase; position: relative; margin: 0;  }
#mainmenu li a { display: block; font-family: var(--titlefont); font-weight: 600; padding: 12px 16px; text-decoration:none; display:block; color: var(--white-color); position:relative; }
#mainmenu li .submenu { display: none; position: absolute; top: calc(100% + 10px); left: 0; width: 220px; background-color: var(--secondary-color); border: rgba(255, 255, 255, 0.20) solid 1px; }
#mainmenu li .submenu a { display: block; }
#mainmenu li.hasnav { position: relative; }
#mainmenu li.hasnav .navtrigger { position: relative; padding-right: 30px; }
#mainmenu li.hasnav .navtrigger:before { content: ''; position: absolute; top: 22px; left: calc(100% - 22px); background: url(../images/vector/dropdownarrow.svg) no-repeat 0 0 / cover; width: 12px; height: 6px; }
#mainmenu li.hasnav .navtrigger.open:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

#innerbanner { background: var(--secondary-color) url(../images/patternsecondary.webp) repeat 0 0; width: 100%; height: 100%; text-align: center; }
.breadcrumbsmenu li { position: relative; padding: 0 0 0 50px; text-transform: uppercase; color: var(--white-color); }
.breadcrumbsmenu li:first-child { padding: 0; }
.breadcrumbsmenu li:before { content: ''; position: absolute; top: 50%; left: calc(100% + 20px); background-color: rgba(255,255,255,0.5); width: 10px; height: 10px; transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); }
.breadcrumbsmenu li:last-child:before { display: none; }
.breadcrumbsmenu li a { color: var(--secondary-color-bright); }

#innerbanner .pagetitle { color: var(--white-color); margin: 0 0 15px; text-shadow: 0 6px 0px #050505; letter-spacing: 2px; }

#footer { background: #08177C url(../images/patternprimary.webp) repeat 0 0; width: 100%; height: 100%; position: relative; overflow-x: hidden; }
.footertop { padding: 50px 0; }
.footertop h2 { color: var(--white-color); }
.footermiddle { border-color: #37449A; border-style: solid; border-width: 2px 0; }
.footermiddle span, .footermiddle p { color: var(--white-color); }
.footermiddleleft { padding: 0 0 0 20px; }

.flinks { display: flex; align-items: center; flex-wrap: wrap; }
.flinks li { flex: 0 0 50%; max-width: 50%; width: 100%; }
.flinks li a { display: block; padding: 34px 20px; text-align: center; text-transform: uppercase; font-family: var(--titlefont); color: var(--white-color); font-weight: 500; font-size: 20px; }
.flinks li a { border-left: #37449A solid 2px; border-bottom: #37449A solid 2px; }
.flinks li:nth-child(7) a, .flinks li:last-child a { border-bottom: 0; }
.flinks li.active a { color: var(--secondary-color-bright); }
.footerbottom * { color: var(--white-color); }
.footerbottom .createdby a { color: var(--secondary-color-bright); font-weight: 600; text-decoration: underline; }
.footerbottomright { padding: 40px 20px; border-left: #37449A solid 2px; }
.footerbottomleft { padding: 40px 20px; }
.contentpageslinks li a { text-transform: uppercase; font-family: var(--titlefont); color: var(--white-color); font-weight: 400; font-size: 16px; text-decoration: underline; opacity: 0.8; }

.copyright { margin-bottom: 0; }

.secpadding { padding: 6vh 0; }
.sectitle { line-height: 1.1; margin-bottom: 15px; }
.sectitle.textcenter { text-align: center; }
.sectitle span { display: block; font-family: var(--descfont); font-size: 20px; text-transform: uppercase; color: var(--primary-color); font-weight: 500; }
.sectitle span.secondarycolor { color: var(--secondary-color-bright); }
.boxshadow { -ms-box-shadow: 8px 8px 0px 0px #B3D5FF; -moz-box-shadow: 8px 8px 0px 0px #B3D5FF; -webkit-box-shadow: 8px 8px 0px 0px #B3D5FF; box-shadow: 8px 8px 0px 0px #B3D5FF; }
.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-0 { margin-bottom: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.dnone { display: none; }
.scrolltextwrapper { display: flex; align-items: center; flex-wrap: nowrap; overflow: hidden; }
.scrolltextwrapper h2 { margin: 0 0 0 60px; white-space: nowrap; }
.bgimg { background-repeat: no-repeat; background-size: cover; background-position: center; }
.secbgcontainer { background-color: var(--sectionbg); border-top: #B3D5FF solid 6px; border-bottom: #B3D5FF solid 6px; padding: 60px 0; }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:middle; }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; -webkit-border-radius:0;  border-radius:0; appearance:none; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#fff; padding:4px 12px; height:48px; line-height:1.55; border:solid 1px #d7d9dd; color:#454648; width:100%; font-family:'Open Sans', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Open Sans', Arial, Helvetica, sans-serif; }
select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#fff; }
.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }
.ie select { padding-right:0; }
.ie .custom-select:before { z-index:2; height:40px; }
.ie .custom-select:after { z-index:3; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:var(--primary-color); color:#fff;  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 45px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#d71802; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #117b3c; }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: #117b3c; }
.checkbox input:checked + .input-helper:before { background-color: #117b3c; }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: #117b3c; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.btn { display: inline-block; background-color: transparent; font-size: 16px; font-family: var(--titlefont); color: var(--primary-color); text-transform: uppercase; padding: 12px 70px 12px 14px; border: var(--primary-color) solid 2px; font-weight: 700; position: relative; overflow: hidden; z-index: 1; }
.btn:before { content: ''; position: absolute; top: 50%; right: 12px; background: url(../images/vector/btnarrowprimary.svg) no-repeat -20px 0; width: 20px; height: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.btn:after { content: ''; position: absolute; top: -1px; right: 0; bottom: 0; left: -6px; width: 0; height: calc(100% + 2px); background-color: var(--primary-color); transform: skew(-15deg); -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); -o-transform: skew(-15deg); z-index: -1; }

.btn.btn-secondary { border-color: var(--secondary-color-bright); color: var(--secondary-color-bright); }
.btn.btn-secondary:before { background-image: url(../images/vector/btnarrowsecondary.svg); }
.btn.btn-secondary:after { background-color: var(--secondary-color-bright); }

.btn.btn-donate:before { background: url(../images/vector/donateiconsecondary.svg) 0 0; width: 30px; height: 30px; }
.btn.btn-secondary.btn-donate:after { background-color: var(--secondary-color-bright); }

.btn.btn-donate.donateprimary:before { background: url(../images/vector/donateiconprimary.svg) 0 0; width: 30px; height: 30px; }
.btn.btn-donate.donateprimary:after { background-color: var(--primary-color); }


/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { padding: 26px 0; margin-bottom: 0; border-bottom: rgba(0, 0, 0, 0.1) solid 2px; }
.accordion-databox .accordion-row:first-child { border-top: rgba(0, 0, 0, 0.1) solid 2px; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:transparent; color:var(--secondary-color); position:relative; padding:0 34px 0 0; font-weight:600; font-size:18px; margin-bottom:0; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { content:''; position:absolute; right:0; top:1px; background: url(../images/vector/accarrow.svg) no-repeat 0 0 / cover; width: 24px; height: 24px; z-index:1; } 

.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.accordion-data { display:none; padding:0; }
.accordion-data p { margin:20px 0 0; }


/* =Home-Page CSS
========================================================================================*/
#mainbanner { background:#08177C url(../images/patternprimary.webp) repeat 0 0; width: 100%; }
.mainbannercontent { margin-top: 50px; }
.mainbannercontent * { color: var(--white-color); }
.mainbannercontent h1 { flex: 0 0 60%; max-width: 60%; width: 100%; padding-right: 40px; }
.mainbannercontentright {  flex: 0 0 40%; max-width: 40%; width: 100%; }
.mainbannercontentright p { font-style: italic; font-weight: 500; }
.scrolldown { display: block; position: relative; padding: 8px 0 0 56px; font-family: var(--titlefont); font-weight: 500; }
.scrolldown:before { content: ''; position: absolute; top: 0; left: 0; background: var(--secondary-color-bright) url(../images/vector/scrolldownicon.svg) no-repeat 0 0 / cover; width: 40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; animation: bgShift 1s linear infinite; -webkit-animation: bgShift 1s linear infinite; }
@keyframes bgShift {
	0% {
		background-position: 0 -40px;
	}
	100% {
		background-position: 0 0;
	}
}
.mainbannerimg { width: 100%; height: 604px; margin-top: 50px; position: relative; }
.mainbannerimg:before { content: ''; position: absolute; top: 0; left: 0; right: 0; background: url(../images/tornpaper.webp) no-repeat 0 0 / cover; width: 100%; height: 128px; }
#aboutus { position: relative; }
.aboutuscontent, .donationcontent { max-width: 690px; width: 100%; margin: 0 auto; flex-direction: column; text-align: center; position: relative; z-index: 1; }
.aboutusimggroup { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.aboutsecimgfloatimg { width: 330px; position: absolute; }
.aboutsecimgfloatimg:before { content: ''; position: absolute; background: url(../images/vector/aboutarrow.svg) no-repeat 0 0 / cover; width: 72px; height: 56px; }
.aboutsecimgfloatimg img { max-width: 100%; width: 100%; height: auto; }
.aboutsecimgfloatimg1 { top: 80px; left: 80px; transform: rotate(-16.96deg); -webkit-transform: rotate(-16.96deg); -moz-transform: rotate(-16.96deg); -ms-transform: rotate(-16.96deg); -o-transform: rotate(-16.96deg); }
.aboutsecimgfloatimg1:before { top: calc(100% + 25px); left: 0; }
.aboutsecimgfloatimg2 { bottom: 80px; right: 80px; transform: rotate(16.96deg); -webkit-transform: rotate(16.96deg); -moz-transform: rotate(16.96deg); -ms-transform: rotate(16.96deg); -o-transform: rotate(16.96deg); }
.aboutsecimgfloatimg2:before { bottom: calc(100% + 25px); left: 0; background-image: url(../images/vector/aboutarrow02.svg); }
#clubmembership { position: relative; background: var(--secondary-color) url(../images/becomememberbg.webp) no-repeat center 20% / cover; width: 100%; height: 700px; z-index: 1; }
#clubmembership:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--liner-bg); z-index: -1; }
#clubmembership h3, #clubmembership .clubmembershipcontentright p { color: var(--white-color); }
#clubmembership .sectitle { max-width: 35%; flex: 0 0 35%; width: 100%; }
.clubmembershipcontentright { max-width: 55%; flex: 0 0 55%; width: 100%; padding-left: 30px; }
.clubmembershipcontentright p { font-style: italic; font-weight: 500; }
.donationcontent { margin-top: 25px; }
.donationcontent .btn { display: table; margin: 20px auto 0; }

/* =AboutUs-Page CSS
========================================================================================*/
.aboutpagecontent .imagestwo .imgabout01 { flex: 0 0 35%; max-width: 35%; width: 100%; height: 300px; }
.aboutpagecontent .imagestwo .imgabout02 { flex: 0 0 calc(65% - 40px); max-width: calc(65% - 40px); width: 100%; height: 500px; margin-left: 40px; }
.aboutpagecontent .imagestwo img { max-width: 100%; width: 100%; height: auto; }

.whowearesection { margin: 60px 0; }
.whowearesection .sectitle { max-width: 35%; flex: 0 0 35%; width: 100%; }
.whoweareright { max-width: 65%; flex: 0 0 65%; width: 100%; padding-left: 30px; }

.missionimg { flex: 0 0 100%; max-width: 100%; width: 100%; height: 500px; }
.missionimg img, .coachebox img { max-width: 100%; width: 100%; height: auto; }
.coachebox { text-align: center; }
.coachebox .coachname { margin-top: 30px; }
.coachebox .coachname h6 { margin-bottom: 3px; }
.coachebox .coachname span { display: block; text-transform: uppercase; font-weight: 600; color: var(--primary-color); letter-spacing: -0.5px; }

/* =History-Page CSS
========================================================================================*/
.historylisting { counter-reset: custom-counter; }
.historylistbox { position: relative; counter-increment: custom-counter; background-color: var(--white-color); border: #D5E9FF solid 6px; padding: 60px 60px 60px 280px; z-index: 1; margin-bottom: 40px; }
.historylistbox:last-child { margin-bottom: 0; }
.historylistbox:before, .historylistbox:after { width: 220px; }
.historylistbox:before { content: counter(custom-counter); position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-size: 5.208vw; font-weight: bold; color: var(--primary-color); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.historylistbox:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; background-color: #D5E9FF; z-index: -1; }
.historylistbox h4 { flex: 0 0 350px; max-width: 350px; width: 100%; }
.historylistbox .historyboxcontent { flex: 0 0 calc(100% - 350px); max-width: calc(100% - 350px); width: 100%; }
.historyboxcontent p:last-child { margin-bottom: 0; }

/* =Schedule-Page CSS
========================================================================================*/
.schedulelisting .cols .col { margin-top: 40px; }
.schedulelistingbox { background-color: #F5FAFF; border: #D5E9FF solid 4px; height: 100%; padding: 40px; }
.schedulelistingbox > .month { display: block; background-color: var(--white-color); font-size: 24px; text-transform: uppercase; position: relative; padding: 20px 20px 20px 100px; z-index: 1; border: #B3D5FF solid 2px; margin-bottom: 30px; font-weight: 500; }
.schedulelistingbox > .month:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 80px; height: 100%; background: #D5E9FF url(../images/vector/scheduleicon.svg) no-repeat 0 0 / cover; z-index: -1; }
.montheventbox { background-color: var(--white-color); border: #B3D5FF solid 2px; margin-bottom: 30px; }
.schedulelistingbox .montheventbox:last-child { margin-bottom: 0; }
.montheventbox h6 { padding: 20px; margin-bottom: 0; }
.montheventbox .montheventboxdatelocation { padding: 20px; border-top: #B3D5FF solid 2px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 500; }
.montheventboxdatelocation span { display: block; text-transform: uppercase; }
.montheventboxdatelocation .date { position: relative; padding-left: 40px; }
.montheventboxdatelocation .date:before { content: ''; position: absolute; left: 0; top: 50%; background: url(../images/vector/scheduledateicon.svg) no-repeat 0 0 / cover; width: 30px; height: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }




.faqspagecontent { max-width: 736px; width: 100%; margin: 0 auto; }