@charset "utf-8";

/**############################################################**/
/**###### - - - HEADER
/**############################################################**/
#headrWrp{position:relative; height:80px;}
#headrWrp hr{ height:0; margin:0; clear:both;}

#headr { position:relative; width:1000px; height:75px; margin:0 auto; border:0px solid; z-index:150;}
@media all and (max-width: 1067px){
#headr{width:calc(100% - 40px); padding:0 20px;}	
}
#headr .logo{position:absolute; width:95px; left:; bottom:2px; z-index:110;}
#headr .menuLn{ position:absolute; left:50%; top:40%; transform:translate(-50%,-40%); border:0px solid;}
@media all and (max-width: 787px){
	#headr .logo{ position:absolute; left:65px;}
	#headr .menuLn{ display:none;}
}
@media all and (max-width: 467px){
	#headr .logo{left:50px;}
}
#headr .menuLn i{ margin:0 3px 0 0;}
#headr .menuLn > a{ position:relative; font-family:Calibril; font-size:14px; letter-spacing:-.25px; text-transform:uppercase; color:rgba(20,20,135,1); cursor:pointer;}
#headr .menuLn > a:hover{ color:rgba(50,50,225,1); border-bottom:0px solid rgba(25,25,112,1);}
#headr .menuLn > a:nth-of-type(n+2){ margin-left:15px;}
#headr .menuLn > a span{ text-transform:lowercase; text-transform:capitalize;}

#headr .dVv{position:absolute; right:0; top:40%; transform:translateY(-40%);}
@media all and (max-width: 1067px){
	#headr .dVv{ right:15px;}
}
#headr .dVv > a.contact{display:inline-block; padding:5px 15px; color:rgba(255,255,255,1); background-color:rgba(95,50,225,1); text-transform:uppercase; border-radius:30px; font-size:14px; font-family:Calibril; letter-spacing:-.5px; border:0px solid rgba(255,255,255,.25); box-shadow:2px 2px 1px rgba(255,255,255,.35); font-weight:bold; text-align:center; cursor:pointer;}
#headr .dVv > a.give{display:inline-block; margin-left:5px; font-weight:; font-size:18px; font-family:Foliol; color:rgba(95,50,225,1); letter-spacing:0;}
@media all and (max-width: 467px){
	#headr .dVv > a.contact{padding:4px 10px; font-size:12px;}
	#headr .dVv > a.give{ font-size:15px;}
}

/* Small Screen */
#headr .menuLn-Icon{display:none; position:absolute; width:35px; height:26px; border:0px solid rgba(255,255,255,1); cursor:pointer; background-image:url(../images/menu.png); background-size:auto 16px; background-repeat:no-repeat; background-position: right center; left:0; top:40%; transform:translateY(-40%);}
@media all and (max-width: 787px){
	#headr .menuLn-Icon{display:inline-block;}
}
#headr .menuLn-dV{ display:none; position: absolute; min-height:75px; width:calc(100% - 2px); top:60px; left:0; background-color:rgba(55,50,155,1); border:1px solid rgba(0,51,204,0); padding:35px 0; cursor: default; z-index:3;}
#headr .menuLn-dV:before{position:absolute; display:inline-block; content:''; width:0; height:0; border-bottom:20px solid rgba(55,50,155,1); border-left:12px solid transparent; border-right:12px solid transparent; top:-9.9px; left:9.5px;}
#headr .menuLn-dV.open{ display:none; border:0px solid;}
@media all and (max-width: 787px){
	#headr .menuLn-dV.open{ display:block;}
}

#headr .menuLn-dV .spnr{position:absolute; width:24px; height:24px; color:rgba(100%,100%,100%,1); left:calc(50% - 12px); top:calc(50% - 12px);}

