/*
Theme Name: Flywheel Theme
Theme URI: https://polishyourimage.com/
Description: Fly
Version: 7.0
Author: PYI
Author URI: https://polishyourimage.com/
Tags: Flywheel Theme
*/

/*Begin General*/


body, html, ul {
	margin: 0px;
 	padding: 0px;
}

body {
	font-family: 'Roboto-Regular';
	font-size: 15.01px;
	word-wrap: break-word;
	overflow-x: hidden;
	color: #000000;
}

.wrapperOuter {
    overflow: hidden;
}

b, strong {
	font-family: 'Roboto-Bold';
}

a {
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	outline:0!important;
	color: #173f6a;
}

a:hover {
	color: #f48311;
}

::selection {
   color: #fff; 
   background: #173f6a !important;
}

* { 
	outline:none!important;
}


h1,h2,h3,h4,h5,h6 {
	margin-top:0;
	font-family: 'Roboto-Black';
	font-weight: normal;
	margin-bottom: 10px; 
	color: #173f6a;
}

h1 {
	font-size: 77.77px;
}

h2 {
	font-size: 60px;
}

h3 {
	font-size: 45px;
}

h4 {
	font-size: 35px;
}

h5 {
	font-size: 25px;
}

h6 {
	font-size: 18px;
}

