@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


body 	{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
	}

/* ^^^ SEE CLASS "outer-background" BELOW */



.phase-title { padding: 20px 15px 30px 15px; }

.phase-title-cat { padding: 20px 15px 30px 15px; }


/* WHITE TEXT & LINKS */

.black-text	{ color: #000000; }

.norm-txt-white	{ color: #FFFFFF; font-weight: normal; }

.wht-text	{ color: #FFFFFF; }

.wht-title	{ color: #FFFFFF; font-family: "Calibri" font-size: 40px; font-weight: 300; }

.wht-title-2  { color: #FFFFFF; font-family: "Calibri" font-size: 30px; font-weight: 300; }

.wht-subtitle	{ color: #FFFFFF; font-family: "Roboto", arial, sans-serif; font-size: 18px; font-weight: 500; padding: 0px 0px 0px 0px; }

.white-subtitle	{ color: #FFFFFF; font-family: "Roboto", arial, sans-serif; font-size: 18px; font-weight: 500; padding: 0px 0px 0px 0px; }

.blue-title	{ color: #103090; font-family: "Calibri" font-size: 40px; font-weight: 300; }

.black-title	{ color: #000000; font-family: "Calibri" font-size: 40px; font-weight: 300; }

.blk-title	{ color: #000000; font-family: "Roboto", arial, sans-serif; font-size: 40px; font-weight: 300; }

.blk-title-bold	{ color: #000000; font-family: "Roboto", arial, sans-serif; font-size: 46px; font-weight: 575; }

.blk-subtitle-bold	{ color: #000000; font-family: "Roboto", arial, sans-serif; font-size: 18px; font-weight: 400; }

.blk-subtitle-17	{ color: #000000; font-family: "Roboto", arial, sans-serif; font-size: 17px; font-weight: 400; }

.wht-text a:link, 
.wht-text a:visited, 
.wht-text a:active 	{ color: #FFFF9C; text-decoration: none; }
.wht-text a:hover 	{ color: #CCFFCC; text-decoration: underline; }

.list-white li, .listBW li	{ color: #FFFF9C; padding: 15px 0px 15px 0px; }

.list-white { line-height: 150%; font-weight: bold; }

.listBW		{ list-style-type: square; line-height: 150%; }

.listBW li	{ padding-top: 8px; padding-bottom: 0px; }

.listBW-2	{ list-style-type: square; line-height: 150%; }

.listBW-2 li	{ padding-top: 0px; padding-bottom: 0px; }

.list-nobull	{ list-style-type: none; }

.box-text-1 {
	font-size: 0.95em;
	background-color: #CFDFEF;
	border: #FFFFFF 0px solid;
	padding: 12px;
	margin-bottom: 8px;
	
/* CORNER ROUNDING */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}


.photo-cell img { margin: 0px 0px 5px 0px; width: 100%; height: auto; vertical-align: bottom; max-width: 400px; }


p.testim::first-letter {
	font-size: 1.1em;
	font-weight: bold;
	color: #003264;
	}


.frame-testimonials {
	display: block;
	width: 100%;
	max-width: 1050px;
	height: 460px;
	overflow: auto;
	border: #003264 0px solid;
	margin: 0px auto 15px auto;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}

.client-comments { padding: 30px; }



.float-paypal-2	{
		display: inline-block;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
		}

input[type=submit].paypal-buy 
		{
		color: #FFFFFF;
		font: 700 16px "Roboto", arial, sans-serif;
		text-align: center;
		background-color: #BE5F00;
		-webkit-appearance: none;
		padding: 3px 16px 3px 16px;
		margin: 0px 0px 0px 0px;
		cursor: pointer;
		border: #FFFFFF 2px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		}

input[type=submit].paypal-buy:hover 
		{
		color: #FFFFFF;
		background-color: #DB1B02;
		border: #FFFFFF 2px solid;
		}

.title-uline {
	display: inline-block;
	margin: 0 auto;
	border-bottom: #DB1B02 2px solid;
	padding: 0px 6px 0px 6px;
	}

.box-respond-couples {
	position: relative;
	background-color: #003264;
	border-bottom: #FFFFFF 0px solid;
	border-top: #003264 10px solid;
	}

.box-respond {
	position: relative;
	overflow: hidden;
	max-height: 650px;
	border-bottom: #000000 0px solid;
	}

.box-respond-tall {
	position: relative;
	border-bottom: #000000 0px solid;
	}

.couples-video,
.video-1000	{
		z-index: 1;
		width: 100%;
		max-width: 600px;
		height: auto;
		margin: 0 auto;
		}

.couples-video2,
.video-300	{
		z-index: 1;
		width: 100%;
		max-width: 500px;
		height: auto;
		margin: 0 auto;
		}


a.arrow-link-inline:link, 
a.arrow-link-inline:visited, 
a.arrow-link-inline:active	{
		color: #FFFFFF;
		font-size: 1.0em;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		background-color: #54BBC2;
		padding: 2px 6px 2px 6px;
		margin: 0px 2px 0px 2px;
		cursor: pointer;
		display: inline-block;
		border: #FFFFFF 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	/* FADE UP */
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}

a.arrow-link-inline-2:active	{
		color: #FFFFFF;
		font-size: 1.0em;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		background-color: #103090;
		padding: 2px 6px 2px 6px;
		margin: 0px 2px 0px 2px;
		cursor: pointer;
		display: inline-block;
		border: #FFFFFF 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	/* FADE UP */
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}


a.arrow-link-inline:hover	{
		color: #FFFFFF;
		text-decoration: none;
		background-color: #FF6600;
		border: #FF6600 2px solid;
		}


.bartitle	{
		color: #FFFFFF;
		font-size: 1.4em;
		font-weight: 400;
		padding: 15px 10px 15px 10px;
		background-color: #003264;
		}

.bartitle-2	{
		color: #FFFFFF;
		font-size: 1.4em;
		font-weight: 400;
		padding: 15px 10px 15px 10px;
		background-color: #79604C;
		}



.hilite-bull	{ font-size: 1.1em; color: #0066FF; vertical-align: bottom; }


.arrow-up-1 {
	margin: 0 auto;
	width: 0; 
	height: 0; 
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 35px solid #000000;
	}

.arrow-down-1 { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 35px solid #003264;
	}

.arrow-down-2 { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 35px solid #A4BCDD;
	}

.arrow-down-3 { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 205px solid transparent;
	border-top: 20px solid #A4BCDD;
	}


.arrow-down-red { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #DB1B02;
	}

.arrow-down-black { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 35px solid #000000;
	}
	
.arrow-down-blue { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 35px solid #9EBEDE;
	}
	
	
.arrow-down-green { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 35px solid #BBCEC0;
	}	

.arrow-down-white { 
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 35px solid #FFFFFF;
	}


.header-link	{
		font-family: "Roboto", arial, sans-serif;
		font-size: 16px;
		line-height: 18px;
		font-weight: 500;
		position: absolute;
		top: 22px;
		right: 24px;
		height: 24px;
		padding: 3px 0px 0px 28px;
		z-index: 1;
		background-image: url("picts/mobile-phone-8-24.png");
		background-repeat: no-repeat;
		}


.pad-LR20	{ padding: 0px 20px 0px 20px; }

.tbl-bg1	{ background-color: transparent; }

.tbl-bg2	{ background-color: #69C2BC; }

.tbl-bg3	{
		background-color: #003264;
		border-bottom: 0px solid #003264;
		}

.tbl-bg4	{
		background-color: #F0F0F0;
		background-image: url("picts/home-bg4.jpg");
		background-repeat: repeat;
		background-position: center;
		border-bottom: 8px solid #A4BCDD;
		}

.tbl-bg4-top-border	{ 
		background-color: #F0F0F0;
		background-image: url("picts/home-bg4.jpg");
		background-repeat: repeat;
		background-position: center;
		border-top: 8px solid #A4BCDD;
		}
		
.tbl-bg4b	{
		background-color: #F0F0F0;
		background-image: url("picts/home-bg7.jpg");
		background-repeat: repeat;
		background-position: center;
		border-bottom: 8px solid #A4BCDD;
		}		

.tbl-bg4b-top-border	{ 
		background-color: #F0F0F0;
		background-image: url("picts/home-bg7.jpg");
		background-repeat: repeat;
		background-position: center;
		border-top: 8px solid #A4BCDD;
		}

.tbl-bg5	{
		border-top: 8px solid #FDE3B5;
		background-color: #F0F0F0;
		background-image: url("picts/home-bg5.jpg");
		background-repeat: repeat;
		background-position: center;
		border-bottom: 8px solid #FDE3B5;
		}

.tbl-bg5-top-border	{ 
		background-color: #F0F0F0;
		background-image: url("picts/home-bg5.jpg");
		background-repeat: repeat;
		background-position: center;
		border-top: 8px solid #FDE3B5;
		}


.tbl-bg5c	{
		border-top: 8px solid #FDE3B5;
		background-color: #F0F0F0;
		background-image: url("picts/home-bg5c.jpg");
		background-repeat: repeat;
		background-position: center;
		border-bottom: 8px solid #FDE3B5;
		}

.tbl-bg5c	{ 
		background-color: #F0F0F0;
		background-image: url("picts/home-bg5c.jpg");
		background-repeat: repeat;
		background-position: center;
		border-top: 8px solid #FDE3B5;
		}

.tbl-bg5z	{
		border-top: 8px solid #FDE3B5;
		background-color: #F0F0F0;
		background-image: url("picts/home-bg5.jpg");
		background-repeat: repeat;
		background-position: center;
		}


.tbl-bg4-2	{ border-top: 8px solid #A4BCDD; }

.tbl-bg4-3	{ border-top: 8px solid #FDE3B5; }

.tbl-bg5b	{ background-color: #54BBC2; }

.tbl-bg6	{ background-color: #D29372; }

.tbl-bg7	{ background-color: #1D70C0; }

.tbl-bg8	{ background-color: #007260; }

.tbl-bg9	{ background-color: #800040; }

.tbl-bg10	{ background-color: #78A3B5; }

.tbl-bg12	{ background-color: #003264; }

.tbl-bg13	{ background-color: #D95838; }

.tbl-bg14	{ background-color: #000000; }

.tbl-bg15	{ background-color: #D5C1AD; }

.tbl-bg16	{ background-color: #A4A6A5; }

.tbl-bg17	{ background-color: #507058; }

.tbl-bg18	{ background-color: #BBCEC0; }

.tbl-bg19	{ background-color: #DCE7DF; }

.tbl-bg20	{ background-color: #EDF3EF; }

.tbl-bg21	{ background-color: #051030; }

.tbl-bg22	{ background-color: #102040; }

.tbl-bg23	{ background-color: #9EBEDE; }

.tbl-bg24	{ background-color: #E9EEF5; }

.tbl-bg25	{ background-color: #DAE3F1; }

.tbl-bg26	{ background-color: #DDB190; }

.tbl-bg26	{ background-color: #FFFFFF; }






.tbl-outer	{
		display: table;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.tbl-outer-fit	{ width: auto; }

.tlb-row	{ display: table-row; vertical-align: top; }

.tlb-cellL	{
		font-size: 1.0em;
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		margin: 0 auto;
		padding: 30px 20px 30px 30px;
		}

.tlb-cellR	{
		font-size: 1.0em;
		display: table-cell;
		vertical-align: middle;
		width: 50%;
		margin: 0 auto;
		padding: 30px 30px 30px 20px;
		}

.tlb-60L	{ width: 60%; }
.tlb-40R	{ width: 40%; }

.tlb-cellFULL	{
		font-size: 1.0em;
		display: table-cell;
		vertical-align: middle;
		margin: 0 auto;
		padding: 30px 30px 30px 30px;
		}

.tlb-2col-L	{ text-align: right; }
.tlb-2col-R	{ text-align: left; }

.rimage-home1		{ width: 100%; height: auto; vertical-align: bottom; max-width: 230px; }

.rimage-home2		{ width: 100%; height: auto; vertical-align: bottom; max-width: 100px; }

.rimage-ken		{ width: 100%; height: auto; vertical-align: bottom; max-width: 230px; }

.rimage			{ max-width: 100%; height: auto; vertical-align: bottom; }

.rimage-small		{ max-width: 160px; }

.rimage-2		{ width: 100%; height: auto; vertical-align: bottom; max-width: 525px; }

.rimage-couples		{ width: 250px; height: auto; vertical-align: bottom; max-width: 300px; }

.rimage-couples-2	{ width: 160px; height: auto; vertical-align: bottom; max-width: 300px; }

.rimage-cat		{ width: auto; height: auto; vertical-align: bottom; max-width: 250px; }

img.round-border	{ border-radius: 50%; border: #FFFFFF 0px solid; height: auto; }

img.round-border1	{ border-radius: 50%; border: #FDE3B5 10px solid; height: auto; }

img.round-border2	{ border-radius: 50%; border: #003264 10px solid; height: auto; }

img.round-border,
img.round-border2 {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.stages-image	{
		border-radius: 50%;
		width: 100%; height: auto;
		vertical-align: middle;
		max-width: 300px;
		min-width: 100px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.testimon-image	{ max-width: 280px; margin: 10px auto 10px auto; }

.si-colr-1	{ border: #003264 10px solid; }

.stagetitle	{ color: #999999; }

.tlb-cellL-stage	{
		font-size: 1.0em;
		display: table-cell;
		vertical-align: top;
		width: 25%;
		margin: 0 auto;
		padding: 30px 20px 30px 30px;
		}

.tlb-cellR-stage	{
		font-size: 1.0em;
		display: table-cell;
		vertical-align: middle;
		width: 75%;
		margin: 0 auto;
		padding: 30px 30px 30px 20px;
		}



.HoverBorder	{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	/* ZOOM */
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	/* FADE UP */
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}

a:hover .HoverBorder {
	/* ZOOM */
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05);
		}


.box-respond-home {
		position: relative;
		overflow: hidden;
		max-height: 650px;
		border-bottom: #FFFFFF 2px solid;
		}

.img-respond-home,
.img-respond-pages {
		width: 100%;
		height: auto;
		display: block;
		vertical-align: bottom;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.home-lyr,
.page-lyr	{
		text-align: center;
		position: absolute;
		top: 30px;
		left: 30px;
		padding: 35px 35px 35px 35px;
		display: inline-block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}
		

.home-lyr-txt,
.page-lyr-txt	{
		color: #FFFFFF;
		font-size: 20px;
		text-align: center;
		}

.page-lyr-map	{
		text-align: center;
		position: absolute;
		top: 30px;
		right: 30px;
		padding: 35px 35px 35px 35px;
		display: inline-block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}

.map-lyr-txt	{
		color: #000000;
		font-size: 18px;
		padding: 20px;
		margin-left: 0px;
		text-align: center;
		background-color: rgba(255,255,255,0.60);
	/* CORNER ROUNDING */
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		}


.home-lyr-title	{
		color: #FFFFFF;
		font: 50px "Roboto", arial, sans-serif;
		font-weight: 300;
		text-align: center;
		line-height: normal;
		padding: 0px 0px 3px 0px;
		}

/* LARGE BUTTON LINK & NON-LINK */

.button-blank	{
		color: #000000;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		background-color: #FFFFFF;
		padding: 12px 18px 12px 18px;
		margin: 30px 0px 0px 0px;
		display: inline-block;
		border: #000000 2px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}

.button-blank-no-border	{
		color: #000000;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		background-color: #FFFFFF;
		padding: 12px 18px 12px 18px;
		margin: 30px 0px 0px 0px;
		display: inline-block;
		border: #FFFFFF 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}		
		

a.button-link:link, 
a.button-link:visited, 
a.button-link:active	{
		color: #0099FF;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		background-color: #FFFFFF;
		padding: 12px 12px 12px 12px;
		margin: 30px 0px 0px 0px;
		cursor: pointer;
		display: inline-block;
		border: #FFFFFF 1px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	/* FADE UP */
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}

a.button-link:hover	{
		color: #0099FF;
		text-decoration: none;
		padding: 12px 30px 12px 30px;
		background-color: #FFFFFF;
		border: #0099FF 1px solid;
		}




/* LARGE BUTTON VIDEO LINK */

a.button-link-vid:link, 
a.button-link-vid:visited, 
a.button-link-vid:active	{
		color: #FFFFFF;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		background-color: #DB1B02;
		background-image: url("picts/arrow-youtube.png");
		background-repeat: no-repeat;
		background-position: 14px 15px;
		padding: 12px 18px 12px 39px;
		margin: 30px 0px 0px 0px;
		cursor: pointer;
		display: inline-block;
		border: #DB1B02 3px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	/* FADE UP */
		-webkit-transition: all 0.3s;
		transition: all 0.3s ease;
		}

a.button-link-vid:hover	{
		color: #FFFFFF;
		text-decoration: none;
		padding: 12px 18px 12px 39px;
		background-color: #003264;
		border: #003264 3px solid;
		}

a.blink-noani:hover	{ padding: 12px 18px 12px 18px; }

a.blink2:link, 
a.blink2:visited, 
a.blink2:active	{ padding: 8px 18px 8px 18px; }

a.blink2:hover	{ padding: 8px 30px 8px 30px; }

a.blink3:link, 
a.blink3:visited, 
a.blink3:active	{ padding: 8px 18px 8px 18px; background-image: none; margin-top: 0px; }
a.blink3:hover	{ padding: 8px 30px 8px 30px; }

a.blink4:link, 
a.blink4:visited, 
a.blink4:active	{ padding: 0px 6px 0px 6px; background-image: none; margin-top: 0px; }
a.blink3:hover	{ padding: 0px 6px 0px 6px; }



/*  VIDEO  */

.couples_video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 1050px;
  height: auto;
}



/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }



/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.pad10		{ padding: 10px; }

.pad15		{ padding: 100px; }

.padtop-10	{ padding-top: 10px; }

.padtop-12	{ padding-top: 12px; }

.padtop-20	{ padding-top: 10px; }

.margbot-10	{ margin-bottom: 10px; }

.margtop-20	{ margin-top: 20px; }

.margtop-15	{ margin-top: 15px; }

.margtop-12	{ margin-top: 12px; }

.margtop-10	{ margin-top: 10px; }

.margtop-6	{ margin-top: 6px; }

.margtop-3	{ margin-top: 3px; }



/* DEFAULTS - MISC */



.fullwidth	{ width: 100%; }



.halfwidth	{ width: 50%; }



.nobreak	{ white-space: nowrap; }



.just 		{ text-align: justify; }



img 		{ border: 0; }



.blockimage	{ display: block; }



.formmargin	{ margin: 0px; }




/* NON-MENU LINK COLORS */


a:link, 

a:visited, 

a:active 	{ color: #0000FF; text-decoration: none; }


a:hover 	{ color: #FF4400; text-decoration: underline; }



/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */


body, div, table {
		color: #000000;
		font-family: "Roboto", arial, sans-serif;
		font-size: 19px;
		font-weight: 400;
		line-height: 140%;
		}


.title 		{ color: #003399; font: 35px "Roboto", arial, sans-serif; font-weight: 300; line-height: normal; }

.title-2 		{ color: #003399; font: 32px "Roboto", arial, sans-serif; font-weight: 300; line-height: normal; }

.title-3 		{ color: #000000; font: 35px "Roboto", arial, sans-serif; font-weight: 300; line-height: normal; }

.title-cat 		{ color: #000000; font: 24px "Roboto", arial, sans-serif; font-weight: 300; line-height: normal; }

.tiny-title 		{ color: #000000; font: 11px "Roboto", arial, sans-serif; font-weight: 300; line-height: normal; }

.title2 	{ color: #000000; font: 22px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.title-love     { color: #DB2C20; font: 34px "Georgia", Roboto, Times New Roman, Times, serif;font-weight: 600; line-height: normal; }

.title-love-small     { color: #009966; font: 31px "Georgia", Roboto, Times New Roman, Times, serif;font-weight: 600; line-height: 150%; }

.subtitle-love     { color: #DB2C20; font: 31px "Georgia", Roboto, Times New Roman, Times, serif;font-weight: 600; line-height: 150%; }

.subtitle-love-green     { color: #004400; font: 28px "Georgia", Roboto, Times New Roman, Times, serif; font-weight: 600; line-height: 150%; }

.subtitle-love-black     { color: #000000; font: 28px "Arial", arial, sans-serif; font-weight: 600; line-height: 150%; }

.subtitle-love-black     { color: #000000; font: 28px "Arial", arial, sans-serif; font-weight: 600; line-height: 150%; }

.resources-title	{ color: #008010; font: 28px "Georgia", Roboto, Times New Roman, Times, serif; font-weight: 600; line-height: normal; }

.title-tan 		{ color: #B85A00; font: 20px "Roboto", arial, sans-serif; font-weight: 600; line-height: normal; }

.conflict-stage-title 	{ color: #FF0000; font: 21px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.conflict-title	{ color: #FF4411; font: 30px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.conflict-subtitle	{ color: #000066; font: 16px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.logo	{ color: #7D3606; font: 12px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.approach-title	{ color: #BB2020; font: 28px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.thru-the-years		{ color: #003366; font: 22px "Roboto", arial, sans-serif; font-weight: 600; line-height: 75%; }

.small-text         {  color: #000000; font: 12px "Arial", arial, sans-serif; font-weight: 500; line-height: normal; }

.subtitle-city	{ color: #003399; font: 20px "Arial", arial, sans-serif; font-weight: 500; line-height: normal; }

.subtitle 	{ color: #000000; font: 20px "Roboto", arial, sans-serif; font-weight: 600; line-height: normal; }

.subtitle2	{ color: #003399; font: 18px "Arial", arial, sans-serif; font-weight: 700; line-height: normal; }

.subtitle3	{ color: #DD4411; font: 18px "Arial", arial, sans-serif; font-weight: 500; line-height: 130%; }

.subtitle4 	{ color: #006449; font: 12px "Roboto", arial, sans-serif; font-weight: normal;line-height: normal; }

.subtitle5 	{ color: #000000; font: 19px "Roboto", arial, sans-serif; font-weight: 500; line-height: 120%; }

.subtitle6 	{ color: #DD0000; font: 15px "Roboto", arial, sans-serif; font-weight: 450; line-height: 120%; }

.subtitle7 	{ color: #003399; font: 13px "Arial", arial, sans-serif; font-weight: 500; line-height: 110%; }

.subtitle8	{ color: #003399; font: 26px "Arial", arial, sans-serif; font-weight: 450; line-height: normal; }

.subtitle-cat	{ color: #003399; font: 20px "Arial", arial, sans-serif; font-weight: 600; line-height: 100%; }

.subtitle-cat-2	{ color: #000000; font: 19px "Arial", arial, sans-serif; font-weight: 550; line-height: normal; }

.subtitle-cat-3	{ color: #003399; font: 20px "Arial", arial, sans-serif; font-weight: 600; line-height: 100%; }

.subtitle-cat-4	{ color: #000000; font: 16px "Arial", arial, sans-serif; font-weight: 600; line-height: normal; }

.subtitle-cat-5	{ color: #003399; font: 19px "Arial", arial, sans-serif; font-weight: normal; line-height: 120%; }

.subtitle-cat-6	{ color: #000000; font: 20px "Arial", arial, sans-serif; font-weight: 600; line-height: 100%; }

.subtitle-guide { color: #003399; font: 18px "Arial", arial, sans-serif; font-weight: 550; line-height: normal; }

.subtitle-yellow	{ color: #FFD60B; font: 14px "Arial", arial, sans-serif; font-weight: 600; line-height: 100%; }

.to 	{ color: ##D56500; font: 20px "Ariel", arial, sans-serif; font-weight: 600; line-height: normal; }

.banner 	{ color: #002346; font: 20px "Roboto", arial, sans-serif; font-weight: 600; line-height: normal; }

.clickphoto	{ color: #000000; font: 13px "Roboto", arial, sans-serif; font-weight: 500; line-height: normal; }

.colortitle	{ color: #0066CC; font: 15px "Roboto", arial, sans-serif; font-weight: 700; line-height: normal; }

.copyright-orange	{ color: #FF4411; font: 14px "Georgia", Roboto, Times New Roman, Times, serif; font-weight: normal; line-height: 110%; }

.couples-text   { color: #000000; font: 15px "Arial", arial, sans-serif; font-weight: normal; line-height: normal; text-align: justify;}

.couples-text2   { color: #000066; font: 15px "Arial", arial, sans-serif; font-weight: normal; line-height: 120%; text-align: justify;}

.couples-text3   { color: #004080; font: 18px "Arial", arial, sans-serif; font-weight: 600; line-height: 130%; text-align: justify;}

.couples-subhead-unique  { color: #BE5F00; font: 15px "Arial", arial, sans-serif; font-weight: bold; line-height: 110%; }

.example-font  { color: #DD0000; font: 15px "Pristina", Times Roman; font-weight: bold; line-height: normal; }

.couples-process-text 	{ color: #003399; font: 18px "Arial", arial, sans-serif; font-weight: normal; line-height: 100%; }


.norm-txt	{ color: #000000; font-weight: normal; }

.pricing-block {
    line-height: normal;
    margin-top: 6px;
    margin-bottom: 0;
    padding: 0;
}

.font-black  	{color: #000000;}

.font-white     {color: #FFFFFF;}

.font-bright-blue	{ color: #0000FF; }

.font-blue	 { color: #103090; }

.font-blue2  { color: #003367; }

.font-blue3  {color: #285078; }

.font-blue4  {color: #003399; }

.font-dark-blue	{ color: #051030; }

.font-light-aqua  {  color: #BBFFFF;  }

.font-aqua  { color: #3FA9B1;  }

.font-dark-aqua  { color: #3A9DA5;  }

.font-aqua-blue   { color: #54BBC2; } 

.font-bright-blue   { color: #076FFF; } 

.font-link-blue   { color: #0000FF; } 

.font-yellow     { color:  #FFD60B; }

.font-gold     { color:  #DAA520; }

.font-red	{ color: #CC0000; }

.font-bright-red	{ color: #FF0000; }

.font-off-red     { color: #CE3805; }

.font-dark-grey { color: #515151; }

.font-grey	{ color: #999999; }

.font-grey-2	{ color: #909090; }

.font-tan		{ color: #D98F06; }

.font-orange   { color: #FF8C24; }

.font-dark-orange   { color: #EA7000; }

.font-fall-leaf-orange   { color: #E45C36; }

.font-tan-orange   { color: #B45A00; }

.font-dark-tan-orange  {  color: #5A2D00; }

.makebold	{ font-weight: 700; }

.semibold	{ font-weight: 500; }

.hilite		{ color: #FF0000; }


.text-16-red    { color: #DD0000; font: 16px "Arial", arial, sans-serif; font-weight: bold; line-height: 100%; text-align: left;}


.masada-para     { color: #003399; font: 22px "Arial", arial, sans-serif; font-weight: bold; line-height: 220%; text-align: left;}

.masada-text   { color: #76542F; font: 14px "Arial", arial, sans-serif; font-weight: normal; line-height: 100%; text-align: justify;}

.paragraph-header-16-bold   { font-size: 16px; font-weight: 700;  }

.prisoner-text   { color: #000000; font: 14px "Arial", arial, sans-serif; font-weight: normal; line-height: 120%; text-align: justify;}

.smalltext-blue	{ color: #666666; font: 12px "Roboto", arial, sans-serif; font-weight: normal; line-height: 130%; }

.smalltext-12	{ font-size: 12px; }

.smalltitle	{ font-size: 15px; font-weight: 700; }

.smalltext	{ font-size: 13px; }

.smalltext-14	{ font-size: 14px; }

.smalltext-terms-privacy	{ font-size: 13px; font-weight: 100%; }

.smalltext-black	{ color: #000000; font: 12px "Roboto", arial, sans-serif; font-weight: 400; line-height: 110%; }

.smalltext-11black  { color: #000000; font: 11px arial, sans-serif; font-weight: normal; line-height: normal; } 

.smalltext-sitemap    { font-size: 13px;  font-family: "Roboto", arial, sans-serif; }

.smalltext-grey  { color: #515151; font-size: 12px; font-weight: normal; line-height: normal; }  

.very-small-text-white  { color: #FFFFFF; font: 10px "Verdana", Verdana; font-weight: normal; line-height: 120%; text-align: center;}

.video-text  { color: #000000; font: 12px "Arial", arial, sans-serif; font-weight: normal; line-height: 100%; text-align: center;}

.written-by   { color: #103090; font: 16px "Arial", arial, sans-serif; font-weight: 500; line-height: normal; }

.years-text  { color: #000000; font-size: 13px; line-height: normal; text-align: center; }




/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */


h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }




/* LISTS & SERVICES PAGE */


.list		{

		color: #660033;

		font: 15px "Roboto", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		text-align: left;

		margin-top: 0px;

		margin-bottom: 0px;

		}



.floatlist	{ float: left; width: 50%; min-width: 200px; }



.list li	{ text-indent: 1px; }









/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */



/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */

.pageheight	{ min-height: 700px; }

#pagewrapper	{
		width: 100%;
		min-width: 319px;
		text-align: center;
		margin: 0 auto 0 auto;
		}

.pagebox	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 0px auto;
		}

#contentbox-outer {
		max-width: 1200px;
		margin: 0 auto;
		}

#contentbox	{
		width: 100%;
		float: none;
		margin-right: 0px;
		}

.contentbox-outer-nosb {
		margin: 0 auto;
		}

#contentbox-nosb {
		max-width: 1200px;
		margin: 0 auto;
		}

.content-pad 	{ padding: 35px 45px 35px 45px; }

#left-content 	{ padding: 0px; margin-right: 0px; }

#left-content-nosb { padding: 0px; }


/* COLLAPSIBLE  */

.collapsible {
  background-color: #003399;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
}

.active, .collapsible:hover {
  background-color: #B45A00;
}

.content {
  padding: 0 10px;
  display: none;
  overflow: hidden;
  background-color: #FFFFFF;
}




/* INNER AND OUTER BACKGROUNDS

            background-color: #BCC2CF;  */



.inner-background	{

			background-color: transparent;

			border: #999999 0px solid;

			}



.outer-background	{

			background-color: #FFFFFF;

 			background-image: none; 

			background-repeat: repeat-x;

			background-attachment: fixed;

			}


.outer-background2	{

			background-color: #000000;

 			background-image: none; 

			background-repeat: repeat-x;

			background-attachment: fixed;

			}




/* TEXT AND GRAPHIC HEADER CODE */

/* ALIGN LOGO IN THE header.js */

/* GRAPHIC HEADER CODE */

.logo-respond	{
		height: 76px;
		width: 460px;
		max-width: 460px;
		min-width: 280px;
		display: block;
		margin-left: 0px;
		}

#headerdiv	{
		background-color: #003264;
		background-image: url("picts/logo-icon.png");
		background-repeat: no-repeat;
		background-position: 5px -4px;
		width: 100%;
		position: relative;
		padding: 0px 50px 0px 00px;
		margin: 0px auto 0px autopx;
		border: #000000 0px solid;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		}





/* TEXT HEADER CODE */



.textlogo	{

		font: 400 30px "Roboto", "Times New Roman", Times, serif;

		letter-spacing: 1px;

		padding: 0px 0px 0px 0px;

		text-shadow: 0px 0px 0px rgba(0, 15, 50, 0.0);

		}



#headerdiv a:link,

#headerdiv a:visited,

#headerdiv a:active	{ color: #FFFFFF; text-decoration: none; }



#headerdiv a:hover	{ color: #CCEAFF; text-decoration: none; }



.logoslogan	{

		color: #C0C0C0;

		font: 400 14px "Calibri";

		padding: 5px 0px 5px 0px;

		text-shadow: 0px 0px 0px rgba(0, 15, 50, 0.0);

		}



/* RESPONSIVE BAR IMAGES */



.page-img-respond {
		  width: 100%;
		  height: auto;
		  max-width: 1050px;
		  }



.image-respond	  {

		  width: 100%;

		  height: auto;

		  max-width: 700px;

		  }









/* HEADER ICONS */





/* ICON CODE GROUP 1 */



.header-ico1	{
		width: 217px;
		height: 50px;
		position: absolute;
		left: 10px;
		top: 97px;
		z-index: 1103;
		}



.ico1-img	{ width: 300px; height: 50px; display: block; margin: 0 auto; }





/* ICON CODE GROUP 2 */



.header-ico2	{

		width: 36px;

		height: 36px;

		background-color: transparent;

		text-align: center;

		position: absolute;

		right: 7px;

		top: 7px;

	/* CORNER ROUNDING */

		-moz-border-radius: 3px 3px 3px 3px;

		-webkit-border-radius: 3px 3px 3px 3px;

		border-radius: 3px 3px 3px 3px;

		}



.ico2-img	{ width: 36px; height: 36px; display: block; margin: 0 auto; }





/* HOVER COLOR ALL HEADER ICONS */



.icohov:hover	{ background-color: rgba(10,106,189,0.40); }









/* LOGO FADE IN - TEXT AND GRAPHIC  - KN: WAS 2 SECONDS */



#headerdiv

	{

	animation: fadein 0s;

	-moz-animation: fadein 0s;	/* Firefox */

	-webkit-animation: fadein 0s;	/* Safari, Chrome */

	-o-animation: fadein 0s;	/* Opera */

	}

@keyframes fadein {

from {

opacity:0;

}

to {

opacity:1;

}

}

@-moz-keyframes fadein { /* Firefox */

from {

opacity:0;

}

to {

opacity:1;

}

}

@-webkit-keyframes fadein { /* Safari, Chrome */

from {

opacity:0;

}

to {

opacity:1;

}

}

@-o-keyframes fadein { /* Opera */

from {

opacity:0;

}

to {

opacity: 1;

}

}









/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */

.img-borders	{
		border: #000000 0px solid;
	/* CORNER ROUNDING */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}



.img-borders-2	{ border: #000000 1px solid; }

.img-float	{ float: left; margin: 3px 8px 1px 0px; }

.img-float-kn   { float: left; margin: 0px 14px 0px 0px; }

.img-float-kn-2 { float: right; margin: 0px 0px 1px 14px; }

.float-item	{ float: left; margin-right: 10px; margin-bottom: 2px; }

.text-nowrap	{ overflow: hidden; min-width: 175px; }

.text-wrap-right   {float: right; margin:50px;  }

.text-wrap-left   {float: left; margin:50px;  }

.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }









/* TOP RESPONSIVE HOMEPAGE IMAGE */



.img-respond	{ width: 100%; height: auto; }



.top-image	{

		display: block;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: #000000 0px solid;

		}









/* PAGE LINES & BORDERS */





.page-splits 	{
		line-height: 1px;
		font-size: 1px;
		height: 2px;
		background-color: transparent;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 0px;
		border-top: #76A3D0 1px solid;
		}



.double-split	{
		height: 2px;
		background-color: transparent;
		border-top: #C0C0C0 1px solid;
		}



.splits-xtramargin15 { margin-top: 15px; margin-bottom: 15px; }		

.splits-xtramargin { margin-top: 30px; margin-bottom: 30px; }

.splits-zeromargin { margin-top: 0px; margin-bottom: 0px; }




/*  TABLE  */

table.chartone, table tr.chartone, table td.chartone 
		{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

table.chartone td {
		padding: 7px 7px 7px 7px;
		border-spacing: 0;
		border: #B4BED0 1px solid;
		background-color: transparent;
		}

.chartone	{
		color: #000000;
		font: normal 11px arial, sans-serif;
		border: #000000 1px solid;
		}

table td.c1title {
		color: #FFFFFF;
		font: bold 14px arial, sans-serif;
		background-color: #92A2C2;
		}

/* RIGHT SIDEBAR - ( REMOVED 5/19/2020 ) */

.SB-width		{ width: 1px; }

#sidebar-content 	{
			display: none;
			padding: 0px;
			float: right;
			}

.sidebar-box		{ padding: 0px 17px 0px 17px; }

.sidebar-textarea	{
			text-align: center;
			margin: 0 auto;
			padding: 0px 0px 0px 0px;
			}

.sidebar-text 	{
		color: #333333;
		font: 13px "Roboto", arial, sans-serif;
		text-align: center;
		font-weight: 400;
		line-height: 150%;
		}

.sidebar-title	{
		color: #FFFFFF;
		font: 17px "Roboto", arial, sans-serif;
		font-weight: 400;
		text-align: center;
		line-height: normal;
		background-color: #003264;
		padding: 8px 5px 9px 8px;
		margin: 0px auto 7px auto;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	/* DROP SHADOW */
		-moz-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		-webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.0);
		}



.sidebar-image	{

		width: 100%;

		max-width: 234px;

		margin: 0px auto 20px auto;

		display: block;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		border: solid #FFFFFF;

		border-width: 1px 1px 1px 1px;

		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

		}



.side-links	{

		padding: 10px 0px 22px 0px;

		margin: 0px;

		}



.side-links a	{

		font: 16px "Roboto", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		display: block;

		padding: 6px 0px 6px 10px;

		border: dashed #888888;

		border-width: 0px 0px 1px 0px;

		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

		}



.side-links a:first-child { border-width: 1px 0px 1px 0px; }









/* SOCIAL ICONS */



#social-links	{

		text-align: center;

		font-size: 0px;

		background-color: transparent;

		padding: 10px 0px 18px 0px;

		margin: 0px 0px 0px 0px;

		border: solid #000000;

		border-width: 0px 0px 0px 0px;

		}



.socialicon	{

		background-color: #2B8FB8;

		border: #000000 0px solid;

		padding: 2px;

		margin: 2px;

		vertical-align: top;

	/* CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

		   }



.socialicon:hover  {

		   background-color: #003264;

		   border: #000000 0px solid;

		   }





/* IFrame Video Container - KN Added */		   


.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
  z-index: 10;
}

.iframe-container iframe{

  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;

}


.iframe-container-pad {
	padding: 15px 0px 15px 0px;
	}		   

  



/* START NEWS SCROLLER */



/* SET HEIGHT IN "jquery.easy-ticker-OPTIONS.js" */



/* NEWS FRAME AREA TOP LEVEL PAGE */



		 

#news_iframe_scroll	{

		width: 100%;

		max-width: 250px;

		min-width: 200px;

		margin: 0px auto 22px auto;

		border: #003264 1px solid;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

		overflow: hidden;

	/* CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

		}



#news_iframe_scroll iframe 

		{

		width: 100%;

		height: 555px; /* IF YOU EDIT HEIGHT EDIT THE SCROLLING SCRIPT HEIGHT !!!!  GO TO:  jquery.easy-ticker-OPTIONS.js !!!! */

		display: block;

		margin: 0px;

		padding: 0px;

		overflow: hidden;

		}



.news_scroll-title 

		{

		color: #FFFFFF;

		font: normal 17px "Roboto", arial, sans-serif;

		text-align: left;

		background-color: #003264;

		padding: 8px 5px 9px 8px;

		border-bottom: #C0C0C0 0px solid;

		}





/* EMBEDDED NEWS PAGE BODY */



body.news-scroll {

		background-color: #FFFFFF;

		margin: 0;

		padding: 0;

		border: 0;

		}



.vticker	{

		border: 0px solid #000000;

		width: 214px;

		margin: 0 auto;

		}



.vticker ul	{

		padding: 0;

		}



.vticker li	{

		list-style: none;

		border-bottom: 1px solid #00B42B;

		padding: 0px;

		}



.scroll-title	{

		color: #000000;

		font: normal 17px "Roboto", arial, sans-serif;

		text-align: left;

		border-bottom: #666666 0px solid;

		}



.scroll-item	{

		color: #000044;

		font: normal 13px "Roboto", arial, sans-serif;

		text-align: left;

		padding: 10px 0px 10px 0px;

		}



/* NEWS PAGE LINK COLORS */



.news-scroll a:link, 

.news-scroll a:visited, 

.news-scroll a:active 	{ color: #0066CC; text-decoration: none; }



.news-scroll a:hover 	{ color: #0099FF; text-decoration: underline; }





/* SCROLLER LINKS WITH ARROW */



.arrow-link		{

			font-size: 13px;

			display: inline-block;

			padding: 0px 0px 0px 0px;

			text-indent: 11px;

			min-height: 13px;

			background-image: url("jQuery-scroller/scroller-link-arrow-blue.png");

			background-repeat: no-repeat;

			background-position: 0px 0px;

			}



a.arrow-link:hover	{ background-image: url("jQuery-scroller/scroller-link-arrow-black.png"); }





/* NEWS SCROLLER BUTTONS */



.scroller-buttons

		{

		background-color: #003264;

		width: 100%;

		position: fixed;

		bottom: 0px;

		height: 22px;

		}



.scroller-buttons div 

		{

		float: left;

		width: 19px;

		height: 22px;

		}



.scroller-buttons div:hover 

		{

		background-color: #158ED0;

		cursor: pointer;

		}



.scroller-buttons .up 

		{

		background-image: url("jQuery-scroller/scroller-up.png");

		background-repeat: no-repeat;

		}



.scroller-buttons .down 

		{

		background-image: url("jQuery-scroller/scroller-down.png");

		background-repeat: no-repeat;

		}



/* SCROLLER BUTTON PAUSED COLOR */



.toggle		{

		background-color: #FF0000;

		background-image: url("jQuery-scroller/scroller-pause.png");

		background-repeat: no-repeat;

		}



/* SCROLLER BUTTON UN-PAUSED COLOR */



.scroll-pause	{ background-color: #003264; }




/* FOOTER */

.footer-title-previous	{ color: #FFFFFF; font-size: 1.5em; padding-bottom: 8px; }

.footer-title	{ color: #FFFFFF; font-size: 1.1em; padding-bottom: 8px; }

.footer-top	{ margin: 0px auto 10px auto; }

.footer-copyright {
		  color: #FFFFFF;
		  font: 13px "Roboto", arial, sans-serif;
		  font-weight: 400;
		  line-height: normal;
		  padding: 20px 10px 15px 10px;
		  margin: 0px 0px 0px 0px;
		  background-color: #051030;
		  background-repeat: repeat-x;
		  border: solid #C0C0C0;
		  border-width: 10px 0px 0px 0px;
		  /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		  }


		

.footer-copyright-cat {
		  color: #FFFFFF;
		  font: 13px "Roboto", arial, sans-serif;
		  font-weight: 400;
		  line-height: normal;
		  padding: 40px 10px 35px 10px;
		  margin: 0px 0px 0px 0px;
		  background-color: #051030;
		  background-repeat: repeat-x;
		  border: solid #C0C0C0;
		  border-width: 10px 0px 0px 0px;
		  /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		  }



/* COPYRIGHT LINK COLORS */



div.footer-copyright a:link, 

div.footer-copyright a:visited, 

div.footer-copyright a:active 	{ color: #CCFFFF; text-decoration: none; }



div.footer-copyright a:hover 	{ color: #FFFFFF; text-decoration: underline; }







/* CONTACT PAGE CODE */



.contact-title1	{

		color: #000000;

		font: 17px "Roboto", arial, sans-serif;

		line-height: normal;

		}



.contact-title2	{

		color: #000000;

		font: 15px "Roboto", arial, sans-serif;

		line-height: normal;

		}	

		

.contact-phone-email	{

		color: #000000;

		font: 14px "Roboto", arial, sans-serif;

		line-height: normal;

		}		

		

.contact-select	{ color: #003366; }



.contact-text  {text-align: justify;}



.email-link	{

		text-align: left;

		margin: 10px 0px 10px 0px;

		}



.form-box	{ margin: 20px 0px 10px 75px; }



input[type=submit].submitbutton, input[type=reset].submitbutton 

		{

		color: #FFFFFF;

		font: 400 18px "Roboto", arial, sans-serif;

		text-align: center;

		background-color: #0064A0;

		-webkit-appearance: none;

		padding: 7px 8px 7px 8px;

		margin: 0px 0px 0px 0px;

		cursor: pointer;

		width: 120px;

		border: #000000 0px solid;

	/* CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		border-radius: 3px;

		}



input[type=submit].submitbutton:hover, input[type=reset].submitbutton:hover 

		{

		color: #FFFFFF;

		background-color: #999999;

		border: #000000 0px solid;

		}



.shadeform	{

		font: 16px arial, sans-serif;

		color: #000000;

		background-color: #FFFFFF;

		background-image: url("picts/shadeform.png");

		text-align: left;

		width: 200px;

		margin-top: 2px;

		margin-bottom: 7px;

		border: #999999 1px solid;

		}



.textarea	{

		font: 13px arial, sans-serif;

		color: #000000;

		background-color: #FFFFFF;

		background-image: url("picts/shadeform.png");

		text-align: left;

		width: 250px;

		height: 160px;

		margin-top: 2px;

		margin-bottom: 7px;

		border: #999999 1px solid;

		}



.dropdown 	{

		font: 13px arial, sans-serif;

		color: #000000;

		background-color: #FFFFFF;

		width: 200px;

		margin-top: 3px;

		margin-bottom: 7px;

		}




/* QUOTES PAGE - MODIFIES ABOVE CLASSES */



.quotechoice 	{ color: #003366; }



.quoteform	{ width: auto; }



.dropquotes	{ width: auto; }



input[type=submit].quotebutton	{ width: 200px; }









/* CONTACT PAGE GOOGLE MAP & DIRECTIONS */



#map-canvas	{ width: 235px; height: 160px; }





/* CONTACT PAGE GOOGLE DIRECTIONS */

.directions		{ font: 14px "Roboto", arial, sans-serif; font-weight: 400; line-height: normal; padding: 8px 0px 5px 0px; }

.directions .shadeform	{ width: 233px; margin: 2px 0px 5px 0px; }

.direction-input	{ font-size: 17px; width: 244px; }

input[type=submit].directionbutton	{ font-size: 17px; width: auto; min-width: 246px; }





/* OPTIONAL No-Form-contact.htm PAGE */



.no-formmargin	{ margin: 25px 0px 25px 0px; }









/* GALLERY & PRODUCTS CART PAGE */



.Gal-details	{

		color: #000000;

		font: 14px "Roboto", arial, sans-serif;

		font-weight: 400;

		line-height: normal;

		text-align: left;

		overflow: hidden;

		min-width: 180px;

		padding: 0px 0px 0px 0px;

		}



.Gal-title	{

		color: #000066;

		font: 20px "Georgia", Roboto, Times New Roman, Times, serif;

		font-weight: 600;

		line-height: normal;

		}



.Gal-box	{

		max-width: 575px;

		padding: 16px;

		margin: 0px auto 5px auto;

		background-color: #F0FFF0;

		border: solid #C3D0D4;

		border-width: 1px 1px 1px 1px;

		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

		-webkit-border-radius: 4px;

		-moz-border-radius: 4px;

		border-radius: 4px;

		}



.Gal-image-box	{

		float: left;

		padding-right: 15px;

		padding-bottom: 4px;

		width: 36%;

		max-width: 150px; /* WIDTH INCLUDES BORDER Orignally was 181px */

		min-width: 125px;

		}



.Gal-image	{ width: 100%; height: auto; }



.Galborder	{ border: #FFFFFF 3px solid; vertical-align: bottom; }



a:hover .Galborder { border: #999999 3px solid; vertical-align: bottom; }





/* SHOPPING CART PAGES */



.price 		{ padding: 10px 0px 5px 0px; }



.price span	{

		color: #662222;

		font-size: 20px;

		font-weight: 400;

		text-decoration: none;

		border-bottom: #0066CC 1px solid;

		}



.paypal-icon	{

		width: 100%;

		max-width: 231px;

		margin: 3px 0px 0px 0px;

		}



.cartdrop 	{

		font: 13px arial, sans-serif;

		color: #000000;

		width: 150px;

		margin-top: 1px;

		margin-bottom: 4px;

		}



input[type=submit].button-order 

	 	{

		color: #FFFFFF;

	       	font: normal 17px "Roboto", arial, sans-serif;

		text-align: center;

		background-color: #158ED0;

	        background-image: url("picts/button-order.png");

        	padding: 9px 5px 9px 5px;

        	margin: 4px 0px 2px 0px;

		cursor:pointer;

		width: 150px;

		-webkit-appearance: none;

        	border: #000000 0px solid;

	/* CORNER ROUNDING */

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		-khtml-border-radius: 5px;

		border-radius: 5px;

	/* DROP SHADOW */

		-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

		-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

		}



input[type=submit].button-order:hover 

	 	{

		color: #FFFFFF;

		background-color: #0066CC;

        	border: #000000 0px solid;

		}



/* VIEW CART BUTTON */



.viewmargin			{ margin: 0px; }



input[type=submit].viewcart-but	{

				width: 231px;

				margin: 20px 0px 3px 0px;

				}









/* FAQ PAGE */



.faq-box	{

		display: none;

		margin: 0px 0px 0px 0px;

		padding: 10px 20px 10px 20px;

		border: #999999 0px solid;

		}



.faqicon	{ margin-top: 6px; margin-right: 2px; }









/* LINKS PAGE CODE */



table.searcharea td	{ padding: 0px 3px 0px 0px; }



.searcharea		{ margin: 22px 0px 22px 0px; }



.searchform 	{

		color: #000000;

		font: 12px arial, sans-serif;

		text-align: left;

		background-color: #FFFFFF;

		background-image: url("picts/shadeform.png");

		width: 110px;

		border: #757B93 1px solid;

		}



.searchbutton 	{

		color: #FFFFFF;

	       	font: bold 12px arial, sans-serif;

		text-align: center;

		background-color: #158ED0;

		-webkit-appearance: none;

		height: 21px;

		margin-top: 0px;

		cursor: pointer;

		border: #000000 0px solid;

  	/* CORNER ROUNDING */

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		-khtml-border-radius: 3px;

		border-radius: 3px;

		}









/* PAYPAL payments.htm PAYMENT PAGE CODE */



.payform 			{ width: 150px; }



input[type=submit].payform 	{ width: 152px; margin-bottom: 10px; }



.payformbox	{

		background-color: #F0F0F0;

		border: #CCCCCC 1px solid;

		}



.paypaltable td	{ vertical-align: middle; padding: 6px 10px 6px 10px; }



.paypalbadge-space	{ padding: 30px 10px 8px 0px; }









/* PDF PAGE */



.pdf-box	{ max-width: 90%; margin: 0 auto; }



.pdf-icon	{ margin: 1px 0px 0px 15px; }









/* SITE MAP SITE SEARCH */



.searchmargin		{ margin: 0px 0px 0px 0px; }



.sitesearchform		{ width: 125px; margin: 0px 3px 0px 0px; }



.sitesearchbutton	{ width: 65px; }









/* HIDE ITEMS FOR PRINTING */



@media print {

.printhide 	{ display:none; }

.pageheight 	{ min-height: 50px; }

}

@media screen{

.printonly 	{ display:none; }

}


/* START FOOTER MENU */


#FTmenu		{

		background-color: #F0F0F0;

		background-repeat:repeat-x;

		text-align: center;

		padding: 0px 0px 0px 0px;

		margin: 0px auto 0px auto;

		border: #003264 solid;

		border-width: 1px 0px 0px 0px;

		}



/* FOOTER MENU WIDTH, PADDING, FONT FACE & COLOR */



#FTmenu a 		{

			color: #000000;

			font-family: "Roboto", arial, sans-serif;

			font-size: 17px;

			font-weight: 500;

			line-height: normal;

			text-decoration: none;

			text-align: center;

			background-color: transparent;

			padding: 18px 15px 18px 15px;

			margin: 0px 0px 0px 0px;

			cursor: pointer;

			outline: none;

			display: inline-block;

			border: #C0C0C0 solid;

			border-width: 0px 0px 0px 0px;

			}



/* FOOTER MENU HOVER COLOR */



#FTmenu a:hover 

			{

			color: #FFFFFF;

			background-color: #003264;

			text-decoration: none;

			}









/* START CUSTOM ALLWEBCO CODE 11/02/2016 */



/* LIST CODE */



.listA 		{ color: #BE5F00; line-height: 150%; font-weight: bold; }

.listA li	{ padding-top: 8px; padding-bottom: 8px; }


.list-blue li, .listB li	{ padding: 15px 0px 15px 0px; }

.list-blue 	{ color: #006CD2; line-height: 150%; font-weight: bold; }

.listB		{ list-style-type: square; line-height: 150%; }

.listB li	{ padding-top: 8px; padding-bottom: 0px; }

.listB-2	{ list-style-type: square; line-height: 150%; }

.listB-2 li	{ padding-top: 0px; padding-bottom: 0px; }


.listC 		{ color: #BC693D; line-height: 140%; font-weight: bold; }

.listC li	{ padding-top: 8px; padding-bottom: 8px; padding-bottom: 0px; }


.listD 		{ color: #000000; line-height: 140%; font-weight: bold; }

.listD li	{ padding-top: 10px; padding-bottom: 0px; }


.listE 		{ color: #3FA9B1; line-height: 140%; font-weight: bold; }

.listE li	{ padding-top: 8px; padding-bottom: 5px; }


.listF 		{ color: #285078; line-height: 140%; font-weight: bold; }

.listF li	{ padding-top: 8px; padding-bottom: 5px; }





.listA, .listB, .listC  .listD { margin-top: 8px; margin-bottom: 8px; }


.lst 		{ color: #000000; font-weight: normal; }



.largetitle1	{ color: #1C7097; font: 36px "Roboto", arial, sans-serif; font-weight: bold; }



.largetitle2	{ color: #1C7097; font: 26px "Roboto", arial, sans-serif; font-weight: bold; }



.largetitle3	{ color: #06334A; font: 36px "Roboto", arial, sans-serif; font-weight: bold; }



.largetitle-couples	{ color: #004080; font: 34px "Arial", arial, sans-serif; font-weight: bold; }



.banner-title    { color: #003264; font: 36px "Roboto", arial, sans-serif; font-weight: normal; }



.colorbold	{ color: #1C7097; font-family: "Roboto", arial, sans-serif; font-weight: bold; letter-spacing: -0.3px; }



.margb-15	{ margin-bottom: 15px; }



.v-space-1	{ margin-top: 1px; }

.v-space-2	{ margin-top: 2px; }

.v-space-3	{ margin-top: 3px; }

.v-space-4	{ margin-top: 4px; }

.v-space-5	{ margin-top: 5px; }

.v-space-6	{ margin-top: 6px; }

.v-space-7	{ margin-top: 7px; }

.v-space-8	{ margin-top: 8px; }

.v-space-9	{ margin-top: 9px; }

.v-space-10	{ margin-top: 10px; }

.v-space-11	{ margin-top: 11px; }

.v-space-12 { margin-top: 12px; }

.v-space-13 { margin-top: 13px; }

.v-space-14 { margin-top: 14px; }

.v-space-15	{ margin-top: 15px; }

.v-space-16	{ margin-top: 16px; }

.v-space-17	{ margin-top: 17px; }

.v-space-18	{ margin-top: 18px; }

.v-space-19	{ margin-top: 19px; }

.v-space-20	{ margin-top: 20px; }

.v-space-21	{ margin-top: 21px; }

.v-space-22	{ margin-top: 22px; }

.v-space-23	{ margin-top: 23px; }

.v-space-24	{ margin-top: 24px; }

.v-space-25	{ margin-top: 25px; }

.v-space-26	{ margin-top: 26px; }

.v-space-27	{ margin-top: 27px; }

.v-space-28	{ margin-top: 28px; }

.v-space-29	{ margin-top: 29px; }

.v-space-30	{ margin-top: 30px; }





.float-paypal	{ float: left; margin-left:41px; margin-right: 10px; padding-top: 2px; }



.bottomnotes	{ width: 96%; text-align: justify; margin: 0 auto; padding: 0px 0px 10px 0px; }



h1		{ color: #103090; font: 27px "Arial", sans-serif; font-weight: normal; margin-bottom: 0px; line-height: normal; }

h2		{ color: #000099; font: 22px "Arial",  sans-serif; font-weight: normal; margin-bottom: 0px; line-height: normal; }

h3		{ color: #103090; font: 17px "Arial", sans-serif; font-weight: bold; margin-bottom: 0px; line-height: normal; }

h4		{ color: #000000; font: 15px "Arial", sans-serif; font-weight: bold; margin-bottom: 0px; line-height: normal; }

h5		{ color: #103090; font: 13px "Arial", sans-serif; font-weight: normal; margin-bottom: 0px; line-height: 110%; }




.red		{ color: #FF0000; font-weight: normal; }

.red-bold	{ color: #DB1B02; font-weight: bold; }

.black-bold	{ color: #000000; font-weight: bold; }

.darker-red-a	{ color: #DB1B02; font-weight: normal; }

.darker-red	{ color: #DD0000; font-weight: normal; }

.pain-red	{ color: #EE171E; font-weight: bold; }

.red-door   { color: #DD0000; font-weight: bold; }

.blue    	{ color: #103090; font-weight: normal; }

.blue2-bold	{ color: #004080; font-weight: bold; }

.orange-bold   	{ color: #EA494F; font-weight: bold; }

.orange		{ color: #FF9933; font-weight: bold; }

.border-blue   	{ color: #003264; }

.white-bold	{ color: #FFFFFF; font-weight: bold; }



.brown			{ color: #7D3606; font-weight: normal; }

.brown-bold		{ color: #7D3606; font-weight: bold; }

.menu-yellow    { color: #FFFFBB;  }

.grey  { color: #707070; }

.black  { color: #000000; }



.subtitle-list	{ color: #006699; font: 18px "Roboto", arial, sans-serif; font-weight: normal; line-height: normal; }



.bolded		{ font-weight: bold; }



.bolded-not	{ font-weight: normal; }



.italicstyle	{ font-style: italic; }



.centered    { text-align: center;  }



.color-split	{ border: #33CCFF 1px solid; margin: 16px auto 18px auto; }



.sideimagepad 	{ margin: 8px auto 8px auto; }



a.ul-link:link, a.ul-link:visited, a.ul-link:active	{ text-decoration: underline; }



a.ul-link:hover						{ text-decoration: underline; }









/* SCROLL TO TOP ARROW */



.scrollToTop-KN-NAME-CHANGE	{

	width: 36px;

	height: 36px;

	padding: 0px;

	text-align:center;

	text-decoration: none;

	position:fixed;

	bottom: 50px;

	right: 10px;

	display:none;

	background: #0064A0 url('picts/arrow-up.png') no-repeat 0px 0px;

	}



.scrollToTop-KN-NAME-CHANGE:hover{

	text-decoration:none;

	background: #003264 url('picts/arrow-up.png') no-repeat 0px 0px;

	

	}

	

	

	.Rvideo-box {

	background-color: #FFFFFF;

	text-align: center;

	padding: 0px;

	margin: 0px auto 0px auto;

	width: 100%;

	max-width: 520px;

	height: auto;

	border: 1px solid #FFFFFF;

	}



.Rvideo-box video 

	{

	width: 100%;

	height: auto;

	display: block;

	padding: 0px;

	margin: 0px;

	}



.Rvideo-caption 

	{

	color: #000000;

	font-size: 11px;

	font-weight: bold;

	text-align: center;

	padding: 8px 5px 8px 5px;

	}



.Rvideo-nosupport

	{

	color: #FFFFFF;

	padding-top: 110px;

	padding-bottom: 110px;

	}


	
	

/* CSS rules are kept repetitive so that you can get CSS rules for each button easily :) */

* {
  user-select: text;
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  background-color: #ffffff;
}

#app-cover {
  display: table;
  width: 150px;
  margin: 40px auto;
  counter-reset: button-counter;
}

.row {
  display: table-row;
}

.toggle-button-cover {
  display: table-cell;
  position: relative;
  width: 200px;
  height: 140px;
  box-sizing: border-box;
}

.button-cover {
  height: 35px;
  margin: 20px;
  background-color: #ffffff;
  box-shadow: 0 10px 20px -8px #ffffff;
  border-radius: 4px;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  top: 50%;
  width: 74px;
  height: 36px;
  margin: -20px auto 0 auto;
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
}

.button.b2 {
  border-radius: 2px;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #D2E6FF;
  transition: 0.3s ease all;
  z-index: 1;
}


/* Button 1 */
#button-1 .knobs:before {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 11px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 8px 4px;
  background-color: #006AFF;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before {
  content: "NO";
  left: 42px;
  background-color: #f44336;
}

#button-1 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
  transition: 0.3s ease all;