@charset "UTF-8";
/*this is the newest css for index3*/
body {
 background-color: #ffffff;
 background: linear-gradient(90deg, #CDFFD8 0%, #94B9FF 100%);
  min-height: 100vh;
 font-family: 'Noto Sans', sans-serif;
	color: #545454;
	height: auto;
	margin: 0 auto; 
	position: relative;
	text-align: center;	
	line-height: 1.4;
	letter-spacing: 1px;
	padding-top: 0;
	padding-bottom: 50px;
}

#containerCenter {
	  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color:transparent;
	color: #545454;	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	position: relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 80%;
}

#bodyOrd {
	background-color: #ffffff;
}

#containerCenterOrd {
	background-color: linear-gradient(90deg, #CDFFD8 0%, #94B9FF 100%); ;
}

.site-wrapper {
    max-width: 1220px;
    margin: 0 auto;
}
/*
ul.MenuBarHorizontal ul{
	color:#545454;
}


ul.MenuBarHorizontal a:hover{
	background-color: #94b9ff;
	text-decoration: underline;
color:#545454;
}



ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #none;
	padding: 0.5em 0.95em;
	color: #94b9ff;
	text-decoration:none;
}

#nav-bar  { 
width:100%;
height: 100px;
padding:20px;
margin:0;
}


*/



img  {
	max-width:100%;
	border:none;
	float: none;
	padding:1em;
	display: inline;
}



#header-img {
	display: inline-block;

padding:0;

}


ul {
	margin-left: 3em;
}

li {
	padding-right: 10px;
	margin-left: 20px;
	 font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
}

 

.oneColElsCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #69F;
	text-transform: uppercase;
	text-align:left;
}

.arti {
	width: 100%;
	display:inline-block;
	padding: 1em;
	font-size:100%;
	margin-right: 5em;
	}

/*#article1 {
	width:100%;
	overflow:hidden;
	position:relative;
	padding-bottom:3em;
	
	}

	#article1 h1 {
	color:hotpink;	
	font-size: 3em;
	text-transform: none; 

	vertical-align: text-top;
	}

	#article1 #icon {
		
		color:hotpink;
 		font-size:4em; 
		margin: 0 auto;
		position: relative;
		z-index: 100;
		
	}
/*	#article1  #icon #text {
		
z-index: 110;
position: relative;
color: #333333;
background: white;



	}	

	

#article3 {
	padding-left: 1em;
}

.bgwhite {
	z-index: 2500;
	background-color: white;
	max-width: 100%;
	height: 600px;
	padding: 50px;
}*/


 .mainContent {
 	display: inline;
 	margin-left: 35px;
 	margin-right: 0;
	color: #545454;
	font-family: 'Noto Sans', sans-serif;
	font-size:16px;
	line-height: 1.4;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20px;
	overflow: hidden;	
}

.imgLeft {
  float: left;
  margin-right: 25px; /* pushes text & bullets away */
  margin-bottom: 15px;
}

.imgRight  {
	float:right;
	padding-right:20px;
	margin-bottom: 15px;
}






	
#wrapper  {
position:absolute;
	top:225px;
	left:25px;	
	text-align: right;
	width:auto;
	height:100px;
}
/*.mainContent  #banner  {
	
	border:none;
	float: none;
	padding-right:1em;
	padding-bottom:2em;
	padding-top: 1em;
	
}

.mainContent  #banner2  {
	clear:both;
	border:none;
	float: left;
	margin:0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 10px;
	
}*/


	

.title-left h1{
	clear: both;
	color: #545454;
	padding-top: 0px;
	display: inline-block;
	font-weight: 500;
	font-size: 2.5em;
	padding-left: 0;
	margin-left: .50em;
	z-index: 1;
}



	h1  {
	font-family: 'Raleway', cursive;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600;
	font-stretch:semi-expanded;
	 padding-left: 20px;
	 text-transform: uppercase;
	 text-align:left;


 }

h1:first-child {
	 text-transform: none;
	margin-top: 20px;
	margin-left: 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}






h2 {
 	margin: 20px;
	 padding-top:0;
	 text-align:left;
	font-family: 'Dancing Script', curvsive;
 }
h3 {
	font-family: 'Dancing Script', curvsive;
	font-weight: 100;
	text-align:center;
}
h4 {
	
	font-variant:none;
	text-align:left;
	margin: 20px;
	
}
h5 {
	font-variant:normal;
	text-align:center;
}

h6	{
	font-variant: normal;
	text-align:center;
	font-weight:100;
	color: #ffffff;
	
}
/*h2 #party{
	padding-top:1.5em;
	font-weight:100;
	font-family: 'Griffy', cursive;
	
}*/

#form h2 {
	text-align: left;
}

#footer #h6{
	clear:both;
	font-size: .75em;
	font-variant: normal;
	text-align:center;
}


.clear-both { clear: both; }
	




.testimonials  {
	font-family:'Open Sans', sans-serif;
	text-align: center;
}



/*#bpd  {
	margin:0 auto;
	text-align:center;
	float:none;
	clear:both;
	
	
}*/

img #top {
	vertical-align: top;
}

 /* .img-adv {
	margin: 0 auto;
 display:flex;
 align-items: center;
 justify-content: space-around;

}*/





#email {
	padding-top:0;
}

 footer {
 	display:block;
	 clear:both;
	width:80%;
	margin:0 auto;
	padding: 3em; 
	text-align:center;
background-color:#2A5A8F;
	font-size:1em;

}


footer li {
	display: inline;
}

footer  a:link { color:#545454;
text-decoration:none;
	}
	footer a:hover  {text-decoration:underline;
		color:#FFF;
	}

footer	a:active  {
	text-decoration:underline;
	font-size:.75em;
	
	}

