/*
 ----------------------------- 
 PVII Typecrafters
 by Project Seven Development
 www.projectseven.com
 -----------------------------
*/

* {
	box-sizing: border-box;
}
html,
body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	font-size: 110%;
	font-family: Open Sans, sans-serif;
	font-weight:300;
	color: #333333;
	/*background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	background-color: rgba(255,255,255,0.95);
}
/*
********************************************************
       BACKGROUND IMAGE FOR SMALL PHONES
	   Turn off fixed and make smaller
********************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
	body {background-attachment: scroll; background-size: 50%;}
}

	
.trust {
	color: #999;
	line-height: 1.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.000em;
}

.headline-middle-line {border-bottom: 2px solid #edae66; width: 5%; display: inline-block; margin-left: 5px;}
.headline-middle-line-2 {border-bottom: 1px solid #889197; width: 25%; display: inline-block; margin-left: 5px;}
h1 .headline-middle-line {margin-bottom: 40px;}
h2 .headline-middle-line {margin-bottom: 5px;}
h3 .headline-middle-line {margin-bottom: 10px;}
h4 .headline-middle-line {margin-bottom: 9px;}
h5 .headline-middle-line {margin-bottom: 6px;}
h6 .headline-middle-line {margin-bottom: 3px;}

.page-title:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 50%; /* Change this to whatever width you want. */
    padding-top: 20px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
}
.blockquote {
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #f2f2f2;
    color: #555555;
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	line-height:1.5;
    font-style: italic;
    margin: 30px;
    padding: 30px;    
    text-align: center; 
} 
.blockquote5 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height:1.5;
    font-style: italic;
    margin: 30px;
    padding: 30px;    
    text-align: center; 
} 
.text-center {
	text-align: center
}

