@charset "UTF-8";
/* CSS Document */
.hmy-content-wrapper .full-height {
	min-height: 100vh;
}
.hmy-content-wrapper.intro {
	min-height : 100vh;
	/*border-bottom : 1px solid;*/
}
.frameborder {
	border: 0;
}
.section-paragraph {
	padding-left: 100px !important;
}
.section-paragraph-right {
	padding-right: 100px !important;
}
/* stars on the form */
.top-pad {
	padding-top: 24px;
}
.header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 10;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.60);
}
.smalltext {
	font-size: .9em;
	padding: 0 0 20px 0;
}


/* This is the main heading on home page at the top */

h1#heading-top-panel {
	color: #fff;
	text-align: center;
	font-family: 'Paytone One', sans-serif;		
	font-size: 6.5rem;
	font-weight: 400;
	line-height: 1;
	font-style: normal;
	margin: 0 0 .15em 0;
	padding: 0;
}
.intro-text {
	color: #FFF!important;
	padding-top: 0;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Comfortaa', cursive;
	font-size: 1.35rem;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
}
.intro-text-black {
	color: #111111;
	letter-spacing: .01em;
	padding-top: 0;
	padding-bottom: 10px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Comfortaa', cursive;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 35px;
}

.p7HMY img.floating-floatron {
	height: auto;
	width: 100%;
	display: block;
	position: absolute;
	right:  20px;
	max-width: 270px;
	bottom: 20px;
}




ul, ol {
	padding-left:15px;
	margin-left: 15px;
}
.quote {
	font-size: 22px;
	font-weight: 400;
	padding-top: 12px;
}
blockquote {
	font-size : 1.5rem;
	line-height : 1.2em;
	font-weight : bold;
	font-style : normal;
	text-indent : 0;
	font-family: 'Paytone One', sans-serif;
	color: #1DAEEB;
}
blockquote span {
	font-size : 1.6rem;
}
blockquote:after {
	content : "\2013 \2003" attr(cite);
	display : block;
	text-align : right;
	font-size : 0.75em;
	color : #1DAEEB;
}
blockquote:after {
	content : "\2013 \2003" attr(cite);
	display : block;
	text-align : right;
	font-size : 0.75em;
	color : #1DAEEB;
}
/* this is the scroll down cirle with arrow */
a:hover .left, a:hover .top, a:hover .bottom, a:hover .right{
	border: 0.5em solid #FFFF00;
}
a:hover .left:after, a:hover .top:after, a:hover .bottom:after, a:hover .right:after {
	border-top: 0.5em solid #FFFF00;
	border-right: 0.5em solid #FFFF00;
}
.bottom {
	display: inline-block;
	width: 4em;
	height: 4em;
	border: 0.5em solid #fff;
	border-radius: 50%;
	margin-left: 0.75em;
	margin-bottom: 40px;
}
.bottom:after {
	content: '';
	display: inline-block;
	margin-top: 0.6em;
	margin-bottom: 40px;
	width: 1em;
	height: 1em;
	border-top: 0.5em solid #fff;
	border-right: 0.5em solid #fff;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* end of scroll arrow element*/
.centered {
	text-align: center;
}

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

.add-bottom-margin { margin-bottom: 20px; }

/* This little headng appears above the main h1 on home page  */

.above-heading {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #FFF;
	letter-spacing: 4px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	/*border-bottom: 2px solid #fff;
	border-bottom-width: thin;
	*/
}

.highlight {
	display: inline-block;
	padding: .35em;
	background: #30A2FF;
	color: #FFF;
	border: 1px solid #666;
	border-radius: 4px;
	font-size: .9em;
}
.blue {
	color: #30A2FF;
}
.green {
	color: #52A447;
}

.morepad {
	padding: 1.5em 0;
}
.lesspad {
	padding: 0;
	margin: 0;
}
.hmy-content .extra {
	padding : 0 20px 0 0;
	font-size : 80%;
}
.image-caption {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0.10em;
}
.image-description {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
font-family: 'Comfortaa', cursive;
}
.centered-link {
	text-align: center;
}
/* testimonial section */
/* first, the horizontal rule decoration */
.testimonial {
	border : 0;
	height : 0;
	border-top : 1px solid rgb(0, 0, 0, 0.1);
	border-bottom : 1px solid rgb(255, 255, 255, 0.3);
	width : 65%;
}
/*then the attributions on testimonial page*/

.attribution-testimonial-page {
	font-family: 'Comfortaa', cursive;
	font-style: normal;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #333333;
	text-transform: capitalize;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 24px;
}

/* attributions on home page */

.attribution {
	font-family: 'Comfortaa', cursive;
	font-style: normal;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: capitalize;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 24px;
}
.horizontal-rule {
	border : 0;
	height : 0;
	border-top : 1px solid rgb(0, 0, 0, 0.1);
	border-bottom : 1px solid rgb(255, 255, 255, 0.3);
	width : 65%;
	margin-top: 10px;
	margin-bottom: 0;
}
/*.dollar:before {
	content: '$';
	font-size: 0.6em;
	vertical-align: top;
}
*/
.small {
	font-size: 75%;
	vertical-align: top;
}
.cart-text {
	font-size: .8em;
	color: #666666;
	padding: 0 30px 0 0;
	margin: 0;
}
.smalltext {
	font-size: 16px;
}
.contact .hmy-content {
	width: 100%;
	padding: 20px;
}
#p7HMY_4 div.hmy-section{
	flex-basis: 50% !important;
}
/* top logo, sale, and footer logo customizations */
img.z-logo, .footer-logo {
	max-height: 60px;
}
.logo .hmy-content {
	padding: 10px 0px 7px 60px;
}
img.usa {
	max-height: 90px;
}
.usa {
	padding: 20px 0px 7px 0px;
}
.z-logo a:link {
	text-decoration: none;
}


