:root {
	--primary-color: #1028CD;
	--secondary-color: #151515;
	--secondary-color-bright: #C8FF00;
	--sectionbg: #E8F4FF;
	--liner-bg: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 35.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;
}


/* ++++++ Min and Max Combine CSS ++++++ */
		/* @media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {} */
/*==========================================================================================================*/

/* Only bigger screen landscape screen ++++ Hover Effects */
@media only screen and (min-width: 1025px) {
	a:hover { text-decoration: none; }
	#mainmenu > ul { display:flex !important; }
	.mbvisible { display: none !important; }

	#mainmenu li a:hover, #mainmenu li.hasnav.open .navtrigger, #mainmenu li.active > a { background-color: var(--secondary-color-bright); color: var(--secondary-color); }
	#mainmenu li.hasnav .navtrigger:hover:before, #mainmenu li.hasnav.open .navtrigger:before { background-position: 0 -6px; }

	.btn:hover { color: var(--white-color); }
	.btn.btn-secondary:hover { color: var(--secondary-color); }
	.btn:hover:before { background-position: 0 0; }
	.btn:hover:after { width: calc(100% + 20px); transform: skew(0); -webkit-transform: skew(0); -moz-transform: skew(0); -ms-transform: skew(0); -o-transform: skew(0); }
	.btn.btn-donate:hover:before { background-position: 0 -30px; }

	.breadcrumbsmenu li a:hover { color: var(--white-color); }

	.flinks li a:hover { color: var(--secondary-color-bright); }
	.footerbottom .createdby a:hover { color: var(--white-color); text-decoration: none; }
	.contentpageslinks li a:hover { opacity: 1; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1670px) {
	.aboutsecimgfloatimg { width: 200px; }
	h1,h2 { font-size:4.854vw;  }/*74px*/
	h3 { font-size:4.125vw; } /*60px*/
	h4 { font-size:3.083vw; } /*40px*/
	h5 { font-size:2.667vw; } /*32px*/
	h6 { font-size:1.654vw; } /*26px*/
}


/*==========================================================================================================*/
@media only screen and (max-width: 1550px) {
	.footerbottomleft  { flex-direction: column; padding: 20px; gap: 10px; justify-content: flex-start; align-items: flex-start; text-align: left; }
	.historylistbox:before { font-size: 7.766vw; }
	.historylistbox:before, .historylistbox:after { width: 140px; }
	.historylistbox { padding: 24px 24px 24px 160px; }
	.historylistbox h4 { flex: 0 0 35.573vw; max-width: 35.573vw; }
	.historylistbox .historyboxcontent { flex: 0 0 calc(100% - 35.573vw); max-width: calc(100% - 35.573vw); }
	.schedulelistingbox { padding: 24px; }
	.schedulelistingbox > .month { font-size: 22px; padding: 14px 14px 14px 80px; }
	.schedulelistingbox > .month:before { width: 64px; }
	.montheventbox h6, .montheventbox .montheventboxdatelocation { padding: 14px; }
	.montheventbox .montheventboxdatelocation { font-size: 16px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1300px) {
	.aboutsecimgfloatimg { display: none; }
	.footerbottomright { padding:28px 20px; }
	.contentpageslinks { gap: 15px; }
	.contentpageslinks li { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); width: 100%; }	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1200px) {
	#header .btn  { display: none; }	
}

/*==========================================================================================================*/
@media only screen and (max-width: 1024px) {

	body { min-width:320px; font-size: 15px; }
	img{ max-width: 100%; width:auto; height:auto; }

	.wrap { width:auto; padding:0 20px; }
	.lgitems { display: none !important; }

	.default-grid.form-grid.cols2 .col { width:auto; float:none; }
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }
	
	#header, #header.fixed { padding: 12px 0; }
	#logo, #header.fixed #logo { flex: 0 0 100px; max-width: 100px; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:#101010; z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom:solid 1px rgba(255, 255, 255, 0.1); }
	#mainmenu ul li:last-child { border-bottom: 0; }
	#mainmenu ul li a { padding:12px 15px; display:block; color: var(--white-color); font-weight: 500; font-size: 16px; }
	#mainmenu ul li.active a { color: var(--secondary-color-bright); }
	#mainmenu ul li a:after { display:none; }

	#mainmenu ul li .submenu { left: 0; right: 0; width: 100%; top: 0; background-color: var(--secondary-color); position: relative; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 0; }
	#mainmenu ul li .submenu li a { padding-left: 30px; }
	
	/* Responsive Menu line icon*/
	#menu { display:block; width: 45px; height: 45px; background-color: var(--secondary-color-bright); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; padding: 12px 13px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:var(--secondary-color); text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 20px; height: 3px; background: var(--secondary-color); position: relative; float: left; margin:9px 0 0 0; -moz-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); -webkit-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); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: var(--secondary-color); position: absolute; left: 0; content:''; -moz-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); -webkit-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); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	#mainmenu li.hasnav .navtrigger:before { display: none; }
	.navtrigger-button { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; color: white; border-radius: 50%; text-align: center; font-size: 30px; font-weight: 500; line-height: 32px; }
	.navtrigger-button.open { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

	.mainbannercontent { margin-top: 20px; }

	h1,h2 { font-size:5.227vw;  }/*74px*/
	h3 { font-size:5.859vw; } /*60px*/
	h4 { font-size:3.906vw; } /*40px*/
	h5 { font-size:3.125vw; } /*32px*/
	h6 { font-size:2.539vw; } /*26px*/

	.footertop { padding: 30px 0; }
	.scrolltextwrapper h2 { margin: 0 0 0 30px; }
	.footermiddle p br { display: none; }

	.mainbannerimg { height: 325px; }
	.mainbannerimg:before { height: 70px; }

	.secpadding, .secbgcontainer { padding: 40px 0; }

	#clubmembership { height: 520px; }

	#innerbanner .pagetitle { font-size: 60px; }


	.aboutpagecontent .imagestwo .imgabout01 { height: 200px; background-position: 0 0; }
	.aboutpagecontent .imagestwo .imgabout02 { height: 300px; }	
	.missionimg { height: 350px; }

	.schedulelistingbox > .month { font-size: 20px; }
	.montheventboxdatelocation .date { padding-left: 32px; margin-bottom: 10px; }
	.montheventboxdatelocation .date:before { width: 24px; height: 24px; }
	.montheventboxdatelocation { flex-direction: column; }
	.montheventboxdatelocation .location { text-align: center; }
	.montheventbox h6 { text-align: center; }
	.schedulelistingbox > .month, .montheventbox { margin-bottom: 20px; }
	
	
} 

/*==========================================================================================================*/
@media only screen and (max-width: 768px) {
	.footermiddle .cols2, .footerbottom .cols { flex-direction: column; }
	.footermiddle .cols2 .col, .footerbottom .cols .col { flex: 0 0 100%; max-width: 100%; }
	.mb-30 { margin-bottom: 20px !important; }
	.flinks { border-top: #37449A solid 2px; }
	.footermiddleleft { padding: 20px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
	.footermiddleleft p { text-align: center; }
	.flogo { max-width: 400px; }
	.flinks li:nth-child(2n + 1) a { border-left: 0; }
	.footerbottomright { border: 0; }
	.footerbottom .cols { flex-direction: column-reverse; }
	.footerbottomleft { border-top: #37449A solid 2px; justify-content: center; align-items: center; }
	.flinks li a { padding: 20px 16px; font-size: 18px; }
	.sectitle span { font-size: 16px; }

	.mainbannercontent { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
	.mainbannercontent h1, .mainbannercontent .mainbannercontentright { flex: 0 0 100%; max-width: 100%; }
	.mainbannercontent h1 { padding-right: 0; }
	.scrolldown { display: table; margin: 0 auto; }

	#clubmembership { height: 450px; }

	#innerbanner .pagetitle { font-size: 50px; }
	.coacheslisting .col { flex: 0 0 50%; max-width: 50%; margin-top: 30px; }
	.coachname h6 { font-size: 22px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	.default-grid.cols3 .col { width:50%; }
	.default-grid.cols3 .col:nth-child(3) { clear:left; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
	
	.heading-listblock.cols2 .col, .dropcaps-box.cols2 .col { width:100%; float:none; } 

	#logo, #header.fixed #logo { flex: 0 0 80px !important; max-width: 80px !important; }

	h1,h2 { font-size:34px;  }/*74px*/
	h3 { font-size:32px; } /*60px*/
	h4 { font-size:26px; } /*40px*/
	h5 { font-size:22px; } /*32px*/
	h6 { font-size:18px; } /*26px*/
	.flogo { max-width: 100%; }

	.secpadding, .secbgcontainer { padding: 30px 0; }

	#clubmembership { height: auto; }
	#clubmembership:before { background: rgba(0, 0, 0, 0.80); }
	.clubmembershipcontent { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
	#clubmembership .sectitle, #clubmembership .clubmembershipcontentright { flex: 0 0 100%; max-width: 100%; }
	.clubmembershipcontentright { padding-left: 0; }

	.donationcontent { margin-top: 15px; }

	.footertop { padding: 18px 0; }

	.btn { padding: 10px 60px 10px 14px; }

	.breadcrumbsmenu li { padding: 0 0 0 30px; }
	.breadcrumbsmenu li:before { left: calc(100% + 10px); width: 8px; height: 8px; }

	.whowearesection { margin: 30px 0; }

	.historylistbox { flex-direction: column; }
	.historylistbox:before, .historylistbox:after { width: 80px; }
	.historylistbox h4, .historylistbox .historyboxcontent{ flex: 0 0 100%; max-width: 100%; }
	.historylistbox { padding: 18px 18px 18px 98px; border-width: 4px; }

	.accordion-databox .accordion-row { padding: 20px 0; }
	.accordion-data p { margin-top: 15px; }

	.schedulelisting .cols { margin: 0; }
	.schedulelisting .cols .col { flex: 0 0 100%; max-width: 100%; padding: 0; margin-top: 20px; height: auto !important; }
	.schedulelistingbox { padding: 18px; }
	.schedulelistingbox > .month, .montheventbox { margin-bottom: 18px; }
	.schedulelistingbox > .month:before { width: 50px; }
	.schedulelistingbox > .month { font-size: 18px; padding: 10px 10px 10px 60px; }
	
	
}
/*==========================================================================================================*/
/* only iphone4 landscape & Potriat 300 by 480*/
@media only screen and (max-width: 567px) { 
	
	body { font-size: 14px; }
	.default-grid.cols3 .col, .default-grid.cols2 .col, .default-grid.cols4 .col { width:auto; float:none; }
	table.res-table tr th { display:none; }
	table.res-table tr td { display:block; position:relative; padding-left:50%; }
	table.res-table td:before { content: attr(data-th) ": "; font-weight: bold; width: 50%; display:block; padding-right:10px; position:absolute; left:0; top:0; padding:10px 10px; } 
	table.res-table { border-top:0; } 
	
	.list-block.cols3 .col { width:100%; float:none; }
	.image-block figure { width:100%; float:none; padding-right:0; }
	.image-block.right-align figure { padding-left:0; }

	.footerbottomleft { text-align: center; }

	#innerbanner .pagetitle { font-size: 40px; margin-bottom: 10px; }

	
	.coachebox .coachname { margin-top: 15px; }
	.aboutpagecontent .imagestwo .imgabout01, .aboutpagecontent .imagestwo .imgabout02 { flex: 0 0 100%; max-width: 100%; margin-left: 0; }
	.aboutpagecontent .imagestwo .imgabout01 { margin-bottom: 25px; }
	.boxshadow { -ms-box-shadow: 5px 5px 0px 0px #B3D5FF; -moz-box-shadow: 5px 5px 0px 0px #B3D5FF; -webkit-box-shadow: 5px 5px 0px 0px #B3D5FF; box-shadow: 5px 5px 0px 0px #B3D5FF; }
	.whowearesection  { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
	.whowearesection .sectitle, .whowearesection .whoweareright { flex: 0 0 100%; max-width: 100%; }
	.whowearesection .whoweareright { padding-left: 0; }
	.ourmissionsection .cols { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
	.ourmissionsection .cols .col { flex: 0 0 100%; max-width: 100%; }
	.missioncontent { margin-top: 25px; }
	.aboutpagecontent .imagestwo .imgabout02 { height: 220px; }
	
}
/*==========================================================================================================*/
/* only iphone landscape 340 by 478*/
@media only screen and (max-width: 480px) {

	 .form-inline .form-group label, .form-inline .form-group .field-box { float:none; display:block; width:auto; }
	.form-inline .form-group label.blank { display:none; } 

	.contentpageslinks li { flex: 0 0 100%; max-width: 100%; display: block; text-align: center; }

	.flinks li a { font-size: 16px; }

	.coacheslisting .col { flex: 0 0 100%; max-width: 100%; margin-top: 20px; }
	
}
/*==========================================================================================================*/
/* only iphone portrait 300 by 479*/
@media only screen and (max-width: 479px) {
	 
} 
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/