@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
html {
	position: relative;
	min-height: 100%;
    scroll-behavior: smooth;
}
body {
    position: relative;
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	color: Black;
         display: flex;
  flex-direction: column;
  min-height: 100vh;
    opacity:0;
    overflow-x: hidden;
    	animation-name: fadeInB;
	animation-iteration-count: 1;h
	animation-duration: 3s;
    animation-delay: 1;
    animation-fill-mode:forwards;
    background-image: url('/tempimg/seem4.png');
  
}
@keyframes fadeInB { from { opacity:0; } to { opacity:1; } }

#Main {
padding-top: 25px;
padding-bottom: 65px;
}

#Main img, #homeMain img{
	max-width:100% !important;
	height:auto !important;
	border: 4px white solid;
	box-shadow: 0px 0px 5px 0px #00573A;
}

@media(max-width:768px) {
	#Main img, #homeMain img{
		float:none !important;
		display:block !important;
		margin-left:auto !important;
		margin-right:auto !important;
}
#Main {
width:100%;
}
}

img[src="https://www.paypal.com/en_US/i/scr/pixel.gif"] {
display: none;

}

.mainHome {
    padding-top: 80px !important;
    padding-bottom: 0px !important;
}
 .modal-body p, .post-item p, .post-item li, .post-item h2, .post-item h3, .post-item h4, .faqcloser p {
	 opacity:1 !important;
	 transform:none !important;
	 
 }
   @media(max-width:768px) {
	 .navbar-custom li, .faAuto, .dropdown-toggle .fa {
	  opacity:1 !important;
	   transform:none !important;
	 }
  }
   .sr h1, .sr p, .sr .fa, .sr .eventRev, .sr .agecol, .sr .divider, sr. #Main li, .sr #Main .divider, .sr #Main hr { visibility: hidden; }
    .play-pause * {
	 opacity:1 !important;
	 visibility:visible !important;
	 
 }
 .sr .itemInner p, .sr .itemInner h2 {
	opacity: 1 !important;
	visibility: visible !important;
	transform: scale(1) !important;
}
.err {
	border-color:red;
} 
 .imglinkres {
	border:3px solid white;
	box-shadow:0px 0px 1px 0px black;
}
.err {
	border-color:red;
} 


#docbody {
	padding-top:0px;
	padding:0px;
	margin:opx;
		-webkit-transition: padding-top 1.0s;
        -moz-transition: padding-top 1.0s;
        transition: padding-top 1.0s;
}
.water {
position: relative;  background-image:url(/tempimg/homeBack1.jpg); background-size: cover; padding-top:10px; padding-bottom: 10px;
}
.homeDisplay {
     width: 96vw;
}
.homeDisplay1p {
    display: table; width: 100%;
    margin-top: 20px;
  /*  border:4px solid white;
    box-shadow: 0px 0px 2px 0px black;*/
}
.homeDisplay1 {
position: relative;
display: table-cell;
vertical-align: middle;
overflow: hidden;
    width:100%;  
    height: calc(50vh + 32px); 
    line-height: 5vh;
    margin-top: 20px; 
    /*background-image:url(/tempimg/homeBack1.jpg);
    background-attachment:inherit;
    background-size: cover;
    background-position: left center;*/
    color:white;
    font-size:5vh;
    text-shadow: 1px 1px 3px black;
    text-align: right;
    padding: 4vw;
}
@media(min-width:1200px) {
.homeDisplay1 {

vertical-align: bottom;
min-height: 400px;

    line-height: 56px;
    
    font-size:60px;
   
    text-align: left;
    padding: calc(3vh + 10px);
    padding-bottom:3vh;

}
}

.homeDisplay2 {
position: relative;
    width:100%;
    height: 25vh;
    margin-top: 20px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center center;
       border:4px solid white;
    box-shadow: 0px 0px 2px 0px black;
}

.btn-Play {
background-color: #181F6A;
display: inline-block;
margin:1vw;
padding: 2vw 3vw 1vw 3vw;
line-height: 4vw;
font-size:4vw;
color:white !important;
}
@media(min-width:1200px) {

.btn-Play {
padding: 10px 30px 10px 30px;
line-height: 40px;
font-size:40px;
}
}

