@charset "utf-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
	font-family: 'Cool jazz';
	
}

a{
	text-decoration: none;
}

::placeholder{
	color: white;
	opacity: 1;
}

.all{
	background-color: #0392d4;
	width: 1024px;
	margin: auto;
}

header{
	min-height: 180px;
}

.logo{
	float: left;
}

.logo img{
	margin-top: 40px;
	margin-left: 75px;
}

.logo img:hover{
	transform: scale(1.5);
	transition-duration: 1s;
}

.search{
	float: right;
	margin-top: 42px;
	margin-right: 20px;
}

.searchbox{
	min-height: 30px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
}

.searchicon{
	margin-left: -35px;
	color: white;
	font-size: 14px;
}

.login a{
	color: white;
}

nav{
	float: left;
}

.navbackground{
	background-color: #0169be;
	margin-left: 75px;
	padding-right: 40px;
	padding-top: 25px;
	padding-bottom:25px;
	margin-top: 15px;
	border-radius: 20px;
}

nav ul{
	list-style: none;
}

nav ul li{
	display: inline;
	margin-left: 35px;
}

nav ul li a{
	text-decoration: none; 
	color: white;
	font-size: 16px;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
}

nav ul li a:hover{
	color: #05f3f3;
}

.active{
	color: #05f3f3;
}

nav ul li a span{
	background-color: #1395ec;
	margin-left: 30px;
	padding: 8px 0px;
	border-radius: 20px;
}

footer{
	background-image: url("../img/footer.png");
	min-height: 424px;
}

.maps{
	float: left;
	margin: 75px 0px 0px 85px;
}

.contactfooter{
	float: left;
	
}

.contactfooter p{
	color: white;
	font-size: 30px;
	margin: 70px 0px 0px 45px;
}

.contactfooter p span{
	font-size: 16px;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	line-height: 1px;
}

.fbicon{
	margin:25px 0px 0px 0px; 
	color: white;
}


