@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;800&display=swap');
* {
	box-sizing:border-box;
}
html {
	font-size:62.5%;
}
body {
	margin:0;
	padding:0;
	font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}

#thanks{
	display:flex;
	flex:center;
}

input {
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 1px;
    border-style: inset;
    border-color: #6B7083;
    border-image: initial;
}
.col-75 {
    -ms-flex: 75%;
    flex: 75%;
    text-align: left;
}

/* typography */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
dl,
label {
	margin:0 0 2.4rem;
	padding:0;
	color: #6B7083;
}
h1#thanks{
	margin-top:100px;
	color:#6B7083;
}


ol,
dl {
	margin-bottom:3.2rem;
}
label {
	margin-bottom:0.4rem;
}

h1 {
	font-size:4.8rem;
	line-height:8rem;
	margin-top:40px;
}
h2 {
	font-size:4.0rem;
	line-height:4.8rem;
}
h3 {
	font-size:3.2rem;
	line-height:3.84rem;
	font-weight: bold;
}
h4 {
	font-size:2.8rem;
	line-height:2rem;
	padding-top:20px;
}
h5 {
	font-size:1.8rem;
	line-height:.5rem;
	font-weight:bold;
}
h6 {
	font-size:1.5rem;
	line-height:.5rem;
	color: #6B7083;
	font-weight:normal;
}
p,
ul,
ol,
dl, 
label {
	font-size:1.6rem;
	line-height:2.4rem;
	margin-right: 34px;
}

p {
	color: #979797;
}

p.lede {
	font-size:2.0rem;
	line-height:2.8rem;
}

footer p {
	font-size:1rem;
	color:#6B7083;
	padding-top:25px;
}

.container {
	padding:0.8rem;
}

.boynepricing {
	font-size: 3rem;
	font-weight: bold;
}

div.stuff {
	margin:0;
	padding:0.8rem;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	line-height:1;
	color:#fff;
}

input#code{
	margin-bottom:20px;
}

select {
	padding-left: 8px;
	height: 42px;
	width: 130px;
	color:#979797;
	border-color: #6B7083;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
  }

nav .logo {
	width:6%;
	height:6%;
	margin-left: 34px;

}
footer{
	background-color: #D0E0F1;
	position: relative;
	bottom: 0;
	width:100%;
	margin-top:80px;
}
footer .logo {
	width:6%;
	height:6%;
	margin-left: 34px;

}
.footer{
	display:flex;
	justify-content:space-between;
}

.logo img {
	width: 100%;
}

main {
	margin-top: 40px; /* Add a top margin to avoid content overlay */
  }


nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #D0E0F1;
	justify-content: space-between;
	overflow: hidden;
	position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
  }
  ul li {
	position: relative;
	margin-top: ;
	list-style: none;
	display: inline-block;
	padding: 14px;
	font-size: 15px;
	font-weight: bold;
  }
  ul li a{
  text-decoration: none; 
  cursor: pointer;
  color: #6B7083;
  }
  ul li a:hover {
	 background-color: white;
	 border-radius: 50px;
	 padding: 5px 30px 5px 30px;
  }

#grid {
	padding:0.8rem;
	background:#f1f1f1;
}

/* Home Page */
.homebannerlarge {
	display:flex;
	justify-content:center;
	border-radius:0 0 0 0;
}
.homebannersmall {
	display:none;
}

h2.tp {
	font-size:45px;
	color:#486284;
	display:flex;
	margin-left:55px;
	margin-top:40px;
}
h2.d {
	font-size:45px;
	color:#486284;
	display:flex;
	margin-left:55px;
	margin-top:40px;
}

.rowtp {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-left:35px;
}
.columntp {
	width:20%;
}
.columnmedtp {
		width:20%;
	}

.quotehome {
	border:40px solid #D0E0F1;
	background:#D0E0F1;
	margin:40px 0 40px;
}
p.quote {
	color:#486284;
	font-size:25px;
	font-weight:medium;
	display:flex;
	justify-content:center;
	padding-top:20px;
}