#headr .menuLn-dV > a{ display:inline-block; width:calc(100% - 50px); text-align:center; padding:7px 25px; font-family:Foliol; font-size:13px; letter-spacing:-.5px; color:rgba(255,255,255,1); text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,.25); cursor:pointer;}
#headr .menuLn-dV i{ margin:0 3px 0 0;}
#headr .menuLn-dV > a:hover{ border-bottom:1px solid rgba(255,255,255,1);}

/**Sub Menu**/
#headr .menuLn [class^='subDv']{display:none; position:absolute; width:150px; left:0; top:33px; border:0px solid; z-index:120;}
#headr .menuLn [class^='subDv']:before{ display:inline-block; position:absolute; content:''; border-left:10px solid rgba(255,255,255,0); border-right:10px solid rgba(255,255,255,0); border-bottom:10px solid rgba(255,255,255,1); top:-10px;}
#headr .menuLn [class^='subDv'] span{ display:inline-block; width:calc(100% - 40px); padding:10px 20px; background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(200,200,200,1); color:rgba(0,102,153,1); font-family:Foliol; letter-spacing:-.5px; cursor:pointer;}
/**Sub Menu Mobi**/
#headr .menuLn-dV [class^='subDv']{display:none;}


/**Contact Div**/
#headrWrp .contactDv{ display: block; position:absolute; width:100%; padding:16px 0; left:50%; top:60px; transform:translateX(-50%); background-color:rgba(95,50,225,1); z-index:105;}
#headrWrp .contactDv .dV { position:relative; width:948px; margin:0 auto; padding-right:45px; text-align:right; border:0px solid;}
@media all and (max-width: 1067px){
#headrWrp .contactDv .dV{width:calc(100% - 66px); padding:0 45px 0 20px;}	
}
#headrWrp .contactDv .dV .sp{ color:rgba(255,255,255,.85); font-family:arial; font-size:13px;}
#headrWrp .contactDv .dV .mgl{ margin-left:15px;}

#headrWrp .contactDv .dV .churchs{ display:none;}
#headrWrp .contactDv .dV .phno .sp{ font-size:12px;}

#headrWrp .contactDv .dV i{ color:rgba(255,255,255,1); font-weight:bold; font-size:15px;}

@media all and (max-width: 767px){
	#headrWrp .contactDv .dV{width:calc(100% - 31px); padding:0 15px;}
}
@media all and (max-width: 617px){
	#headrWrp .contactDv .dV .mail, #headrWrp .contactDv .dV .phno{ display:inline-block; width:100%;}*/
}

/*OPEN*/
#headr .dVv > a.contact.opn{position:relative; border-radius:15px 15px 0 0;}
#headr .dVv > a.contact.opn:after{position: absolute; content:''; width:100%; height:20px; left:0; bottom:-21px; background-color:rgba(95,50,225,1);}
/**/
#headrWrp .contactDv .dV.opn {}
#headrWrp .contactDv .dV.opn .churchs{ display:inline-block; position:relative; padding-right:35px; margin:0 0 15px;}
#headrWrp .contactDv .dV.opn .churchs i{ position:absolute; font-size:21px; right:0px; top:50%; transform:translateY(-50%);}
#headrWrp .contactDv .dV.opn .churchs hr{ margin:0; height:2px;}
#headrWrp .contactDv .dV.opn .mail, #headrWrp .contactDv .dV.opn .phno{ display:inline-block; width:100%;}
/**/
#headrWrp .contactDv .dV.opn .mail{ margin-bottom:10px}
/**/
#headrWrp .contactDv .dV.opn .sp{color:rgba(255,255,255,1); font-family:arial; font-size:14px;}
#headrWrp .contactDv .dV.opn i{color:rgba(255,255,255,.85);}





/**############################################################**/
/**###### - - - BANNER
/**############################################################**/
#bannr { width:100%; margin:-20px 0 0; border:0px solid; background:url(../images/ice-age.png) scroll rgba(15,10,75,.35);}
#bannr hr{ height:0; margin:0; clear:both;}

