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

.txt10 { font-size:10px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.txt20 { font-size:20px; }
.txt22 { font-size:22px; }

.clearB { clear: both; }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.padTB5 { padding: 5px 0; }
.padTB10 { padding: 10px 0; }

.testBORDER { border: red solid 1px; }

.item { margin-bottom:15px; }	
.big { font-size: 1.15em; }
.big1 { font-size: 1.25em; }
.noMP { margin: 0; padding: 0; }
.normal { font-weight: normal; }
.img100 { width: 100px; }

.txtLeft, .textLeft { text-align:left; }
.txtRight, .textRight { text-align:right; }
.txtCenter, .centerText { text-align:center; }

.letterSpacing-2 { letter-spacing: -2px; }
.letterSpacing1 { letter-spacing: 1px; }
.letterSpacing2 { letter-spacing: 2px; }
.letterSpacing3 { letter-spacing: 3px; }

.buttonPurple, .buttonPurple:visited {
	background-color: #5e3478; /* Purple */
	color: #fefefe;
	border: none;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.noDeco, .noDeco:visited { text-decoration: none; }
.noDeco:hover { color: #090; }
.buttonPurple:hover { background-color: #555; color: #fefefe; }

.black269f, .black269f:visited { color: black; text-decoration: none; }
.blue69f, .blue69f:visited { color: #69f; text-decoration: none; }
.twoBlue69f, .twoBlue69f:visited { color: #fefefe; text-decoration: none; }

.blue69f:hover { color: #cef; text-decoration: none; }
.twoBlue69f:hover, .black269f:hover { color: #69f; text-decoration: none; }

.rounded-corners {
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
.rounded-corners-5 {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.rounded-corners-10 {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.rounded-corners-top {
	margin-top: 7px;
	-moz-border-radius: 20px 20px 0px 0px; 
	-webkit-border-radius: 20px 20px 0px 0px; 
	-khtml-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;
}
.rounded-corners-B5 { 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
	-khtml-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
}
.rounded-corners-bottom { 
	-moz-border-radius: 0px 0px 20px 20px; 
	-webkit-border-radius: 0px 0px 20px 20px; 
	-khtml-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px; 
}

.txtCircle {
	/* Create the circle shape */
	width: 35px; height: 35px; border-radius: 50%;
	/* Background and text styling */
	background-color: #69f; color: #fefefe; font-weight: bold;
	/* Center the text perfectly inside */
	display: flex; justify-content: center; align-items: center;
	/* Optional: Ensures uniform numbers if you use multi-digits */
	font-variant-numeric: tabular-nums; 
}

.imgCircle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

/* iPhone Layout: 481px to 768px. With all the styles of the Mobile Layout. */
/* <!--- As Always  ---> */

/* <!---   Videos On Page   ---> */
#videoWrapPage { 
	background-image:none;
	color:#000;
	padding:0;;
	background-repeat: no-repeat;
	position: relative;
	background-position: right top; 
	display: block; 
}
#videoBOXPage { margin:0 auto; width:100%; }
#videoContentPage { padding:36px 0 0 0; }
#videoContentPage {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#videoContentPage iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

.textOnLeft, .videoOnRight {
	float: none;
	width: 96%;
	margin: 0 2% 15px 2%;
	display: block;
}

.show100 { display:block; }
.show101 { display:block; }
.show110 { display:block; }
.show001 { display:none; }
.show011 { display:none; }
.show010 { display:none; }

/* Float Boxs web 3 pad 2 Phone 1 */
.box211, .box221, .box311, .box321, .box411, .box421, .box531, .box731 {
	width:98%;
	margin:0 0 15px 0.5%;
	vertical-align: text-top;
	display:inline-block;
}
	

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	
	.buttonPurple, .buttonPurple:visited { padding: 4px 15px; font-size: 14px; }

	
	.show010 { display:block; }
	.show011 { display:block; }
	.show110 { display:block; }
	.show001 { display:none; }
	.show101 { display:none; } 
	.show100 { display:none; }


	/* Float Boxs web 3 pad 2 Phone 1 */
	.box221, .box321, .box421 { width:48.5%; }
	.box211, .box311 {
		width:98.5%;
		margin:0 0 15px 0.5%;
		vertical-align: text-top;
		display:inline-block;
	}
	.box531, .box731 { width:32%; } 	
}
	
	
/* Desktop Layout: 769px to a max of 1232px.  Inherits from: Mobile Layout and Tablet Layout. */ 
@media only screen and (min-width: 769px) {
	
		.buttonPurple, .buttonPurple:visited { padding: 5px 15px; font-size: 16px; }
	
		/* Videos On Page */
		#videoWrapPage { }
		#videoBOXPage { margin:0 auto; width:100%; max-width: 800px; }
		#videoContentPage { margin: 0; }
	
		.textOnLeft {
			float: left;
			width: 35%;
			margin: 0 0 15px 0;
			display: block;
		}
		.videoOnRight {
			float: right;
			width: 57%;
			margin: 0 0 0 15px;
			display: block;
		}	

		.showWebOnly { display:block; }
		.show001 { display:block; }
		.show101 { display:block; }
		.show011 { display:block; }
		.show010 { display:none; }
		.show100 { display:none; }
		.show110 { display:none; } 

		/* Float Boxs web 3 pad 2 Phone 1 */
		.box211, .box221 { width:49%; }
		.box311, .box321 { width:32%; }
		.box411, .box421 { width:24%; }
		.box531 { width:19%; }
		.box731 { width:11%; margin:0 0 10px 0.05%; } 
	
}