/* Resort Page */

.rowone {
	display:flex;
	justify-content:space-between;
	margin-left:40px;
}
.columnone {
	width:30%;
	margin:0 0 50px;
}
.rowtwo {
	display:flex;
	justify-content:space-between;
	margin-left:40px;
}
.columntwo {
	width:30%;
	margin:0 0 50px;
}
.rowthree {
	display:flex;
	justify-content:space-between;
	margin-left:40px;
}
.columnthree {
	width:30%;
	margin:0 0 50px;
}
.rowfour {
	display:flex;
	justify-content:space-between;
	margin-left:40px;
}
.columnfour {
	width:30%;
	margin:0 0 50px;
}
.rowfive {
	display:flex;
	justify-content:space-between;
	margin-left:40px;
}
.columnfive {
	width:30%;
	margin:0 0 50px;
}
.rowsix {
	display:flex;
	justify-content:space-between;
	margin-left:40px;
}
.columnsix {
	width:30%;
	margin:0 0 50px;
}

/* Specific Resort Page*/
.boynebanner {
	display:flex;
	justify-content:center;
}
.boynemediumbanner {
	display:none;
}
.boynesmallbanner {
	display:none;
}

.rowreports {
	display:flex;
	justify-content:center;
}
.columnreports {
	margin:30px 0 50px;
}
.reportmedium {
	display:none;
}
.reportsmall {
	display:none;
}

.BoynePrices {
	display:flex;
	justify-content:center;
	border-radius:0 0 0 0;
}
.boynepassesmedium {
	display:none;
}
.boynepassessmall {
	display:none;
}

/* Compare Page */
.comparelarge {
	display:flex;
	justify-content:center;
	width:1450px;
	margin-top:140px;
}
.comparesmall {
	display:none;
}

button.solid{
	font-size:15pt;
	color:white;
	font-weight:bold;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	background-color:#6B7083;
	padding:5px 30px 5px 30px;
}
button.outlined{
	font-size:15pt;
	color:#6B7083;
	font-weight:bold;
	font-family:DM Sans, Public Sans, sans-serif;
	outline:solid 1px #6B7083;
	border-radius:20px;
	background-color:white;
	padding:5px 30px 5px 30px;
}
button#outlined2{
	font-size:15pt;
	color:#6B7083;
	font-weight:bold;
	font-family:DM Sans, Public Sans, sans-serif;
	outline:solid 1px #6B7083;
	border-radius:20px;
	background-color:white;
	padding:5px 15px 5px 15px;
}
button#add{
	font-size:15pt;
	color:#6B7083;
	font-weight:bold;
	font-family:DM Sans, Public Sans, sans-serif;
	outline:solid 1px #6B7083;
	border-radius:20px;
	background-color:white;
	padding:5px 33px 5px 33px;
}

.fcc-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:white;
	font-weight:100;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	background-color:#486284;
	padding:10px 50px 10px 50px;
  }

  .fcc-btn:hover {
	color:#7B98BD;
	outline:solid 1px #7B98BD;
	background-color:white;
  }

  .fc-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:#486284;
	font-weight: bold;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	padding:10px 50px 10px 50px;
  }

  .fc-btn:hover {
	color: #D0E0F1;
  }

  .f-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:#486284;
	font-weight: bold;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	padding:10px 50px 10px 50px;
	outline:solid 1px #486284;
  }

  .f-btn:hover {
	color: #D0E0F1;
	outline:solid 1px #486284;
  }