#bannr .inDv{position:relative; width:1000px; min-height:400px; padding:35px 0; margin:0 auto;  border:0px solid;}
@media all and (max-width: 1067px){
#bannr .inDv{width:calc(100% - 40px); padding:35px 20px;}	
}
#bannr .txts{ position:absolute; width:525px; right:0; top:calc(50% - 115px); border:0px solid;}
@media all and (max-width: 1067px){
	#bannr .txts{right:35px;}	
}
@media all and (max-width: 667px){
	#bannr .txts{width:calc(100% - 40px);}	
}
#bannr .txts h1{ font-size:50px; line-height:50px; color:rgba(255,255,255,1); font-family:Pristina;}
#bannr .txts span{ display:inline-block; margin:-21px 0 0 10px; padding:5px 0 5px 0; border-left:0px solid rgba(255,255,255,1); font-size:17px; font-style:italic; text-align:right; color:rgba(255,255,255,1);}

#bannr .slider{ position:absolute; width:100%; min-height:calc(100% - 2px); top:0; left:0; border:0px solid rgba(255,0,0,1);}
#bannr .slider [class^='dv']{width:100%; height:475px; background-position:left center; background-size:auto calc(100% + 2px); background-repeat:no-repeat; border:0px solid rgba(255,255,255,1);}





/**############################################################**/
/**###### - - - OUR YEAR ||| EVENT
/**############################################################**/
#dyearWrp{ position:relative; display:inline-block; width:100%; background-color:rgba(10,1,155,.55); background-image:linear-gradient(45deg, rgba(10,1,75,.35) 15%, rgba(10,1,55,.55) 45%, rgba(10,1,75,0.1) 75%); border:0px solid; overflow:hidden;}
#dyearWrp .inDv{position:relative; display:flex; width:1000px; min-height:30px; padding:25px 0; margin:0 auto;  border:0px solid;}
@media all and (max-width: 1067px){
#dyearWrp .inDv{width:calc(100% - 40px); padding:35px 20px;}	
}

#dyearWrp .inDv > [class^='d']{border:0px solid;}

#dyearWrp .inDv .d1{ position:relative; text-align:left; width:calc(46% - 45px); padding-left:44px; margin:auto 0}
#dyearWrp .inDv .d1 i{ position:absolute; left:0; top:0%; transform:translateY(0%); font-size:30px; color:rgba(255,255,255,1);}
#dyearWrp .inDv .d1 h1{ display:inline-block; width:100%; margin:0; font-size:36px; color:rgba(255,255,255,1); font-family:Bri293;}
#dyearWrp .inDv .d1 .sp{ display:inline-block; width:100%; text-align:right; color:rgba(255,255,255,1); font-family:Pristina; font-size:21px;}

/**/
#dyearWrp .inDv .d2:before{ display:inline-block; content:''; position:absolute; width:1px; height:calc(100% + 20px); background-color:rgba(255,255,255,.55); top:0px; left:50%;}
#dyearWrp .inDv .d2{width:46%; margin:auto 0 auto 8%}
#dyearWrp .inDv .d2 .evntTitl{ display:inline-block; width:100%; padding:15px 0 5px; font-family:Bri293; font-size:21px; color:rgba(255,255,255,1);}
#dyearWrp .inDv .d2 .evntDts{ display:inline-block; padding:4px 8px; font-size:14px; font-family:Calibril;  background-color:rgba(255,255,255,0); background-image:linear-gradient(180deg, rgba(255,255,255,.85) 25%, rgba(255,255,255,1) 45%, rgba(255,255,255,.85) 75%); border-radius:2px; cursor:pointer;}
#dyearWrp .inDv .d2 .evntDts:hover{background-color:rgba(255,255,255,5); background-image:linear-gradient(180deg, rgba(255,255,255,.95) 25%, rgba(255,255,255,1) 45%, rgba(255,255,255,.95) 75%);}