.btn-Play:hover {
	
	background-image: linear-gradient(to bottom, #181F6A 10%, #154A8C 90%);
}



.homeP {
text-align: justify;
font-size:24px;
margin: 12px;

}
.sideButton {
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;

}
.sideButton a {
display: table;
width:100%;
height: 100%;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
}
.sidePic {
display:table-cell;
position: relative;
width:80%;
background-position: center center;
background-size:cover;

 vertical-align: middle;
 text-align: right;

 color:white;
}
.sideArrow {
display:table-cell;
width:20%;
padding-top: 4px;
background-color: #25353D;
 vertical-align: middle;
 text-align: center;
 font-size: 24px;
 line-height: 24px;
 transition: all 1s;
 color:rgba(255,255,255,1);
}
.sideButton a:hover .sideArrow{
    color:rgba(21,74,140,1);
    width:40%;
    	
}
.sideButton a:hover .sidePic {
width:60%;

}
.sideTextOut{
 padding: 10px;
 padding-top:7px;
padding-bottom: 5px;
 display:table;  height: 100%; width:100%; vertical-align: middle;
 background-color: rgba(78,161,191,0.8);
  transition: all 1s;
}
.sideButton a:hover .sideTextOut{
    background-color: rgba(78,161,191,0.5);
}
.sideTextIn{
display: table-cell; vertical-align: middle; font-weight: bold; text-shadow: 0px 0px 1px black;
}






h1{
	color:black;
	margin-top:25px;
    
	font-weight:Bold;
	/* text-shadow: 1px 1px 0px white, 2px 2px 0px black;*/
	font-size: 38px;
	
}
h2, h3, h4, h5, h6 {
	
	font-weight:300;
}
h3, h2, h4 {
	font-weight:bold;
}
h3, h2 {
	color:#181F6A;
}

h4 {
	margin-bottom:5px;
	margin-top:25px;
	color:black;
}
label {
	margin-top:20px;
}
.checkbox {
	margin-left:10px;
}
.checkbox label{
	margin-top:5px;
}


@media(max-width:768px) {
.navlogo{
max-width: 60% !important;

}
}


@media(max-width:992px) {
    	.aboutBottom {
        margin-bottom: 16vw;
            
}
}
.well {
    background-color: #F8F8F6;
    background-image: linear-gradient(to bottom,#F8F8F6 0,#E3E3E3 100%)
    
    
}
#footer {
	width: 100%;


    margin: auto auto 0 auto;

	
	z-index: 49;
	color: white;
    
	z-index:49;
	color:white;
	
    
}
.footerTop {
height: 140px;
background-image: url('/tempimg/snugfoot.png');
background-position: bottom;
background-repeat: repeat-x;

}
.footerBack {
    	padding-top: 0px;
    padding-bottom: 20px;
  /*  box-shadow:0px 0px 3px 0px black;*/
   
    background-color:#25353D;
}
.footlink {
color:white !important;

}

.makers {
    float:right;
}


.post-item, .post-thumbnail {
	margin-bottom:15px;
	
}
.post-item a {
	
}

.post-comm {
text-align: justify;

}

.pad-date {
	margin-bottom:30px;
}
a {
    color:#181F6A;
    
    
    
}
a:hover, a:focus, a:active {
	text-decoration:none;
    color:#E56B1F;
}
.back1 {
background-image: url('/tempimg/qtback.jpeg');
background-attachment: fixed;
background-position: center;
background-size: cover;
    		transform-origin: top right;
		transform: skewY(-4deg);
margin-top: 50px;
margin-bottom: 180px;
box-shadow: inset 0px 0px 5px 0px black;
}

.back1:before {
content: "";
position: absolute;
width: 100%;
height: 100%;

z-index: -1;
background: url(background.png) 0 0 repeat;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
}

@media(max-width:768px) {
    .back1 {
    margin-bottom: 100px;
    }
}
.bWords {
text-align: center;
}
.bWords table {
background-color: rgba(0,0,0,.3);
margin: auto;

}
.bWords table td {
    	transform-origin: top right;
		transform: skewY(4deg);
padding:60px;
        padding-top: 14vw;
    padding-bottom: 7vw;
color:white;
font-size: 24px;
font-weight: bold;
text-shadow: 0px 0px 4px black;
}
/*----TOP-----*/
@media(min-width:768px) {
.topCon {
    display: flex;
    flex-direction: row;
   align-items: center;
      justify-content: center;
}
}
.topLinks a{
    display: inline-block; 
    padding: 0px 20px 0px 10px;
 
    font-size:40px; 
    color:white;
    text-shadow: -2px 2px 0px black;
   }
.topLinks a:hover{
    
     text-decoration: underline;
}

.topLeft {
  
    text-align: right;
   
  
}
.topLogo {
    text-align: center;
}
.topLogo img{
    width:100%;
    max-width: 450px;
    height: auto;
    padding: 8px;
}
.topRight {
   
    text-align: left;
}
#myCarousel {
    margin-bottom: 0px;
    
}