/*below is the code for the pop-up*/

  .popup-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:white;
	font-weight:100;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	background-color:#486284;
	padding:10px 70px 10px 70px;
  }

  .popup-btn:hover {
	color:#7B98BD;
	outline:solid 1px #7B98BD;
	background-color:white;
  }
  .o-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:#486284;
	font-weight: bold;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	padding:10px 50px 10px 50px;
	outline:solid 1px #486284;
	margin:20px;
  }

  .o-btn:hover {
	color: #D0E0F1;
	outline:solid 1px #486284;
  }
  .popup2-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:white;
	font-weight:100;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	background-color:#486284;
	padding:10px 50px 10px 50px;
	margin:20px;
  }

  .popup2-btn:hover {
	color:#7B98BD;
	outline:solid 1px #7B98BD;
	background-color:white;
  }

  #overlay{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.6);
	justify-content:center;
	align-items:center;
	display: none;
}
#overlay.active{
	display:flex;
}
 #overlay2{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.6);
	justify-content:center;
	align-items:center;
	display: none;
}
#overlay2.active{
	display:flex;
}
.modal{
	position:relative;
	padding:40px;
	background:white;
	box-shadow:0px 0px 6px black;
	border-radius: 10px;
	text-align:center;
}
.close{
	position:absolute;
	top:15px;
	right:20px;
	font-size:20px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
}

.modal a {
	display:block;
}


/* end of pop-up code */

.prc{
	display:flex;
	justify-content:space-between;
}
.total{
	display:flex;
	justify-content:space-between;
	border-top: solid 1px;
	padding-top:10px;
}
.money{
	margin-right:0px;
}


@media screen and (min-width:769px) {
	/* medium screens */
	.container {
		margin:0 auto;
		max-width:1200px;
	}

}

@media screen and (min-width:1025px) {
	/* large screens */
}


button.solid:hover{
	color:#7B98BD;
	outline:solid 1px #7B98BD;
	background-color:white;
}
button.outlined:hover{
	color:white;
	background-color:#7B98BD;
}
button#outlined2:hover{
	color:white;
	background-color:#7B98BD;
}

@media screen and (min-width:1200px) {
	/* xlarge screens */
}

button.solid:hover{
	color:#7B98BD;
	outline:solid 1px #7B98BD;
	background-color:white;
}
button.outlined:hover{
	color:white;
	background-color:#7B98BD;
}
button#outlined2:hover{
	color:white;
	background-color:#7B98BD;
}

.col-25 {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
  }
  
  .col-50 {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 500px;

  }

div.col-95 {
	display: block;
    text-align: left;
}

.col-95 {
	-ms-flex: 50%; /* IE10 */
    margin-left: auto;
    text-align: left;
	text-align: left;
}

div.col-15 {
	display: block;
    text-align: left;
	min-width: 500px;
	margin-top: 100px;
	margin-bottom: 70px;
}

.col-15 {
	-ms-flex: 50%; /* IE10 */
    margin-left: auto;
    text-align: left;
	text-align: left;
}

div.col-13 {
	display: block;
    text-align: left;
	max-width: 500px;
	margin-top: 100px;
	margin-bottom: 70px;

}

.col-13 {
	-ms-flex: 50%; /* IE10 */
    margin-left: auto;
    text-align: left;
	text-align: left;
	align: center;
	
}



a#thanks{
	text-decoration:none;
	font-size:15px;
	color:#1D4D90;
	font-weight:bold;
}
a#thanks:hover{
	text-decoration:underline 1.5px;
}
p.or{
	color:#6B7083;
	font-weight: bold;
}


.col-thanks {
	margin-right:21%;
	margin-left:21%;
	text-align:center;
}

  .col-75 {
	-ms-flex: 75%; /* IE10 */
	flex: 75%;
	text-align: left;
  }
  
  .col-25,
  .col-50,
  .col-75 {
	padding: 0px;
	margin-bottom: 50px;
  }


  .container {
	background-color: #f2f2f200;
	padding: 5px 20px 15px 20px;
	border: 1px solid rgba(211, 211, 211, 0);
  }
  
  input[type=text] {
	width: 100%;
	margin-bottom: 5px;
	padding: 12px;
	background-color: #FFF;

  }
  
  label {
	margin-bottom: 10px;
	display: block;
	font-size: 1.7rem;
	color: #979797;
	font-weight:normal;
	text-align: left;
	text-transform: capitalize;
	padding: 1rem;  
  }
  
  .icon-container {
	margin-bottom: 20px;
	padding: 7px 0;
	font-size: 24px;
  }
  
  span.price {
	color: rgba(128, 128, 128, 0);
  }

  div.col-1 {
	display: block;
    text-align: left;
	min-width: 500px;
	margin-top: 50px;
	margin-bottom: 70px;
}