@media all and (max-width: 667px){
	#dyearWrp .inDv{display: block;}
	#dyearWrp .inDv .d1{ width:calc(75% - 45px); margin:0 auto 55px;}
	/**/
	#dyearWrp .inDv .d1 .sp{ text-align:center;}
	/**/
	#dyearWrp .inDv .d2{ position:relative; width:75%;  margin:0 auto;}
	#dyearWrp .inDv .d2:before{ display:inline-block; content:''; position:absolute; width:100vw; height:1px; background-color:rgba(255,255,255,.55); top:-25px; left:50%; transform:translateX(-50%);}
	}
@media all and (max-width: 467px){
	#dyearWrp .inDv .d1 i{ font-size:26px;}
	#dyearWrp .inDv .d1 h1{font-size:30px;}
	#dyearWrp .inDv .d1 .sp{font-family:Pristina; font-size:18px;}
}





/**############################################################**/
/**###### - - - INTRO
/**############################################################**/
#intro{position:relative; width:1000px; padding:75px 0; margin:0 auto;  border:0px solid;}
@media all and (max-width: 1067px){
#intro{width:calc(100% - 40px); padding:75px 20px;}	
}
#intro hr{ height:0; margin:0; clear:both;}

#intro .tx{ width:calc(100% - 395px); font-size:14px; margin:55px 0 0; border:0px solid;}
#intro .tx .hdr{ width:100%; margin:0 0 15px; text-align:center; font-weight:bold; font-size:24px; font-family:Bri293; letter-spacing:-1px; color:rgba(75,15,115,1);}
#intro .tx hr{ height:10px;}
#intro .pastr{ position:absolute; width:350px; min-height:295px; border:0px solid; border-radius:50px 0 0 100px; z-index:100; right:20px; top:85px;}
#intro .pastr .ig{ width:100%; height:255px; border:1px solid rgba(0,0,25,0.1); background-position:center 10px; background-repeat:no-repeat; background-size:cover; background-color:rgba(255,255,255,1); margin:-25px 0 0; border-radius:50px 0 0 100px;}
#intro .pastr span{ width:155px; margin-top:5px; font-size:14px; font-family:Calibri; color:rgba(0,50,100,1); text-align:left; float:right;}

@media all and (max-width: 867px){
	#intro .tx{ width:calc(100% - 40px); font-size:15px; margin:-35px auto 0;}
	#intro .pastr{ display:block; position:static; width:285px; min-height:225px; margin:55px auto 0;}
	/**/
	#intro .pastr .ig{height:205px;}
	#intro .pastr span{ font-size:13px;}
}
@media all and (max-width: 617px){
	#intro .pastr{ display:block; position:static; width:225px; min-height:115px; margin:55px auto 0;}
	#intro .pastr .ig{height:165px;}
}
@media all and (max-width: 467px){
	#intro .tx{ width:calc(100% - 20px);}
	#intro .pastr{ display:block; position:static; width:225px; min-height:115px;}
	#intro .pastr .ig{height:165px;}
}





/**############################################################**/
/**###### - - - WORSHIP
/**############################################################**/
#worshpWrp{ width:100%; margin:35px 0 0; background-image:url(../images/worshipper.png); background-position:center bottom; background-size:100% auto; background-repeat:no-repeat;}
#worshp{position:relative; width:700px; padding:55px 0 45px; margin:0 auto;  border:0px solid;}
@media all and (max-width: 767px){
	#worshp{width:calc(100% - 40px); padding:55px 20px 45px;}	
}
#worshp hr{ height:0; margin:0; clear:both;}

#worshp .hdr{ width:100%; margin:0 0 25px; text-align:center; font-weight:bold; font-size:24px; font-family:Bri293; letter-spacing:-1px; color:rgba(75,15,115,1);}

#worshp > [class^='d']{width:calc(30% - 4px); min-height:55px; float:left; border:0px solid;}
#worshp > .d2{margin:0 5%; border-width:0 1px; border-style:solid; border-color:rgba(0,0,25,0);}

