/*!
 * CSS Below
*/

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.eot');
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ProximaNova-Regular.woff') format('woff'),
       url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
       url('../fonts/ProximaNova-Regular.svg#svgProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

body,
html {
	margin: 0;
	padding:0;
    width: 100%;
    height: 100%;
}

body{
	font-family: Georgia,Times,Times New Roman,serif;
    font-weight: 400;
	background-color: #ffffff;
	background: #white;
}

h1{
	margin:0;
	padding:0;
	display:inline;
    font-size:14px;
	font-weight: 500;
}

a h1:hover {
  color: #333333;
  font-weight:600;
}

h2{
	font-family: Courier,Georgia,Times,Times New Roman,serif; 
	font-weight: 600;
	font-size: 3em;
	color:#69779c;	
}

h3{
    font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
    font-weight: 400;
	line-height:1.5;
	font-size: 2em;
	color:#333333;
	padding-bottom:10px;

}

h4 {
    font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
    font-weight: 400;
	line-height:1.5;
	font-size: 2em;
	color:#333333;
	padding-bottom:10px;
}

h5 {
    font-family: 'ProximaNova-Regular',Bodoni,Georgia,Times,Times New Roman,serif;
    font-weight: 600;
	line-height:1.5;
	font-size: 2em;
	color:#ffffff;
	padding-bottom:10px;
}

h6{
	font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
	font-weight: 700;
	font-size: 4em;
	color:#ffffff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

hr{
text-decoration:none;
}

.topnav {
    font-size: 14px;
	letter-spacing: 0.090em;
}

.nav-font {
	font-family: Courier,Georgia,Times,Times New Roman,serif;
}

.jumbotron-fluid {
	padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
	position: relative;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	color: #f8f8f8;
	overflow: hidden;
    z-index:-101;
}

.background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
  margin-left: 0;
  margin-right: 0;
}
.no-gutter>[class^="col-"]{
  padding-left: 0;
  padding-right: 0;
}
.container-fluid-fix {
  margin-right: 0;
  margin-left: 0;
  padding:0;
}
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}
.noPadding {
padding: 0 !important;
}
.noPadding-2 {
padding: 0 0 0 0 !important;
}
.noPadding-col-right {
padding-right:0 !important;
}

.no-decoration {
color:#000;
text-decoration:none;
text-shadow:0px 0px 0px #302c24;
}

#video-bg {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    overflow: hidden;
  }
  #video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* 1. No object-fit support: */
  @media (min-aspect-ratio: 16/9) {
    #video-bg > video { height: 300%; top: -100%; }
  }
  @media (max-aspect-ratio: 16/9) {
    #video-bg > video { width: 300%; left: -100%; }
  }
  /* 2. If supporting object-fit, overriding (1): */
  @supports (object-fit: cover) {
    #video-bg > video {
      top: 0; left: 0;
      width: 100%; height: 100%;
      object-fit: cover;
    }
  }

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
}

.intro-message {
	text-align:center;
	z-index:101;
}

.intro-message > h1 {
    margin: 0 auto;
	text-align: center;
    color:#f8f8f8; 
	z-index:103;
}

.intro-divider {
    width: 240px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
	margin-top:-6px;
	font-weight: 400;
	line-height:1.5;
	letter-spacing:10px;
	font-size: 2em;
	color:#f8f8f8; 
	text-shadow:0px 0px 50px #302c24;
	z-index:103;
}

.background-table {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

/* centering styles */
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}
.not-fullscreen {
    height:60%;
}

.push-10 {
padding-top:10px;
}
.push {
padding-top:20px;
}
.push-25 {
padding-top:25px;
}
.push-30 {
padding-top:30px;
}
.push-40 {
padding-top:40px;
}
.push-50 {
padding-top:50px;
}
.push-more {
padding-top:60px;
}
.push-80 {
padding-top:80px;
}
.push-most {
padding-top:100px;
}

.width-image {
margin: 0 auto;
display:block;
width:80%;
}
.width-container {
width:80%;
}
.full-width {
margin:0 auto;
text-align:center;
width:100%;
}
.center {
margin: 0 auto;
text-align: center;
}
.h2-fix {
text-align:center;
padding-left:20px;
padding-right:20px;
}
.underline {
text-decoration:underline;
}