.hmy-section.logo a {
	transition: all linear .5s;
	color: #0061AF;
	text-decoration: none;
	border-bottom: none;
	font-weight: 700;
}


/* the panel images */
.top-panel {
	background-image:url(images/blue-gradient-test-2.jpg);
	background-repeat: no-repeat;
	background-position:  center;
	background-attachment: fixed;
	background-size: cover;
}
.banner-01 {
	background: url(images/flag-3.jpg);
	background-repeat: no-repeat;
	background-position: center right;
	background-attachment: fixed;
	background-size: cover;

}


.banner-02 {
	background-image: url(images/pool-with-floatron.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	background-size: cover;
}

.banner-03 {
	background-image: url(images/pool-with-floatron-overlay.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	background-size: cover;
}

/* the widths of sections */

.fancy {
	box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.3);
	border-radius: 8px;
}
.max-516 {
	max-width: 516px;
	margin: auto;
}
.max-720 .hmy-content {
	max-width : 720px;
	margin : auto;
}
.max-960 .hmy-content {
	max-width: 960px;
	margin: auto;
}
.max-1000 .hmy-content {
	max-width: 1000px;
	margin : auto;
}

.max-1200 .hmy-content {
	max-width: 1200px;
	margin: auto;
}
.max-1060 .hmy-content {
	max-width: 1060px;
	margin: auto;
}
/* title for paragraphs with picturess */
p.title {
	font-family: 'Comfortaa', cursive;
	font-size: 20px;
	font-weight: 400;
	color: #888888;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	font-style: italic;
	text-align: left;
	margin: 0;
	padding: 0;
}
/* 5 stars */
img.stars {
	max-height: 100px;
	padding: 15px 0 15px 0;
	margin: 20px 0 10px 0;
}

.white {
	color: #FFF;
}


h2.white {
	color: #FFFFFF;
	font-size: 4rem;
}

h3.white {
	color: #FFFFFF;
}

h3.black {
	color: #171717;
}


.text-shadow {
		text-shadow: 1px 1px 2px #222;

}

.footer-menu a:link {
	color: #0061AF;
	text-align: center;
	font-size: .7em;
}
.footer-menu a:hover {
	color: #0061AF;
	text-decoration: none;
}
.footer-menu a:active {
	color: #0061AF;
}
.copyright-text {
	font-size: .8em;
	color: #666;
	padding: 0;
}
#p7HMY_4 div.hmy-section{
	flex-basis: 50% !important;
}



