@charset "utf-8";

/* CSS Document
   Copyright 2026 Your Web Ally */

/*
  font size conversion:
  40px = 2.5em, h1
  36px = 2.25em,
  30px = 1.875em, h2
  24px = 1.5em,
  22px = 1.375em,
  20px = 1.25em,
  18px = 1.125em;
  16px = 1em, avg font size p
  14px = 0.875em,
  12px = 0.75em,
  10px = 0.625em
  
  colors used:
  #0070da & #da0070; background fade blue to pink
  #0070da; blue (in logo)
  #da0070; pink (bright)
  #70da00; green (bright)
  
*/


@media (min-width: 1050px) {
	body {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b69fd5+1,49306b+100 */
		background: #0070da; /* blue */
		background: -moz-linear-gradient(-70deg, #0070da 1%, #da0070 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-90deg, #0070da 1%,#da0070 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(110deg, #0070da 1%,#da0070 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0070da', endColorstr='#da0070',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		color: #000; /* very dark teal */
		margin: 0;
		font-size: 1em;
		font-size: 100%; /* required for IE browsers */
		height: 100%;
		position: relative;
		z-index: 1;
	}
}
@media (max-width: 1049px) {
	body {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: #0070da; /* Old browsers */
		color: #000; /* very dark teal */
		margin: 0;
		font-size: 1em;
		font-size: 100%; /* required for IE browsers */
		height: 100%;
		position: relative;
		z-index: 1;
	}
}

/*
    Max Width on the Website 1050px
-------------------------------------------------------------------------------------- */

@media (min-width: 1051px) {
	div.topAndBottomFade {
		width: 1051px;
		margin: 0 auto;
		height: 20px;
		background: transparent url('../layout/white-fade.png') no-repeat center center;
		z-index: 2;
	}
	div.mainContainer {
		width: 1051px;
		margin: 0 auto;
		-webkit-box-shadow: #000 0 1px 16px;
		   -moz-box-shadow: #000 0 1px 16px;
				box-shadow: #000 0 1px 16px;
		z-index: 4;
	}
}

/*
    layout
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	#contactrow {
		color: #fff;
		height: 60px;
		text-align: center;
		font-size: 1.5em;
		line-height: 60px;
	}
	
	#logorow {
		height: 220px;
		text-align: center;
	}
	
	img.logoinheader {
		height: 180px;
		margin-top: 20px;
	}
	
	img.logoinfooter {
		width: 70%;
		margin: 0 0 30px 0;
	}
	
	#footerrow {
		color: #fff;
		height: 60px;
		font-size: 1.25em;
		text-align: left;
		line-height: 60px;
	}
}
@media (max-width: 767px) {
	#contactrow {
		display: none;
	}
	
	#logorow {
		height: 120px;
		text-align: center;
	}
	
	img.logoinheader {
		height: 90px;
		margin-top: 15px;
	}
	
	img.logoinfooter {
		width: 60%;
		margin: 0 0 20px 0;
	}
	
	#footerrow {
		color: #fff;
		height: 70px;
		font-size: 1.25em;
		text-align: left;
		margin-bottom: 3px; /* shows blue background, like a border */
		padding-top: 15px;
	}
}

/*
    The Basics
-------------------------------------------------------------------------------------- */

.cntr {
	text-align: center;
}

.textgoright {
	text-align: right;
}

.floatLeft {
   float: left;
   margin-right: 20px;
}

.floatRight {
   float: right;
   margin-left: 20px;
}

img {
	border: none;
}

@media (min-width: 768px) {
	.hidemewhenlarge {
		display: none;
	}
}
@media (max-width: 767px) {
	.hidemewhensmall {
		display: none;
	}
}
@media (min-width: 401px) {
	.hideover400 {
		display: none;
		position: relative;
	}
}
@media (max-width: 400px) {
	.hideunder400 {
		display: none;
	}
}