.push-lite{
padding-bottom:10px;
}

.content-section-main {
	margin:0 auto;
	text-align:center;
	padding: 50px 0;
    background-color: #fff;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.content-section-main h2{
    font-family:'Cookie',Courier,Georgia,Times,Times New Roman,serif; 
	font-weight: 400;
	font-size: 3em;
	color:#0eb3eb;
}
.section-heading {
    margin-bottom: 30px;
}

.margin-left {
margin-left:-10px;
}

.lead {
	font-family: Georgia,Times,Times New Roman,serif;
    font-size: 20px;
    font-weight: 400;
	line-height:1.6em;
	padding-bottom:10px;
	-webkit-font-smoothing:antialiased;
}

.width{
width:70%;
margin: 0 auto;
padding-left:10px;
padding-bottom:20px;
text-align:left;
}

.image-bkg-container {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/dining.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

.image-bkg-container-2 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/bar.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

.image-bkg-qgh-1 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/hospital-signs-01.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

.image-bkg-qgh-2 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/collab-care-01.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-qgh-3 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/qgh-04.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

.image-bkg-qgh-4 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/qgh-01.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

.image-bkg-community-1 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/liverpool-downtown-lite.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-community-2 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/emera-center.png) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-community-3 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/pine-grove.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-community-4 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/sculpture-lite.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-lifestyle-1 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/summerville-beach-3-lite.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-lifestyle-2 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/dining-3-lite.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-lifestyle-3 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/skate-park-lite.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.image-bkg-lifestyle-4 {
color: #f8f8f8;
height:350px;
width:auto;
background: url(../img/lighthouse-lite.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.paragraph {
font-family: Georgia,Times,Times New Roman,serif;
font-size:18px;
line-height:30px;
font-weight:normal;
text-align:left;
padding-bottom:10px;
-webkit-font-smoothing:antialiased;
}

.line-up {
margin-left:80px;
padding:0px 50px 10px 20px;
}

.line-up-list {
margin-left:50px;
padding:0px 0px 10px 0px;
}

/* ===========================
--- LIST #2
============================ */

.list2 { text-align:left;padding-top:10px;padding-bottom:20px;font-size:18px}
.list2 ul { list-style:none;font-weight:bold;letter-spacing:0.08px;color:#264f73;}
.list2 ul li { padding:10px;line-height:1.7em; }
.list-style { font-weight:normal;font-style:italic;color:#747479;}

.list-small { margin-left:-24px;text-align:left;padding-top:0px;padding-bottom:0px;font-size:18px}
.list-small ul { font-weight:bold;letter-spacing:0.08px;color:#264f73;}
.list-small li { padding-bottom:10px;font-weight:normal;font-style:italic;color:#747479;line-height:1.6em; }

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/purple-banner.jpg) no-repeat center center;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.banner-qgh {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/contact-us-medical-1920.jpg) no-repeat center center;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.banner-lifestyle {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/stars.jpg) no-repeat center center;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

p.copyright {
    margin: 15px 0 0;
}

footer {
margin:0 auto;
text-align:center;
background-color: #f8f8f8;
overflow:hidden;
}

.footer-basic-centered{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font: normal 20px serif;
	padding: 45px;
}

.footer-basic-centered .footer-company-motto{
	color:  #8d9093;
	font-size: 24px;
	margin: 0;
}

.footer-basic-centered .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
}

.footer-basic-centered .footer-links{
	list-style: none;
	font-weight: bold;
	color:  #ffffff;
	padding: 35px 0 23px;
	margin: 0;
}

.footer-basic-centered .footer-links a{
	display:inline-block;
	text-decoration: none;
	color: inherit;
}
.footer-basic-centered .footer-links a:hover{
	text-decoration: none;
	color: #a6a6a6;
}

.footer-links{
	margin: 0;
	font-family:'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
	color:  #ffffff;
}
.footer-social{
	margin: 0 auto;
	padding-bottom:10px;
	text-align:center;
	max-width: 180px;
}
.footer-social a{
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color:  #33383b;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-left: 3px;
}
@media(max-width:480px) {
.content-section-main {
	margin:0 auto;
	text-align:center;
	padding: 20px 0;
}
}

@media(min-width:1199px) {
.image-bkg-container {
color: #f8f8f8;
height:400px;
width:auto;
background: url(../img/dining.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

.image-bkg-container-2 {
color: #f8f8f8;
height:400px;
width:auto;
background: url(../img/bar.jpg) no-repeat center center;
 background-size: cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
}

@media(max-width:1199px) {
.background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

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

    .intro-message > h1 {
        font-size: 3em;
		text-align:center;
		z-index:103;
}
	.intro-message > h3 {
		margin-top:-24px;
		font-size: 1.8em;
		padding-top:20px;
		text-shadow:0px 0px 50px #302c24;
		z-index:103;
}
    .intro-divider {
        width: 40%;
}
	.width {
	width:90%;
	margin: 0 auto;
	padding-left:10px;
	padding-bottom:20px;
	text-align:left;
}
	.margin-mobile-fix {
	margin-top:-20px;
}
	.not-fullscreen {
		height:60%;
}

.topnav {
    font-size: 14px;
}

	h2 {
	font-family: 'ProximaNova-Regular',Verdana,Helvetica,Arial,sans-serif; 
	font-weight: 600;
	font-size: 2.6em;
	color:#69779c;
}
}

@media(max-width:768px) {
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

	h3 {
    font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
    font-weight: 400;
	line-height:1.5;
	font-size: 1.2em;
	color:#333333;
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

	.background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.topnav {
    font-size: 14px;
}

	.intro-message {
	padding-top:50px;
	text-align:center;
}
	.intro-message > h1 {
        font-size: 3em;
		text-align:center;
		z-index:103;
}
	.intro-message > h3 {
		margin-top:-24px;
		font-size: 1.6em;
		padding-top:20px;
		text-shadow:0px 0px 50px #302c24;
		z-index:103;
}
	.not-fullscreen {
		height:100%;
}
	.line-up {
		margin:0 auto;
		padding:0px 20px 20px 20px;
}
}

@media(max-width:480px) {
	h2{
	font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif; 
	font-weight: 600;
	font-size: 1.6em;
	color:#69779c;	
}
h3 {
    font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
    font-weight: 400;
	line-height:1.5;
	font-size: 1.2em;
	color:#333333;
	margin: 0 auto;
	text-align:center;
}

h4 {
    font-family: 'ProximaNova-Regular',Georgia,Times,Times New Roman,serif;
    font-weight: 400;
	line-height:1.5;
	font-size: 1.6em;
	color:#333333;
	padding-bottom:10px;
}

.width-image {
margin: 0 auto;
display:block;
width:80%;
}

.background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	overflow: hidden;
	-o-object-fit: cover;
	   object-fit: cover;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.intro-message {
	padding-top:50px;
	text-align:center;
}

.intro-message > h1 {
	font-size: 2.6em;
	text-align:center;
	z-index:103;
}

.intro-message > h3 {
	    margin-top:-20px;
		font-size: 1.2em;
		text-shadow:0px 0px 50px #302c24;
		z-index:103;
}
	.not-fullscreen {
		height:60%;
}
	
.width{
		width:90%;
		margin: 0 auto;
		padding-left:10px;
		padding-bottom:20px;
		text-align:left;
	}
	
.width-video{
    width:90%;
	margin: 0 auto;
	padding-left:10px;
	padding-bottom:20px;
	text-align:center;
	}
.line-up-list {
	margin-left:10px;
	padding:0px 0px 10px 0px;
}
}

@media(min-width:1920px) { 
  body { 
    zoom: 140%;
    -ms-zoom: 1.4;
    -webkit-zoom: 1.4;      
    transform-origin: center top ;
  } 
}

@media(min-width:2200px) { 
  body { 
    zoom: 180%;
    -ms-zoom: 1.8;
    -webkit-zoom: 1.8;       
    transform-origin: center top ;
  } 
}

@media(min-width:2560px) { 
  body { 
    zoom: 200%;
    -ms-zoom: 2.0;
    -webkit-zoom: 2.0;        
    transform-origin: center top ;
  } 
}