/* media queries */





@media only screen and (min-width: 0px) and (max-width: 720px) {
	p, li {
		font-size: 20px;
		line-height: 1.6;
	}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	#p7HMY_4 div.hmy-section p {
		text-align: center!important;
	}
	
}



@media only screen and (min-width: 0px) and (max-width: 720px) {
	#p7HMY_4 div.hmy-section{
		flex-basis: 100% !important;
		
	}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	p.title{
		text-align: center;
		
	}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	.top-panel {
		background-image:url(images/blue-gradient-test-2.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: auto;
		background-position: top left ;
	}
}


@media only screen and (min-width: 0px) and (max-width: 720px) {
	img.z-logo, .footer-logo {
		max-height: 60px;
		float: none;
		display: flex;
		justify-content: center;
	}
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.logo .hmy-content {
		padding: 10px 0 5px 0;
		float: none;
		display: flex;
		justify-content: center;
	}
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.above-heading {
		font-size: 14px;
		margin: auto;
		font-weight: bold;
		color: #FFF;
		letter-spacing: 2px;
		line-height: 1;
		text-transform: uppercase;
		font-family: 'Comfortaa', cursive;
		text-align: center;
		/*border-bottom: 2px solid #fff;
		border-bottom-width: thin;
		*/
	}
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
	h1#heading-top-panel {
		color: #fff;
		text-align: center;
		font-family: 'Paytone One', sans-serif;		
		font-weight: 400;
		line-height: 1;
		font-size: 55px;
		font-style: normal;
		margin: 10px 0 10px 0;
		padding: 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.intro-text {
		font-size: 20px;
		padding-top: 4px;
		padding-bottom: 10px;
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	.intro-text-black {
		font-size: 26px;
		padding-top: 4px;
		padding-bottom: 10px;
		
	}
}



@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-section h1 {
		font-size: 40px;
		line-height: 1;
		margin: 0;
		padding: 15px 0 10px 0;
		font-weight: 400;
	}
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-section h2 {
		font-size: 35px;
		padding: 10px 0 10px 0;
		margin: 10px auto;
		font-family: 'Paytone One', sans-serif;		

	}
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-section h3 {
		font-size: 35px;
		margin:  0;
		padding: .25em 0;
		text-align: center;
		font-family: 'Paytone One', sans-serif;		

	}
}
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-section h4 {
		font-size: 35px;
		text-align: center;
		margin: .45em 0;
		font-family: 'Paytone One', sans-serif;		

	}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-section h5 {
		font-size: 35px;
		text-align: center;
		margin: .45em 0;
		font-family: 'Paytone One', sans-serif;		

	}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-section p {
		
		text-align: center;
		

	}
}

/* the main content padding in a smart phone */
@media only screen and (min-width: 0px) and (max-width: 720px) {
	.hmy-content {
		padding: 13px;
	}
}


