/* General */
body { color:#000; margin:0; padding:0; /*font-family:Helvetica;*/ font-family: 'Cabin', sans-serif; font-size:14px; background:#FFFFFF; }
input[type=submit] { -webkit-appearance: none; }
p { font-size:13px; }
h4 { font-size:18px; }

/* Containers */

#page_container { width:100%; max-width:1130px; padding: 0px 0px 0px 0px; margin: 0px auto 0 auto; text-align:left; }
#covidBanner { position: relative; padding: 20px; width: 100%; color: #FFFFFF; background: #B90003; }


/* Header */

header { width:100%; margin:0 auto; position:relative; background:url(/images/backgrounds/airport.png) top center; background-size:cover; }
header .logo { position:relative; margin:30px 0px 30px 0px; }
header #menu-icon { display: none; width: 56px; height: 40px; background: url(/images/nav.png) center; background-size:cover; margin:85px 30px 0px 0px; float:right; }
.banner { width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #e6087f; color: #FFFFFF; font-size: 20px; }


/* Quote Container */
#quoteContainer { width:100%; max-width:463px; background:url(/images/backgrounds/quote.png) top left no-repeat; padding:15px; margin:15px 0px 0px 0px; }
#quoteContainer span { font-family: 'Cabin', sans-serif; position:relative; width:100%; color:#FFFFFF; text-transform:uppercase; font-size:50px; font-weight:300; line-height:100%; }
#quoteContainer ul { list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative; width:100%; }
#quoteContainer ul li { width:190px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative; display:inline-block; }
#quoteContainer .quote_table { position:relative; margin:10px 0px 0px 82px; }
#quoteContainer .subheading { font-family: 'Cabin', sans-serif; color:#FFFFFF;  font-size:16px; margin:5px 0px 5px 0px; position:relative; /*width:180px;*/ width:100%; display:block; }
#quoteContainer .subheading_discount { font-family: 'Cabin', sans-serif; color:#FFFFFF;  font-size:12px; margin:10px 0px 2px 0px; position:relative; width:180px; display:block; }
#quoteContainer input[type=text] { position:relative; color:#404040; font-family: 'Cabin', sans-serif; font-size:14px; width:145px; }
#quoteContainer button { position:relative; margin:2px 0px 0px 5px; padding:0px 0px 0px 0px; }
#quoteContainer .calander { position:relative; margin:0px 0px 0px 5px; }
#quoteContainer .time_select { position:relative; margin:5px 10px 0px 0px; color:#404040; font-family: 'Cabin', sans-serif; font-size:14px; width:62px; }
#quoteContainer .clock { position:relative; margin:4px 0px 0px -2px; }
#quoteContainer input[type=submit] { position:relative; color:#FFFFFF; font-family: 'Cabin', sans-serif; font-size:18px; width:165px; background:#009fe3; border:0; padding:5px 0px 5px 0px; text-transform:uppercase; margin:5px 0px 10px 0px; }
#quoteContainer input[type=submit]:hover { background:#e6007e; -webkit-transition: background 120ms linear; -moz-transition: background 120ms linear; -o-transition: background 120ms linear; -ms-transition: background 120ms linear; transition: background 120ms linear; }
#quoteContainer input[type=text].discount_box { position:relative; color:#404040; font-family: 'Cabin', sans-serif; font-size:14px; width:130px; }
.ui-datepicker-trigger { background:none; border:0; margin:0px 0px 0px 0px; position:relative; }


/* Nav */
nav { width:100%; background:#e6007e; margin:0px 0px 0px 0px; -webkit-box-shadow: inset 0px 1px 16px 0px rgba(92,92,92,1);-moz-box-shadow: inset 0px 1px 16px 0px rgba(92,92,92,1); box-shadow: inset 0px 1px 16px 0px rgba(92,92,92,1); padding:0px 0px 0px 0px; }
nav ul { position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; list-style:none; }
nav ul li { padding:20px 7px 20px 7px; position:relative; display:inline-block; color:#FFFFFF; font-family: 'Cabin', sans-serif; font-weight:600; font-size:18px; }
nav ul li:hover { background:#a3195b; }
nav h6 { color:#FFFFFF; font-family: 'Cabin', sans-serif; font-weight:400; font-size:22px; text-transform:uppercase; padding-top:7px; width:100%; text-align:center; }
nav a { color:#FFFFFF; text-decoration:none; }

/* Mobile Nav */
#mobileNav { display:inline-block; right:0; top:0; z-index: 99999999; }

/* Main Container */
#main_container { width:100%; display:inline-block; }
ul.reasons { list-style:none; padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; display:inline-block; }
ul.reasons li { width:32%; display:inline-block; margin:0px 0px 10px 0px; }
ul.reasons li span { width:100%; margin:0px 0px 10px 0px; font-size:17px; color:#a3195b; display:inline-block; font-weight:800; }


/* Quote Page */
h1.quote { font-family: 'Cabin', sans-serif; font-size:40px; width:100%; display:inline-block; margin:25px 0px 25px 0px; font-weight:400; color:#009fe3; }
#quote_results_grey { width:100%; padding:0px 6% 0px 6%; background:#dadada; margin:0px 0px 15px 0px; }
#quote_results_grey ul { list-style:none; margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; display:inline-block; }
#quote_results_grey ul li { width:100%; display:inline-block; margin:0px 0px 3px 0px; color:#a3195b; font-size:32px; font-family: 'Cabin', sans-serif; font-weight:400; line-height:100%; } 
#quote_results_grey ul li.durationbreak { margin:20px 0px 3px 0px; }

#quote_service_result { width:100%; padding:0px 6% 0px 6%; background:#a3195b; margin:0px 0px 15px 0px; }
#quote_service_result ul { list-style:none; margin:10px 0px 0px 0px; padding:10px 0px 10px 0px; display:inline-block; }
#quote_service_result ul li { width:100%; display:inline-block; margin:0px 0px 11px 0px; color:#FFFFFF; font-size:40px; font-family: 'Cabin', sans-serif; font-weight:400; line-height:1.2; text-align:center; } 
#quote_service_result:hover { background:#e6007e; -webkit-transition: background 120ms linear; -moz-transition: background 120ms linear; -o-transition: background 120ms linear; -ms-transition: background 120ms linear; transition: background 120ms linear; }
#quote_service_result ul li.price { font-size:55px; font-weight:700; }
#quote_service_result ul li.wasprice { font-size:25px; font-weight:700; margin:22px 0px 21px 0px; }
#quote_service_result ul li.discountedprice { font-size:55px; font-weight:700; margin:10px 0px 21px 0px; }
#quote_service_result ul li.serviceText { font-size:16px; font-weight:400; }
.discounttext { text-decoration:none; font-size:25px; }
.discountstrike { text-decoration:line-through; }
#quote_service_result input[type=submit].quoteButton { background:url(/images/button.png) top center no-repeat; background-size:100%; width:100%; max-width:289px; text-align:center; color:#FFFFFF; font-size:40px; padding:17px 0px 23px 0px; border:0; font-weight:700; }
.quoteReview { margin-top:10px; }


/* Booking Page */
#booking_results_grey { width:100%; padding:0px 6% 0px 6%; background:#dadada; margin:0px 0px 15px 0px; }
#booking_results_grey ul { list-style:none; margin:0px 0px 0px 0px; padding:30px 0px 30px 0px; display:inline-block; }
#booking_results_grey ul li { width:100%; display:inline-block; margin:0px 0px 3px 0px; color:#a3195b; font-size:25px; font-family: 'Cabin', sans-serif; font-weight:400; line-height:100%; } 
#booking_results_grey ul li.durationbreak { margin:10px 0px 3px 0px; }
#booking_book_price { width:100%; padding:0px 6% 0px 6%; display:inline-block; color:#009fe3; text-transform:uppercase; font-size:3vh; line-height:100%; }
#booking_book_price span { width:100%; margin:0px 0px 0px 0px; font-size:7vh; display:inline-block; line-height:100%; }
#main_container label { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:inline-block; color:#797979; font-size:1.8vh; font-weight:200; }
#main_container label.error { color:#FF0004; }
#main_container input[type=text], #main_container input[type=email] { padding:1.5% 3% 1.5% 3%; width:100%; margin:0px 0px 8px 0px; border:1px solid #797979; font-size:2.0vh; font-weight:200; display:inline-block; color:#797979; }
#main_container input[type=text].error, #main_container input[type=email].error { border:1px solid #FF0004; color:#FF0004; }
#main_container .styled_select_small select { float:left; background: transparent; width:135px; padding:2px 0px 2px 5px; height:22px; border:0; overflow: hidden; color:#797979; font-size:2.0vh; }
#main_container .styled_select_small { width: 45%; height: 27px; overflow: hidden; margin:5px 5px 2px 0px; border:1px solid #797979; background:url(/images/form/arrow.jpg) top right no-repeat; color:#797979; font-size:14px; display:inline-block; }
#main_container input[type=text].cv2 { width:45%; }
/*#main_container input[type=submit].bookButton { background:url(/images/form/submit.png) top center no-repeat; background-size:100%; width:100%; max-width:290px; text-align:center; color:#FFFFFF; font-size:50px; padding:27px 0px 33px 0px; border:0; font-weight:700; margin-top:25px; }
#main_container input[type=submit].bookButton:hover { background:url(/images/form/submit-over.png) top center no-repeat; background-size:100%; width:100%; max-width:290px; }*/

#main_container input[type=submit].bookButton, #main_container button { width:100%; text-align:center; color:#FFFFFF; font-size:30px; border:0; font-weight:700; margin-top:25px; margin-bottom: 25px; background: #e6007e; padding: 20px 0px; }

#card-element {
    border: 1px solid #797979;
    border-radius: 0;
    margin-top: 20px;
}

#card-errors { color:#FF0004; }

h5 { margin:0px 0px 0px 0px; width:100%; font-weight:400; color:#FF0004; font-size:2.6vh; }

/* Contact */
#map-canvas { width:100%; height:310px; margin:20px 0px 20px 0px; position:relative; z-index:1; }

/* Footer */
footer { width:100%; display:inline-block; margin:30px 0px 0px 0px; background:#e6007e; -webkit-box-shadow: inset 0px 1px 16px 0px rgba(92,92,92,1);-moz-box-shadow: inset 0px 1px 16px 0px rgba(92,92,92,1); box-shadow: inset 0px 1px 16px 0px rgba(92,92,92,1); padding:10px; }
.footercopy { color:#FFFFFF; font-size:12px; }
.footercopy a { color:#FFFFFF; text-decoration:none; }


/* Stripe Styles */
.StripeElement {
    background-color: white;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #797979;
    box-shadow: 0 0px 0px 0 #ffffff;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
   box-shadow: 0 0px 0px 0 #ffffff;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}




/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

#main_container input[type=text] { width:94%; margin:0px 3% 8px 3%; }
#quoteContainer span { font-size:5vh;  }
p, h1 { width:94%; padding-left:6%; padding-right:0%; }
.row { width:100%; margin-left:0%; }

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

.row { width:100%; margin-left:0%; }
p, h1 { width:94%; padding-left:6%; padding-right:0%; }

header .logo { position:relative; margin:30px 0px 30px 15px; }
header #menu-icon { display:inline-block; }

nav ul { position:absolute; display:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; top:0; width:55%; background:#e6007e; right:30px; }
nav ul.showNav { display:inline-block; }
nav ul li { padding:10px 17px 10px 7px; position:relative; display:inline-block; color:#FFFFFF; font-family: 'Cabin', sans-serif; font-weight:600; font-size:3vh; width:100%; text-align:right; }
nav ul:hover { display:block; }

#quoteContainer { background:#6b245e; }
#quoteContainer ul li { width:100%; }
#quoteContainer input[type=text] { width:90%; padding:5px 0px 5px 0px; }
#quoteContainer .time_select { width:120px; }
#quoteContainer input[type=submit] { width:100%; margin:15px 0px 15px 0px; padding:10px 0px 10px 0px; font-size:22px;  } 

ul.reasons li { width:49%; }

#quote_results_grey ul li { font-size:20px; }

#main_container label { font-size:3.0vh; }
#main_container input[type=text] { padding:3%; font-size:3.0vh; width:94%; margin:0px 3% 8px 3%; }


}