#worshp .mg{ display:inline-block; width:100%; text-align:center; margin:0 0 -10px;}
#worshp .mg .spn{ display:inline-block; width:75px; height:75px; background-position:center; border-radius:50%; background-size:55% auto; background-repeat: no-repeat; background-color:rgba(255,255,255,1); border:1px solid rgba(0,0,100,.05);  box-shadow:1px 2px 1px rgba(0,0,100,.15);}

#worshp .tx{ margin:-15px 0 0; padding:20px 30px; background-color:rgba(255,255,255,.15); box-shadow:1px 2px 1px rgba(0,0,100,.1); border-radius:0 50px 50px 50px; line-height:14px;}
#worshp .dy{ display:inline-block; width:100%; text-align:right; font-weight:bold; font-size:18px; font-family:Bri293; color:rgba(0,0,50,1); margin:0 0 12px;}
#worshp .nm{ display:inline-block; width:100%; font-weight:; font-size:13px; letter-spacing:-.5px; font-family:Foliol; text-transform:uppercase; color:rgba(45,25,175,1); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#worshp .tm{ display:inline-block; width:100%; font-weight:; font-size:13px; font-family:Foliol; text-transform:uppercase; color:rgba(0,0,50,1);}

#worshp .servcsAlt{ display:none; width:100%; text-align:center; margin:15px auto 0; font-size:14px; font-family:Foliol; color:rgba(0,25,125,1);}

@media all and (max-width: 617px){
	#worshpWrp{background-size: cover;}
	/**/
	#worshp .mg .spn{ width:55px; height:55px;}
	/**/
	#worshpWrp{ width:100%; margin:-35px 0 0;}
	/**/
	#worshp > [class^='d']{width:calc(32% - 4px);}
	#worshp > .d2{margin:0 2%;}
	/**/
	#worshp .tx{margin-top:-15px; text-align:center; padding:20px 10px; box-shadow:1px 2px 1px rgba(0,0,100,.1); background-color:rgba(255,255,255,.1);}
	#worshp .dy{ text-align: center; margin:0 0 6px;}
	#worshp .nm{ display:none;}
	#worshp .tm{color:rgba(45,25,175,1);}
	/**/
	#worshp .servcsAlt{ display:inline-block;}
}
@media all and (max-width: 467px){
	#worshp .tx{ margin:-15px 0 0; padding:20px 0px;}
	/**/
	#worshp .dy{ font-size:16px;}
}






/**############################################################**/
/**###### - - - RESOURCES
/**############################################################**/
#RscsWrp{ position:relative;  margin:auto 0; background-image:linear-gradient(45deg, rgba(10,1,75,.55) 10%, rgba(10,1,55,.35) 35%, rgba(10,1,75,0.1) 75%);}
#rscsDv{ width:1000px; min-height:250px; margin:0 auto; padding:45px 0; border:0px solid rgba(255,255,255,1);}
@media all and (max-width: 1067px){
#rscsDv{ width:calc(100% - 40px); padding:75px 20px;}
}
#rscsDv hr{ height:0; margin:0; clear:both;}

#RscsWrp .wrp{ position:absolute; display:inline-block; width:100%; height:100%; background-color:rgba(10,1,75,.75); border:0px solid; left:0; top:0;}
#RscsWrp .wrp .dV{ position:absolute; text-align:center; left:50%; top:50%; transform:translate(-50%,-50%);}
#RscsWrp .wrp .tl{ font-size:26px; color:rgba(255,255,255,1);}
#RscsWrp .wrp span{ font-family:arial; font-size:12px; color:rgba(255,255,255,.75);}


/*****************/
#rscsDv .dvL{ margin:15px auto 75px;}
#rscsDv .dvL [class^='d']{ width:calc(33.33% - 80px); min-height:75px; padding:30px; border-radius:5px; float:left; background-color:rgba(255,255,255,1);}
#rscsDv .dvL .d2{ margin:0 30px;}