@media only screen and (min-width: 0px) and (max-width: 720px) {
	.ph-centered .p7AMM.amm-responsive li {
		text-align: center !important;
	}
	

	@media only screen and (min-width: 0px) and (max-width: 720px) {
		img.stars {
			max-height: 60px;
			padding-top: 10px;
		}
	}
	@media only screen and (min-width: 0px) and (max-width: 720px) {
		.hmy-content-wrapper.intro {
			min-height: 100vh;
			/*border-bottom: 1px solid;
			*/
		}
	}
	@media only screen and (min-width: 0px) and (max-width: 720px) {
		.image-description {
			font-size: 22px;
		}
	}
	@media only screen and (min-width: 0px) and (max-width: 600px) {
		.intro-01 {
			order: 2;
		}
		.intro-02 {
			order: 1;
		}
		.intro-03 {
			order: 3;
		}
		.intro-04 {
			order: 4;
		}
		.intro-05 {
			order: 6;
		}
		.intro-06 {
			order: 5;
		}
	}
}
/* new media queries from 09-08-23 */
@media (min-width:320px) {
	/* smartphones, iPhone, portrait 480x320 phones */
}
@media (min-width:481px) {
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width:641px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	p, li {
		font-size: 1.3rem;
		line-height: 1.6;
	}
}
@media (min-width:641px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.intro-01 {
		order: 1;
	}
	.intro-02 {
		order: 2;
	}
	.intro-03 {
		order: 3;
	}
	.intro-04 {
		order: 4;
	}
	.intro-05 {
		order: 5;
	}
	.intro-06 {
		order: 6;
	}
}
@media (min-width:641px) {
	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
	.hmy-content-wrapper.intro {
		min-height: 100vh;
		/*border-bottom: 1px solid;
		*/
	}
}
@media (min-width:961px) {
	/* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width:1025px) {
	/* big landscape tablets, laptops, and desktops */
}
@media (min-width:1281px) {
	/* hi-res laptops and desktops */
}


@media only screen and (min-width: 0px) and (max-width: 767px) {

	.hmy-content-wrapper {min-height: 0px !important;}
} 


/* phone button */

@media (max-width: 600px) {
a[href^=tel] {
display: block;
background-color: #30A2FF;
padding: 1.5em;
margin-top: 0.5em;
box-shadow: inset 0px 16px 6px rgba(255,255,255,.3);
border-radius: 5px;
text-decoration: none;
color: #ffffff!important;
font-size: 1.5em;
text-align: center;
font-weight: bold;
font-family: 'Comfortaa', cursive;
}
}

@media (max-width: 600px) {
a[href^=sms] {
display: block;
background-color: #4286DE;
padding: 1.5em;
margin-top: 0.5em;
box-shadow: inset 0px 16px 6px rgba(255,255,255,.3);
border-radius: 5px;
text-decoration: none;
color: #ffffff!important;
font-size: 1.5em;
text-align: center;
font-weight: bold;
font-family: 'Comfortaa', cursive;
}
}


a[href^="tel:"] {
color: #000;
text-decoration: none;
margin-right: 0;
display: none;
}

a[href^="sms:"] {
color: #000;
text-decoration: none;
margin-right: 0;
display: none;    
}

#desktop_phone_number{ display: block; }

#desktop_phone_number-two{ display: block; }





@media (max-width: 600px) {
	a[href^="tel:"]{ display: block; }
	a[href^="sms:"]{ display: block; }
	#desktop_phone_number{ display: none; }
	#desktop_phone_number-two{ display: none;}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .intro {
    padding-bottom: 50px;
	padding-top: 20px;  
  }
}


@media only screen and (min-width: 0px) and (max-width: 720px) {
	.p7HMY img.floating-floatron {
		display: none;
	}
	
       .tk-video-wrapper {	
		margin: 0;	
	}
}


@media only screen and (min-width: 0px) and (max-width: 720px) {
	.banner-01 {
	background: url(images/flag-3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
	background-size: auto;
	}
}


	
@media only screen and (min-width: 0px) and (max-width: 720px) {
	 .banner-03 {
		background: url(images/blue-gradient-test-2.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		background-size: auto;
		 
	}
}	

@media only screen and (min-width: 0px) and (max-width: 720px) {
	.p7AMM li a {
	font-size: 28px !important;
}
}

@media only screen and (min-width: 0px) and (max-width: 720px) {
  .morepad {padding: 0;}
}




/*makes the testimonial seciton white with blue text in mobile */

/*@media only screen and (min-width: 0px) and (max-width: 720px) {
	. { 
	background-color: #FFFFFF;
	color: #292022;
		 
}
 }	
*/

/*

@media only screen and (min-width: 0px) and (max-width: 720px) {
	.p7HMY img.floating-floatron {
	   max-width: 150px;
	   bottom: auto;
	   top: 50%;
	}
}
*/