/*
    text, p, h1, etc.
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	h1 {
		font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
		letter-spacing: 3px;
		font-size: 6em;
		font-weight: 800;
		padding-bottom: 30px;
		text-rendering: optimizeLegibility;
		text-shadow: 3px 3px 0px #fff, 6px 6px 0px rgba(0, 0, 0, 0.1);
	}
	
	h2 {
		font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
		font-size: 4em;
		font-weight: 700;
		margin: 30px 0;
		letter-spacing: 1px;
	}
	
	ul.donow {
		font-size: 1.5em;
	}
	
	li.donow {
		color: #da0070; /* pink */
	}
}
@media (max-width: 767px) {
	h1 {
		font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		font-size: 4em;
		font-weight: bold;
		padding-bottom: 30px;
		text-rendering: optimizeLegibility;
		text-shadow: -2px 2px 0 #fff, -4px 4px 0 rgba(0, 0, 0, 0.1);
	}
	
	h2 {
		font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
		font-size: 3em;
		font-weight: bold;
		margin: 25px 0;
		letter-spacing: 1px;
	}
}

h3, h4 {
	font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	margin: 30px 0;
	letter-spacing: 1px;
}

p {
	font-size: 1.5em;
	text-align: justify;
}

hr {
	border: 1px solid #0070da; /* blue */
}

.bold {
	font-weight: bold;
}

.itext {
	font-style: italic;
}

.textleft {
	text-align: left;
}

.textsmall {
	font-size: 0.875em;
}

.textmedium {
	font-size: 1.125em;
}

.textmedium2 {
	font-size: 1.25em;
}

.textlarge {
	font-size: 1.5em;
}

.textwhite {
	color: #fff;
}
.textblack {
	color: #000;
}
.textgray {
	color: #666; /* med gray */
}
.textred {
	color: #f00; /* red */
}
.textpink {
	color: #da0070; /* pink */
}
.textblue {
	color: #0070da; /* blue in logo */
}

.iconColor {
	color: #da0070; /* pink */
}
.iconColorLineH {
	line-height: 45px;
	font-size: 1.25em;
}

/* top of each page */
.iconsocial {
	font-size: 18px;
	margin-right: 12px;
	padding-top: 20px;
}

/* bottom of each page */
.iconsociallarge {
	font-size: 22px;
	margin-right: 18px;
	padding-top: 10px;
}