/* Lists */

	ul, ol { margin-bottom: 24px; margin-left: 3px; font-size: 90%;
	font-family: Open Sans, sans-serif; 
	font-weight:300;
	color: #333333;}
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.disc { margin-left: 20px; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; font-weight:300; }
	ul.large li { line-height: 26px; }
	li p { line-height: 26px; }
	ul.check li, li.check { background:url(../images/li-check.png) no-repeat left 2px; }
	ul.plus li, li.plus { background:url(../images/li-plus.png) no-repeat left 4px; }
	ul.minus li, li.minus { background:url(../images/li-minus.png) no-repeat left 3px; }
	ul.star li, li.star { background:url(../images/li-star.png) no-repeat left 4px; }
	ul.arrow li, li.arrow { background:url(../images/li-arrow.png) no-repeat left 4px; }
	ul.arrow2 li, li.arrow2 { background:url(../images/li-arrow2.png) no-repeat left 4px; }
	ul.square li, li.square { background:url(../images/li-square.png) no-repeat left 4px; }
	ul.circle li, li.circle { background:url(../images/li-circle.png) no-repeat left 5px; }
	ul.cross li, li.cross { background:url(../images/li-cross.png) no-repeat left 3px; }
	ul.check li, li.check, ul.plus li, li.plus, ul.minus li, li.minus, ul.star li, li.star,
	 ul.arrow li, li.arrow, ul.arrow2 li, li.arrow2, ul.square li, li.square,
	  ul.circle li, li.circle, ul.cross li, li.cross { padding:0 0 1px 16px;  } 
	  
/*END LIST*/


.ghost      {
                /* position centered */
               display:inline-block;
                position: relative;
                top: 50%;
                left:50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                /* text styles */
                font-family: Raleway, Verdana, Segoe, sans-serif;
                font-size: 1.00em;
                letter-spacing: 0.1em;
                color:#ffffff;
				background-color: #889197;
                /* modify text */
                text-decoration: none;
                text-transform:uppercase;
                text-rendering:optimizeLegibility;
                /* add a border */
                border: 1px solid #889197;
                padding:0.4em 0.6em;
                /* animate the change */
                -webkit-transition: color 300ms, background 500ms, border-color 700ms;
                transition: color 300ms, background 500ms, border-color 700ms;
            }
            .ghost:hover
            {
                background:#ffffff;
                text-decoration: none;
				border: 1px solid #889197;
                color:#333;
				text-decoration: none;
				
            }
.over-title {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style:italic;
	color:#000;
	margin-bottom:0;
	padding-bottom:0;
}

p strong {
	font-size: 112%;
}
code {
	font-family: "Courier New", Courier, monospace;
}
h1, h2, h3, h4, .dropcap {
	font-family: Open Sans, Verdana, Geneva, sans-serif;
}

/*AMM Menu Exception Rules*/
.p7AMM.root-hover-mint ul a:hover,
.p7AMM.root-hover-mint ul a:focus,
.p7AMM.root-hover-mint ul a.amm-trigger.open {
	background-color: rgb(76,182,159);
	color: #FFF;
}
.p7HMY .hmy-section .p7AMM li a,
.p7HMY .hmy-section .p7AMM.amm-responsive .amm-toolbar a {
	transition: all linear .2s;
}
.amm-fixed {
	padding: 10px 10px 0px 10px;
	background-color: rgb(34,34,34);
	border-bottom: 1px solid rgba(0,0,0,1.0);
	background: linear-gradient(90deg, rgba(34,34,34,1) 50%, rgba(34,34,34,0.85));
}

.hmy-content-wrapper.logo .hmy-content {
	padding: 20px 0px 0px 0px;
	font-size: 200%;
}
.hmy-content-wrapper.nav .hmy-content,
.hmy-content-wrapper.extra .hmy-content {
	padding: 0px 0px;
	font-size: 80%;
}
.hmy-content-wrapper.tagline .hmy-content {
	padding: 30px 10px 0px 0px;
}
span.dropcap {
	float: left;
	font-size: 5em;
	margin-right: 10px;
	padding: 0 .1em 0 0;
	display: block;
	line-height: 0.55em;
	color: #000000;
	border-right: 1px dotted #000000;
}


.hmy-content-wrapper.logo .hmy-content h1 {
	font-size: 150%;
}
.content {
	flex: 1 0 auto;
	padding: 0px 0px;
}
.flexcontainer {
   display: flex;
   flex-direction: column;
}
.footer {
	flex-shrink: 0;
	margin-top: 0px;
}
.mid-bar {
	flex-shrink: 0;
	margin-top: 0px;
}

h1 {
	margin: 0px;
}
.blurb-black {
	padding: 20px;
	background-color: #181818;
	color: #FFF;
	border-radius: 5px;
}
.hmy-section h1 {
	font-size: 3.00rem;
	font-family: Raleway, Verdana, Geneva, sans-serif;
	font-weight:300;
	
}
.hmy-section h2 {
	font-size: 2.45rem;
	font-family: Raleway, Verdana, Geneva, sans-serif;
	font-weight:300;
	
}
.hmy-section h3 {
	font-size: 1.55rem;
	font-family: Raleway, Verdana, sans-serif;
	letter-spacing: 1px;
	font-weight:300;
	
}
.hmy-section h4,  {
	font-size: 1.25rem;
	font-family: Raleway, Verdana, Geneva, sans-serif;
	font-weight:300;
	
}
.hmy-section h5 {
	font-size: 1.10rem;
	font-family: Raleway, Verdana, Geneva, sans-serif;
	font-weight:300;
	
}
@media only screen and (min-width: 0px) and (max-width: 1400px) {
	.hmy-section h1 {font-size: 3.00em; }
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.hmy-section h1 {font-size: 3.00em; }
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
	.hmy-section h1 {font-size: 2.80em; }
	.hmy-section h2 {font-size: 2.25em; }
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.hmy-section h1 {font-size: 2.20em; }
	.hmy-section h2 {font-size: 2.00em; }
}


.top-margin-100 {margin-top: 100px;}
.top-margin-36 {margin-top: 36px;}
.top-margin-24 {margin-top: 24px;}
.top-margin-12 {margin-top: 12px;}
.top-padding-10 {padding-top: 10px;}
.top-padding-20 {padding-top: 20px;}
.top-padding-30 {padding-top: 30px;}
.top-padding-60 {padding-top: 60px;}

.big {
	font-size: 130%;
}

.bleed {
	opacity: .65;
}
.text-align-right {
    text-align: right
}

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

.text-align-center {
    text-align: center
}
.color-blue {
	color: #94a0af;
}
.color-orange {
	color: #eba64d;
}
.color-red {color: #a11906;}
.orange-border-left {
	border-left:1px solid #e6e6e6;
	padding:0px 20px 0px 20px;
	margin:13px 0 0 20px;
}
.top-border-gray {
	border-top:1px solid #e6e6e6;
	
}

/*
*************************************************************************
  RESET HARMONY LINK STYLES TO COMPLETE THE REASSIGNMENT
  COPY LINK RULES BELOW TO HARMONY CSS FILE, REPLACING THE DEFAULTS
  This will auto style all links in paragraphs. For text links outside
  paragraphs, assign the text-link class directly to the link's
  <a> tag: <a class="text-link"...>
*************************************************************************
*//*
.p7HMY .hmy-section p a {border-bottom: 0px #fccc63 solid;}
.p7HMY .hmy-section p a:hover {border-bottom: 0px solid;}
.p7HMY .hmy-section a.text-link {border-bottom: 0px solid;}
.p7HMY .hmy-section a.text-link:hover {border-bottom: 0px solid;}*/

/*
************************************************************
 SET A HARMONY COLUMN TO STICKY ASSIGN CLASS "STICKY" AS A 
           SECTION USER CLASS IN HARMNONY UI
************************************************************
*/
.sticky .hmy-content {
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
}
/* Turn off Sticky for small screens */
@media only screen and (min-width: 0px) and (max-width: 768px) {
	.sticky .hmy-content {position: static;}
}
/*
************************************************************
 SLIDE IN TEXT BOX OVER HERO
************************************************************
*/
.container {
    position: relative;
    
}

.text-block {
    position: absolute;
	font-family: Raleway; 
    bottom: 65%;
    right: 0px;
    background-color: rgba(255,255,255,0.70);
	color: #000;
    padding-left: 40px;
    padding-right: 30px;
	padding-top: 40px;
	padding-bottom:40px;
}
.head {
	font-size: 3.25em;
}
.sub {
	font-size: 2.25em;
}
@media only screen and (min-width: 0px) and (max-width: 1400px) {
	.head {font-size: 2.75em; }
	.sub {font-size: 2.00em; }
	.text-block {padding-left: 30px; padding-right: 20px;}
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
	.head {font-size: 1.75em; }
	.sub {font-size: 1.05em; }
	.text-block {padding-left: 30px; padding-right: 30px;}
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
	.head {font-size: 1.75em; }
	.sub {font-size: 1.05em; }
	.text-block {padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 30px;}
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.head {font-size: 1.35em; }
	.sub {font-size: 1.00em; }
	.text-block {padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 20px;}
	
  
}
/*
****************************************************************
  You can add the user class "top-bottom-padding-48" in the
  Harmony UI to a column that you want to have more "height"
  We use it on the first column of the Calendar of Events.
****************************************************************
*/
.hmy-content-wrapper.bam-bg.top-bottom-padding-48 .hmy-content {padding: 48px 24px;}

/*
************************************
  A Special Rule to Set off some
  Text in small, spaced font.
************************************
*/
.note,
.note.red,
.note.blue {
	font-size: 65%;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: Raleway, serif;
}
.note {
	color: #FFF;
}
.note.red {
	color: #F33;
}
.note.blue {
	color: #6699CC;
}
.note.black {
	color: #000;
}
.color-blue {
	color: #c6ccd4;
}
.color-charcoal {
	color: #333333;
}
/*
********************************
Horizonital Line with symbol
*/

.lines  {
    overflow: hidden;
    text-align: center;
}
.lines:before,
.lines:after {
    background-color: #94A0AF;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.lines:before {
    right: 0.5em;
    margin-left: -50%;
}
.lines:after {
    left: 0.5em;
    margin-right: -50%;
}
/*
****************************************************************
     top-heading over h1, h2, h3
****************************************************************
*/
.top-heading {
	font-size: 65%;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: Raleway, serif;
	
}
/*
****************************************************************
      UTILITY CLASS TO ASSIGN TO IMAGES MAKING THEM
	  ROUNDED, WITH A BORDER, AND SEMI-TRANSPARENT
****************************************************************
*/


.footer-text p {
	margin: 0px;
	font-size: 80%;
	margin: 5px 0px 5px 0px;
	
	
}


img.rounded-transparent {
	border-radius: 5px;
	opacity: .77;
	border: 1px solid;
	transition: all linear .5s;
}
img.rounded-transparent:hover {
	opacity: 1;
}
img.rounded-transparent-zoom {
	border-radius: 5px;
	opacity: .77;
	transform: scale(1);
	border: 1px solid;
	transition: all linear 5s;
}
img.rounded-transparent-zoom:hover {
	opacity: 1;
	transform: scale(1.5);
}

/*
*************************************************************
                      SOCIAL ICONS
*************************************************************
*/
.social-icons img {
	filter: grayscale(1);
	opacity: .5;
	transition: all linear .5s;
	max-width: 32px;
}
.social-icons img:hover {
	filter: grayscale(0);
	opacity: 1;
}
ul.social-icons {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.social-icons li {
	list-style-type: none;
	display: inline-block;
}
.hmy-content-wrapper.social .hmy-content {
	padding: 10px 25px;
}
.hmy-content-wrapper.copyright .hmy-content {
	padding: 0px 24px 10px 24px;
}
.hmy-content-wrapper.copyright .hmy-content p {
	margin: 0px;
	font-size: 60%;
	text-transform: uppercase;
	letter-spacing: .5em;
}
.over-title {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style:italic;
	color:#000;
	margin-bottom:0;
	padding-bottom:0;
}
/*Blue Button
************************/*
.btn-ff a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    background: #565c70;
    border: 1px solid #fff;
	
    padding: 15px 30px;
    margin: 0 10px;
	text-decoration:none;
}

.btn-ff a:hover {
    background-color:#3a4258;
    color: #f2f2f2;
    text-decoration: none;
	
}

.text-blue {
	color:#565C70;
}
/*Light Button
************************/*
.btn-ff-2 a {
    display:inline-block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    background-color: rgba(255,255,255,0.40);
    border: 1px solid #fff;
	text-underline: none;
    padding: 15px 30px;
    margin: 0 10px;
	text-decoration:none;
	max-width: 200px;
}

.btn-ff-2 a:hover {
    background-color:#292e3e;
	 border: 1px solid #fff;
    color: #f2f2f2;
    text-decoration: none;
	width: 100%;
	
	
	
}


.btn-ff-3 a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    background-color: rgba(137,142,155,0.80);
    border: 1px solid #fff;
	text-underline: none;
    padding: 15px 30px;
    margin: 0 10px;
	text-decoration:none;
}

.btn-ff-2 a:hover {
    background-color:#292e3e;
	 border: 1px solid #fff;
    color: #f2f2f2;
    text-decoration: none;
	
}

.text-blue {
	color:#565C70;
}
/*
****************************************************************
   "grail-layout" is a user class assigned to the main
   layout grid in layout 1. "order-0" to "order-3" are
   user classes assigned to the Harmony sections in that
   grid to express the default order of the columns. 
   We use a media query to rearrange the display order
   of the columns for small screens so that the main content
   column comes first.
****************************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
.grail-layout .order-0 {order: 1;}
.grail-layout .order-1 {order: 3;}
.grail-layout .order-2 {order: 2;}
.grail-layout .order-3 {order: 4;}
}
/*Utility Rules for Grail Layout*/
.grail-layout .hmy-content-wrapper.main-content .hmy-content {
	padding-top: 28px;
}
/*
****************************************************************
   "sidebar-left" is a user class assigned to the main
   layout grid in layout 4. "order-0" to "order-2" are
   user classes assigned to the Harmony sections in that
   grid to express the default order of the columns. 
   We use a media query to rearrange the display order
   of the columns for small screens so that the main content
   column comes first.
****************************************************************
*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
.sidebar-left .order-0 {order: 1;}
.sidebar-left .order-1 {order: 3;}
.sidebar-left .order-2 {order: 2;}
}

/*
*****************************************************************
    .calendar-grid .sidebar-right mixed-bag single-column
	                 -------------
	Layout 2, Layout 5, Layout 6, an Layout 7 each have 
	relevant user classes assignd to their content grids.
	You can use these class names to create special rules
	that will affect only specific layouts.
*****************************************************************
*/


/* buda-300 - latin */
@font-face {
  font-family: 'Buda';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/buda-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Buda Light'), local('Buda-Light'),
url('fonts/buda-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/buda-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/buda-v8-latin-300.woff') format('woff'), /* Modern Browsers */
url('fonts/buda-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/buda-v8-latin-300.svg#Buda') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url('fonts/raleway-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
url('fonts/raleway-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/raleway-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/raleway-v12-latin-300.woff') format('woff'), /* Modern Browsers */
url('fonts/raleway-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/raleway-v12-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  font-display: fallback;	
  src: url('../fonts/raleway-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
       url('../fonts/raleway-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url('../fonts/raleway-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v12-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}


/* elsie-regular - latin */
@font-face {
  font-family: 'Elsie';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/elsie-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Elsie Regular'), local('Elsie-Regular'),
url('fonts/elsie-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/elsie-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/elsie-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/elsie-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/elsie-v7-latin-regular.svg#Elsie') format('svg'); /* Legacy iOS */
}

/* arvo-regular - latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/arvo-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Arvo'),
       url('../fonts/arvo-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/arvo-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/arvo-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/arvo-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/arvo-v10-latin-regular.svg#Arvo') format('svg'); /* Legacy iOS */
}


/* merriweather-300 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Light'), local('Merriweather-Light'),
       url('../fonts/merriweather-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
       url('../fonts/merriweather-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/merriweather-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Black'), local('Merriweather-Black'),
       url('../fonts/merriweather-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v19-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */
}



@media only screen and (min-width: 0px) and (max-width: 768px) {
	.p7dmm-fixed:before {display: none;}
	.hmy-content-wrapper .hmy-content.hmy-right {text-align: left;}
	 body {font-size: 90%;}
	.p7HMY .hmy-section {flex-basis: 100% !important;}
	.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border: none !important;}
	.p7HMY.hmy-legacy .hmy-section {float: none !important; width: 100% !important;}
}


.p7-animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p7-animate.zoom-in {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
}
.p7-ani-delay-half {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}
.p7-ani-delay-3qt {
	animation-delay: .75s;
	-webkit-animation-delay: .75s;
}
.p7-ani-delay-1 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.p7-ani-delay-1-andhalf {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
.p7-ani-delay-2 {
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
.p7-ani-delay-3 {
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
}

@-webkit-keyframes fade-in {
 0% {opacity: 0;}
 100% {opacity: 1;}
}
@keyframes fade-in {
 0% {opacity: 0;}
 100% {opacity: 1;}
}
.fade-in {
	-webkit-animation-name: fade-in;
	animation-name: fade-in;
}

@-webkit-keyframes fade-in-up {
 0% {opacity: 0; -webkit-transform: translateY(2000px);}
 100% {opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fade-in-up {
 0% {opacity: 0; transform: translateY(2000px);}
 100% {opacity: 1; transform: translateY(0);}
}
.fade-in-up {
	-webkit-animation-name: fade-in-up;
	animation-name: fade-in-up;
}

@-webkit-keyframes fade-in-down {
 0% {opacity: 0; -webkit-transform: translateY(-2000px);}
 100% {opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fade-in-down {
 0% {opacity: 0; transform: translateY(-2000px);}
 100% {opacity: 1; transform: translateY(0);}
}
.fade-in-down {
	-webkit-animation-name: fade-in-down;
	animation-name: fade-in-down;
}

@-webkit-keyframes fade-in-left {
 0% {opacity: 0; -webkit-transform: translateX(-2000px);}
 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@keyframes fade-in-left {
 0% {opacity: 0; transform: translateX(-2000px);}
 100% {opacity: 1; transform: translateX(0);}
}
.fade-in-left {
	-webkit-animation-name: fade-in-left;
	animation-name: fade-in-left;
}

@-webkit-keyframes fade-in-right {
 0% {opacity: 0; -webkit-transform: translateX(2000px);}
 100% {opacity: 1; -webkit-transform: translateX(0);}
}
@keyframes fade-in-right {
 0% {opacity: 0; transform: translateX(2000px);}
 100% {opacity: 1; transform: translateX(0);}
}
.fade-in-right {
	-webkit-animation-name: fade-in-right;
	animation-name: fade-in-right;
}

@-webkit-keyframes zoom-in {
 0% {opacity: 0; -webkit-transform: scale(0);}
 100% {opacity: 1; -webkit-transform: scale(1);}
}
@keyframes zoom-in {
 0% {opacity: 0; transform: scale(0);}
 100% {opacity: 1; transform: scale(1);}
}
.zoom-in {
	-webkit-animation-name: zoom-in;
	animation-name: zoom-in;
}

@-webkit-keyframes twist-in {
 0% {opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg);}
 100% {opacity: 1; -webkit-transform: translateX(0px) rotate(0deg);}
}
@keyframes twist-in {
 0% {opacity: 0; transform: translateX(-100%) rotate(-120deg);}
 100% {opacity: 1; transform: translateX(0px) rotate(0deg);}
}
.twist-in {
	-webkit-animation-name: twist-in;
	animation-name: twist-in;
}

@-webkit-keyframes twist-in-right {
 0% {opacity: 0; -webkit-transform: translateX(100%) rotate(120deg);}
 100% {opacity: 1; -webkit-transform: translateX(0px) rotate(0deg);}
}
@keyframes twist-in-right {
 0% {opacity: 0; transform: translateX(100%) rotate(120deg);}
 100% {opacity: 1; transform: translateX(0px) rotate(0deg);}
}
.twist-in-right {
	-webkit-animation-name: twist-in-right;
	animation-name: twist-in-right;
}

p.message {
	position: absolute;
	top: 10%;
	left: 0px;
	width: 100%;
	padding: 0px 25%;
	box-sizing: border-box;
	text-align: center;
	font-family: Handlee, Verdana, Geneva, sans-serif;
	font-size: 32px;
	text-shadow: 5px 5px 20px #000;
}

@media (max-width: 768px) {
    .no-mobile {
        display: none;
    }
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*Bouncing Arrow*/
.downArrow{
	position: fixed;
	bottom: 5%;
	left: 55%;
}
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}