#rscsDv .dvL i{display:inline-block; vertical-align:middle; font-size:40px; color:rgba(10,1,95,.75); }
#rscsDv .dvL h3{ font-family:Foliol; margin:0 0 15px; font-weight:normal;}
#rscsDv .dvL span{ display:inline-block; font-size:16px; font-family:arialn;}

#rscsDv .dvLs{ display:flex; width:100%; margin:35px auto 0;}
#rscsDv .dvLs .dV{ display:block; width:65%; min-height:35px; margin:auto 0 auto 0; border:1px solid rgba(255,255,255,.55);}
#rscsDv .dvLs .mor{display:inline-block; width:31%; text-align:center;  margin:auto 0 auto 3%;  border:0px solid;}
#rscsDv .dvLs .mor a{ display:inline-block; padding:8px 20px; border-radius:30px; background-color:rgba(255,255,255,1); font-family:arialn; font-size:14px; color:rgba(0,0,75,1);}





/**############################################################**/
/**###### - - - FOOTER
/**############################################################**/
#footr{width:100%; min-height:50px;}
#footr hr{ width:100%; border:0; margin:0; clear:both}
/*****/
#footr .tp{width:100%; min-height:50px; background-color:rgba(0,0,25,1);}
/*****/
#ftdv{width:1000px; min-height:100px; border-bottom:1px solid rgba(255,255,255,0.25); padding:55px 0; margin:0 auto;}
@media all and (max-width: 1067px){
	#ftdv{width:calc(100% - 40px); padding:55px 20px;}	
}
/****************/
#ftdv .dv-a{width:120px; float: left; border:0px solid rgba(255,255,255,1);}
#ftdv .dv-b{ width:calc(100% - 200px); min-height:150px; padding-left:70px; border-left:1px solid rgba(255,255,255,0.25); float:right;}
@media all and (max-width: 417px){
	#ftdv .dv-a{width:75px;}
	#ftdv .dv-b{width:calc(100% - 110px); padding-left:20px; }
}
/******/
#ftdv .dv-a a{display:inline-block; width:100%; margin-bottom:5px; font-family:Tahoma; font-size:10px; text-transform:uppercase; color:#FFF; font-weight:normal;}
#ftdv .dv-a a:hover{ text-decoration:underline;}
/******/
#ftdv .dv-b [class^='dx']{width:30%; color:rgba(255,255,255,.55); border:0px solid; font-family:arial; font-size:14px; border:0px solid rgba(255,255,255,1); float:left}
#ftdv .dv-b .dx2{ margin:0 4%;}
#ftdv .dv-b .tm{ font-family:arial; font-size:11px; color:rgba(255,255,255,.75);}

#ftdv h2{ display:inline-block; width:100%; min-height:; margin:0 0 12px; font-family:Bri293; font-size:0.9em; text-transform:uppercase; color:#FFF; font-weight:normal;}
#ftdv .dx hr{ height:8px;}
#ftdv .dx .tx{ font-size:14px; font-family:arialn;}
/***/
#ftdv .brk{ height:15px; margin-bottom:15px; border-bottom:1px solid rgba(168,183,187,0.25);}
@media all and (max-width: 717px){
	#ftdv .dv-b [class^='dx']{width:45%;}
	#ftdv .dv-b .dx2{ margin:0 0 0 10%;}
	/**/
	#ftdv .dv-b .dx3{ width:100%; padding-top:45px; float:none; clear:both;}
}
@media all and (max-width: 517px){
	#ftdv .dv-b [class^='dx']{width:100%; padding-bottom:25px; float:none;}
	#ftdv .dv-b .dx2{ margin:0;}
	/**/
	#ftdv .dv-b .dx3{padding-top:0px;}
}


/***************************/
#ft-wrp .btm{width:100%; min-height:70px;}