.col-1 {
	-ms-flex: 50%; /* IE10 */
    margin-left:30px;
    text-align: left;
	text-align: left;
}
div.popuplog-btn{
	margin-left:30px;
}
	.return-btn {
	text-decoration: none;
	cursor: pointer;
	border: none;
	font-size:15pt;
	color:#486284;
	font-weight: bold;
	font-family:DM Sans, Public Sans, sans-serif;
	border-radius:20px;
	padding:10px 50px 10px 50px;
  }

  .return-btn:hover {
	color: #D0E0F1;
  }


  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
@media (max-width: 1100px) {
	.row {
	  display: -ms-flexbox; /* IE10 */
	  display: flex;
	  -ms-flex-wrap: wrap; /* IE10 */
	  flex-wrap: wrap;
	  margin: 0 -16px;
	}
	.return-btn {
		margin-left:130px;
		margin-right:130px;
  }


div.col-15 {
	display: block;
    text-align: left;
	min-width: 300px;
	margin-top: 100px;
	margin-bottom: 70px;
}

.col-15 {
	-ms-flex: 50%; /* IE10 */
    margin-left:50px;
    text-align: left;
	text-align: left;
}
div.login-btn{
	margin-left:50px;
}


div.col-1 {
	display: block;
    text-align: left;
	min-width: 350px;
	margin-top: 50px;
	margin-bottom: 70px;
}

.col-1 {
	-ms-flex: 50%; /* IE10 */
    margin-left:10px;
    text-align: left;
	text-align: left;
}
div.popuplog-btn{
	margin-left:10px;
}

	.col-thanks {
	margin-right:25%;
	margin-left:25%;
	text-align:center;
}
	select {
	padding-left: 8px;
	height: 42px;
	width: 100%;
	color:#979797;
	border-color: #6B7083;
}
h1#thanks{
	margin-top:100px;
	color:#6B7083;
	font-size:30pt;
	text-align: center;
	line-height:50px;
	margin-right:10%;
	margin-left:10%;
}

h4 {
	font-size:2.5rem;
	line-height:3rem;
	padding-top:20px;
}

	.col-25 {
	  margin-bottom: 20px;
	}

	/* Home Page */

.homebannerlarge {
	display:none;
}
.homebannersmall {
	display:flex;
	justify-content:center;
	border-radius:0 0 0 0;
	margin-left:0px;
}

h2.tp {
	font-size:35px;
	margin-left:80px;
	margin-top:80px;
}
h2.d {
	font-size:35px;
	margin-left:80px;
}
.quote {
	text-align:center;
}
.rowtp {
	display:flex;
	justify-content:center;
	margin-left:80px;
	flex-direction:column;
	gap:30px;
}

.columnmedtp {
	display:none;
	}

/* Resort Page */

.rowone {
	display:flex;
	justify-content:center;
	flex-direction:column;
	margin-left:60px;
	gap:30px;
	margin-bottom:30px;
}
.columnone {
	width:30%;
	margin:0 0 50px;
}
.rowtwo {
	display:flex;
	justify-content:center;
	flex-direction:column;
	margin-left:60px;
	gap:30px;
	margin-bottom:30px;
}
.columntwo {
	width:30%;
	margin:0 0 50px;
}
.rowthree {
	display:flex;
	justify-content:center;
	flex-direction:column;
	margin-left:60px;
	gap:30px;
	margin-bottom:30px;
}
.columnthree {
	width:30%;
	margin:0 0 50px;
}
.rowfour {
	display:flex;
	justify-content:center;
	flex-direction:column;
	margin-left:60px;
	gap:30px;
	margin-bottom:30px;
}
.columnfour {
	width:30%;
	margin:0 0 50px;
}
.rowfive {
	display:flex;
	justify-content:center;
	flex-direction:column;
	margin-left:60px;
	gap:30px;
	margin-bottom:30px;
}

