@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol {-webkit-columns:2;columns:2;}
.threeCol {-webkit-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;columns: auto;
	-webkit-column-width: 13em;column-width: 13em;
}

/* forms */
.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.leadsList th {width:1%}
.leadsList th,
.leadsList td {padding:0.5rem;line-height:1.25em}

/* content */
.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}
main > .wrap {padding-top: 4.5em;}

.content .calloutNav a {border-right: 1px solid #fff; width: 25%;}

/* HEADER ------------------------------*/
body>header{position: fixed;padding: 0 1em 0;z-index: 10;top: 0;}
#brand img{float: left;margin-left: -15px;height: 100%;width:auto}
body.management>header{top: 34px;}
body.management>#alertApp + header{top: calc(34px + 2rem);}
body #alertApp + header{top: 2rem;}
body.interior:not(.winery)>header{background: #000 url(/images/intHeader.jpg) no-repeat center center;background-size: cover}
#navContainer {float: right;width: calc(100% - 175px);}
body.home #navContainer {-webkit-box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2);box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2);-webkit-transition: ease all .5s;transition: ease all .5s}
body.home.stick #navContainer {-webkit-box-shadow: none;box-shadow: none;}
#brand {float: left;height:3.6rem;display: block;margin-top: .25em;z-index: 0;position: relative}
.home #brand {height:3.85rem;}
body.home header, body.winery header {padding-top: 1.5em;padding-bottom: 0;-webkit-transition: ease all .5s;transition: ease all .5s}
body.home:not(.stick) #alertApp + header {padding-top: 2em;}
body.home.stick header, body.winery.stick header {padding-top: 0;padding-bottom:0}
body.home header:after, body.winery header:after {background: rgba(16,34,70,1);content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: -1;opacity: 0;-webkit-transition: ease all .5s;transition: ease all .5s}
body.home.stick header:after, body.winery.stick header:after {opacity: 1}
body.home #mainnav li:hover ul {top: 100%;}

/* NAV ------------------------------ */
nav ul{margin: 0}
#mainnav{overflow:visible;float: right;}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;display: inline-block}
#mainnav li{display:inline-block;position:relative}
#mainnav>ul>li:nth-child(2) {position: initial !important;}
#mainnav a{line-height:4.1rem;padding:0 1em;display:inline-block;color:#fff;text-decoration:none;opacity: .7;position: relative;}
#mainnav>ul>li>a {text-shadow: 0px 0px 4px rgba(000, 000, 000, 1);}
#mainnav>ul>li:hover>a {text-shadow: 0px 0px 2px rgba(000, 000, 000, 0);}
#mainnav>a {float: right;opacity: 1;}
#mainnav>ul>li:hover{background-color: #fff;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{color:#4A90E2}
#mainnav>ul>li.on>a{color:#4A90E2;opacity: 1;}
#mainnav>ul>li.on {position: relative}
#mainnav>ul>li.on>a:before, #mainnav>ul>li.on>a:hover:before, #mainnav>ul>li:hover>a:before{content: '\203A';position: absolute;display: block;left: 50%;-webkit-transform: rotate(90deg) translateX(-50%);transform: rotate(90deg) translateX(-50%);color: #4A90E2;opacity: .5;bottom: -19px;}
#mainnav>ul>li.on>a:before {color: #fff;opacity: .7}

.stick #brand {height:2.4rem;}
.stick #mainnav a{line-height:2.9rem;}
#navContainer i{display: none}


/*dhtml*/
#mainnav li ul{width:200px;padding:1em 0;/*background-image: linear-gradient(-244deg, rgba(16,34,70,0.85) 42%, rgba(16,34,70,0.95) 74%);*/; background-color:#fff; position:absolute; overflow:auto; height:auto; left: 0;-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);z-index: -1}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{color:#1D428A; }
#mainnav li ul li a{font-size:.9em;line-height:1.1em;padding:.3em 1em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#000;background-color: rgba(77,117,178,.1);}

/* new css drop downs */
#mainnav li ul {top: -200vh;opacity: 0;z-index: -1;-webkit-transition: ease 200ms opacity 0.35s;transition: ease 200ms opacity 0.35s;}
#mainnav>ul > li > a:after {content: '';width: 100%;height: 20px;display: block;position: absolute;bottom: -19px;left: 0;}
#mainnav li:hover ul {top:auto;opacity: 1;top: 100%;}

/* Megamenu */
.megamenu {position: absolute;top: -100vh;background: #fff;left: 50%;right: 0;opacity: 0;-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0);box-shadow: 0px 0px 5px 5px rgba(0,0,0,0);width: 90%;-webkit-transform: translateX(-50%);transform: translateX(-50%);padding: 1.5em 1.2em 1.5em;-webkit-transition: ease 200ms opacity 0.35s;transition: ease 200ms opacity 0.35s;}
.megamenu:before {content: '';width: 100%;height: 20px;display: block;position: absolute;top: -19px;}
#mainnav li:hover .megamenu {opacity: 1;top: 100%;-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.15);z-index: -1}
#mainnav .megamenu a {opacity: 1;padding-top: 1.25em;padding-bottom: 1em;}
#mainnav .megamenu a p {line-height: 1.2;font-size: 0.8em;}
a.choiceCar:after {
	font-size: 1rem;
	border-radius: 50%;border: 1px solid #fff;width: 2em;height: 2em;background-color: #4A90E2;position: absolute;bottom: -8px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;z-index: 1;
	content: '\203A';color: #fff;line-height: 1.6em;-webkit-transition: ease all .5s;transition: ease all .5s}

a.choiceCar:hover:after {opacity: 1;-webkit-transform: translateX(-50%) scale(.8);transform: translateX(-50%) scale(.8);}


/* ancillary */
#ancillary {position:absolute;right:0;top:0;padding: 1rem; color:#ccc;font-size:.7em;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .5em .8em; text-decoration:none;color:#999;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}

#sidenav:after {content: '';display: block;width: 0.81em;height: 1.81em;background-image: url(/images/Triangle.svg);position: absolute;right: -.81em;top: 2em;background-size: contain;background-position: left center;background-repeat: no-repeat;}

/* mobile */
#mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
main > .wrap {overflow: visible;}
main>div>aside{width:13.5rem;padding-right: 2em; overflow:hidden;float: left;}
body.fullWidth  #content {width: 100%;margin: 0 auto;float: none;padding: 0;}
body.interior:not(.winery) main {margin-top: 4.1rem}
body.interior.fullWidth main {padding: 0;}
body.interior.winery.fullWidth main {padding: 0;}
body.interior.fleet.fullWidth main {padding: 0;}

/* content */
#content{padding:0 0 50px;min-height:600px;position:relative;grid-area: content;margin: 0 auto;}
#content.fullWidth {float:none;margin: 0 auto}
.wsManagementLogin td:first-child {width:40%; text-align: right}
/*
.interior > main > .wrap {
    padding: 3em 1em 0;
    display: grid;
    grid-template-columns: 15em auto 15em;
    grid-template-areas: "sidebar content .";
}
.interior > main > .wrap > aside {    grid-area: sidebar;}
*/
blockquote.quote {margin-right: -5em;width: 35%;}
.topFooter {padding: 6em 1em 5.5em 1em;}

.interior.fullWidth > main > .wrap .wrap {max-width: 70em;}

table.formTable input{}
table.formTable select{min-width: 6em;}

.highlight, .content .highlight{margin:2em 0;}

/* ---============---- Homepage ---==========----*/
.home .wrap {max-width:75rem}
.iosslider {height: 25vw;}
.callout a {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 1;}
.hero-intro .Lindsey {position: absolute;left:0;bottom:0;z-index: 1;}
.hero-intro .Lindsey img {vertical-align: bottom;font-size: 1em;}
.centered-text .left {float: left;width: 35%;text-align: right;}
.centered-text .right {float: left;width: 65%;padding-left: 3em; display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;}
.carRotator {padding: 5em 0 4em;float: left;width: 100%;background-color: #fff;}
.carRotator h1 {font-size: 2.25em;margin-bottom: 1em;}
.slideSelectors {position: absolute;left: 0;background-color: rgba(227,227,227,.9);padding: 2.5em 0;z-index: 1}
.slideSelectors .item {position:relative;padding: 0 1.5em}
.slideSelectors .item:after {content: '';background-image: url(/images/Triangle.svg);display: block;width: 13px;height: 29px;background-size: contain;position: absolute;left:100%;background-repeat: no-repeat;top: 0;-webkit-transition: ease all .25s;transition: ease all .25s;opacity: 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.slideSelectors .item.selected:after {opacity: 1;-webkit-transform:translateX(0%);transform:translateX(0%)}
.slideSelectors div p {color: #485C69;font-weight: 400;margin-bottom: 0; }
.slideSelectors div:hover p, .slideSelectors div.item.selected p {color: #1D428A }
.slideSelectors div.item.selected {background: none; }
.prevButton, .nextButton {display: none;}
.lindCho {padding-bottom: 4em; position: relative;}
.flexible-callouts ul li {width: 33%;height: 35vw; max-height: 35rem; border-left: 1px solid #fff;background-position: center center}
.stat {float: left;width: 25%;text-align: center;padding: 0 1em;}
.slideSelectors {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.stat h2 {font-size: 4em;}
.callout > div {position: absolute;bottom: -5.5em;right: 0;left: 0;-webkit-transition: ease all .5s;transition: ease all .5s;}
.callout div p {opacity: 0;}
.callout:hover div p {opacity: 1;-webkit-transition-delay: .2s;transition-delay: .2s}
.flexible-callouts ul li:after {content: '';display: block;padding-top: 100%;}
.welcomeMS {float: left;width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-line-pack: stretch; align-content: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch;}
.flexible-callouts ul {border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

/* =====Fleet===== */
.fleet .wrap {max-width:75rem ;}
.fleetTop .intro {max-width: 49em;margin: 0 auto 3em;}
.car {width: 33.333%;}
.driver {width: 16.6666%;display: block;padding-bottom: 3em;}
.fleetDrivers {margin-top: 3em;}
.fleetList .car {border-right: 1px solid rgba(72,92,105,.2);}

/* Car page */
body.fleet #content {padding-top: 5em;}
.carTop {padding: 0 1em 6em;}
.carTop .wrap p:first-child {margin-bottom: 4em;font-style: italic;}
.carTop .primaryPic {margin-bottom: 2em;height: 40vh}
.carTop .primaryPic+p {max-width: 55em;margin: 0 auto 3em;}
.carPhotos {margin-bottom: 2em;}
.carPhotos img{cursor: pointer}
.carPhotos img:hover{-webkit-transform: scale(1.1);transform: scale(1.1)}

.carTourForm {padding: 4em 1em 6em;}
.carTourForm .wrap {  display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;}
.carTourForm.col .wrap {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;}
.carTourForm:not(.col) .left {float: left; width: 50%;padding-right: 4em;clear: left;}
.carTourForm.col .left {width: 50%;margin-bottom: 2em}
.carTourForm .left iframe canvas {max-height: 30em;}
.carTourForm:not(.col) .right {float: right; width: 50%;padding-left: 4em;max-width: 31em;}
.carTourForm:not(.col) .right button {margin-right: 1em;}
.carTourForm .right p:last-child {margin-right: 4em;}
.embed-container { position: relative; padding-bottom: 59%; height: 0; overflow: hidden;max-width: 100%;margin: 0 auto;border: 1px solid rgba(255,255,255,.5) }
.reviews {padding: 5em 1em;}
.reviews h1 {margin-bottom: 2.25em;}
.choiceFleet {padding: 3em 1em;}
.choiceFleet h1 {font-size: 1.25em;font-style: italic;color: #485C69}
.choiceCar {border: 1px solid #fff;}
.choiceCar p {font-size: 0.88em;color: #1D428A;font-style: italic;}
.stars img {margin: 0 4px}
.review {margin-bottom: 4em;}
.driversList { display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;overflow: hidden;}
/*
.driver:after {position: absolute;bottom: 0;right: 0;left: 0;height: 8px;background-color: #4A90E2;content: '';display: block;opacity: 0}
.driver.hover:after {opacity: 1}
*/

.car img {max-width: 90%;}
.carList {display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;}

.choiceCar {width: 16.66666%;position: relative;}
.choiceCar:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transform-origin: center;transform-origin: center}
.fleetList .car {border-right: 1px solid rgba(72,92,105,.2)}
.fleetList .car:nth-child(3n + 3) {border-right: none;}
.fleetList .car:nth-last-child(1) {border-bottom: none;}
.fleetList .car:nth-last-child(2) {border-bottom: none;}
.fleetList .car:nth-last-child(3) {border-bottom: none;}

.blueBar {margin-top: 4em;}

/* ====== Winery ====== */
.winery .wrap {max-width:75rem;}
.wineTop {padding: 15em 1em 10em}

.map:not(.icon) {text-align: center;max-width: 1184px;max-height: 569px;position: relative;margin: 0 auto;}
.map:not(.icon) img {width: 100%;}
.map:not(.icon) .pins div {position: absolute;background-image: url(/images/pinY.svg);width: 26px;height: 35px;background-size: contain;background-repeat: no-repeat;background-position: center;-webkit-transform: translate(50%, -100%);transform: translate(50%, -100%);
-webkit-transform-origin: bottom center;
        transform-origin: bottom center;
-webkit-transition: ease all .5s;
transition: ease all .5s;cursor: pointer;}
.map:not(.icon) .pins div.hover {background-image: url(/images/pinB.svg);z-index: +1}
.map:not(.icon) .pins div img {opacity: 1;-webkit-transition: ease all .5s;transition: ease all .5s;-webkit-transform: scale(1);transform: scale(1)}
.map:not(.icon) .pins div.hover img {opacity: 0;-webkit-transform: scale(1.3);transform: scale(1.3)}

.locations {max-width: 1184px;margin: 0 auto;}
.locations li {width: 33.333%;cursor: pointer;}
.map:not(.icon) {margin-bottom: 3em;}
.winery .topFooter {padding: 5.5em 1em}
.topFooter h1 {font-size: 1.88em;margin-bottom: 1.25em;}

/* footer */
body>footer {padding-top: 3.5em;}
.fatFooter { margin-bottom: 4em;}
#web-solutions-exposure {float:right;margin-left:11px}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}
.fatFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;}
.fatFooter address {width: 43%}
.fatFooter nav {max-width: 7%;display: block;min-width: 6.3em}
.fatFooter .social {width: 27%;display: block}
.fatFooter .links {width: 20%;display: block}


@media screen and (min-width:800px) {
    .interior > main > aside {position: absolute;left: 0;top: 12.5em;width: 11.88em;}
	body>*>.wrap, body>footer>.fatFooter,.wrap{width:95%;}
}

@media screen and (min-width:1000px) {
    .interior > main > aside {position: absolute;left: 0;top: 12.5em;width: 11.88em;}
	body>*>.wrap, body>footer>.fatFooter,.wrap{width:90%;}
}

@media screen and (min-width:1350px) {
    .photoright{margin-right: -8em;}
}

@media screen and (max-width:1470px) {
    .hero-intro .right ul {padding-right: 10.5em;z-index: 2;position: relative;}
//    .iosSlider {height: 20em;}
}

@media screen and (max-width:2000px) {
//    .iosSlider {height: 27.5em;}
}

@media screen and (max-width:1350px) {
    .interior main {padding-left: 14em;padding-right: 1em;}
    .interior.fleet main, .interior.winery main {padding-left: 0;padding-right: 0;}
    .hero-intro h1 {font-size: 4.5vw;}
    .hero-intro li {font-size: 1.25em;}
}

@media screen and (max-width:1260px) {
    #brand img {margin-left: 0px;}
}

@media screen and (max-width:1152px) {
    .callout div p {font-size: 1.3vw}
}

@media screen and (max-width:1120px) {
    .callout div h2 {font-size: 3vw;}
    .iosSlider {height: 17em;}
    .slideSelectors {padding: 1em 0;}
    .slideSelectors .item {padding:0 1em;}
    .slideSelectors p {font-size: .9em;line-height: 1.6}
    .carTourForm .right p:last-child {margin-right: 10%;}
}

@media screen and (max-width:1000px) {
    .interior > main > aside {position: absolute;left: 0;top: 14em;width: 11.88em;}
    .hero-intro .left {padding-right: 1em}
    .callout > div {bottom: -4.5em}
}

@media screen and (max-width:900px) {
    .carTourForm .right p:last-child {margin-right: 0;}
}

@media screen and (max-width:895px) {
    #quoteStep1 button {margin-left: 25%;}
}


@media screen and (max-width:770px) {
    #mainnav a {padding: 0 .7em;}
}
@media screen and (max-height:1450px) {
	.interior main {min-height: 80vh}
}