body {background:url(/images/viewing-trip-bg.jpg) fixed center; top:0 !important; margin:0 auto; width:100%; height:100%; font-family:Arial, Verdana, Helvetica; font-size:16px; color:#231F20;}

*, *::before, *::after {box-sizing:border-box;}

header, main, footer {float:left; width:100%; position:relative; z-index:2;}
header {z-index:2;}
#header, #mainMenu, .container, .centreText, #footer {margin:0 auto;}

#header {text-align:center; color:#96B7A1; font-size:28px; font-weight:600; padding:20px 0; margin:0 auto 40px;}
#logo {margin:20px 0;}
#header h1 {color:#FFF; font-size:58px; margin:5px 0 10px;}
#header p {margin:5px 0;}

#mainText {float:left; width:100%; background:rgba(0, 0, 0, 0.55); color:#FFF; padding:40px 20px; margin:0 0 60px; border:1px solid #000; border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#mainText h1, #mainText h2, #mainText h3, #mainText h4, #mainText h5, #mainText h6, #addInfo h1, #addInfo h2, #addInfo h3, #addInfo h4, #addInfo h5, #addInfo h6 {text-align:center; color:#FFF; margin:5px 0 10px;}
#mainText hr {border-top:1px solid #96B7A1;}

#viewingTripForm {float:left;}
#viewingTripForm p {float:left; width:100%; font-weight:600; margin:30px 0 5px;}
#viewingTripForm input, #viewingTripForm select, #viewingTripForm textarea, #pDateD, #dDateD  {float:left; background:#FFF; width:100%; font-size:16px; font-weight:600; color:#231F20; font-family:Arial, Verdana, Helvetica; border:1px solid #231F20; margin:0 0 5px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#viewingTripForm input, #viewingTripForm select, #pDateD, #dDateD {height:48px; line-height:48px; padding:0 15px;}
#viewingTripForm textarea {height:150px; padding:15px;}

.viewingInput {float:left; font-size:16px; font-weight:600;}
.viewingInput label {float:left; width:100%; margin-bottom:5px;}

span#privacy {float:left; width:100%; text-align:center; font-size:10px; color:#9F9F9F; margin:20px 0 0;}

#dateRangeC, #intPropList {float:left; width:100%;}
#pDateD, #dDateD {cursor:pointer;}
#pDateFrom {width:49% !important; margin-right:2% !important;}
#pDateTo {width:49% !important;}
.date-picker-wrapper {z-index:14;}

.ui-autocomplete-row img {width:64px; height:auto; margin-right:5px;}
.ui-autocomplete-row a {display:flex; align-items:center;}

#intPropList {display:flex; justify-content:center; align-items:baseline; flex-wrap:wrap; margin:5px 0;}
.intProperty {width:150px; text-align:center; color:#FFF; font-weight:600; margin:5px; position:relative;}
.intProperty img {width:150px; height:113px; border:1px solid #FFF; border-radius:4px; overflow:hidden; margin-bottom:5px;}
.removeInt {position:absolute; top:2px; right:2px; width:20px; height:20px; line-height:18px; background:#B0222A; color:#FFF; border-radius:50%; cursor:pointer;}
.removeInt:hover {text-decoration:none;}

.submitButton {float:left; background:#96B7A1; width:100%; height:50px; line-height:46px; color:#FFF; text-align:center !important; font-size:26px; font-weight:600; display:block; padding:0 10px; border:1px solid #758E7D; margin:40px 0 0; transition-duration:0.5s; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
.submitButton:hover {background:#FFF; color:#96B7A1; text-decoration:none;}
.rockingButton {animation:rocking 2s infinite; animation-timing-function:cubic-bezier(0, 0, 0.58, 1); transition:.2s;}
.rockingButton:hover {animation:none !important}

footer {text-align:center; font-size:10px; color:#FFF; padding:30px 0; border-top:1px solid #5A5A5A;}
footer a {color:#FFF;}

#bgCover {position:fixed; background:rgba(35, 31, 32, 0.35); top:0; left:0; width:100vw; height:100vh; z-index:-1;}

#scrollToTop {background:#404040; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:32px; height:32px; opacity:0.75; padding:9px 0 8px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box; z-index:2;}

@keyframes rocking {
	0% {transform:rotate(0deg);}
	25% {transform:rotate(0deg);}
	50% {transform:rotate(2deg);}
	75% {transform:rotate(-2deg);}
	100% {transform:rotate(0deg);}
}

@media screen and (min-width: 1171px) {
	#header, #mainMenu, .container, #footer {width:1170px;}
	h1, h2, h3, h4, h5, h6 {font-size:26px;}
	#mainText hr {width:40%;}
	#viewingTripForm {width:500px; margin:20px calc(50% - 250px) 0;}
	.submitButton {font-size:26px;}
}
@media screen and (max-width: 1170px) {
	#header, #mainMenu, .container, #footer {width:1000px;}
	h1, h2, h3, h4, h5, h6 {font-size:24px;}
	#mainText hr {width:45%;}
	#viewingTripForm {width:400px; margin:20px calc(50% - 200px) 0;}
	.submitButton {font-size:26px;}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#header, #mainMenu, .container, #footer {width:768px;}
	h1, h2, h3, h4, h5, h6 {font-size:22px;}
	#mainText hr {width:50%;}
	#viewingTripForm {width:300px; margin:20px calc(50% - 150px) 0;}
	.submitButton {font-size:22px;}
}
@media screen and (min-width: 1000px) {
	.viewingInput {width:49%;}
	.viewingInput.input50L {margin-right:2%;}
}
@media only screen and (max-width: 999px) {
	.viewingInput {width:100%;}
	.viewingInput.input50L {margin-bottom:10px;}
}
@media only screen and (max-width: 767px) {
	#header, .container, .centreText, #footer {width:98%; margin:0 1%;}
	h1, h2, h3, h4, h5, h6 {font-size:20px;}
	#introText {text-align:center;}
	#mainText hr {width:65%;}
	#viewingTripForm {width:100%; margin:20px 0 0;}
	.submitButton {font-size:18px;}
}

a {color:#231F20; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#96B7A1; transition-duration:0.5s; text-decoration:underline;}