ul {
	list-style:disc;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol {
	list-style:decimal;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol li,ul li {
	margin:0;
	padding:0;
	list-style: none;
}

p {
	padding-bottom: 20px;
	margin: 0;
	line-height: 20px;
	letter-spacing: -.1px;
}

img {
	transition:all .5s;
	max-width: 100%;
	height: auto;
}

/* content */

main ol li, 
main ul li {
	list-style-position: inside;
    line-height: 25px;
    margin-bottom: 9px;
}

main ol, 
main ul {
	margin: 0;
	
}

 
.btnbx {
    opacity: 0;	
}

.dbtn .mText:last-child {
    display: none;
}
 
button {
    font-size: 20.01px;
    line-height: 26px;
    font-family: 'Roboto-Black';
    background-image: -webkit-linear-gradient(to top, #ff5933 0%, #f8921e 100%);
    background-image: -moz-linear-gradient(to top, #ff5933 0%, #f8921e 100%);
    background-image: -o-linear-gradient(to top, #ff5933 0%, #f8921e 100%);
    background-image: linear-gradient(to top, #f79828 29%, #f48311 53%);
    background-size: 200% auto;
    border: none;
    color: #173f6a;
    padding: 10px 20px 9px;
    border-radius: 5px;
    margin-bottom: 12px;
    transition: all .5s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 67%);
}

button img {
    width: 18px;
    position: relative;
    top: -5px;
    left: 3px;
}
   
button:after {
	content: '';
	display: inline-block;
	background: #f79828;
	position: absolute;
	left: 0;
	width: 100%;
	height: 0;
	bottom: 0;
	z-index: -1;
	transition: all .5s;
}
  
button:hover:after {
	height: 100%;
}
button:hover {
	color: #ffffff;
}

.page-loaded .btnbx {   
    opacity: 1;
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
}
.owl-carousel .owl-item {
    display: inline-block;
    vertical-align: top;
}

body {
	background-image: url(../images/congratulations-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: cover;
    padding-top: 110px;
    padding-bottom: 125px;
    min-height: 100vh;
    background-attachment: fixed;
}
.location-bg {
	background-image: url(../images/location-bg.jpg);
}
.mainWrap {
	padding-top: 68px;
}

.whiteBox {
	max-width: 1330px;
	margin: 20px auto 0px;
	background: #ffffff; 
	padding: 40px 42px 46px;
    position: relative;
}

.footer .container:after,
.whiteBox:before {
    content: '';
    width: 100%;
    height: 88px;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(to top, #f48311 -5%, rgba(244,131,17,0) 5%);
    background: -moz-linear-gradient(to top, #f48311 -5%, rgba(244,131,17,0) 5%);
    background: -o-linear-gradient(to top, #f48311 -5%, rgba(244,131,17,0) 5%);
    background: linear-gradient(to top, #f48311 -5%, rgba(244,131,17,0) 5%);
    transform: translate3d(0px, -89px, 0px);
    z-index: -1;
}

.footer .container {
    position: relative;
}

.footer .container:after {
    top: auto;
    bottom: 0;
    transform: inherit;
}

.footer {
    margin-bottom: 20px;
}
.mainWrap h1 {
	font-family: 'FontsFree-Net-turbinado-bold', 'TurbinadoBold';
	font-size: 74.5px;
	line-height: 40px;
	margin-bottom: 25px;
}
.mainWrap h1 label {
	font-size: 16.55px;
	font-family: 'Roboto-Regular';
    display: block;
    margin-left: 111px;
    margin-top: -9px;
    color: #000000;
}
.locationWrap .logobox img {
	width: 273px;
} 
.locationWrap .logobox {
    margin-bottom: 60px;
    margin-left: 16px;
}
.contentBox p img {
	width: 11px;
}
.contentBox ul li {
    position: relative;
    padding-left: 10px;
    line-height: 22px;
    margin-bottom: 17px;
}
.contentBox ul li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #f48311;
    position: absolute;
    left: 0;
    top: 9px;
}

.formBox {
    background: #173f6a;
    color: #fff;
    display: inline-block;
    padding: 30px 32px 22px 40px;
}
.formBox h3 {
	color: #ffffff; 
	font-size: 30.03px;
	letter-spacing: -.7px;
	margin-bottom: 22px;
}
.formBox h6 img {
    width: 11px;
    position: relative;
    top: -2px;
    left: 3px;
    margin-right: 7px;
} 
.whiteBox .leftBox {
    width: 57.5%;
    padding-right: 44px;
}
.whiteBox .rightBox {
    width: 42.5%;	
    padding-top: 15px;
}

.formBox h6 {
	color: #ffffff;
	font-family: 'Roboto-Regular';
	font-size: 12.01px;
	margin-bottom: 14px;
}
.formBox label {
	display: block;
	margin-bottom: 18px;
}
.formBox label span {
    font-size: 14.01px;
    text-transform: uppercase;
    margin-right: 12px;
    letter-spacing: .2px; 
}
.formBox input {
    height: 33px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    padding: 5px 12px;
    max-width: 294px;
    width: 100%;
}
.formBox form {
	text-align: left;
}
.submit {
	text-align: right;
	margin-top: 28px;
	padding-bottom: 4px;
} 
.formBox input[type="tel" i] {
    max-width: 253px;
} 
.mainWrap .contentBox .leftGrid {
    width: 51.5%;
    padding-right: 0;
}
.mainWrap .contentBox .righGrid {
    width: 48.5%;
    padding-left: 27px;
}
.mainWrap .contentBox .righGrid img {
	/*width: 291px;*/
}

.innerWrap .whiteBox {
    padding-top: 0;
    padding-right: 0;
    padding: 0 0 33px 42px;
}
.innerWrap h1 {
	font-size: 42px;
	font-family: 'Roboto-Bold';
	letter-spacing: 0.7px;
}
.innerWrap h1 span {
	font-family: 'Roboto-Light';
	display: block;
	letter-spacing: .5px;
}
.innerWrap .leftBox {
    padding-top: 42px;
    padding-right: 30px;
}
.innerWrap .rightBox {
	padding-top: 0;
    padding-right: 0;
}
.innerWrap .logobox {
    margin-bottom: 26px;	
}
.blueBox {
	padding-top: 8px;
    margin-bottom: 46px;
}
.blueBox .leftGrid .box {
	background: #6093bf;
	padding: 12px 20px 4px;
}
.blueBox .righGrid .box {
    background: #74a2ca;
    padding: 13px 21px 6px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.blueBox .row {
	--bs-gutter-x: 0;
}
.blueBox .leftGrid h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 50px;
    margin-bottom: -5px;
}
.blueBox .leftGrid h6 {
    color: #ffffff;
    font-size: 17px;
    font-family: 'Roboto-Regular';
}
.blueBox .leftGrid h3 {
    color: #ffffff;
    font-size: 32px;
    font-family: 'Roboto-Light';
    line-height: 34px;
    letter-spacing: -.6px;
    margin-bottom: 0px;	
}
.blueBox .righGrid .box h4 {
    font-size: 28px;
    font-family: 'Roboto-Light';
    color: #ffffff;
    line-height: 32px;
    letter-spacing: -.1px;
}
.blueBox .righGrid .box h4 span {
    font-family: 'Roboto-Black';
}
.blueBox .leftGrid {
    width: 69%;
}
.blueBox .righGrid {
    width: 31%;
} 
.innerWrap .leftBox h5 {
    font-size: 26px;
    font-family: 'Roboto-Light';
    color: #000000;
    margin-bottom: 16px;
}
.innerWrap .leftBox h5 span {
    font-family: 'Roboto-Black';
} 
.innerWrap .grayBox {
    background: #fffcca;
    font-family: 'Roboto-Bold';
    text-align: center;
    padding: 12px 47px 15px;
    margin-bottom: 14px;
}
.innerWrap .grayBox p {
    font-size: 19px;
    padding-bottom: 0;
    letter-spacing: -.1px;
    line-height: 24px;
}
.innerWrap .grayBox p a {
	color: #000000;
}
.innerWrap .grayBox p a:hover {
	color: #173f6a;
} 
.innerWrap .contentBox ul {
    max-width: 628px;
    margin-left: 36px;
}
.innerWrap .contentBox ul li:before {
    width: 4px;
    height: 4px;
    background: #000;
    top: 9px;
    left: -1px;
}
.innerWrap .contentBox ul li {
    letter-spacing: .5px;
    line-height: 22px;
    margin-bottom: 22px;	
} 
.imageWrap {
	text-align: center;
	padding-top: 7px;
}
.imageWrap h2 {
	font-size: 42px; 
    letter-spacing: -1px;
    margin-bottom: 18px;
}
.imageWrap h3 {
    font-size: 28px;
    display: block;
    padding: 10px 12px 12px;
    color: #ffffff;
    position: relative;
    background: #f48311;
    margin-bottom: 0;
}
.imageWrap .box {
    background: #f48311;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.imageWrap .box:before {
    content: '';
    display: inline-block;
    background: #f48311;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .5s;
}
.imageWrap .in-viewport-once .box:before {
	-o-transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition-delay: .5s;
}
.imageWrap .col {
	margin-bottom: 16px;
}
.imageWrap .row {
	--bs-gutter-x: 1rem;
}
.imageWrap .box img {
    width: 100%;
    margin-bottom: -1px;
}
.innerWrap .rightBox .formBox {
    margin-top: -140px;
    margin-right: 30px;
    padding: 24px 32px 22px 40px;
}

.innerWrap .rightBox .formBox h3 {
	color: #ffbb32;
	font-size: 37px;
	margin-bottom: 8px;
	text-align: center;
}
.innerWrap .rightBox .formBox h4 {
    color: #ffffff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
}
.innerWrap .rightBox .formBox h5 {
    color: #ffffff;
    font-size: 38px;
    text-transform: uppercase;
    font-family: 'Roboto-BlackItalic';
    text-align: center;
    letter-spacing: -.5px;
    margin-bottom: 16px;
}
.innerWrap .rightBox .formBox h4 span {
    font-family: 'Roboto-Light';
}
.innerWrap .rightBox .formBox h4 i {
    display: block;
    font-size: 18px;
    text-transform: initial;
    font-style: normal;
    font-family: 'Roboto-LightItalic';  
    color: #74a2ca;
    margin-bottom: -8px; 
}
.innerWrap .rightBox .formBox p {
    font-size: 20px;
    text-align: center;
    line-height: 27px;
    letter-spacing: -.3px;
    padding-bottom: 24px;
}
.innerWrap .rightBox .formBox p {
	font-family: 'Roboto-Light';
}
.innerWrap .rightBox .formBox p a {
	font-family: 'Roboto-Black';
}
.innerWrap .rightBox .formBox p a {
   color: #ffffff;
}
.innerWrap .rightBox .formBox p a:hover {
	color: #f48311;
}
 
.innerWrap .rightBox .formBox form label:nth-child(2) input,
.innerWrap .rightBox .formBox form label:nth-child(1) input,
.innerWrap .rightBox .formBox form label:nth-child(3) input,
.innerWrap .rightBox .formBox form label:nth-child(4) input {
	max-width: 310px;
}
.innerWrap .formBox label span {
    width: 100%;
    display: inline-block;
    max-width: 109px;    
}

.innerWrap .rightBox .formBox form h6 {
    margin-top: 23px;
}
.innerWrap .rightBox .formBox form .submit {
    text-align: right;
    margin-top: 22px;
    padding-bottom: 0px;
    letter-spacing: 0;
}  
.innerWrap form .submit button img {
    width: 21px; 
    top: -3px;
    left: 10px;
    margin-left: 1px;	
}
.addressBox {
    text-align: center;
    margin-top: 47px;
}
.addressBox img {
	width: 30px;
}
.addressBox .border-box {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 3px solid #ffbb32;
    line-height: 80px;
    margin: 0 auto 9px;
    background: #ffffff;  
}
.addressBox h6 {
    font-size: 32.05px;
    color: #000000;
    font-family: 'Roboto-Light';
    letter-spacing: -.2px;
    line-height: 36.63px;
}
.addressBox h6 a {
    color: #000000;
    font-family: 'Roboto-black';
}
.addressBox h6 a:hover {
	color: #173f6a;
}

.footer .container {
    background: rgba(255, 255, 255, .7);
    max-width: 1330px;
    text-align: center; 
    padding: 29px 20px 21px;
}

.footer p {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 16px;
    letter-spacing: 0;
}
.footer p a {
	color: #000000;
}
.footer p a:hover {
    color: #173f6a;
}
.footer p:last-child {
	padding-bottom: 0;
}
.footer p span { 
    letter-spacing: .5px;
    font-size: 16px;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* animation css */

.whiteBox .leftBox {
   transform: translate(-50px, 0px);
   opacity: 0;
   transition: all .5s;
}
.whiteBox .rightBox {
   transform: translate(50px, 0px);
   opacity: 0;
   transition: all .5s;
}
.page-loaded .whiteBox .rightBox,
.page-loaded .whiteBox .leftBox {
   transform: translate(0px, 0px);
   opacity: 1;  
}

/* resortWrap */

/* massanutten page */

 .massanuttenWrap .imageWrap .row {
    margin-left: -6px;
    margin-right: -6px;
 }

 .massanuttenWrap .imageWrap .col {
    padding-left: 6px;
    padding-right: 6px;
 }

 .massanuttenWrap .imageWrap .col,
  .massanuttenWrap .top-image {
     margin-bottom: 12px;
 }

  .massanuttenWrap .imageWrap .in-viewport-once .box:before {
    -o-transform: translate3d(0, 101%, 0);
    -webkit-transform: translate3d(0, 101%, 0);
    -moz-transform: translate3d(0, 101%, 0);
    transform: translate3d(0, 101%, 0);
    transition-delay: .5s;
}

.resortWrap {
    margin-top: 14px;
}

.resortWrap h2 {
    font-size: 28px;
     font-family: 'Roboto-Black';
     text-transform: uppercase;
     background: #f48311;
     text-align: center;
     color: #fff;
    padding: 10px 20px 13px;
    margin-bottom: 20px;
}

.massanuttenWrap .resortWrap .row {
    padding-left: 40px;
}

.massanuttenWrap .resortWrap .box img {
    max-height: 26px;
}
.resortWrap .col {
    margin-bottom: 10px;
}

.resortWrap .box,
.resortWrap .text {
    display: inline-block;
    vertical-align: top;
}

.resortWrap .box {
    width: 30px;
    margin-right: 8px;
}

.resortWrap .text {
    font-size: 17px;
    width: calc(100% - 48px);
    text-align: left;
}

.massanuttenWrap .leftBox .resortWrap .col:nth-child(odd) {
    width: 58%;
}

.massanuttenWrap .leftBox .resortWrap .col:nth-child(even) {
    width: 42%;
}


.bottomBox {
    text-align: center;
    margin-top: 12px;
}

.bottomBox p {
    font-size: 13px;
    text-transform: uppercase;
}

.bottomBox p:last-child {
    padding-bottom: 0;
}

.resortWrap .whiteBox {
    padding-bottom: 11px;
}

.massanuttenWrap .rightBox .formBox h4 i {
    font-size: 18px;
}

.massanuttenWrap .addressBox {
    background: #fffcca;
    padding: 36px 20px 26px;
}

.massanuttenWrap .rightBox .addressBox,
.massanuttenWrap .rightBox .resortWrap {
    margin-right: 26px;
}
.massanuttenWrap .rightBox .addressBox {
   margin-top: 17px;
}

/* massanuttenWrap */

.massanuttenWrap .rightBox .massanutten-img {
    text-align: center;
    margin: 27px 0;
    margin-right: 25px;
}
.massanuttenWrap .rightBox .massanutten-img img {
    width: 235px;
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button {
    background-image: url(../images/massanutten-slider1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 80px;
    border-radius: 0;
    width: 19.2%;
    padding: 0;
    box-shadow: 0 0 0;
    margin-right: 5px;
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button:last-child {
    margin-right: 0;
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button:after {
    display: none;
}
.massanuttenWrap .rightBox .sliderBox .owl-dots {
  margin-top: 4px;
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button:nth-child(2) {
    background-image: url(../images/massanutten-slider2.jpg);
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button:nth-child(3) {
    background-image: url(../images/massanutten-slider3.jpg);
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button:nth-child(4) {
    background-image: url(../images/massanutten-slider4.jpg);
}
.massanuttenWrap .rightBox .sliderBox .owl-dots button:last-child {
    background-image: url(../images/massanutten-slider5.jpg); 
}
.massanuttenWrap .rightBox .sliderBox {
    margin-right: 26px;
}
.massanuttenWrap .rightBox .thumbBox {
  overflow-x: scroll;
}
.massanuttenWrap .rightBox .sliderBox .owl-dots {
  width: calc(100% + 128px);
}

/* williamsburgWrap */

.massanuttenWrap.williamsburgWrap .rightBox .sliderBox .owl-dots button {
    background-image: url(../images/williamsburg-slide1.jpg);
}
.massanuttenWrap.williamsburgWrap .rightBox .sliderBox .owl-dots button:nth-child(2) {
    background-image: url(../images/williamsburg-slide2.jpg);
}
.massanuttenWrap.williamsburgWrap .rightBox .sliderBox .owl-dots button:nth-child(3) {
    background-image: url(../images/williamsburg-slide3.jpg);
}
.massanuttenWrap.williamsburgWrap .rightBox .sliderBox .owl-dots button:nth-child(4) {
    background-image: url(../images/williamsburg-slide4.jpg);
}
.massanuttenWrap.williamsburgWrap .rightBox .sliderBox .owl-dots button:nth-child(5) {
    background-image: url(../images/williamsburg-slide5.jpg);
}
.massanuttenWrap.williamsburgWrap .rightBox .massanutten-img img {
  width: 350px;  
}
.massanuttenWrap.williamsburgWrap .rightBox .massanutten-img {
    margin: 35px 0 26px;
    margin-right: 25px;
}
/* browser check */

.Safari .formBox input {
	padding: 8px 12px 5px;
}

.Safari button {
   padding: 12px 20px 7px;
}
.Safari .contentBox ul li:before {
	top: 7px;
}


  
/* 
============================================================================================================
============================================================================================================

                                    THEME STYLE RESPONSIVE CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
sm .container {max-width: 540px;}
md .container {max-width: 720px;} 
lg .container {max-width: 960px;} 
xl .container {max-width: 1140px;} 
xxl .container {max-width: 1320px;} 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

@media (min-width: 1200px) and (max-width: 1440px) {

  .massanuttenWrap .rightBox .sliderBox .owl-dots button {
      width: 19%;
  }
  .massanuttenWrap .rightBox .massanutten-img img {
      width: 180px;
  }
  .massanuttenWrap.williamsburgWrap .rightBox .massanutten-img img {
        width: 280px;
    }
  .massanuttenWrap .rightBox .sliderBox .owl-dots {
        width: calc(100% + 112px);
    }

    .massanuttenWrap .resortWrap .row {
        padding-left: 20px;
    }

    .resortWrap .text {
        font-size: 15px;
    }

}

/* Laptop screen */
@media (min-width: 1200px) and (max-width: 1399px) { 

	.whiteBox {
		max-width: 1150px;
	}
	.formBox input {
		max-width: 218px;
	}
	.formBox input[type="tel" i] {
	    max-width: 177px;
	}
	.mainWrap h1 label {
		margin-top: 2px;
        line-height: 23px;
	}
	.footer .container {
		max-width: 1150px;
	}

	.blueBox .leftGrid h3 {
		font-size: 28px;
	}
	.blueBox .leftGrid h2 {
		font-size: 44px;
	}
	.blueBox .righGrid .box h4 {
		font-size: 22px;
	}
	.innerWrap .rightBox .formBox h3 {
		font-size: 30px;
	}
	.innerWrap .rightBox .formBox p {
		font-size: 18px;
	}
	.imageWrap h2 {
		font-size: 36px;
	}
	.imageWrap h3 {
		font-size: 26px;
	}
	.addressBox h6 {
        font-size: 26px;
	}
     
     .innerWrap .grayBox {
     	padding-right: 15px;
     	padding-left: 15px;
     }
     .innerWrap h1 {
     	font-size: 35px;
     }

    .innerWrap .rightBox .formBox form label:nth-child(2) input, 
    .innerWrap .rightBox .formBox form label:nth-child(1) input, 
    .innerWrap .rightBox .formBox form label:nth-child(3) input, .innerWrap .rightBox .formBox form label:nth-child(4) input {
        max-width: 234px;
    }

	.whiteBox .leftBox {
		padding-right: 20px;
	}

	.innerWrap .rightBox .formBox h4 {
		font-size: 35px;
	}
    .innerWrap .rightBox .formBox h5 {
        font-size: 30px;
    }
     .innerWrap .rightBox .formBox h4 i {
        font-size: 14px;
    }

}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) { 
	
	.whiteBox {
	    max-width: 930px;
        padding: 40px 20px 46px;
	}
	.formBox input {
		max-width: 174px;
	}
	.formBox input[type="tel" i] {
	    max-width: 137px;
	}
	.mainWrap h1 label {
	    margin-top: 2px;
	    line-height: 21px;
	    font-size: 14.55px;
	    margin-left: 90px;
	}
	.formBox {
	    padding: 30px 25px 22px 25px;
	}
	.formBox h3 {
	    font-size: 26px;	
	}
	.formBox label span {
		font-size: 13px;
	}
	.submit {
		margin-top: 22px;
	}
     button {
     	font-size: 18px;
     }
     button img {
     	top: -3px;
     }
     .formBox h6 {
     	line-height: 17px;
     }
     .mainWrap h1 {
     	font-size: 60px;
     }
     .mainWrap {
	    padding-top: 0px;
	}

	.footer .container {
		max-width: 930px;
	} 
	.blueBox .leftGrid h3 {
		font-size: 20px;
	}
	.blueBox .leftGrid h2 {
	    font-size: 34px;
	    line-height: 36px;
	    margin-bottom: 0px;
	}
	.blueBox .righGrid .box h4 {
		font-size: 18px;
	    line-height: 22px;
	}
	.innerWrap .rightBox .formBox h3 {
		font-size: 26px;
	}
	.blueBox .righGrid .box {
		padding: 13px 12px 6px;
	}
	.innerWrap .rightBox .formBox p {
		font-size: 18px;
	}
	.imageWrap h2 {
		font-size: 36px;
	}
	.imageWrap h3 {
		font-size: 24px;
	}
	.addressBox h6 {
        font-size: 26px;
	} 
    .innerWrap .grayBox {
     	padding-right: 15px;
     	padding-left: 15px;
    }
    .innerWrap h1 {
    	font-size: 28px; 
	    letter-spacing: 0;
    }
    .innerWrap h1 span {
    	letter-spacing: 0;
    }
    .innerWrap .rightBox .formBox form label:nth-child(2) input, 
    .innerWrap .rightBox .formBox form label:nth-child(1) input, 
    .innerWrap .rightBox .formBox form label:nth-child(3) input, .innerWrap .rightBox .formBox form label:nth-child(4) input {
        max-width: 177px;
    }
    .innerWrap .formBox label span {
        max-width: 104px;    
    }
	.whiteBox .leftBox {
		padding-right: 10px;
	}

	.innerWrap .rightBox .formBox {
		padding: 24px 20px 22px 20px;
	}
	.innerWrap .rightBox .formBox h4 {
		font-size: 32px;
	}

    .massanuttenWrap .leftBox.resortWrap .col:nth-child(even),
    .massanuttenWrap .leftBox .resortWrap .col:nth-child(odd) {
        width: 50%;
    }

    .resortWrap h2 {
        font-size: 22px;
        padding: 10px 20px 8px;
    }

    .massanuttenWrap .rightBox .sliderBox .owl-dots button {
      width: 18.7%;
    }
    .massanuttenWrap .rightBox .massanutten-img img {
      width: 180px;
    }
    .massanuttenWrap.williamsburgWrap .rightBox .massanutten-img img {
        width: 280px;
    }
    .massanuttenWrap .rightBox .sliderBox .owl-dots {
      width: calc(100% + 88px);
  }

  .massanuttenWrap .resortWrap .row {
        padding-left: 20px;
    }

    .resortWrap .text {
        font-size: 15px;
    }
    .innerWrap .rightBox .formBox h5 {
        font-size: 28px;
    }
    .innerWrap .rightBox .formBox h4 i {
        font-size: 14px;
    }

    .footer p span {
        font-size: 15px; 
        line-height: 20px;   
    }
    .footer p {
        font-size: 13px;
        line-height: 18px; 
    }
 


}

     
/* Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px) { 

	.whiteBox {
	    max-width: 710px;
        padding: 40px 20px 46px;
	}
	.formBox input {
		max-width: 466px;
	}
	.formBox input[type="tel" i] {
	    max-width: 428px;
	}
	.mainWrap h1 label {
	    margin-top: 2px;
	    line-height: 21px;
	    font-size: 14.55px;
	    margin-left: 90px;
	}
	.formBox {
	    padding: 30px 25px 22px 25px;
	}
	.formBox h3 {
	    font-size: 26px;	
	}
	.formBox label span {
		font-size: 13px;
	}
	.submit {
		margin-top: 22px;
	}
     button {
     	font-size: 18px;
     }
     button img {
     	top: -3px;
     }
     .formBox h6 {
     	line-height: 17px;
     }
     .mainWrap h1 {
     	font-size: 60px;
     }
     .whiteBox .leftBox {
	    width: 100%;
	    padding-right: 12px;
	}
	.locationWrap .logobox {
	    margin-bottom: 40px; 
	}
	.mainWrap .contentBox .righGrid {
		text-align: right;
	}
	.whiteBox .rightBox {
	    width: 100%;
	    padding-top: 20px;
	}
	body {
		padding-top: 100px;
	    padding-bottom: 100px;	
	}
	.mainWrap {
	    padding-top: 0px;
	}

	.footer .container {
		max-width: 710px;
	} 
	.blueBox .leftGrid h3 {
		font-size: 20px;
	}
	.blueBox .leftGrid h2 {
	    font-size: 34px;
	    line-height: 36px;
	    margin-bottom: 0px;
	}
	.blueBox .righGrid .box h4 {
		font-size: 18px;
	    line-height: 22px;
	}
	.innerWrap .rightBox .formBox h3 {
		font-size: 26px;
	}
	.blueBox .righGrid .box {
		padding: 13px 12px 6px;
	}
	.innerWrap .rightBox .formBox p {
		font-size: 18px;
	}
	.imageWrap h2 {
		font-size: 36px;
	}
	.imageWrap h3 {
		font-size: 24px;
	}
	.addressBox h6 {
        font-size: 26px;
	} 
    .innerWrap .grayBox {
     	padding-right: 15px;
     	padding-left: 15px;
    }
    .innerWrap h1 {
    	font-size: 28px; 
	    letter-spacing: 0;
    }
    .innerWrap h1 span {
    	letter-spacing: 0;
    }
    .innerWrap .logobox {
	    margin-bottom: 26px;
	}
	.innerWrap .rightBox .formBox form label:nth-child(2) input, 
    .innerWrap .rightBox .formBox form label:nth-child(1) input, 
    .innerWrap .rightBox .formBox form label:nth-child(3) input, .innerWrap .rightBox .formBox form label:nth-child(4) input {
        max-width: 496px;
    }
    .innerWrap .formBox label span {
        max-width: 104px;    
    }

    .innerWrap .whiteBox {
        padding-left: 0;
    }

    .massanuttenWrap .rightBox .sliderBox,
    .innerWrap .rightBox .formBox,
    .massanuttenWrap .rightBox .addressBox,
    .massanuttenWrap .rightBox .resortWrap {
        margin-right: 12px;
         }


	.innerWrap .rightBox .formBox h4 {
		font-size: 32px;
	}

    .resortWrap h2 {
        font-size: 22px;
        padding: 10px 20px 8px;
    }

    .massanuttenWrap .rightBox .sliderBox .owl-dots button {
      width: 19.3%;
  }
  .massanuttenWrap .rightBox .massanutten-img img {
      width: 180px;
  }
  .massanuttenWrap.williamsburgWrap .rightBox .massanutten-img img {
        width: 250px;
    }
  .massanuttenWrap .rightBox .sliderBox .owl-item .item img {
    width: 100%;
  }
  .massanuttenWrap .rightBox .sliderBox .owl-dots {
      width: calc(100% + 160px);
  }

    .massanuttenWrap .resortWrap .row {
        padding-left: 20px;
    }

    .resortWrap .text {
        font-size: 15px;
    }

    .massanuttenWrap .leftBox .resortWrap .col:nth-child(odd),
    .massanuttenWrap .leftBox .resortWrap .col:nth-child(even) {
        width: 50%;
    }

    .innerWrap .rightBox .formBox h5 {
        font-size: 28px;
    }
    .innerWrap .rightBox .formBox h4 i {
        font-size: 14px;
    }

   .footer p span {
        font-size: 15px; 
        line-height: 20px;   
    }
    .footer p {
        font-size: 13px;
        line-height: 18px; 
    }

	
}

/* Landscape phones and down */
@media (max-width: 767px) { 

	.whiteBox {
	    max-width: 530px;
        padding: 40px 20px 46px;
	}
	.formBox input {
		max-width: 100% !important;
	}
	.formBox input[type="tel" i] {
	    max-width: 100%;
	}
	.mainWrap h1 label {
	    margin-top: 20px;
	    line-height: 20px;
	    font-size: 14px;
	    margin-left: 0;
	}
	.formBox {
	    padding: 30px 25px 22px 25px;
	}
	.formBox h3 {
	    font-size: 26px;	
	    margin-bottom: 12px;
	}
	.formBox label span {
		font-size: 13px;
	    display: block;
	    margin-right: 0;
	    margin-bottom: 4px;
	}
	.submit {
		margin-top: 22px;
	}
     button {
     	font-size: 18px;
        padding: 10px 15px 9px;
     }
     .Safari button {
        padding: 12px 15px 7px;
     }
     button img {
     	top: -3px;
     }
     .formBox h6 {
     	line-height: 17px;
     }
     .mainWrap h1 {
       font-size: 42px;
       line-height: 34px;
       margin-bottom: 16px;
     }
     .whiteBox .leftBox {
	    width: 100%;
	    padding-right: 12px;
	}
	.locationWrap .logobox {
	    margin-bottom: 32px;
        margin-left: 0;
	}
	.mainWrap .contentBox .righGrid {
	    text-align: center;
	    width: 100%;
	    padding-left: 12px;
	    margin-bottom: 15px;
	}
	.whiteBox .rightBox {
	    width: 100%;
	    padding-top: 20px;
	}
	body {
	   padding: 0px 10px 20px;
	} 
	.mainWrap .contentBox .leftGrid {
	    width: 100%;
	    padding-right: 12px;
	    margin-bottom: 15px;
	}
	.whiteBox {
		text-align: center;
	}
	.contentBox ul {
	    max-width: 335px;
	    margin: 0 auto;
	    text-align: left;	
	}
	.submit {
		text-align: center;
	}
	.locationWrap .logobox img {
	    width: 250px;
	}
	.mainWrap {
	    padding-top: 0px;
	}
	.blueBox .righGrid,
	.blueBox .leftGrid {
	    width: 100%;
	}
	.footer .container {
		max-width: 530px;
	} 
	.blueBox .leftGrid h3 {
		font-size: 19px;
	}
	.blueBox .leftGrid h2 {
	    font-size: 34px;
	    line-height: 36px;
	    margin-bottom: 0px;
	}
	.blueBox .righGrid .box h4 {
		font-size: 18px;
	    line-height: 22px;
	}
	.innerWrap .rightBox .formBox h3 {
		font-size: 26px;
	}
	.blueBox .righGrid .box {
		padding: 13px 12px 6px;
	}
	.innerWrap .rightBox .formBox p {
		font-size: 17px;
	}
	.imageWrap h2 {
		font-size: 28px;
	}
	.imageWrap h3 {
		font-size: 24px;
	}
	.addressBox h6 {
        font-size: 22px;
	} 
    .innerWrap .grayBox {
     	padding-right: 15px;
     	padding-left: 15px;
    }
    .innerWrap h1 {
    	font-size: 28px; 
	    letter-spacing: 0;
    }
    .innerWrap h1 span {
    	letter-spacing: 0;
    }
    .innerWrap .logobox {
	    margin-bottom: 26px;
	}
	.innerWrap .rightBox .formBox form label:nth-child(1) input {
	    max-width: 466px;
	}
	.innerWrap .rightBox .formBox form label:nth-child(2) input {
	    max-width: 469px;
	}
	.innerWrap .rightBox .formBox form label:nth-child(4) input,
	.innerWrap .rightBox .formBox form label:nth-child(3) input {
	    max-width: 439px;
	}
	 
	.innerWrap .rightBox .formBox form .submit,
	.innerWrap .rightBox .formBox form h6 {
		text-align: center;
	}
      
   .addressBox .border-box {
		width: 70px;
	    height: 70px; 
	    line-height: 65px;	
	}
	.addressBox img {
	    width: 24px;
	}

	.innerWrap .leftBox h5 {
		font-size: 22px;
	}
	.innerWrap .grayBox p {
		font-size: 18px;
	}
	.innerWrap .contentBox ul {
		margin-left: 15px;
	}

	.innerWrap .whiteBox {
		padding-left: 0;
	}
	.innerWrap .rightBox .formBox {
		margin-right: 12px;
	}
    .innerWrap .rightBox .formBox h4 {
		font-size: 32px;
	} 
    .innerWrap form .submit button img {
        left: 5px;
    } 
    .resortWrap h2 {
        font-size: 22px;
        padding: 10px 20px 9px;
    } 
    .resortWrap .text {
        font-size: 15px;
    } 
    .massanuttenWrap .resortWrap .row {
        padding-left: 0px;
    } 
    .massanuttenWrap .resortWrap .col:nth-child(odd),
    .massanuttenWrap  .resortWrap .col:nth-child(even), 
    .massanuttenWrap .leftBox .resortWrap .col:nth-child(odd),
    .massanuttenWrap .leftBox .resortWrap .col:nth-child(even) {
        width: 100%;
    }

    .massanuttenWrap .rightBox .addressBox,
    .massanuttenWrap .rightBox .resortWrap {
    margin-right: 12px;
    }

    .massanuttenWrap .rightBox .sliderBox .owl-item .item img {
        width: 100%;
      }
      .massanuttenWrap .rightBox .sliderBox .owl-dots button {
          width: 19%;
      }
      .massanuttenWrap .rightBox .massanutten-img img {
          width: 180px;
      }
      .massanuttenWrap.williamsburgWrap .rightBox .massanutten-img img {
        width: 250px;
    }
      .massanuttenWrap .rightBox .sliderBox,
      .massanuttenWrap .rightBox .massanutten-img {
        margin-right: 12px;
     }
     .massanuttenWrap .rightBox .sliderBox .owl-dots {
       margin-left: -3px;
     }

     .massanuttenWrap .imageWrap .col {
        flex: 50%;
     }

     .innerWrap .rightBox .formBox {
        margin-top: -90px;
     }
    .innerWrap .rightBox .formBox h5 {
        font-size: 28px;
    }
    .innerWrap .rightBox .formBox h4 i {
       font-size: 14px;
    }

    .footer p span {
        font-size: 15px; 
        line-height: 20px;   
    }
    .footer p {
        font-size: 13px;
        line-height: 18px; 
    }

	
}
     
/* Landscape phones and down */
@media (max-width: 575px) { 

	.whiteBox { 
	    max-width: 100%;
	    margin: 20px 10px 0px;
	    padding: 40px 0px 40px;
	}
	.formBox {
	    padding: 30px 15px 22px;
	}
	.innerWrap .whiteBox {
		padding-left: 0;
	}

	.innerWrap .rightBox .formBox {
	    padding: 24px 15px 22px;	
	    margin-right: 12px;
	} 

	.footer .container {
		max-width: calc(100% - 20px);
	}

    .innerWrap .rightBox .formBox {
        margin-top: -55px;
    }

}

@media (max-width: 480px) {
  .massanuttenWrap .rightBox .sliderBox .owl-dots button {
      width: 18.4%;
  }
  .massanuttenWrap .rightBox .sliderBox .owl-dots {
      width: calc(100% + 98px);
      margin-left: -8px;
  }

}