.top1{
	background-image: url("../img/01_st-regis-729x410.jpg.png");
	min-height: 588px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.top1line{
	float: left;
	height:220px;
	width: 5px;
	background-color: red;
	margin:  310px 0px 0px 90px;
}

.top1letter{
	float: left;
	margin:  310px 0px 0px 20px;
	font-size: 30px;
	color: white;
	line-height: 40px;
}

.top2{
	min-height: 630px;
}

.t2head{
	margin: 70px 0px 0px 340px;
}

.t2head p{
	font-size: 48px;
	color: black;
	font-family: 'CHAPE1AL Regular';
}

.t2body{
	margin-left: 75px;
	margin-top: 67px;
}

.box1{
	height: 550px;
	width: 265px;
	border-style: solid;
	border-color: black;
	border-radius: 20px;
	float: left;
	margin-right: 30px;
}

.boximg{
	margin: 10px;
}

.box1 p{
	font-size: 24px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	margin: 10px;
}

.box1 p span{
	font-size: 16px;
}

.login{
	float: right;
	color: white;
	font-weight: bold;
	margin-top: 40px;
	margin-right: 80px;
	min-height: 30px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	text-align: center;
	font-style: normal;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	padding: 6px 8px 0px 8px;
	
}

.gmaps{
	height: 260px;
	width: 570px;
}

.maps600{
	display: none;
}

/*blog*/

.blog1{
	background-image: url("../img/01_st-regis-729x410.jpg.png");
	height: 588px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.blogtittle{
	font-family: 'CHAPE1AL Regular';
	font-style: normal;
	font-weight: normal;
	float: left;
	color: white;
	margin: 20px 0px 0px 85px;
}

.blogday{
	float: right;
	color: white;
	font-family: 'CHAPE1AL Regular';
	font-style: normal;
	font-weight: normal;
	margin: 30px 70px 0px 0px;
}

.blogtext p{
	text-align: justify;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: white;
	padding: 60px;
	font-size: 20.7px;
}

.blogtext p a{
	color: white;
}

.redline{
	margin: -30px 0px 0px 60px;
}

.redline p{
	float: left;
	color: white;
	font-size: 24px;
	padding: 10px 0px 0px 15px
}

.redline span{
	color: white;
	float: left;
	width: 3px;
	height: 45px;
	background-color: red;
}

.next{
	margin: 0px 65px 0px 0px;
	float: right;
	background-color: #02C8F2;
	padding: 5px 50px;
	font-weight: bold;
	color: white;
	border-radius: 10px;
	border-style: solid;
	font-size: 24px;
	letter-spacing: 2px;
}

.next a{
	color: white;
}

.blogbody{
	min-height: 662px;
}

.previous a{
	color: white;
}

.previous{
	margin: 0px 65px 0px 65px;
	float: right;
	background-color: #02C8F2;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	border-radius: 10px;
	border-style: solid;
	font-size: 24px;
	letter-spacing: 2px;
}


/* register*/

.regbg{
	background-color: #0169be;
	border-radius: 50px;
	margin: 21px 56px 21px 56px;
}

.mailicon{   
	font-size: 120px;
    margin: 60px 200px 200px 130px;
    color: white;
    background-color: #039fda;
    padding: 40px;
    border-radius: 50%;
}

.regnow{
	float: left;
}

.regnow p{
	color: white;
	font-size: 30px;
	margin-top: -150px;
	text-align: center;
	margin-left: 85px;
	margin-right: 520px;
	padding-bottom: 50px;
	
}

.regnow p span{
	font-size: 16px;
}

.regform{
	float: right;
	margin: -430px 70px;	
	
}

.formbox{
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
}

.emailbox{
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	padding: 0px 105px;
}

.passbox{
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	padding: 0px 30px;
}

.agebox{
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	padding: 0px 42px;
}

.genderbox{
	float: left;
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	width: 105px;
	margin-right: 20px
}

.radiobtn{
	float: left;
	transform: scale(2);
	margin: 20px;
}

.genderbox p{
	padding-top: 15px;
	padding-right: 9px
}

.genderbox1{
	float: left;
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	width: 130px;
	margin-right: 20px;
}

.genderbox1 p{
	padding-top: 15px;
	padding-right: 9px
}

.submitbox1{
	min-height: 50px;
	border-radius: 10px;
	box-shadow: 10px 10px 50px 10px rgba(2,200,242,0.95);
	background-color: #02c8f2 ;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	color: white;
	font-family: 'Cool jazz';
	letter-spacing: 1px;
	padding: 0px 155px;
	margin-top: 20px;
	text-transform: uppercase;
}


/* where*/

.where{
	background-image: url("../img/cover.png");
	height: 588px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

/*classes*/

.classessmall{
	float: right;
	font-size: 13px;
	color: white;
	text-align: right;
	margin: 20px 85px 0px 0px;
}

.classes p{
	margin: 40px 0px 0px 340px;
	font-size: 48px;
	color: white;
	font-family: 'CHAPE1AL Regular';
}

.classes2 p span{
	font-size: 21px;
	text-align: center;
}

.classes2 p{
	font-size: 72px;
	color: white;
	text-align: center;
	border-color: white;
	height: 150px;
	width: 150px;
	border-style: solid;
	border-radius: 50%;
	float: left;
	margin: 55px 90px 0px 90px ;
	border-width: thick;
}

.icoclass{
	
	margin-left: 0px;
	margin-top: 40px;
	
}

.boxsq{
	height: 230px;
	width: 270px;
	border-style: solid;
	border-color: black;
	border-radius: 20px;
	float: left;
	margin-right: 30px;
}

.boxsq p{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-top: 185px;
}

.boxsqvdo{
	height: 160px;
	width: 250px;;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
}

.vidrow{
	float: left;
	margin: 0px 0px 35px 0px;
}

/*events*/

.events{
	min-height: 915px;
}

.eventtop{
	min-height: 850px;
}

.nextevent{
	margin: 0px 80px 0px 0px;
	float: right;
	background-color: #02C8F2;
	padding: 5px 50px;
	font-weight: bold;
	color: white;
	border-radius: 10px;
	border-style: solid;
	font-size: 24px;
	letter-spacing: 2px;
}

.nextevent a{
	color: white;
}

.upcomming p{
	font-size: 25px;
	font-family: 'CHAPE1AL Regular';
	font-style: normal;
	font-weight: normal;
	min-height: 50px;
	margin-left: 100px;
}

.block{
	background-color: #0169be;
	min-height: 165px;
	margin: 0px 80px 30px 80px;
	border-radius: 20px;
}

.eventimg{
	margin: 18px 0px 0px 30px;
}

.eventleft{
	float: left;
}

.eventright{
	float: left;
	margin-left: 300px;
	margin-top: -130px;
}

.eventright h1{
	font-size: 18px;
}

.eventright p{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin-top: 10px;
	text-align: justify;
	margin-right: 20px;
}

.eventright summary{
	font-size: 12px;
	margin: 5px 0px 0px 490px;
}

.eventright a{
	color: black;
}

.eventright span{
	font-size: 12px;
	margin: 5px 0px 0px 430px;
}

/*for 1024 */
@media (min-width:601px)
{
	.dropdown{
	display: none;
}
}

/*for 600px */
@media (max-width:600px)
{
	.all{
	background-color: white;
	width: 600px;
	margin: auto;
	}
	
	
	
	.logo{
	float: left;
	}

	.logo img{
	margin-top: 40px;
	margin-left: 25px;
	}
	
	.navbackground{
		display: none;
	}
	
	.dropdown {
 	 	float: left;
		height: 40px;
		width: 500px;
		margin-left: 30px;
		margin-top: 40px;
  		overflow: hidden;
		background-color: #2069A1;
		border-radius: 20px;
	}
	
	.dropdown p{
		color: white;
		letter-spacing: 15px;
		margin: 10px 67px;
	}
	
	.dropdown .dropbtn  {
	  font-size: 16px; 
	  border: none;
	  outline: none;
	  color: white;
	  background-color: inherit;
	  font-family: inherit;
	  margin: 0;
	}
	
	
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
		margin-top: -20px;
	}
	
	.dropdown-content a {
	  float: none;
	  color: white;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  text-align: left;
		background-color: #2069A1;
	}
	
	
	
	.dropdown-content a:hover {
	  background-color: #02C8F2;
	}
	
	.dropdown:hover .dropdown-content {
  	display: block;
	
	}
	
	.dropdown:focus .dropbtn {
		color: #05F3F3;
		border-radius: 20px;
	}
	
	.navtext1{
		float: left;
	}
	
	.navtext2{
		float: right;
	}
	
	.fa-bars{
		font-size: 30px;
		margin-top: -5px;
		color: white;
	}
	
	.top1{
		background-image: url("../img/01_st-regis-729x410.jpg.png");
		min-height: 350px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top1line{
		float: left;
		height:220px;
		width: 5px;
		background-color: red;
		margin:  110px 0px 0px 90px;
	}

	.top1letter{
		float: left;
		margin:  110px 0px 0px 20px;
		font-size: 30px;
		color: white;
		line-height: 40px;
	}
	
	.gmaps{
		height: 260px;
		width: 400px;
	}

	.top2{
		min-height: 1950px;
	}

	.t2head{
		margin: 50px 0px 0px 190px;
	}

	.t2head p{
		font-size: 28px;
		color: black;
		font-family: 'CHAPE1AL Regular';
	}

	.t2body{
		margin-left: 170px;
		margin-top: 0px;
	}

	.box1{
		height: 550px;
		width: 265px;
		border-style: solid;
		border-color: black;
		border-radius: 20px;
		float: left;
		margin-right: 30px;
		margin-top: 50px;
	}

	.boximg{
		margin: 10px;
	}

	.box1 p{
		font-size: 24px;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		font-weight: bold;
		margin: 10px;
	}

	.box1 p span{
		font-size: 16px;
	}
	
	footer{
		background-image: url("../img/footer.png");
		min-height: 724px;
	}

	.maps{
		float: left;
		margin: 75px 0px 0px 85px;
	}

	.contactfooter{
		float: left;

	}

	.contactfooter p{
		color: white;
		font-size: 30px;
		margin: 95px 0px 0px 95px;
	}

	.contactfooter p span{
		font-size: 16px;
		font-family: 'Cool jazz';
		letter-spacing: 1px;
		line-height: 1px;
	}

	.fbicon{
		margin: 25px 0px 0px 0px; 
	}

	/*blog*/
	
	.blog1{
		background-image: url("../img/01_st-regis-729x410.jpg.png");
		height: 345px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.blogtittle{
		font-family: 'CHAPE1AL Regular';
		font-style: normal;
		font-weight: normal;
		float: left;
		color: white;
		margin: 20px 0px 0px 85px;
	}

	.blogday{
		float: right;
		color: white;
		font-family: 'CHAPE1AL Regular';
		font-style: normal;
		font-weight: normal;
		margin: 20px 70px 0px 0px;
	}

	.blogtext p{
		text-align: justify;
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		color: white;
		padding: 45px;
		font-size: 12px;
	}

	.redline{
		margin: -42px 0px 0px 60px;
	}

	.redline p{
		float: left;
		color: white;
		font-size: 12px;
		padding: 3px 0px 0px 15px
	}

	.redline span{
		color: white;
		float: left;
		width: 3px;
		height: 22px;
		background-color: red;
	}

	.next{
		margin: 0px 65px 0px 0px;
		float: right;
		background-color: #02C8F2;
		padding: 2.5px 25px;
		font-weight: bold;
		color: white;
		border-radius: 10px;
		border-style: solid;
		font-size: 12px;
		letter-spacing: 2px;
		margin-top: -5px;
		margin-left: 10px;
	}

	.next a{
		color: white;
	}

	.blogbody{
		min-height: 1950px;
	}

	.previous a{
		color: white;
	}

	.previous{
		margin: -5px 15px 0px 65px;
		float: right;
		background-color: #02C8F2;
		padding: 2.5px 25px;
		font-weight: bold;
		color: white;
		border-radius: 10px;
		border-style: solid;
		font-size: 12px;
		letter-spacing: 2px;
	}
	
	.blog1bottom{
		margin-top: 40px;
	}
	
	.maps{
		display: none;
	}
	
	.maps600{
		display: block;
		float: left;
	margin: 60px 0px 10px 85px;
	}

	/* register*/
	
	.regbg{
		background-color: #0169be;
		border-radius: 25px;
		margin: 30px 28px 10px 28px;
	}

	.mailicon{   
		font-size: 60px;
		margin: 30px 100px 100px 75px;
		color: white;
		background-color: #039fda;
		padding: 20px;
		border-radius: 50%;
	}

	.regnow{
		float: left;
	}

	.regnow p{
		color: white;
		font-size: 16px;
		text-align: center;
		margin-left: 219px;
		margin-right: 0px;
		margin-top: -200px;
		padding-bottom: 25px;

	}

	.regnow p span{
		font-size: 12px;
	}

	.regform{
		float: right;
		margin: -80px 55px 45px 0px;	

	}

	.regnowa{
		float: left;
	}
	
	.regnowb{
		float: left;
	}
	
	.blog1a{
	background-image: url("");
	height: 588px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
	
	/* where*/

	.where{
		background-color: white;
		height: 588px;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.contactwhere p{
		color: #2069A1;
	}
	
	/*classes*/

	.classessmall{
		float: right;
		font-size: 11px;
		color: white;
		text-align: right;
		margin: 10px 42px 0px 0px;
	}

	.classes p{
		margin: 20px 0px 0px 170px;
		font-size: 28px;
		color: white;
		font-family: 'CHAPE1AL Regular';
	}

	.classes2 p span{
		font-size: 10.5px;
		text-align: center;
	}

	.classes2 p{
		font-size: 36px;
		color: white;
		text-align: center;
		border-color: white;
		height: 75px;
		width: 75px;
		border-style: solid;
		border-radius: 50%;
		float: left;
		margin: 27px 45px 0px 45px ;
		border-width: thick;
	}

	.icoclass{

		margin-left: 0px;
		margin-top: 20px;

	}
	
	.classicoleft{
		margin-left: 40px;
	}

	.boxsq{
		height: 230px;
		width: 270px;
		border-style: solid;
		border-color: black;
		border-radius: 20px;
		float: left;
		margin-left: -20px;
		margin-top: 60px;
	}

	.boxsq p{
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		margin-top: 185px;
	}

	.boxsqvdo{
		height: 160px;
		width: 250px;;
		float: left;
		margin-left: 10px;
		margin-top: 7px;
	}

	.vidrow{
		float: left;
		margin: 0px 0px 5px 0px;
	}
	
	.next1{
		margin: 60px 65px 0px 0px;
		float: right;
		background-color: #02C8F2;
		padding: 5px 50px;
		font-weight: bold;
		color: white;
		border-radius: 10px;
		border-style: solid;
		font-size: 24px;
		letter-spacing: 2px;
	}

	.next1 a{
		color: white;
	}
	
	/*events*/

	.events{
		min-height: 915px;
	}

	.eventtop{
		min-height: 850px;
	}

	.nextevent{
		margin: 0px 80px 0px 0px;
		float: right;
		background-color: #02C8F2;
		padding: 5px 50px;
		font-weight: bold;
		color: white;
		border-radius: 10px;
		border-style: solid;
		font-size: 24px;
		letter-spacing: 2px;
	}

	.nextevent a{
		color: white;
	}

	.upcomming p{
		font-size: 25px;
		font-family: 'CHAPE1AL Regular';
		font-style: normal;
		font-weight: normal;
		min-height: 50px;
		margin-left: 100px;
	}

	.block{
		background-color: #0169be;
		min-height: 165px;
		margin: 0px 80px 30px 80px;
		border-radius: 20px;
	}

	.eventimg{
		display: none;
	}

	.eventleft{
		float: left;
	}

	.eventright{
		float: left;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 10px;
		width: 400px;
	}

	.eventright h1{
		font-size: 18px;
	}

	.eventright p{
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		margin-top: 10px;
		text-align: justify;
		margin-right: 20px;
	}

	.eventright summary{
		font-size: 11px;
		margin: 5px 0px 0px 490px;
	}

	.eventright a{
		color: black;
	}

	.eventright span{
		font-size: 12px;
		margin: 5px 0px 0px 430px;
		display: none;
	}
	
	.fbicon1{
	margin:25px 0px 0px 0px; 
	color: black;
}

}