/*------------------------------NAV------------------------------*/
#box {
	min-width:100%;
	z-index:120;
	top:0px;	
	-webkit-transition: all 1s;
   	-moz-transition: all 1s;
    transition: all 1s;	
  	color: rgba(0,0,0, .8);
  	line-height: 1.5;
	position: sticky;
}
.boxMenu {
    padding-top: 10px;
    padding-bottom: 9px;
    background-color: white;
    box-shadow: 0px 0px 3px 0px black;
    padding-left:4vw;
    padding-right:4vw;
  
}
.navICON {
    text-align: right;
}
.navICON a span{
    padding-top: 8px;
    padding-right: 6px;
    padding-left: 6px;
    text-align: right;
    font-size:38px;
    color:#181F6A  !important;
    
}
.navICON a:hover span{
 
    font-size:38px;
     color :#181F6A !important;
   
}

@media(min-width:768px) {
	#box:before, #box:after {
	bottom: 15px;
	}
	
}

	
@media(max-width:768px) {
	#box:before, #box:after {
	box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.7);
	}
	#box {
		position:relative !important;
	}
	.wrapper {
		height:auto !important;
	}
	
}
.navbar-header {
    position: absolute;
    left:18px;
    top:5px;
    
}

 .navbar-header .icon-bar {
	background-color: #181F6A;
}
 .navbar-toggle {
	border: 2px solid #181F6A;
	padding: 8px;
}
.navbar-custom  {
	padding:5px;
	height:auto;
}
.navbar-custom .navbar-table {
	display:table;
	width:100%;
}
.navbar-collapse { margin-top:0px !important;
}

.navbar-custom  .nav li a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow:none;
	color: black;
	font-size: 20px;
    line-height: 24px;
	padding-top: 3px;
	padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
	font-weight: bold;	
    
    
    
}

.navbar-custom .active {
	background-color:none !important;
}
.navbar-custom .active a {
	color:#181F6A !important;
}
.navbar-custom .active ul li a {
	color:#181F6A !important;
}