.columnfive {
	width:30%;
	margin:0 0 50px;
}
.rowsix {
	display:flex;
	justify-content:center;
	flex-direction:column;
	margin-left:60px;
	gap:30px;
	margin-bottom:30px;
}
.columnsix {
	width:30%;
	margin:0 0 50px;
}

/* Specific Resort Page */
.boynelargebanner {
	display:none;
}
.boynesmallbanner {
	display:flex;
	justify-content:center;
	margin:0 40px 25px 0;
	border-radius:0 0 0 0;
}

.reportlarge {
	display:none;
}
.reportsmall {
	display:flex;
	justify-content:center;
	margin:auto;
}

.boynepasses {
	display:none;
}
.boynepassessmall {
	display:flex;
	justify-content:center;
	border-radius:0 0 0 0;
	margin:0 30px 30px 0;
}

/* Compare Page */
.comparelarge {
	display:none;
}
.comparesmall {
	display:flex;
	justify-content:center;
	width:450px;
	margin-top:100px;
}

.col-50 {
	-ms-flex: 50%; /* IE10 */
	flex: 50%;
	max-width: 90%;
	margin-left:10%;
	margin-right:10%;

  }


.col-95 {
	-ms-flex: 50%; /* IE10 */
    text-align: left;
	text-align: left;
	max-width: 90%;
	margin-left:10%;
}

.fcc-btn {
	padding:10px 50px 10px 50px;
  }

  .fc-btn {
	padding:10px 50px 10px 50px;
  }

  .f-btn {
	padding:10px 50px 10px 50px;
  }

/*below is the code for the pop-up*/

  .popup-btn {
	padding:10px 70px 10px 70px;
  }
  .o-btn {
	padding:10px 50px 10px 50px;
	margin:20px;
  }

  .popup2-btn {
	padding:10px 50px 10px 50px;
	margin:20px;
  }
    h1 {
	font-size:4.8rem;
	line-height:8rem;
	margin-top:40px;
	margin-left:65px;

}




	
  }

body,html{
	box-sizing: border-box;
   
  }
  
  .container{
	padding: 10px;
	border-top:0px solid;
	border-top-color:#979797;   
  }
  
  .row{
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	display:flex;
	justify-content: space-between;
  }

  .crow{
	padding: 15px 0;
	clear: both;
	overflow: hidden;
	display:flex;
  }

  
.bg-image {
	/* The image used */
	background-image: linear-gradient(rgba(255, 238, 250, 0.461), rgba(255, 238, 250, 0.489)), url("../images/hg.jpeg");
  
	/* Add the blur effect */
	filter: blur(6px);
	-webkit-filter: blur(6px);
  
	/* Full height */
	height: 100vh;
  
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
  }

  .box{
  /*
  float: left;
  */
  box-sizing: border-box;
  display: block;
} 

Img {
	border-radius: 3rem;
	height: 100%;
  }

.box-text{
  padding: 10px;
}

.box-buttons {
  align-self:flex-end;
}

.box-image{
	margin: 0;
	height: 100px;
  }

  
  @media (min-width: 800px) {
	.box-text{
		margin-left: 55px;
	  }
	}

  @media (max-width: 800px) {
	.box-text{
		margin-left: 0px;
	  }
	  .f-btn {
	padding:10px 30px 10px 30px;
  }
 .popup-btn {
	padding:10px 40px 10px 40px;
  }
  h1 {
	font-size:3rem;
	line-height:8rem;
	margin-top:40px;
	margin-left:30px;

}
h1#thanks{
	margin-top:100px;
	color:#6B7083;
	font-size:25pt;
	text-align: center;
	line-height:50px;
	margin-right:2%;
	margin-left:2%;
}
.return-btn {
		margin-left:30px;
		margin-right:30px;
  }

	}