footer .mainContent {
		color: #545454;
	}



	/*hero button*/
	.container {
		height: 100px;
  position: relative;
  padding: 50px;
	}

	.vertical-center {
  margin: auto 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



.footer #p {
	margin:0; 
	padding: 10px 0; 
}
.moon  {
	background-color: pink;
	font-family: 'Sacramento', cursive;
	
}

#header-img {

padding: 0;

}




/**********************/







@media only screen and (max-width: 767px) {
  h1 {
   margin-top: 0;
   clear: both;
  }

  	  .h2 mobi{ text-align: justify;
  	font-family: 'Noto Sans', sans-serif;
  	padding-top:0;

  }

  .container {
	
	clear: both;
	display: block;
	margin: auto 0;
	height: 200px;
	border: none;
	width: 80%;
  overflow: hidden;
}



}


img {
	align-content: center-block;
}

}




h2:first-child {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1.5em;
}

#email {
	padding-top: 1em;
	width: 80%;
}
.img-adv {
	margin: 0 auto;
width:100%;
}

.box {
	box-sizing: border-box;
	margin: 0 auto;
	width: 90%;
	border: 2px solid #545454;
	border-radius: 8px;
	padding:10px;
	text-align: center;
background: linear-gradient(90deg, #CDFFD8 0%, #94B9FF 100%);

.box h2 {
	font-family: 'Dancing Script' cursive;
	width:auto;
	color:#94B9FF;
	text-align: center;
}

td img {
  margin: 0 auto;;
 display: block;
 width: 141px;
 height: 141px;

}

 }


/***********************************************************/

@media only screen and (min-width:  768px){

/* DESKTOP MENU — MATCH OLD SPACING */


  .custom-navbar {
    min-height: 34px;   /* tight bar */
    background-color: transparent;
  }

  .custom-navbar .navbar-nav {
    float: left;
    margin-left: 20px; 
    background-color: transparent;/* start from left */
  }

  .custom-navbar .navbar-nav > li > a {
    padding: 6px 20px; /* tight vertical + classic horizontal */
    line-height: 1.1;
    font-size: 14px;

  }

/*}*/


/*button*/
#container {
	clear: both;
	display: inline;
	margin: 0 auto;
	padding-top: 150px;
	width: 100%;
	height: 100px;
	border: none;
}

}

.site-header {
	margin: 0 auto;
	width:100%;
  /*background: linear-gradient(90deg, #CDFFD8 0%, #94B9FF 100%);*/
  padding-top: 0; 
 
}



.header-icon {
  width: 141px;  /* change size if you want */
  height: 141px;
  padding-right: 0;
  padding-left: 0;
  margin-left: 15px;
}

.img-adv {
	margin: 0 auto;
}


.img-dire{
	display: block;
	margin-left: auto;
	margin-right: auto; 
}


.box {
	box-sizing: border-box;
	margin: 0 auto;
	border: 2px solid #ffffff;
	border-radius: 15px;
background: linear-gradient(90deg, #CDFFD8 0%, #94B9FF 100%);
overflow: hidden;
}

.box h2 {
	width:40%;
	margin:0 auto;
	color:#ffffff;
	text-align: center;

}




table { width: 100%; }
.table td { text-align: center; 
}

.td .img { display: center-block; 
			float: none;	
}


/*.img .pst {
	float: none;
}*/


.quote { 
clear:both;
	font-weight: 300;
	text-align: left;
border-radius:5px 20px 5px;
margin-bottom:30px;
margin-top:50px;	
margin-left: 0;
margin-right: 0;
padding:20px;
color:#545454;
border: 2px solid #ffffff;



}

.header-flex {
	display: flex;
	align-items: !important imgRight;
	justify-content: space-between;
	padding:0;
}



	.header-icon {
		max-width: 141px;
		margin-left: 15px;
		padding-top: 0;
	}
}

/* NAVBAR BASE */
.custom-navbar #main-navbar{
  background-color: transparent;
  border: none;
}

/* BRAND 
.custom-navbar .navbar-brand {
  color: #94B9FF;
}

.custom-navbar .navbar-brand:hover {
  color: #94B9FF;
}*/

/* MENU LINKS */
.custom-navbar .navbar-nav #main_navbar> li > a {
  color: #545454;
  background-color: transparent;
}

/* HOVER / ACTIVE */
.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus,
.custom-navbar .navbar-nav > .active > a {
  background-color: #94B9FF;
  color: #545454;
}

/* MOBILE TOGGLE (HAMBURGER) */
.custom-navbar .navbar-toggle {
  border-color: #94B9FF;
}

.custom-navbar .navbar-toggle .icon-bar {
  background-color: #94B9FF;
}

.custom-navbar .navbar-toggle:hover,
.custom-navbar .navbar-toggle:focus {
  background-color: #94B9FF;
}

.custom-navbar .navbar-toggle:hover .icon-bar,
.custom-navbar .navbar-toggle:focus .icon-bar {
 text-transform: underline;

}


/* MOBILE DROPDOWN MENU */
@media (max-width: 767px) {
  .custom-navbar .navbar-nav > li > a {
    border-bottom: 1px solid rgba(148, 185, 255, 0.3);
  }
}

p {
	display:inline;
	font-family: 'Noto Sans', sans-serif;
	font-size:: 16px;
padding-left: 20px;
padding-right:20px;
line-height: 1.5;
letter-spacing:0;
overflow-wrap: break-word;
}

.my-video {
	display: center-block;
	width: 250px;
	height: auto;

}
.navbar-default{
	background-color: transparent !important;
border-color:transparent;
}

#psch {
	border: none;
}




/*.navbar-toggle {
    display: block !important;
    background: red !important;
}
*/