.navbar-custom  .nav li a:hover {	
	color: #181F6A !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;		
}
.itemback a:hover {
background-image:none !important; background-color:none !important;  filter: none; background-color:transparent !important;
}
.itemback a:focus {
	background-image:none !important; background-color:none !important;  filter: none; background-color:transparent !important;
	color: #181F6A !important;
}
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom  .nav li.active a {
	color: #181F6A;		
}
.navbar-nav .dropdown:hover a,
.navbar-custom .navbar-nav .open .dropdown-menu,
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav .open .dropdown-menu>li>a {
    color:#181F6A;	
  }
  .navbar {
    text-transform: uppercase;
   
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

.dropdown-menu{
    z-index:1500;
    
    
}
@media(max-width:768px) {
	.pad-date {
		height:auto !important	
	}
	.pad-center{
		text-align:center;
	}
	.dropdown-menu {
		border-bottom:2px solid white !important;
		border-radius:0px !important;
		background-color:white !important;
		
	}
	.dropdown-menu .divider{
		display:none;
	}
		.navbar-fixed-top {
			position:relative
	}
	.navbar-collapse {
		max-height:none !important;
		margin-top:20px;

}



	.dropdown-menu {
		border-bottom:none;
		
	}

}


.divider {
	border: 0;
	margin: 60px 0;
	height: 10px;
	border-top: #A5AEB5 4px solid;
	border-bottom: #A5AEB5 4px solid;
	text-align: center;
	position: relative;
	clear: both;
}
	.divider.half-margins {
		margin:30px 0;
	}

.divider .fa {
	background: #FAF9F5; /* same as background color */
	text-align: center;
	display: inline-block;
	height: 50px; line-height: 50px;
	text-align: center;
	width: 50px;
	font-size: 20px;
	position: absolute;
	top: -25px; left: 50%;
	margin: 0 auto 0 -25px;
}
		.divider.styleColor .fa {
		color:#00573A;
	}

.divider .hh {
	display: inline-block;
	height: 50px;
	width:100%;
	position: absolute;
	top: -25px; left: 0px;
}
.divider .hh .ha {
	color:#00573A;

	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	margin:auto;
	line-height: 50px;
	text-align: center;
	font-size: 35px;
	background: #FAF9F5; /* same as background color */
}

.btn-primary {
	border:#2F5D63;
  background: #25353D;
	background-image: linear-gradient(to bottom, #25353D 0%, #2F5D63 100%);
  background-color: #25353D;
display: inline-block;

color:white !important;

}

.btn-primary:hover {
	border:#2F5D63;
  background: #25353D;
	background-image: linear-gradient(to bottom, #25353D 10%, #2F5D63 90%);
}
@media(min-width:768px) {
    #contact_submit {
     margin-top: 48px;
    }
}

#testimonies {
	/*background-image: url(/tempimg/FootBack.jpeg);
	background-size: cover;
    background-position: center center;
	box-shadow: inset 0px 0px 4px 1px #343433; */
    margin-bottom: -39px;
    position: relative; 
}
#testimonies .carousel{
/*background-color: rgba(255,255,255,0.3);*/

}
.testFlex {
     background-color: rgba(255,255,255,0.68);
}

#testimonies a {
    color:#6BD04C;
}
#testimonies a:hover, #testimonies a:focus, #testimonies a:active {
	text-decoration:none;
    color:#181F6A;
}

.itemOut {
	display: table;
	height: 100%;
	width: 100%;
     
  transition: all 1s;
}
.itemOut {
         /*background-color: rgba(78,161,191,0.34);*/
  
}
.itemCell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.carousel-indicators li {
border-color:#181F6A;
}
.carousel-indicators .active {
background-color:#25353D;
}
@media(min-width:768px) {
.testFlex {
    
      display: flex;
    flex-direction: row;
   align-items: center;
      justify-content: center;
     
}
}
.itemInner {
	display: inline-block;
	width: 80%;
	max-width: 1000px;
	padding: 25px;
    padding-top: 80px;
    padding-bottom: 80px;
	text-align: left;
    
}
.itemInner h2 {
	font-size: 24px;
	margin-bottom: 24px;
    text-shadow: 0px 0px 1px white;
}
.itemInner p {
	text-align: left;
	font-size: 24px;
	margin-bottom: 15px;
    text-shadow: 0px 0px 1px white;
    
}

.itemInner img {
width:100%;
max-width:360px;
margin-left: 8px;
margin-top: -15px;
margin-bottom: -15px;
border:2px solid #25353D;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,.9);

}
@media(max-width:768px) {
.itemInner img { 
margin:auto;
margin-top: 20px;
max-width: 280px;

}
.itemInner, .itemInner p {
text-align: center !important;

}
}
/*.itemInner xOFFx{
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 24px;
}*/

/*--- BWS Test Contact Override---*/
.contactPhone span {
	display:none;
	
}

.contactFax span {
	display:none;
}

.contactPhone:after {
	content: "Campground";	

}

.contactFax:after {
	content: "Pub";	
}