#ftBtm{ position:relative; width:1000px; min-height:10px; padding:75px 0 0; margin:0 auto; border:0px solid;}
@media all and (max-width: 1067px){
	#ftBtm{width:calc(100% - 40px); padding:75px 20px 0;}	
}
#ftBtm .mg{ position:absolute; width:75px; left:-15px; top:50%; transform:translateY(-50%); border:0px solid;}
@media all and (max-width: 1067px){
	#ftBtm .mg{left:10px;}
}
#ftBtm .conTct{ position:absolute; display:inline-block; width:calc(100% - 320px); left:50%; top:50%; transform:translate(-50%,-50%); font-size:14px; font-family:Foliol; color:rgba(15,15,125,1); text-align:center; border:0px solid;}
#ftBtm .soc{ position:absolute; display:inline-block; width:150px; top:50%; transform:translateY(-50%); right:0; border:0px solid; text-align:center;}
#ftBtm .soc i{font-size:21px; color:rgba(25,25,175,1); cursor:pointer;}

#ftBtm .ml{display:inline-block; width:100%; font-size:13px; margin-bottom:5px;}
#ftBtm .pn{display:inline-block; width:100%; font-size:13px;}

@media all and (max-width: 517px){
	#ftBtm{width:calc(100% - 40px); padding:175px 20px 0px;}
	/**/
	#ftBtm .mg{left:50%; top:25px; transform:translateX(-50%);}
	#ftBtm .conTct{width:calc(100% - 20px);}
	/**/
	#ftBtm .soc{ position:absolute; display:inline-block; width:100%; top:calc(100% - 55px); transform:translateX(-50%); left:50%;}
}


#cpr{width:1000px; border:0px solid; padding:0 20px 20px; margin:0 auto;}
@media all and (max-width: 1067px){
	#cpr{width:calc(100% - 40px);}	
}
/**************************/
#cpr .cp{color:rgba(10,1,75,.55); font-family:arialn; font-size:13px; text-align:center;}





/**#######################################################**/
/**###### - - - GIVE
/**#######################################################**/
#giv{position:relative; display:block; width:400px; padding:215px 15px 20px; min-height:100px; margin:35px auto; background-color:rgba(255,255,255,1); box-shadow:1px 1px 2px 2px rgba(120,125,175,.25); border:0px solid rgba(255,255,255,1);}
#giv hr{ height:0; margin:0; clear:both;}
@media all and (max-width: 467px){
#giv{ width:calc(100% - 80px); min-width:calc(100% - 80px); border:0px solid;}
}
#giv .hdr{ position:absolute; display:inline-block; width:100%; height:155px; left:0; top:0; border:0px solid; background-size:cover; background-repeat:no-repeat;}
#giv .spnr{display:none; position:absolute; width:30px; height:30px; color:rgba(120,125,175,.75); left:calc(50% - 15px); top:calc(50% - 15px);}
/**/
#giv .bn{ font-weight:bold;}





/**#######################################################**/
/**###### - - - POP TEMPLATE
/**#######################################################**/
#popBg {display:flex; flex-wrap: wrap; position:fixed;  top:0; left:0; height:100vh; width:100%; background-color:rgba(120,125,175,.9); overflow: hidden; overflow-y:auto; z-index:1000;}
#popBg.vs2 {z-index:2147483650;}
#popBg .contntDv { width:calc(100% - 2px); margin:auto; min-height:100px; border:0px solid; text-align:center;}
/**/
#popBg .contntDv > .spnr{position:absolute; width:30px; height:30px; color:rgba(255,255,255,1); left:50%; top:50%; transform:translate(-50%,-50%);}
#popBg .closePop{ display:inline-block; position:absolute; width:22px; height:22px; border-radius:50%; top:-8px; right:-8px; border:0px solid rgba(255,255,255,1); background-image:url(../../images/failed.png); background-size:cover; cursor:pointer; z-index:15;}