/* index page */
.boxheaderindex {
	font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
	color: #da0070; /* pink */
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 1px;
	font-weight: 700;
	margin-bottom: 20px;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (min-width: 768px) {
	.textfadewhitelarge {
		color: #fff;
		font-style: italic;
		font-weight: 800;
		font-size: 5em;
		margin-top: 100px;
		letter-spacing: 2px;
		text-shadow: 0 3px 8px #000;
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
	}
}

@media (max-width: 767px) {
	.textfadewhitelarge {
		color: #fff;
		font-style: italic;
		font-weight: 800;
		font-size: 3.5em;
		margin-top: 50px;
		letter-spacing: 2px;
		text-shadow: 0 3px 8px #000;
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
	}
}

/*
    background colors
-------------------------------------------------------------------------------------- */

.bgblack {
	background-color: #000; /* black */
}
.bgwhite {
	background-color: #fff; /* white */
}
.bgltgray {
	background-color: #ccc; /* lt gray */
}
.bgextraltgray {
	background-color: #f0f0f0; /* extra lt gray */
}
.bgdkgray {
	background-color: #333; /* dk gray */
}

.bggradientlight {
	background-color: #f5f5f5; /* X lt gray */
	background-image: -moz-linear-gradient(top, #f5f5f5, #ccc); /* top color first, then bottom color */
	background-image: -ms-linear-gradient(top, #f5f5f5, #ccc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#ccc));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ccc);
	background-image: -o-linear-gradient(top, #f5f5f5, #ccc);
	background-image: linear-gradient(top, #f5f5f5, #ccc);
}

.bggradientmedium {
	background-color: #9b9b9b; /* med gray */
	background-image: -moz-linear-gradient(top, #9b9b9b, #666); /* top color first, then bottom color */
	background-image: -ms-linear-gradient(top, #9b9b9b, #666);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9b9b9b), to(#666));
	background-image: -webkit-linear-gradient(top, #9b9b9b, #666);
	background-image: -o-linear-gradient(top, #9b9b9b, #666);
	background-image: linear-gradient(top, #9b9b9b, #666);
}

.bgwhitetograygradient {
	background-color: #fff; /* white */
	background-image: -moz-linear-gradient(top, #fff, #ebebeb); /* top color first, then bottom color */
	background-image: -ms-linear-gradient(top, #fff, #ebebeb);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebebeb));
	background-image: -webkit-linear-gradient(top, #fff, #ebebeb);
	background-image: -o-linear-gradient(top, #fff, #ebebeb);
	background-image: linear-gradient(top, #fff, #ebebeb);
}

.bggradientlefttoright {
	background-color: #d8d8d8; /* blue */
	background-image: -moz-linear-gradient(to right, #d8d8d8, #d0e5f8); /* left color first, then right color */
	background-image: -ms-linear-gradient(to right, #d8d8d8, #d0e5f8);
	background-image: -webkit-linear-gradient(to right, #d8d8d8, #d0e5f8);
	background-image: -o-linear-gradient(to right, #d8d8d8, #d0e5f8);
	background-image: linear-gradient(to right, #d8d8d8, #d0e5f8);
}

.bggradientrighttoleft {
	background-color: #d8d8d8; /* blue */
	background-image: -moz-linear-gradient(to right, #d0e5f8, #d8d8d8); /* left color first, then right color */
	background-image: -ms-linear-gradient(to right, #d0e5f8, #d8d8d8);
	background-image: -webkit-linear-gradient(to right, #d0e5f8, #d8d8d8);
	background-image: -o-linear-gradient(to right, #d0e5f8, #d8d8d8);
	background-image: linear-gradient(to right, #d0e5f8, #d8d8d8);
}

/*
    Images
-------------------------------------------------------------------------------------- */

@media (min-width: 401px) {
	/* large image on index page */
	.imgfull01 {
		/* ------------ Handshake over iPhone Image ---------------- */
		background: #d5e2e7 url('../images/handshake.jpg') no-repeat center center; /* lt teal */
		height: 500px;
		position: relative;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
		-webkit-box-shadow: inset 0 0 15px #000;
		   -moz-box-shadow: inset 0 0 15px #000;
				box-shadow: inset 0 0 15px #000;
	}
	
	/* half image on all other pages */
	.imgHalf {
		/* ------------ HTML coding Image ---------------- */
		background: #d5e2e7 url('../images/code-sml.jpg') no-repeat center center; /* lt teal */
		height: 250px;
		position: relative;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
		-webkit-box-shadow: inset 0 0 15px #000;
		   -moz-box-shadow: inset 0 0 15px #000;
				box-shadow: inset 0 0 15px #000;
	}
}

@media (max-width: 400px) {
	/* large image on index page, for smartphones */
	.imgfull01 {
		/* ------------ Handshake over iPhone Image ---------------- */
		background: #d5e2e7 url('../images/handshake-sml.jpg') no-repeat center center; /* lt teal */
		height: 400px;
		position: relative;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
		-webkit-box-shadow: inset 0 0 15px #000;
		   -moz-box-shadow: inset 0 0 15px #000;
				box-shadow: inset 0 0 15px #000;
	}
	
	/* half image on all other pages */
	.imgHalf {
		/* ------------ HTML coding Image ---------------- */
		background: #d5e2e7 url('../images/code-sml.jpg') no-repeat center center; /* lt teal */
		height: 200px;
		position: relative;
		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
		-webkit-box-shadow: inset 0 0 15px #000;
		   -moz-box-shadow: inset 0 0 15px #000;
				box-shadow: inset 0 0 15px #000;
	}
}

.imgsqrheight {
	height: 263px;
}

/* 1 of 8 square images on the home page */
.imgsqr001 {
    /* ------------ Refuge Wilderness Adventures ---------------- */
	background: #d5e2e7 url('../images/c_refuge.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr002 {
    /* ------------ EGACT ---------------- */
	background: #f0f0f0 url('../images/c_egact.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr003 {
    /* ------------ Exec Fertility ---------------- */
	background: #d5e2e7 url('../images/c_tsons.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr004 {
    /* ------------ Valley Wood Window ---------------- */
	background: #f0f0f0 url('../images/c_valley_wood.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr005 {
    /* ------------ Scanbabies ---------------- */
	background: #d5e2e7 url('../images/c-scanbabies.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr006 {
    /* ------------ barn at dusk ---------------- */
	background: #f0f0f0 url('../images/sqr006.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr007 {
    /* ------------ mansion front ---------------- */
	background: #d5e2e7 url('../images/sqr007.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

/* 1 of 8 square images on the home page */
.imgsqr008 {
    /* ------------ barn and star ---------------- */
	background: #f0f0f0 url('../images/sqr008.jpg') no-repeat center center;
	position: relative;
    -webkit-background-size: cover;
       -moz-background-size: cover;
	     -o-background-size: cover;
            background-size: cover;
}

@media (min-width: 768px) {
	.boxfloatblock {
		float: left;
		width: 25%;
		margin: 0;
		padding: 0;
		height: 263px;
		border: none;
	}
	
	/* movement of the right arrow icon on index page */
	.boxfloatlabel {
		background: rgba(0, 0, 0, 0.7);
		width: 100%;
		text-align: center;
		position: absolute;
		top: 253px;
		left: 0;
		height: 0px;
		overflow: hidden;
		padding: 0 10px;
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
		     -o-transition: all 0.5s ease;
		        transition: all 0.5s ease;
	}
	/* movement of the right arrow icon on index page */
	.boxfloatblock:hover .boxfloatlabel {
		height: 100px;
		padding: 20px 10px;
		border-top: 1px solid #da0070; /* pink */
		-webkit-transform: translateY(-100px);
		   -moz-transform: translateY(-100px);
		    -ms-transform: translateY(-100px);
		     -o-transform: translateY(-100px);
		        transform: translateY(-100px);
	}
	.boxfloatlabeltext {
		color: #fff;
		font-weight: bold;
		font-size: 1.75em;
		text-shadow: 0 1px 0 #000;
	}
	
	/* map on each page, bottom one third of width */
	.googlemap-third {
		position: relative;
		height: 350px;
		overflow: hidden;
		border: none;
	}
	
	.borderright {
		margin-top: 30px;
		margin-bottom: 10px;
		height: 300px;
		border-right: 1px solid #f5f5f5; /* very lt gray */
	}
}
@media (max-width: 767px) {
	.boxfloatblock {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
		height: 300px;
		border: none;
	}
	
	.boxfloatlabel {
		color: #fff;
		letter-spacing: 2px;
		font-size: 3em;
		font-weight: 700;
		text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 5px #000; /* black */
		padding: 100px 20px 20px 20px;
		text-align: center;
	}
	
	.googlemap-third {
		position: relative;
		height: 300px;
		overflow: hidden;
		border: none;
	}
	
	.borderright {
		border-right: none;
	}
}

@media (max-width: 400px) {
	.boxfloatblock {
		float: left;
		width: 50%;
		margin: 0;
		padding: 0;
		height: 200px;
		border: none;
	}
	
	.googlemap-third {
		position: relative;
		height: 250px;
		overflow: hidden;
		border: none;
	}
	
	.borderright {
		border-right: none;
	}
	
	.labeltextonlysmallscreen {
		color: #da0070; /* pink */
		font-size: 1.75em;
		font-weight: bold;
		padding: 0 20px;
		letter-spacing: 1px;
	}
	.urlonsmallscreen {
		color: #000;
		padding: 0 20px;
		font-size: 1.125em;
	}
	
	.iconarrowpointleft {
		color: #d8d8d8;
		font-size: 40px;
		position: relative;
		top: 75px;
		left: -39px;
		text-shadow: 1px 0 #000; /* black */
		-webkit-transform: rotate(180deg);
		   -moz-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		     -o-transform: rotate(180deg);
		        transform: rotate(180deg);
	}
	.iconarrowpointright {
		color: #d8d8d8;
		text-shadow: 1px 0 #000; /* black */
		font-size: 40px;
		position: relative;
		top: 75px;
		right: -39px;
		z-index: 99;
	}
		
}
.boxclear {
	clear: both;
}

.googlemap-third iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* images that need a border */
img.portfolioborder {
	border: 1px solid #ccc; /* lt gray */
	width: 200px;
	padding: 3px;
}

/*
    Navigation bar
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	#navigation {
		position: relative;
		margin: 0;
		padding: 0;
		background: inherit;
		font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
	}
}

@media (max-width: 767px) {
	#navigation {
		position: relative;
		background: rgba(0, 0, 0, 0.6);
		height: 53px;
		margin: 0;
		font-family: 'century gothic', 'avant garde', century, Arial, Helvetica, sans-serif;
		padding: 10px 0;
	}
}
.navbarx {
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
}

.navbarx a {
    float: left;
    font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 18px 20px;
    text-decoration: none;
	border-bottom: 1px solid transparent;
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
       -moz-transition: background 0.5s, color 0.5s; /* Mozilla */
	     -o-transition: background 0.5s, color 0.5s; /* Opera */
            transition: background 0.5s, color 0.5s;
}

.dropdownx {
    float: left;
    overflow: hidden;
}

.dropdownx .dropbtnx {
    font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;   
    border: none;
    outline: none;
    color: #fff;
    padding: 18px 20px;
    background: rgba(0, 0, 0, 0.0); /* must stay 0.0 */
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
       -moz-transition: background 0.5s, color 0.5s; /* Mozilla */
	     -o-transition: background 0.5s, color 0.5s; /* Opera */
            transition: background 0.5s, color 0.5s;
}

.navbarx a:hover, .dropdownx:hover .dropbtnx {
    background: rgba(204, 204, 204, 0.9); /* lt teal #cae1e8 */
	color: #da0070; /* pink */
	border-bottom: 1px solid #da0070; /* pink */
}

.dropdown-contentx {
    display: none;
    position: absolute;
    background-color: #d8d8d8; /* x lt gray */
    min-width: 170px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	   -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
	        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8);
    z-index: 5;
}

.dropdown-contentx a {
    float: none;
    color: #000; /* black */
	border-top: 1px solid #d0e5f8; /* lt blue */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	-webkit-transition: background 0.5s, color 0.5s; /* Safari */
       -moz-transition: background 0.5s, color 0.5s; /* Mozilla */
	     -o-transition: background 0.5s, color 0.5s; /* Opera */
            transition: background 0.5s, color 0.5s;
}

.dropdown-contentx a:hover {
    background-color: #da0070; /* pink */
	border-top: 1px solid #da0070; /* pink */
	color: #fff;
}

.dropdownx:hover .dropdown-contentx {
    display: block;
}

/*
    padding and buffers
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	/* padding the entire ROW */
	.padwhitebox {
		padding: 20px 0 50px 0;
	}
	/* padding just the DIV */
	.paddiv {
		padding: 0;
	}
	p.padparagraph {
		padding: 0;
	}
	.padmiddlecontent {
		padding: 30px 20px;
	}
	.padPLeft {
		padding-left: 30px;
	}
	
	/* paragraph padding (Agreement Levels page) */
	.padding-extra {
		padding: 0 80px;
	}
}
@media (max-width: 767px) {
	.padwhitebox {
		padding: 30px 0;
	}
	.paddiv {
		padding: 10px 0;
	}
	p.padparagraph {
		padding: 0 25px;
	}
	.padmiddlecontent {
		padding: 20px;
	}
	.padPLeft {
		padding: 30px;
	}
	
	/* paragraph padding (Agreement Levels page) */
	.padding-extra {
		padding: 0 60px;
	}
}


/*
    CIRCLE icons on home page, and the boxes too
-------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.boxForCircleIcons {
		position: relative;
		background-color: #d0e5f8; /* X LT blue */
		background-image: -moz-linear-gradient(top, #d8d8d8, #d0e5f8); /* top color first, then bottom color */
		background-image: -ms-linear-gradient(top, #d8d8d8, #d0e5f8);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d8d8d8), to(#d0e5f8));
		background-image: -webkit-linear-gradient(top, #d8d8d8, #d0e5f8);
		background-image: -o-linear-gradient(top, #d8d8d8, #d0e5f8);
		background-image: linear-gradient(top, #d8d8d8, #d0e5f8);
		text-align: center;
		width: 90%;
		margin: 80px auto 0 auto;
		padding: 0 20px 20px 20px;
		-webkit-box-shadow: 0 2px 6px #041013; /* teal black */
	       -moz-box-shadow: 0 2px 6px #041013; /* teal black */
	            box-shadow: 0 2px 6px #041013; /* teal black */
	}
	
	.iconcircle {
		position: relative;
		top: -50px;
		cursor: pointer;
		background: rgba(208, 229, 248, 1.0); /* X lt blue #d0e5f8 */
		-webkit-transition: background 0.5s, color 0.5s; /* Safari */
           -moz-transition: background 0.5s, color 0.5s; /* Mozilla */
	         -o-transition: background 0.5s, color 0.5s; /* Opera */
                transition: background 0.5s, color 0.5s;
		color: #da0070; /* pink */
		padding: 25px;
		font-size: 4em;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		        border-radius: 50%;
		border: 5px solid #fff;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
		   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	}
	
	.iconcircle:hover {
		color: #fff;
		background: rgba(0, 0, 0, 0.6);
	}
}
@media (max-width: 767px) {
	.boxForCircleIcons {
		position: relative;
		background-color: #d0e5f8; /* X LT blue */
		background-image: -moz-linear-gradient(top, #d8d8d8, #d0e5f8); /* top color first, then bottom color */
		background-image: -ms-linear-gradient(top, #d8d8d8, #d0e5f8);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d8d8d8), to(#d0e5f8));
		background-image: -webkit-linear-gradient(top, #d8d8d8, #d0e5f8);
		background-image: -o-linear-gradient(top, #d8d8d8, #d0e5f8);
		background-image: linear-gradient(top, #d8d8d8, #d0e5f8);
		text-align: center;
		width: 95%;
		margin: 90px auto 0 auto;
		padding: 20px;
		-webkit-box-shadow: 0 2px 4px #000; /* black */
	       -moz-box-shadow: 0 2px 4px #000; /* black */
	            box-shadow: 0 2px 4px #000; /* black */
	}
	
	.iconcircle {
		position: relative;
		top: -70px;
		cursor: pointer;
		background: rgba(208, 229, 248, 1.0); /* X lt blue #d0e5f8 */
		-webkit-transition: background 0.5s, color 0.5s; /* Safari */
           -moz-transition: background 0.5s, color 0.5s; /* Mozilla */
	         -o-transition: background 0.5s, color 0.5s; /* Opera */
                transition: background 0.5s, color 0.5s;
		color: #da0070; /* pink */
		padding: 25px;
		font-size: 3.5em;
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
		        border-radius: 50%;
		border: 5px solid #fff;
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
		   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
		        box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
	}
	
	.iconcircle:hover {
		color: #fff;
		background: rgba(0, 0, 0, 0.6);
	}
}

/*
    buttons and links
-------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
}

a.yesunderline {
	text-decoration: underline;
}

/* bottom of each page, links to Contact page */
a.emaillink:link, a.emaillink:visited {
	color: #000; /* black */
	text-decoration: underline;
	font-size: 1em;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
}
a.emaillink:hover, a.emaillink:active {
	color: #da0070; /* pink */
}

/* WHITE links */
a.wlink:link, a.wlink:visited {
	color: #fff;
	font-size: 1em;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
}
a.wlink:hover, a.wlink:active {
	color: #da0070; /* pink */
}

/* BLUE links */
a.bluelink:link, a.bluelink:visited {
	color: #0070da; /* blue */
	text-decoration: underline;
	font-size: 1em;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
}
a.bluelink:hover, a.bluelink:active {
	color: #da0070; /* pink */
}

/* WHITE link for phone number because of Apple! */
a.applelink:link, a.applelink:visited, a.applelink:active {
	color: #fff;
	cursor: text;
	text-decoration: none;
}
a.applelink:hover {
	color: #fff;
	text-decoration: none;
}

/* BLACK link for phone number because of Apple! */
a.applelinkblack:link, a.applelinkblack:visited, a.applelinkblack:active {
	color: #000; /* black */
	cursor: text;
	text-decoration: none;
}
a.applelinkblack:hover {
	color: #000; /* black */
	text-decoration: none;
}

/* WHITE links */
a.sociallink:link, a.sociallink:visited, a.sociallink:active {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
}
a.sociallink:hover {
	color: #da0070; /* pink */
}

/* BLACK links */
a.sociallinkblack:link, a.sociallinkblack:visited, a.sociallinkblack:active {
	color: #000; /* black */
	text-decoration: none;
	-webkit-transition: color 0.5s ease; /* Safari */
       -moz-transition: color 0.5s ease; /* Mozilla */
	     -o-transition: color 0.5s ease; /* Opera */
            transition: color 0.5s ease;
}
a.sociallinkblack:hover {
	color: #da0070; /* pink */
}

/* DIV that holds the button that brings user back to top of the page */
div.holdicon {
	background-color: #0070da; /* blue */
    background-image: -moz-radial-gradient(circle, #da0070, #0070da); /* inner color first, then outer color */
    background-image: -ms-radial-gradient(circle, #da0070, #0070da);
    background-image: -webkit-radial-gradient(circle, #da0070, #0070da);
    background-image: -o-radial-gradient(circle, #da0070, #0070da);
    background-image: radial-gradient(circle, #da0070, #0070da);
	position: fixed;
	bottom: 25px;
	right: 30px;
	z-index: 500;
	text-shadow: 0 1px 0 #000; /* black */
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
/* button brings user back to top of the page */
a.backtotoparrow {
	color: #fff; /* white */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 50px;
	width: 50px;
	font-size: 1.75em;
}

/* glyphicons-PRO set for social media http://glyphicons.com/ */
@font-face{font-family:'Glyphicons Social';src:url('../fonts/glyphicons-social-regular.eot');src:url('../fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-social-regular.woff2') format('woff2'),url('../fonts/glyphicons-social-regular.woff') format('woff'),url('../fonts/glyphicons-social-regular.ttf') format('truetype'),url('../fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg')}.social{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Social';font-style:normal;font-weight:normal;line-height:1;vertical-align:top;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.social.x05{font-size:12px}.social.x2{font-size:48px}.social.x3{font-size:72px}.social.x4{font-size:96px}.social.x5{font-size:120px}.social.light:before{color:#f2f2f2}.social.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}.social.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.social.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}.social.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.social.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.social.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.social-pinterest:before{content:"\E001"}.social-dropbox:before{content:"\E002"}.social-google-plus:before{content:"\E003"}.social-jolicloud:before{content:"\E004"}.social-yahoo:before{content:"\E005"}.social-blogger:before{content:"\E006"}.social-picasa:before{content:"\E007"}.social-amazon:before{content:"\E008"}.social-tumblr:before{content:"\E009"}.social-wordpress:before{content:"\E010"}.social-instapaper:before{content:"\E011"}.social-evernote:before{content:"\E012"}.social-xing:before{content:"\E013"}.social-zootool:before{content:"\E014"}.social-dribbble:before{content:"\E015"}.social-deviantart:before{content:"\E016"}.social-read-it-later:before{content:"\E017"}.social-linked-in:before{content:"\E018"}.social-forrst:before{content:"\E019"}.social-pinboard:before{content:"\E020"}.social-behance:before{content:"\E021"}.social-github:before{content:"\E022"}.social-youtube:before{content:"\E023"}.social-skitch:before{content:"\E024"}.social-foursquare:before{content:"\E025"}.social-quora:before{content:"\E026"}.social-badoo:before{content:"\E027"}.social-spotify:before{content:"\E028"}.social-stumbleupon:before{content:"\E029"}.social-readability:before{content:"\E030"}.social-facebook:before{content:"\E031"}.social-twitter:before{content:"\E032"}.social-instagram:before{content:"\E033"}.social-posterous-spaces:before{content:"\E034"}.social-vimeo:before{content:"\E035"}.social-flickr:before{content:"\E036"}.social-last-fm:before{content:"\E037"}.social-rss:before{content:"\E038"}.social-skype:before{content:"\E039"}.social-e-mail:before{content:"\E040"}.social-vine:before{content:"\E041"}.social-myspace:before{content:"\E042"}.social-goodreads:before{content:"\E043"}.social-apple:before{content:"\F8FF"}.social-windows:before{content:"\E045"}.social-yelp:before{content:"\E046"}.social-playstation:before{content:"\E047"}.social-xbox:before{content:"\E048"}.social-android:before{content:"\E049"}.social-ios:before{content:"\E050"}.social-wikipedia:before{content:"\E051"}.social-pocket:before{content:"\E052"}.social-steam:before{content:"\E053"}.social-souncloud:before{content:"\E054"}.social-slideshare:before{content:"\E055"}.social-netflix:before{content:"\E056"}.social-paypal:before{content:"\E057"}.social-google-drive:before{content:"\E058"}.social-linux-foundation:before{content:"\E059"}.social-ebay:before{content:"\E060"}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}