* {
  font-family: "Open Sans" ;
}

.scheduleMaintenenceImage{
  width: 200px;
  height: auto;
}

.stopDescriptionView{
  width: 350px;
}

.markAsFavorite{
  font-size: 15px;
  color: white !important;
}

.stopCity{
  font-size: 12px;
  padding-left: 25px;
}

h1, .websiteTitle {
  font-size: 56px;
  font-weight: 300;
}



.addRidesH1{
  position: absolute;
margin: auto;
left: 38%;
top: 47%;
}




.timeToggleBtn{
  color: black;
  padding-top: 34px;
}

.valueVideoContainer{

}

.amPmButtonsContainer{
  right: -50px;
  top: -3px;
}

.card{
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

.amPmButton{
  height: 28px;
  padding-top: 4px;
  background-color: #eeeeee;
}

.amPmButton:focus{
  background-color: #8F73C6 !important;
}

.preFooterLearnMore{
  color: white !important;
  background-color: #F96362 !important;
}

.amPmButton:hover{
  background-color: #A48BD6 !important;
  color: white;
}

.floating-placeholder {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20pt;
  line-height: 1em;
  height: 2.6em;
  margin: 0;
  padding: 0;
  width: 100%;
}

.floating-placeholder input:focus + label {
  color: #8F73C6;
}

.floating-placeholder input[value] + label {
  color: red;
}

.floating-placeholder {
  position: relative;
}

.floating-placeholder input {
  /*font-size: 20pt;*/
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: transparent;
  z-index: 2;
  border-bottom: 1px solid #ccc;
  text-indent: 20px;
}

.floating-placeholder:last-child input {
  border-bottom: none;
}

.floating-placeholder label {
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  /*font-size: 20pt;*/
  z-index: 1;
  -moz-transform-origin: 0 0em;
  -ms-transform-origin: 0 0em;
  -webkit-transform-origin: 0 0em;
  transform-origin: 0 0em;
  -moz-transition: -moz-transform 160ms, color 200ms;
  -o-transition: -o-transform 160ms, color 200ms;
  -webkit-transition: -webkit-transform 160ms, color 200ms;
  transition: transform 160ms, color 200ms;
  -moz-transform: scale(1, 1) rotateY(0);
  -ms-transform: scale(1, 1) rotateY(0);
  -webkit-transform: scale(1, 1) rotateY(0);
  transform: scale(1, 1) rotateY(0);
  color: #999;
}

.floating-placeholder-float label {
  -moz-transform: scale(0.55, 0.55) rotateY(0);
  -ms-transform: scale(0.55, 0.55) rotateY(0);
  -webkit-transform: scale(0.55, 0.55) rotateY(0);
  transform: scale(0.55, 0.55) rotateY(0);
}

.floating-placeholder-float input {
  line-height: 3.4em;
}


.amPmButtonSelected{
    display: inline-block;
    background-color: #8F73C6;
    cursor: normal;
    color: white !important;
}

.ico-roadDelete { width: 42px;
height: 42px;
text-align: center;
padding-top: 14px;
font-size: 13px;
margin-left: -6px;
margin-top: -2px;
font-style: normal !important;
font-family: 'Open Sans';
background-size: 28px 28px !important;
background: url(/css/images/ico-roadNew.png) no-repeat center;}

.btn{
  text-transform: uppercase;
}

.monthlyWarning{
  color: #c0392b !important;
}

.ico-routeDelete { width: 10px;
position: absolute;
top: 9px;
left: -14px;
height: 36px;
background: url(/css/images/route.png) no-repeat center;}

.priceSection img{
/*  width: 100%;*/
  /*height: auto;*/
  min-height: 600px;
}

.priceBg{
  min-height: 650px;
  padding-top: 7%;
  background-image: url('/images/citylights1.jpg');
  background-size:  auto 120%;
  /*background-size: */
}

.priceCardContainer{
width: 70%;
height: auto;
margin: auto;
margin-left: 15%;
/*background-color: black;*/
position: absolute;
top: 10%;
z-index: 2;
/* top: -900px; */

}

.didYouKnowContainer{
  padding-top: 46px;
padding-bottom: 46px;

}

.priceCard{
  width: 25%;
  height: 400px;
  margin-left: 5%;
  background-color: white;
  display: inline-block;  
  box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  border-radius: 10px;
}

.priceCard img{
  position: absolute;
  top: 17%;
  left: 30%;
  width: auto;
  height: 126px;
}

.pricingHeader{
  color: white;
  margin-bottom: 53px;
}

.pricingFooter{
  color: white;
  margin-bottom: 53px;

}

.ridepalPurpleP{
  font-size: 24px;
  color: #8F73C6;
}

.ridepalPurpleB{
  color: #8F73C6;
}

.ridepalSubtext{
  font-size: 14px;
  color: grey;
}

.ridepalSubtext a{
  color: purple;
}

.priceCardTitle{

}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.headerSmall{
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 14px 100px !important;
z-index: 99;
height: 60px !important;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(55,65,69, .6);
}

.saved-ride:hover{
  background-color: #e8e8e8;
}

.signUpGoldNote{
  font-size: 14px;
  margin-top: 4px;
}

.navSignup:hover{
  background: none !important;
}
.navSignup:hover a{
  background-color: #A48BD6;
}
.navSignup:active a{
  background-color: red;
}
.smallTextCardModal{
  font-size: 14px;
}
.rideCountSmall{
  position: absolute;
background-color: #000000;
color: white;
width: 200px;
height: 60px !important;
/* margin-top: -25px; */
/* margin-right: 0px; */
right: 0px;
top: 0px;
padding-top: 2px ;
font-size: 16px !important;
}



.contactUsContainer{
  padding-top: 83px;
}
.rides::-webkit-scrollbar { 
    display: none;
}
.location-from::-webkit-scrollbar { 
    display: none;
}
.location-to::-webkit-scrollbar { 
    display: none;
}
body::-webkit-scrollbar { 
    /*display: none;*/
}
.selectedMarket{
text-decoration: none; background-color: #8f73c6; 
}
.selectedMarket:before{
  content: ''; width: 33px; height: 100%; position: absolute; right: 0; top: 0; background: url(images/ico-check.png) no-repeat center; 
}

.headerAlert{
  position: absolute;
  width: 100%;
  height: 24px;
  opacity: .8;
  background-color: #34495e;
  z-index: 80;
  color: white;
  padding-left: 10px;
}

.headerAlertRed{
    background-color: #e74c3c;
}

.headerAlertPurple{
  background-color: #8f73c6;
}

.headerAlertYellow{
  background-color:#f39c12;
}

.headerAlertGreen{
  background-color: #27ae60;
}



.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards; 
} 

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0.9; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0.9; 
        transform: translateY(0); 
    } 
} 

.fadeInDown { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}



.form-talk{
  max-width: 350px;
}
.letsTalkFloat{
  max-width: 350px;
}

.carousel-control{
  padding-top: 80%;
}

.carousel-indicators{
  bottom: -50px;
}
.carousel-indicators li{
  margin-left: 6px;
}
.carousel-indicators .active{
  margin-left: 6px;
}
#profileContainer{
/*  margin-top: 30px;*/
}

.navLinks{
  margin-right: 105px;
}

.noPaddingTop{
  padding-top: 0px !important;
}

.newRideCounter{
position: absolute;
color: white;
width: 204px;
background-color: black;
 margin-top: 0px !important; 
/* margin-right: 0px; */
height: 56px;
right: 0px;
top: 0px;
padding-top: 3px !important;
font-family: "Open Sans" !important;
}

.newRideCounter:hover{
  background-color: black !important;
}

.newRideCounterNegative{
  padding-top: 13px !important;
  background-color: #F9302E;
}
.rideCountHeader{
  font-size: 16px;
  font-weight: 300;
}
.rideCountFooter{
  font-size: 18px;
  font-weight: 500;
}
.newRideCounterNegative #newRideCounterTextArea{
  margin-top: -6px;
}

.bigTop{
  font-size: 20px;
}

.smallTop{
  font-size: 14px;
}

.bigBottom{
  font-size: 16px;
}

.smallBottom{
  font-size: 12px;
}


.demographSmall{
  top: 50px !important;
}


.bannerFullWidth {
  position: absolute;
/*  right: 0px;*/
  width: 100%;
  top: 0px;
}



.bannerFullWidth p {
  font-weight: 400;
  font-size: 30px;
  top: 0px;
  position: absolute;
  margin-left: 43%;
  margin-top: 7%;
  color: #333333;
}

.buyRidesBanner { display: table; width: 100%; }
.buyRidesBanner h1{
  position: relative;
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.buyRidesBanner{
  position: relative;
  background-image: url(/images/map_banner_bg.png);
  height: 146px;
}

.buyRidesRow {
  margin-top: 0;
  padding-left: 40px;
}

.buyRidesPriceCol{
  padding-top: 10px;
}

.borderLeftCol {
  border-left: 1px solid #DDDDDD;
  height: 100%;
  min-height: 800px;
}

.packagePrice {
  font-size: 20px;
  font-weight: 400 !important;
  color: #333333;

}



.buyRidesWalletContainer{
  text-align: left !important;
}

.paddingTop20 {
  padding-top: 25px;
}

.newPassTitle {
  margin-top: 0px;
  font-size: 30px;
  font-family: "Open Sans" !important;
  margin-left: -6px;
}
.selectItemRow{
  margin-top: 10px;
}
.newPackageList .row {
  padding: 10px;
  height: 107px;
}

.newPackageList .itemRow:nth-child(odd) {
  background-color: #F9F9F9;
}

.newPackageList .itemRow:hover {
  background-color: #EDE8F6;
  font-family: "Open Sans" !important;
}

.newPurchaseButton,
.newPurchaseButton:focus {
  border-radius: 18px;
  width: 108px;
  height: 36px;
  background-color: #8F73C6;
  border: none;
  margin-top: 14px;
  outline: none;
}

.newPurchaseButton:hover {
  color: white;
  background-color: #A48BD6;
  box-shadow: inset 0 0 2px #56437C;
  outline: none !important;
}

.newPurchaseButton:active {
  box-shadow: inset 0 0 5px #AC8EE8 !important;
  outline: none;
  background-color: #8361C5;
}

.newPurchaseButtonSelected,
.newPurchaseButtonSelected:focus {
  border-radius: 18px;
  width: 108px;
  height: 36px;
  background-color: white;
  border: 1px solid #8F73C6;
  margin-top: 14px;
  color: #8F73C6;
  outline: none !important;
}

.newPurchaseButtonSelected:hover{
  background-color: #A48BD6;
  border-color:#A48BD6;
}

.newPurchaseButtonSelected:active {
  color: white;
  background-color: #8361C5;
  box-shadow: inset 0 0 2px #A48BD6;
  border-color:#A48BD6;
  outline: none !important;
}

.newPurchaseButtonDisabled,
.newPurchaseButtonDisabled:hover,
.newPurchaseButtonDisabled:focus {
  border-radius: 18px;
  width: 108px;
  height: 36px;
  background-color: #7f8c8d;
  border: none;
  margin-top: 14px;
  outline: none !important;
}

.newPurchaseButtonDisabled:active {
  color: white;
  background-color: #95a5a6;
  box-shadow: inset 0 0 2px #AB4B41;
  border: none;
  outline: none !important;
}

.newProceedButtonDisabled{
  width: 166px;
  height: 36px;
  text-align: center;
  border-radius: 18px;
  background-color: #cccccc;
  border: none;
  margin-top: -3px;
  margin-right: 18px;
  outline: none !important;
}

.newProceedButtonDisabled:hover,
.newProceedButtonDisabled:focus {
  
  background-color: #cccccc;

}
.newPassDescription {
  font-size: 12px;
  color: #888888;
  margin-top: -8px;
}

.newPassDescriptionTop{
  margin-top: 0px;
}

.newPassTitleContainer{
  margin-top: -8px;
}

.asLowText {
  color: #888888;
  font-size: 16px;
  margin-top: -13px !important;
}

.homepageSearchButton{
  border-radius: 25px;
  width: 140px;
  font-size: 16px;
  background-color: #8f73c6;
}

.homepageSearchButton:focus, .homepageSearchButton:active{
  outline: none !important;

}


.homepageSearchButtonDisabled{
  background-color: #cccccc !important;

}

.bestValueBadge {
  position: absolute;
  /*right: 13%;*/
  left: 33%;
  top: 10%;
  width: 88px;
  height: 21px;
  padding: 1px;
  font-size: 12px;
  text-align: center;
  background-color: #F5A623;
  border-radius: 5px;
  color: white;
  font-family: "Open Sans" !important;
}

.newPurchaseHr {
  width: 103%;
  margin-left: -15px;
}

.newPurchaseProceedButton,
.newPurchaseProceedButton:hover,
.newPurchaseProceedButton:focus {
  width: 166px;
  height: 36px;
  text-align: center;
  border-radius: 18px;
  background-color: #8F73C6;
  border: none;
  margin-top: -3px;
  margin-right: 18px;
  outline: none !important;
}

.newPurchaseProceedButton:active {
  box-shadow: inset 0 0 5px #AC8EE8 !important;
  outline: none !important;
  background-color: #56437C;
}

.animate-if.ng-enter,
.animate-if.ng-leave {
  transition: 0.3s linear all;
}

.animate-enter {
  /* Chrome */
  transition: 1s linear all;
  opacity: 0;
}

.animate-enter.animate-enter-active {
  opacity: 1;
}

.newPassTitle select {
  width: 268px;
  padding: 3px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  height: 34px;
  -webkit-appearance: none;
}

.newPurchaseSelect {
  -moz-appearance:window;
  margin-top: 0px;
  margin-bottom: -2px;
  width: 58px !important;
  height: 32px !important;
  border-radius: 5px !important;
  overflow: hidden;
  background: url(/images/newSelectArrow.png) no-repeat !important;
  background-position: 39px 13px!important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  background-size: 10px 6px !important;
  font-size: 23px !important;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}

@-moz-document url-prefix() {
.css-select-moz{
     margin-top: 0px;
  margin-bottom: -2px;
  width: 58px !important;
  height: 32px !important;
  border-radius: 5px !important;
  overflow: hidden;
  background: url(/images/newSelectArrow.png) no-repeat !important;
  background-position: 39px 13px!important;
  border: 1px solid rgba(0,0,0,0.18) !important;
  background-size: 10px 6px !important;
  font-size: 23px !important;
  box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
  }
} 

.newPurchaseSelect:focus {
  outline: none;
}

/* du début de l'entrée */

.animate-if.ng-enter {
  max-height: 999px;
  opacity: 0;
}

/* à la fin de l'entrée */

.animate-if.ng-enter.ng-enter-active {
  max-height: 999px;
  opacity: 1;
}

/* du début de la sortie */

.animate-if.ng-leave {
  max-height: 0px;
  opacity: 0;
}

/* à la fin de la sortie */

.animate-if.ng-leave.ng-leave-active {
  max-height: 0px;
  display: none;
  opacity: 0;
}

.packageRow {
  margin-bottom: 15px;
}

.boldPackage {
  font-weight: 600 !important;
}

.packageDesc {
  color: #cccccc;
  font-size: 12px;
  font-family: "Open Sans" !important;
  width: 80% !important;
}

.thanksText {
  color: #888888;
  font-size: 16px;
  font-family: "Open Sans" !important;
  width: 100%;
}

.debitButton {
  text-transform: none !important;
}

.buyRidesTitle {
  margin: 30px 0 !important;
  margin-top: 17px !important;
}

.noCursor {
  cursor: default !important;
}

.debitModalHeader {
  border-bottom: none;
}

.debitModalHeader > h4 {
  border-bottom: 1px solid #cccccc;
  width: 400px;
  text-align: center !important;
  margin-left: 14%;
  padding-bottom: 13px;
  font-size: 24px;
}

.cardModalBody {
  font-family: "Open Sans" !important;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #888888 !important;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #888888 !important;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #888888 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #888888 !important;
}

.packageTitle {
  font-size: 18px;
  color: #888888;
  font-family: "Open Sans" !important;
}

.signupTitle {
  font-weight: 500;
  color: #9c9d9d;
  font-family: 'Helvetica Neue';
}

.pac-container-new {
  position: absolute;
  margin-top: 70px;
}

.freeStuff {
  cursor: pointer;
  position: fixed;
  display: block !important;
  background-color: #fcb040;
  color: white;
  border-radius: 7px;
  width: 150px;
  z-index: 202;
  padding: 0px;
  height: 70px;
}

.list-group-item:hover {
  background-color: #e1e1e1 !important;
}

.signUpInlineForm-control {
  width: 47% !important;
  margin-right: 8px !important;
}

.freeStuff:hover {
  background-color: #a7a1cd;
}

.freeStuff:hover .arrowPop {
  border-bottom: 16px solid #a7a1cd;
}

.freeText {
  color: #fcb040;
  margin-top: 6px;
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light" !important;
}

.gold {
  color: #fcb040 !important;
}

.alizarin {
  background-color: #e74c3c !important;
  color: white !important;
}

.ridePalText {
  color: #5c519d;
}

.thanksFooter {
  border-top: #979797 1px solid;
  background-color: #e5e5e5;
}

.smallHeader {
  margin-bottom: -8px;
}

.smallText {
  margin-top: -15px;
}

#freePopHeader {
  font-family: 'Helvetica Neue';
  font-size: 25px;
  font-weight: 300;
  margin-bottom: -20px !important;
}

.arrowPop {
  top: -16px;
  left: 100px;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 16px solid #fcb040;
}

.freePopContent {
  color: white;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light";
  font-weight: 300;
  font-size: 18px;
  margin: 20px 0 10px;
}

.noTopMargin {
  padding-top: 2px;
}

.freePopReset {
  margin: 0px 0 10px;
}

.pac-container {
  position: absolute !important;
}

/* places autocomplete */

/*
 * These are the default styles applied to the stock Google Places Autocomplete component. Importantly they preserve
 * the required "powered by Google" logo.
 */

.pac-container {
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.pac-container:after {
  content: "";
  padding: 1px 1px 1px 0;
  height: 16px;
  text-align: right;
  display: block;
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 104px 16px;
}

.hdpi.pac-container:after {
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png);
}

.pac-item {
  cursor: default;
  padding: 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #999;
}

.pac-item:hover {
  background-color: #fafafa;
}

.pac-item-selected,
.pac-item-selected:hover {
  background-color: #ebf2fe;
}

.pac-matched {
  font-weight: 700;
}

.pac-item-query {
  font-size: 13px;
  padding-right: 3px;
  color: #000;
}

.pac-icon {
  width: 15px;
  height: 20px;
  margin-right: 7px;
  margin-top: 6px;
  display: inline-block;
  vertical-align: top;
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
  background-size: 34px;
}

.hdpi .pac-icon {
  background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);
}

.pac-icon-search {
  background-position: -1px -1px;
}

.pac-item-selected .pac-icon-search {
  background-position: -18px -1px;
}

.pac-icon-marker {
  background-position: -1px -161px;
}

.pac-item-selected .pac-icon-marker {
  background-position: -18px -161px;
}

.pac-placeholder {
  color: gray;
}

.custom-prediction-label {
  font-style: italic;
}

/* asadfasdf */

/*
Credit Card CSS
----------------------------------------------------------
 */

.creditCard {
  background-image: url(/images/defCard.png);
  width: 50px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-color: #5b509c;
  background-position-y: 4px;
  background-position-x: 4px;
}









/* End Credit Card Css
-=----------------------------------------------------------
*/

/* Part 1: Overrides 
---------------------------------------------------------------------------- */

.bam {
  font-size: 20px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.clockContainer {
  height: 200px;
}

.clock {
  background: #d8d9d8;
  position: relative;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 6px solid #5b509c;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.clock_hand {
  background: #5b509c;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

.clock_hand:before {
  content: '.';
  font-size: 1px;
  z-index: 1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 32px solid #5b509c;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: 5px;
}

.clock_knob {
  background: #5b509c;
  width: 5.4px;
  height: 3px;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -2.7px;
}

.clock_knob:before {
  background: #5b509c;
  content: '.';
  font-size: 1px;
  z-index: 1;
  position: absolute;
  width: 7.2px;
  height: 6px;
  top: -5px;
  left: 50%;
  margin-left: -3.6px;
}

.littlePadding {
  padding: 30px;
}

.whiteText{
  color: white;
}

.badge {
  color: white !important;
}

.badge-ridepal {
  background-color: #645896 !important;
}

.faOnOff {
  padding: 2px;
  padding-left: 3px;
}

/*Schedule Check box*/

.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #999999;
  border-radius: 20px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #2FCCFF;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/*End schedule checkbox*/

.cardViewCardTypeText{
  margin-right: 5px;
}
.cardViewCardTypeRadio{
  margin-right: 10px;
}
.radio{
  padding-top: 0px !important;
}
input[type="radio"], input[type="checkbox"]{
  vertical-align: middle !important;
  margin: 0px;
}
.addRidesHome {
  width: 100% !important;
}

.addRidesWork {
  width: 100% !important;
}

.contentContainer {
  min-height: 478px;
}

.addRidesSearchContainer {
  padding-top: 10px;
}

.addRidesSearchButton {
  margin-top: 0px !important;
}

.contentContainer {
  min-height: 478px;
}

.borderBottom {
  margin-bottom: 30px;
}

.rideCountHolder.ng-hide-add,
.rideCountHolder.ng-hide-remove {
  transition: 0.2s linear all;
  /* remember to add this */
  display: block!important;
  opacity: 1;
  margin-top: 0px;
}

.rideCountHolder.ng-hide {
  margin-top: -50px;
  opacity: 0;
}

.spinner {
  box-shadow: rgba(255,255,255,9) 1.5em 0 0 0,rgba(255,255,255,9) 1.1em 1.1em 0 0,rgba(255,255,255,9) 0 1.5em 0 0,rgba(255,255,255,9) -1.1em 1.1em 0 0,rgba(255,255,255,9) -1.5em 0 0 0,rgba(255,255,255,9) -1.1em -1.1em 0 0,rgba(255,255,255,9) 0 -1.5em 0 0,rgba(255,255,255,9) 1.1em -1.1em 0 0;
}

.rideCountQuestion.ng-show-add > i,
.rideCountQuestion.ng-show-remove > i {
  transition: 0.2s linear all 1s;
  display: block!important;
  margin-top: 20px;
  margin-bottom: -100px;
  opacity: 0;
  color: yellow;
}

.rideCountQuestion.ng-show > i {
  margin-bottom: 0px;
  margin-top: 20px;
  opacity: 1;
  color: red;
}

.css-form input.ng-invalid.ng-dirty {
  border-color: #c0392b;
}

.css-form input.ng-valid.ng-dirty {
  border-color: #27ae60;
}

.visa {
  background-image: url(/images/visa.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-size: 56px;
  background-position: right !important;
}

.amex {
  background-image: url(/images/amex.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-size: 56px;
}

.mastercard {
  background-image: url(/images/masterCard.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-size: 56px;
}

.discover {
  background-image: url(/images/discover.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-size: 56px;
}

.noCard {
  background-image: url(/images/defCard.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-size: 56px;
}

.formInvalid {
  border: 1px solid red !important;
  border-radius: 5px;
}

.formInvalidBase {
  width: 100%;
}

.formInvalidBase:focus {
  outline: none;
}

.formInvalidBase input:hover {
  outline: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.container-fluid {
  padding: 0;
  width: 100%;
}

.no-list-style {
  list-style-type: none;
  padding: 0;
}

.right-item {
  float: right;
}

.left-item {
  float: left;
}

.text-center {
  text-align: center;
}

.white-text {
  color: #fff;
}

.relative {
  position: relative;
}
.selectedTopNav{
  background-color: #8F73C6;
}
.navbar.navbar-default {
  margin-bottom: 0;
}

.navbar-default .navbar-toggle {
  margin-top: 15px !important;
}

.blockquote .footer {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  font-size: 15px;
}

.blockquote {
  background-color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  z-index: 1;
  margin-top: 50px;
  margin-bottom: 50px;
}

.bqstart {
  height: 40px;
  z-index: 2;
  font-size: 30px;
  margin-top: -5px;
  position: absolute;
  margin-left: -45px;
}

.bqend {
  height: 40px;
  z-index: 2;
  font-size: 30px;
  margin-top: 5px;
  position: absolute;
  margin-right: 10px;
}

.main-quotes {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/*
*
* helpers
*
*/

.angular-google-map-container {
  height: 180px;
}

.navbar-collapse {
  max-height: none !important;
}

.navbar-brand {
  margin-top: 4px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-75 {
  margin-top: 75px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-neg-20 {
  /*Dont need this anymore*/
  margin-top: -10px;
}

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

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.padding-top-80{
  padding-top: 80px;
}
.padding-top-40{
  padding-top: 40px !important;
}
.padding-top-30{
  padding-top: 30px !important;
}
.padding-top-20{
  padding-top: 20px !important;
}
.padding-top-10{
  padding-top: 10px !important;
}

.color-purple {
  color: #5B509C;
}

.weight-normal {
  font-weight: normal;
}

.dotted {
  border-bottom: 1px dashed #5B509C;
}

.solid {
  border-bottom: 1px solid #F5F5F5;
}

.text-grey {
  color: #aaa;
}

.zoom {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.careers-map {
  margin-top: -20px;
  width: 100%;
  height: 320px;
  max-width: 100%;
  vertical-align: middle;
}

/*
*
* typography
*
*/

p {
  color: #555;
}

p .lead {
  color: #fff;
}

.headline {
  border-bottom: 3px solid #F9F9f9;
  padding-bottom: 7px;
}

.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  display: inline;
  border-bottom: 3px solid #5B509C;
  padding-bottom: 5px;
}

.lead {
  font-size: 18px;
}

/*
*
* Animations
*
*/

.animateSuccess.ng-enter {
  position: relative;
  left: -135px;
  top: 0px;
  visibility: none;
  z-index: -1;
  -webkit-animation: slide 0.5s forwards;
  -webkit-animation-delay: .03s;
  animation: slide 0.5s forwards;
  animation-delay: .03s;
}

.animationSuccess.ng-enter-active {
  visibility: none;
}

@-webkit-keyframes slide {
  100% {
    left: 10px;
  }
}

@keyframes slide {
  100% {
    left: 10px;
  }
}

animateSuccess.ng-leave {
  position: absolute;
  left: 135px;
  z-index: -1;
  -webkit-animation: slideExit 0.5s forwards;
  -webkit-animation-delay: .03s;
  animation: slideExit 0.5s forwards;
  animation-delay: .03s;
}

.animationSuccess.ng-leave-active {
  visibility: none;
}

@-webkit-keyframes slideExit {
  100% {
    left: 10px;
  }
}

@keyframes slideExit {
  100% {
    left: 10px;
  }
}

.incrementCounter {
  margin-top: 11px;
}

/**
 * buttons
 */

/**
 * save button
 */

.saveButtonBase {
  width: 150px;
  font-family: 'Helvetica Neue';
}

.saveButton {
  background-color: #ebebeb;
  color: #333;
  cursor: not-allowed;
}

.saveButton:focus {
  outline: none;
  color: #bdb8b8;
}

.saveButton:hover {
  color: #bdb8b8;
}

.saveButtonAble {
  background: #5B509C;
  color: #FFF;
  border: 1px solid #5B509C;
  /* For Safari 3.1 to 6.0 */
  transition: background-color 0.5s;
}

.saveButtonAble:focus {
  outline: none;
  color: #FFF;
}

.saveButtonAble:hover {
  outline: none;
  color: #FFF;
}

.saveButtonSaved {
  background-color: #ebebeb;
  cursor: not-allowed;
  color: #333;
  /* For Safari 3.1 to 6.0 */
  transition: background-color 0.5s;
}

.saveButtonSaved:focus {
  outline: none;
  color: #333;
}

.saveButtonSaved:hover {
  color: #333;
}

/**
 * End save button
 */

/**
 * End Buttons
 */

/*
*
* navigations
*
*/

.logo-image {
  height: 26px;
}

.navigation-item,
.button-item {
  color: #7f7f7f;
  display: block;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.navigation-item {
  padding: 2px 20px;
}

.button-item {
  background-color: #fcb040;
  border: 1px solid #d07c00;
  border-radius: 2px;
  line-height: 20px;
  margin: 19px 10px 0;
  padding: 6px 10px;
  color: #fff;
}

.inverse.button-item {
  background-color: #a7a1cd;
  border: 1px solid #5b519f;
  border-radius: 2px;
  line-height: 20px;
  margin: 0;
  padding: 6px 10px;
  color: #fff;
  width: 120px;
  text-align: center;
  margin-top: 24px;
}

.navigation-item:hover,
.button-item:hover {
  background-color: #a7a1cd;
  color: #fff;
}

.button-item:hover {
  border: 1px solid #5b519f;
}

.inverse.button-item:hover {
  background-color: #fcb040;
  border: 1px solid #d07c00;
}

.navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 3px solid transparent;
}

.navbar-nav > li:hover > a {
  border-bottom: 3px solid #5B509C;
}

.navbar-nav > li > .btn-signup {
  margin-top: 17px;
}

#logged-in .navbar-inverse {
  background: #645896;
  border: none;
  border-radius: 0;
}

#logged-in .navbar-nav > li > a {
  color: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 2px solid #645896;
}

#logged-in .navbar-nav > li:hover > a {
  border-bottom: 2px solid #fff;
}

#logged-in .navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background: none;
  border-bottom: 0;
}

#logged-in .navbar-nav > li.rides-count a {
  border-bottom: 2px solid #fff;
  height: 100%;
}

a.list-group-item.active {
  background-color: #5B509C;
  border-color: #5B509C;
}

a.list-group-item.active:hover {
  background-color: #5B509C;
  border-color: #5B509C;
}

.rides-resp {
  display: inline-block;
  background: #fff;
  margin-top: 0px !important;
  padding: 25px 27px;
  color: #645896;
  font-weight: bold;
  font-size: 14px;
  display: none;
  position: absolute;
  right: 80px;
}

nav.postlogin-nav {
  margin-bottom: 0px;
}

/*
*
*  buttons & inputs
*
*/

.rideCount {
  color: #5B509C !important;
}

.clickPointer {
  cursor: url(https://cdn3.iconfinder.com/data/icons/interaction-design/512/Cursor_C-512.png),auto;
}

.btn-favorite{
  background-color: #fff !important;
}

.btn-favorite span{
  color: black !important;
}

.btn-ridepal {
  font-size: 16px;
  border-radius: 25px;
  background: #8f73c6 ;
  color: #FFF;
  border: 1px solid #5B509C;
}

.btn-ridepal:focus {
  color: #FFF;
}

.btn-ridepal:hover {
  color: #FFF;
  background: #3f3770;
}

.btn-selected {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-selected:focus {
  background-color: #ebebeb;
}

.btn-signup {
  background: #FBE59B;
  color: #333;
  boder: 1px solid #CAB068;
}

.office-input input,
.home-input input {
  background: #FFF url(../images/field-icos-home.png) 5px 3px no-repeat;
  padding-left: 40px;
}

.office-input input {
  background: #FFF url(../images/field-icos-bag.png) 5px 3px no-repeat;
  padding-left: 40px;
}

/*
*
* jumbotron
*
*/

.jumbotron {
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  position: relative;
}

/*
*
* about
*
*/

.jumbotron.about {
  text-align: center;
  background: url(https://ridepal.com/images/aboutus/section-big-img.jpg) center 100% no-repeat;
  z-index: 999;
  overflow: hidden;
  min-height: 200px;
  padding-top: 10%;
  padding-bottom: 10%;
  background-size: 100%;
}

.jumbotron.about {
  z-index: 999;
}

.profile-card > small {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  display: block;
  color: #999;
  margin-bottom: 5px;
}

.jumbotron.about h1 {
  margin-top: 50px;
  color: #FFF;
}

.jumbotron.about .lead {
  color: #FFF;
}

.profile-card > .avatar {
  text-align: center;
}

.profile-card > h4 {
  margin-bottom: 0;
}

.investors {
  padding-top: 30px;
}

.investors .col-md-6 .img-responsive,
.investors .col-md-4 .img-responsive {
  margin: 0 auto;
}

.investors .col-md-6:first-child,
.investors .col-md-4 {
  border-right: 1px solid #F5F5F5;
}

.investors .col-md-4:last-child {
  border-right: none;
}

/*
*
*  footer
*
*/

#pushFooter {
  height: 0px;
}

footer.row {
  margin-right: 0px;
}

footer {
  background-color: #2d2d2d;
  position: absolute;
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 30px;
}

footer .col-md-2 {
  text-align: left;
}

.skyline {
  background-image: url('/images/footer-bg.png');
  background-repeat: repeat-x;
  height: 120px;
  width: 100%;
  position: relative;
  top: -115px;
  left: 0;
  z-index: 200;
}

.footer-heading {
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  margin-bottom: 6px;
  line-height: 1.1;
}

.footer-link {
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  line-height: 27px;
}

.footer-link:hover {
  color: #999;
}

.divider-line {
  width: 83%;
  height: 1px;
  background-color: #fff;
  bottom: -31px;
  position: absolute;
  left: 8.4%;
  z-index: 2;
}

.footer-li {
  line-height: 1.15;
}

.social-icons {
  position: absolute;
  top: 12px;
  z-index: 10;
  width: 36px;
  right: 0;
}

.social-icons.facebook {
  right: 60px;
}

.copyright {
  font-size: 12px;
  font-weight: 100;
  margin: 0;
  line-height: 16px;
  text-align: right;
  color: #fff;
  margin-right: -10px;
}

.copyright.first {
  margin-top: 70px;
}

.next-header {
  margin: 0 0 10px;
}

.next-copy {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 100;
  margin: 0 auto;
  text-align: left;
  color: #fff;
}

.input-block {
  width: 80%;
  margin-bottom: 10px;
  outline: none;
  border: 1px solid #777;
  border-radius: 2px;
  padding: 6px 10px;
  font-weight: 100;
  font-size: 16px;
  color: #000;
}

.whats-next {
  width: 66%;
  margin: 0 auto 10px;
}

.btn-large {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px;
}

.btn-error {
  color: #fff;
  font-size: 14pt;
  font-weight: 400;
  padding: 10px;
  height: 50px;
}

.btn-large:hover {
  color: #c4c4c4;
}

footer .row {
  margin-right: 0px;
}

footer {
  margin-top: 115px;
}

/*
*
*  corporate
*
*/

.image-header {
  height: 500px;
  border-bottom: 1px solid #d0d0d0;
  margin: 0;
}

.why .image-header {
  height: 430px;
}

.small-header {
  height: 380px;
}

.image-carousel-item {
  position: relative;
  color: #fff;
  text-align: center;
  display: block;
}

.image-carousel-item.dark {
  color: #777;
}

.image-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 540px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.image-overlay.distro {
  height: 440px;
}

.image-item.distro {
  height: 440px;
}

.row.image-header.distro {
  height: 400px;
}

.why .image-item,
.why {
  height: 500px !important;
}

.ride {
  background-image: url(../images/main-drive-less.jpg);
  background-position: bottom center;
}

.careers {
  background-image: url(../images/main-careers.jpg);
  height: 500px;
  background-position: bottom center;
}

.hire {
  background-image: url(../images/main-hire.jpg);
  background-position: top center;
}

.build {
  background-image: url(../images/main-build.jpg);
}

.eco {
  background-image: url(../images/main-eco.jpg);
}

.image-carousel-item.current {
  display: block;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  height: 540px;
  padding-top: 140px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: rgba(25,30,60,0.3);
  /* background-color: rgba(25,25,25,0.3); no purple */
}

.dark .image-overlay {
  background-color: transparent;
}

.carousel-heading {
  margin: 0 auto 20px;
  font-size: 52px;
  font-weight: 400;
  width: 80%;
  display: block;
  line-height: 1;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}

.carousel-sub-text {
  margin: 0 auto 38px;
  display: block;
  font-size: 20px;
  font-weight: 400;
  width: 60%;
  color: #fff !important;
  line-height: 1.6;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.9);
}

.carousel-sub-text.distro {
  color: #777 !important;
}

.dark .carousel-heading,
.dark .carousel-sub-text {
  text-shadow: none;
}

.btn.cta-button {
  color: #5b519f;
  background-color: rgba(255,255,255,.9);
  padding-right: 20px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0;
  line-height: 1;
  border: 2px solid #fff;
}

.btn.cta-button:hover {
  color: #fff;
  background-color: #5b519f;
}

.carousel-navigation {
  text-align: center;
  width: 84%;
  position: absolute;
  bottom: 50px;
  margin-left: 7.9%;
}

.carousel-nav {
  display: block;
  width: 25%;
  line-height: 41px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  float: left;
  border: 1px solid #fff;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  background-color: rgba(60,50,100,0.4);
  color: #fff;
  text-shadow: 0px 0px 9px rgba(58, 58, 58, 0.8);
}

.routeSelectContainer{
  margin-left: 60px;
position: relative;
width: 165px;
margin-top: -34px;
overflow: hidden;
top: -12px;
font-weight: 800;
font-size: 15px;
line-height: 1.6;
}

.noBG{
  background: none !important;
  box-shadow: none !important;
}

.routeListHeader{
  height: 40px;
  border-bottom: 1px solid #DDDDDD;
  color: #333333;
  padding-top: 8px;
/*  text-transform: uppercase;*/
  font-weight: 500;
  font-size: 20px;
  padding-left: 10px;
}

.newScheduleSearchButton{
  border-radius: 25px;
  width: 140px;
  font-size: 16px;
  background-color: #8F73C6;
  border-color: #8F73C6;
/*  margin-left: 50%;*/
}

.newScheduleSearchRow{
  margin-bottom: 15px !important;

}

.newScheduleSearchButton:hover{
  background-color: #A48BD6;
}

.ride-body i{
  margin-right: 3px;
}

.noHoverBG:hover{
  background: none !important;
  cursor: default;
}

.bottomShadow{
  box-shadow: inset 0 -10px 10px -10px #555;
}

#ridesListContainer li:hover{
  background-color: #eeeeee;
}

.selectedRideContainer{
  margin-top: -5px;
}

.routeSelectContainer p{
/*  margin-bottom: 6px !important;*/
}

.carousel-nav:hover {
  color: #fff;
  background-color: #5b519f;
}

.carousel-nav.first {
  border-left: 2px solid #fff;
}

.carousel-nav.last {
  border-right: 2px solid #fff;
}

.selected-nav {
  background-color: rgba(255,255,255,0.9);
  color: #5b519f;
  text-shadow: none;
}

.section-2 {
  padding: 140px 0 100px;
  background-color: #f7f7f7;
  margin: 0;
  border-bottom: 1px solid #d0d0d0;
}

.less-padding {
  padding: 0 0 100px;
  text-align: center;
}

.less-padding-collapsed {
  padding: 0 0 0px;
  text-align: center;
}

.no-padding {
  padding: 0;
  text-align: left;
}

.no-margin {
  margin: 0;
}

.icons-container {
  width: 90%;
  margin: 0 auto;
}

.icon-third {
  width: 33%;
  float: left;
}

.icon-half {
  width: 34%;
  float: left;
  margin: 0 16% 0 0;
}

.icon-half.first {
  margin: 0 0 0 16%;
}

.icon-section {
  width: 70%;
  margin: 0 auto;
}

.icon-holder {
  width: 70%;
  margin: 0 auto 10px;
}

.icon-holder img,
.zoom {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.icon-heading {
  font-weight: 800;
  font-size: 20px;
  margin: 0 0 6px;
  color: #5d5d5d;
}

.icon-text {
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
  font-weight: 300;
  color: #5d5d5d;
}

.drop-left {
  padding-left: 0;
  padding-right: 30px;
}

.drop-right {
  padding-left: 30px;
  padding-right: 0;
}

.why-ridepal-text {
  font-size: 18px;
  font-weight: 100;
}

.why-ridepal-heading {
  font-size: 32px;
  font-weight: 100;
  margin-top: 32px;
  margin-bottom: 24px;
}

h4 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 100;
}

.careers-text {
  font-size: 18px;
  font-weight: 100;
}

.careers-heading {
  font-size: 32px;
  font-weight: 100;
  margin-top: 32px;
  margin-bottom: 24px;
}

.quotes,
.section-3 {
  background-color: #888;
  text-align: center;
  margin: 0;
  color: #fff;
}

.section-3 {
  min-height: 500px;
  padding-bottom: 60px;
}

.section-title {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 24px;
  margin: 52px 0;
}

ul.customer-list {
  margin-bottom: 0px;
}

.customer-list {
  border: 1px solid #9f9f9f;
  background: #fff;
}

.customer-item {
  float: left;
  width: 20%;
}

.logo-area {
  padding: 40px 22%;
  border-left: 1px solid #9f9f9f;
}

.logo-area.last {
  border-left: none;
}

.customer-quote {
  width: 82%;
  margin: 0 auto 50px;
}

.quote-text {
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0.8px;
}

.attribution {
  font-size: 20px;
  font-weight: 100;
}

.press {
  padding-bottom: 156px;
  text-align: center;
  margin: 0;
}

.press-logo {
  padding-bottom: 156px;
  text-align: center;
  margin: 0;
}

.quote-shift {
  margin-left: 4%;
}

.cursorPointer {
  cursor: pointer !important;
}

.carousel-control{
  display: none;
}

.pointer{
  cursor: pointer;
}
.cursor{
  cursor: pointer;
}
.rideNumberNav {
  background-color: white;
  /* cursor: crosshair !important; */
}

#busSliderBox {
  height: 10px;
  overflow: visible;
}

#busSliderBox img {
  margin-top: -10px;
}

.busSlider1 {
  width: 16%;
}

.busSlider2 {
  width: 43%;
}

.busSlider3 {
  width: 69%;
}

.busSlider4 {
  width: 93%;
}

/*
*
*  home
*
*/

.jumbotron.home {
  background: #FFF;
  z-index: 999;
  overflow: hidden;
  height: 500px;
  background: url(https://ridepal.com/images/homeimg/Eliz-9845dramatic.jpg) center 40% no-repeat;
  background-size: 100%;
}

.jumbotron.home h1 {
  color: #FFF;
  font-size: 38px;
  margin-top: 20px;
}

.jumbotron.home .lead {
  color: #FFF;
}

.jumbotron.home form {
  display: inline-block;
  padding: 10px 10px;
  background: rgba(0,0,0,0.6);
  border-radius: 8px;
}

.jumbotron.home .form-group input {
  margin-right: 8px;
}

.form-group {
  margin: 10px;
}

.home {
  background-image: url(../images/main-home.jpg);
  background-position: top center;
}

.home-ridepal-heading {
  font-size: 32px;
  font-weight: 100;
  margin-top: 50px;
  margin-bottom: 24px;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
}

.home-ridepal-text {
  font-size: 18px;
  font-weight: 100;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 30px;
}

.store-button {
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  margin-top: 30px;
  float: left;
}

.store-button:hover {
  background-color: #5B509C;
}

div.google-store {
  width: 15%;
}

div.apple-store {
  width: 15%;
}

img.google-store {
  width: 271px;
}

img.apple-store {
  width: 255px;
}

img .store-img {
  width: 290px;
}

.container.quote-row {
  width: 100%;
  background-color: #fff;
}

.col-md-4.col-sm-4.quote-row {
  width: 50%;
  padding-right: 0px;
  float: right;
}

.col-md-8.col-sm-8.quote-row {
  width: 50%;
  padding-right: 0px;
  margin-top: 20px;
}

/*
*
* search
*
*/

.search-bar {
  padding: 20px 0;
  border-bottom: 1px solid #DDD;
}

.search-bar input {
  width: 300px !important;
}

.switch-holder {
  padding: 10px 0 5px 0;
  border-bottom: 1px solid #DDD;
}

.switch-holder .col-md-1,
.col-md-2 {
  text-align: center;
}

.switch-holder .col-md-1 p {
  margin-bottom: 0;
  line-height: 30px;
}

.bus-number {
  font-weight: bold;
}

.rides .bus-ride {
  margin: 0 auto;
}

.rides .label {
  margin-right: 5px;
}

.rides .well {
  margin-bottom: 0;
}

.rides .label-ridepal,
.label-ridepal {
  background: #5B509C;
}

.rides p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
}



.line {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    padding-left: 2px;
    background-color: #8f73c6;
}

.lineWhite{
  background-color: white;
}

.lineRed{
  background-color: #e74c3c;
}


.ico-arrow-down-grey-new { width: 14px;
height: 14px;
background: url(images/arrow-down-grey.png) no-repeat center;
z-index: 10;
position: absolute;
right: 10px;
bottom: 19px;}

.load-3 .line:nth-last-child(3) {animation: loading 2.5s .0s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loading 2.5s .10s linear infinite;}
.load-3 .line:nth-last-child(1) {animation: loading 2.5s .25s linear infinite;}

@keyframes loading {
  0% {transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform:translate(0,0);}
  10% {transform: translate(0,-8px); -ms-transform: translate(0,-8px); -webkit-transform:translate(0,-8px);}
  15% {transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform:translate(0,0);}
  25% {transform: translate(0,-8px); -ms-transform: translate(0,-8px); -webkit-transform:translate(0,-8px);}
  
  30% {transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform:translate(0,0);}
  60% {transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform:translate(0,0);}
    
}



/*
*
* schedule
*
*/

.scheduleSearchButton{
  color: black !important;
}
.scheduleSearchButton:focus , .scheduleSearchButton:active:focus{
  outline: none;
}
.scheduleScroll {
  max-height: 425px;
  overflow-y: scroll;
}

.scheduleCityScroll {
  max-height: 445px;
  overflow-y: scroll;
}

.schedule-responsive {
  display: none;
}

.schedule-responsive .toolbar {
  padding: 10px;
  border-bottom: 1px solid #F5F5F5;
}

.schedule-responsive .specifics-item {
  display: none;
}

.schedule-responsive tr td,
.schedule-responsive p tr td,
.schedule-responsive table tr th {
  font-size: 12px;
  text-align: left;
}

.schedule-responsive table tr td:first-child {
  width: 70%;
  font-size: 12px;
  text-align: left;
}

.schedule-responsive table p {
  font-weight: normal;
  margin-top: 0;
}

.schedule-responsive .ride-spec {
  display: none;
}

.schedule-responsive table strong {
  margin-top: 10px;
  display: block;
}

.bus-rides .row {
  cursor: pointer;
}

.ride-item {
  cursor: pointer;
  padding-right: 30px !important;
}

.specifics {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 9999;
  display: none;
}

.specifics .heading {
  padding: 10px 0;
  width: 100%;
  background: #f5f5f5;
  text-align: center;
  border-left: 1px solid #ddd;
}

.specifics h5 {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.specifics .bus-ride {
  margin: 0 auto 15px auto;
}

.specifics .ride-spec {
  background: #f5f5f5;
  display: none;
}

.specifics table tr td,
.specifics table tr th {
  font-size: 12px;
  text-align: left;
}

.specifics table tr td:first-child {
  width: 70%;
  font-size: 12px;
  text-align: left;
}

.spec-btn {
  padding: 20px 20px;
  border-top: 1px solid #ddd;
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}

.spec-btn a {
  font-size: 12px;
}

.schedule {
  height: 680px;
  background: #333;
  margin-top: -20px;
}

.schedule #schedule-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 721px;
  margin-left: 10%;
  overflow: hidden;
}

.schedule .schedule-holder .container {
  position: relative;
}

.schedule-content {
  height: 580px;
  margin-top: 12%;
  max-width: 265px;
  border-radius: 4px;
  padding: 20px 30px;
  box-shadow: 0 1px 10px 0 rgba(0,0,0,.25);
  min-height: 100px;
  pointer-events: auto;
  z-index: 99999;
  background-color: #f5f5f5;
  -webkit-transition: all 0.2s;
  float: left;
}

.schedule input {
  font-size: 14px !important;
}

.schedule .switch .onoffswitch {
  margin: 0 auto;
}

.schedule .bus-rides {
  height: 540px;
  background: #FFF;
  margin-top: 14%;
  margin-left: 0;
  width: 350px;
  padding: 20px 25px;
  border-left: 1px solid #ddd;
  float: left;
  z-index: 10;
  position: relative;
}

.bus-ride {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #5B509C;
  font-size: 16px;
  color: #FFF;
  line-height: 38px;
}

.schedule .bus-rides .bus-ride-name {
  margin-top: 10px;
  font-size: 13px;
  font-weight: bold;
}

.schedule .bus-rides .close {
  position: relative;
  top: -14px;
  right: -18px;
  display: block;
}

.bus-rides-responsive {
  display: none;
}

#show-map {
  display: none;
  margin-top: -20px;
}

#show-list {
  display: none;
}

/*
*
* modal
*
*/

.modal-dialog {
  width: 400px;
}

#login-modal-label,
#signup-modal-label {
  text-align: center;
}

#login-modal button {
  margin-right: 20px;
}

#login-modal span {
  color: #777;
}

/*
*
* login
*
*/

.login .panel {
  margin: 60px auto 0 auto;
  max-width: 500px;
}

.login .panel .panel-heading {
  text-align: center;
}

.panel-body span {
  margin-left: 20px;
  color: #777;
}

/*
*
*  corporate program
*
*/

.corp-program .panel {
  margin: 60px auto 0 auto;
  max-width: 500px;
}

.corp-program .panel .panel-heading {
  text-align: center;
}

.panel-body span {
  margin-left: 20px;
  color: #777;
}

#city,
#zip {
  margin-top: 5px;
}

/*
*
* how it works
*
*/

.how-it-works .col-md-4 {
  text-align: center;
}

.how-it-works p {
  font-size: 30px;
  text-align: center;
}

.how-it-works p.vote {
  font-size: 14px;
}

/*
*
* my rides
*
*/

.rides-count-resp {
  display: none;
}

.rides-count-resp .alert {
  width: 85px;
  font-weight: bold;
}

.align-left .col-md-2 {
  text-align: left !important;
}

.ride-status p {
  margin-bottom: 0;
}

.myrides-info ul {
  padding-left: 15px;
}

.myrides .nav-tabs>li>a,
.add-ride-results .nav-tabs>li>a {
  min-width: 200px;
  text-align: center;
  background: #f5f5f5;
}

.myrides .nav-tabs>li.active>a,
.add-ride-results .nav-tabs>li.active>a {
  background: #fff;
}

.myrides .panel-title a {
  font-size: 14px;
}

.myrides .nav-tabs button {
  margin-top: 15px;
}

.myrides .tab-pane {
  padding-left: 10px;
  padding-right: 10px;
}

#tab1.tab-pane .col-md-1 {
  text-align: center;
}

#tab1.tab-pane h5 {
  margin-top: 0;
}

#tab1.tab-pane .label {
  margin-right: 10px;
}

#tab1.tab-pane p {
  margin-bottom: 0;
}

.rides-count {
  background: #fff;
}

.rides-count a {
  color: #645896 !important;
  font-weight: bold;
}

/*
*
* profile
*
*/

.profile-page .maps,
.profile-page .profile-img {
  border: 1px solid #aaa;
  position: relative;
  height: 250px;
  border-radius: 5px;
  position: relative;
}

.profile-page .profile-img {
  background: #f9f9f9 url(../images/profile-img.png) center -30px no-repeat;
  text-align: center;
}

.profile-page .profile-img button {
  margin: 170px auto 0 auto;
}

.profile-page .control-label {
  font-weight: normal;
}

.profile-page label {
  font-weight: normal;
}

.ui-slider .ui-slider-handle {
  width: 0.7em !important;
}

.slider-time,
.slider-time2 {
  margin-left: 0;
  color: #5B509C;
  font-weight: bold;
}

.profile-page .text-danger {
  font-size: 12px;
}

.time-range p {
  font-size: 12px;
}

input#amount,
input#zip,
input#city {
  width: 150px;
}

input#check-id,
input#check-id-verify,
input#voucher,
input.address,
input.my-info {
  width: 100%;
}

input.password {
  width: 100%;
}

.profile-page#notifications,
.profile-page#ridepass,
.profile-page#my-information,
.profile-page#password,
.profile-page#billing {
  display: none;
}

/*
*
* add rides
*
*/

.steps {
  text-align: center;
}

.steps img {
  margin: 0 auto;
}

.add-rides input {
  margin-right: 10px;
  display: inline;
  width: 35%;
}

.add-rides form {
  text-align: center;
}

.add-rides button {
  margin-top: -5px;
}

.add-ride-btn {
  margin-top: 20px;
  margin-bottom: 40px;
}

.add-ride-results .dropdown-toggle {
  margin-top: 20px;
}

.advanced {
  width: 350px;
  margin-left: -250px;
  padding: 20px 30px;
}

.advanced p {
  font-size: 12px;
}

/*
*
* select boxes
*
*/

.select-box {
  display: inline-block;
  position: relative;
}

.select-box .caret {
  position: absolute;
  top: 45%;
  right: 10px;
}

/*
*
* purchase flow
*
*/

table tr th,
table tr td {
  text-align: center;
  vertical-align: middle !important;
}

table tr td:first-child {
  width: 35%;
}

.your-price {
  background: #f9f9f9;
  color: #645896;
}

.add-qty,
.month-selection {
  display: none;
}

.add-qty input {
  width: 50px;
  margin: 0 auto;
  height: 30px;
  display: inline-block;
}

.month-selection {
  margin: 0 auto;
  width: 140px;
}

.receipt {
  border-radius: 3px;
  background: #ddd;
  min-height: 300px;
  text-align: center;
  padding: 0 20px;
}

.summary-spec {
  text-align: left;
}

.summary-spec p {
  padding: 5px 0;
  margin-bottom: 0;
  border-top: 1px solid #aaa;
}

.credit-card h4 {
  margin-bottom: 0;
}

.credit-card form label {
  font-size: 12px;
  display: block;
}

.security-code {
  max-width: 150px;
}

input.city,
input.state,
input.zip,
input.phone {
  max-width: 300px;
}

.print {
  font-size: 24px;
  cursor: pointer;
}

#payment-option {
  margin-top: 20px;
}

#payment-option button {
  width: 150px;
}

.add-qty a {
  font-size: 12px;
}

.search-fields input {
  display: inline-block;
  width: 40%;
  margin-right: 10px;
}

.search-fields button {
  margin-top: -5px;
}

/*
*
* vote
*
*/

.vote table tr th,
.vote table tr td {
  text-align: center;
}

.vote table p {
  margin-bottom: 0;
  font-size: 12px;
}

.vote table tr td:first-child {
  width: 10% !important;
}

/*
*
* reports
*
*/

div.container.reports h3 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.reports .well {
  min-height: 400px;
}

.reports .well p {
  padding: 150px 0;
  text-align: center;
}

.reports .email {
  color: #09F;
}

.reports table tr th,
.reports table tr td {
  text-align: left;
  table-layout: fixed;
  width: 100px;
}

.reports input {
  display: inline-block;
  width: 150px;
}

.reports .profile-avatar {
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  min-height: 150px;
  width: 262px;
}

address p,
address {
  margin-bottom: 0;
}

.admin-avatar {
  padding: 10px;
  border: 1px solid #ddd;
  width: 173px;
}

.passw {
  display: block !important;
  margin-bottom: 10px;
  width: 200px !important;
}

.reports .lead {
  margin-bottom: 10px;
}

.user-list input {
  width: 100%;
}

.user-table td {
  width: 100px !important;
}

/*
*
* welcome
*
*/

.welcome .col-md-8 {
  border-left: 1px solid #ddd;
  height: 600px;
}

.welcome .advanced {
  margin-left: 0;
}

.welcome-special .well {
  height: auto;
}

.container.welcome-special {
  padding: 0;
  width: 100%;
}

.welcome-special .well .btn-ridepal {
  margin-top: 30px;
}

/*
*
* confirmation
*
*/

.confirmation {
  text-align: center;
  margin-top: 100px;
}

/*
*
*  placeholders
*
*/

:-moz-placeholder {
  font-weight: 200;
  color: #f5f5f5;
}

::-moz-placeholder {
  font-weight: 200;
  color: #ddd;
}

::-webkit-input-placeholder {
  font-weight: 200;
  color: #ddd;
}

body input[type=text]:-ms-input-placeholder,
body input[type=number]:-ms-input-placeholder,
body input[type=email]:-ms-input-placeholder,
body input[type=password]:-ms-input-placeholder {
  font-weight: 200;
  color: #ddd;
}

/*body input[type="text"]:ms-input-placeholder,*/

/*body input[type="password"]:ms-input-placeholder,*/

/*body input[type="email"]:ms-input-placeholder,*/

/*body input[type="url"]:ms-input-placeholder,*/

/*body input[type="date"]:ms-input-placeholder,*/

/*body input[type="month"]:ms-input-placeholder,*/

/*body input[type="time"]:ms-input-placeholder,*/

/*body input[type="datetime"]:ms-input-placeholder,*/

/*body input[type="datetime-local"]:ms-input-placeholder,*/

/*body input[type="week"]:ms-input-placeholder,*/

/*body input[type="number"]:ms-input-placeholder,*/

/*body input[type="search"]:ms-input-placeholder,*/

/*body input[type="tel"]:focus,*/

/*body input[type="color"]:focus,*/

/*body input[type="phone"]:focus {*/

/*font-size: 13px;*/

/*font-weight: 400;*/

/*color: #9e9e9e;*/

:-ms-input-placeholder {
  font-size: 17px;
  font-weight: 200;
  color: #ddd;
}

::-ms-clear {
  display: none;
}

::-ms-reveal {
  display: none;
}

/*
*
* on/off switches
*
*/

/* -- On/Off switch --*/

.onoffswitch {
  position: relative;
  width: 110px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-left: -0;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
}

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "Evening";
  padding-left: 25px;
  background-color: #5B509C;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "Morning";
  padding-right: 14px;
  background-color: #5B509C;
  color: #FFFFFF;
  text-align: right;
}

.onoffswitch-switch {
  width: 22px;
  margin: 6px;
  background: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 75px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: -10px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.roundCheck {
  width: 45px;
  height: 45px;
  /* background-color: purple; */
  border-radius: 53px;
  margin-top: 35px;
}

.successCheck {
  width: 45px;
  height: 45px;
  font-size: 25px;
  padding: 11px;
}

/* ================================================================ *\
  #Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
  #Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-family:'Open Sans', arial, sans-serif; font-size: 18px; line-height: 1.3; color: #424242; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
/*a:hover { text-decoration: underline; }*/
a:focus{
  text-decoration: none;
}

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
  #Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.shell:before,
.shell:after,
.clearfix:before,
.clearfix:after { display: table; content: ' '; }

.shell:after,
.clearfix:after { clear: both; }

#new .shell { width: 1000px; margin: 0 auto; position: relative; z-index: 2; }

#new.wrapper { height: 100%; }

#newHead .header { position: relative; padding: 12px 100px 12px 0; z-index: 99; height: 56px; box-sizing: border-box; background-color: rgba(0,0,0, .70); }

#newHead .logo {  position: absolute; left: 50px; top: 12px;  z-index: 2;}
#newHead .logo:hover { text-decoration: none; }
#newHead .logo sup { font-size:16px; }
#newHead .header li { list-style:none; list-style-position: outside; }
#newHead .header a { color: #fff; }
#newHead .header a img { width: 99px; }

#newHead .nav-dropdown { float: left; padding-top: 5px; margin-left: 18px; }
#newHead .nav-dropdown .dropdown-toggle { font-size: 18px;  cursor: pointer !important;}
#newHead .nav-dropdown .dropdown-toggle:after { content:''; display: inline-block; width: 0; height: 0; border-top: 5px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-left: 6px; position: relative; top: -4px; }
#newHead .nav-dropdown ul { position: absolute; top: 61px; left: 5%; display: none; width: 300px; background-color: rgba(55,65,69, .6); z-index: 1000;}
#newHead .nav-dropdown li { padding-bottom:2px; z-index: 999;}
#newHead .nav-dropdown li a { display: block; color: #fff; font-size: 16px; z-index: 999; padding: 15px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; position: relative; }
#newHead .nav-dropdown li a:hover:before { content: ''; width: 33px; height: 100%; position: absolute; right: 0; top: 0; background: url(images/ico-check.png) no-repeat center; }
#newHead .nav-dropdown li a:hover { text-decoration: none; background-color: #8f73c6; }

#newHead .nav-primary { float: right; z-index: 1; }
#newHead .nav-primary li { float: left;
padding: 11px 3px;
height: 56px;
margin-top: -12px;}
#newHead .nav-primary li:hover{
  background-color: #A48BD6;

}
#newHead .nav-primary li a { line-height: 30px; font-size: 16px; display: block; padding: 0 15px; text-transform: capitalize; }
#newHead .nav-primary li:last-child { margin-left: 19px; }
#newHead .nav-primary li:last-child a { border: 1px solid #fff; border-radius: 30px; padding: 0 19px; }
.nav-toggle {  position: absolute;
top: 18px;
right: 20px;
display: block;
padding: 5px 0;
width: 34px;
height: 32px;

cursor: pointer;
background-repeat: no-repeat;
background-size: 32px 22px;
background-image: url(/images/menuBurger.png); }
/*.nav-toggle:before { width: 100%; background-color: #fff; display:block; }*/
.nav-toggle-open{
  position: absolute;
top: 12px;
right: 20px;
display: block;
padding: 5px 0;
width: 34px;
height: 32px;

cursor: pointer;
background-repeat: no-repeat;
background-size: 32px 32px;
background-image: url(/images/menuX.png);
}
#new .intro-placeholder { pointer-events:none; height: 100%; }
#new .intro { height:100%; position: relative; left: 0; top: 0; width: 100%; text-align:center; color: #fff; font-family:'Open Sans', arial, serif; overflow: hidden; z-index: 1; text-align: center; }

#new .intro .intro-content { width: 100%; display: table; vertical-align: middle; z-index: 3; position: relative; overflow: hidden; height: 100%; }
#new .intro-inner { display: table-cell;  vertical-align: middle; }
#new .intro .intro-content {

      -ms-backface-visibility: hidden;
  
}

#new .intro h1 { font-weight: normal; font-size: 57px; line-height: 60px; font-weight: 300; padding-bottom: 5px; color: black; }
#new .intro p { font-size: 16px; color: black; text-transform: uppercase; }

#intro-video{
  position: absolute;
  bottom: 0px; 
  right: 0px; 
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto; 
  z-index: -1000; 
  overflow: hidden
}

#new .btn-app { background: url(images/btn-app.png) no-repeat 0 0; width: 181px; height: 67px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px;  }
#new .intro-placeholder { z-index: 999; overflow: hidden; }

#new .intro-actions { position: absolute; right: 20px; bottom: 35px; z-index: 999; }
#new .intro-actions a[class*="btn-"] { width: 134px; height: 38px; z-index: 999; cursor: pointer; float: right; margin-left: 10px; }
#new .intro-actions .btn-app-store { background: url(images/btn-app-store.png) no-repeat center; }
 .btn-app-store:hover{
  border: 2px solid #8f73c6;
}
#new .intro-actions .btn-google-play { background: url(images/btn-google-play.png) no-repeat center; right: 20px; }
.btn-google-play:hover{
  border: 2px solid #8f73c6;
}
#new .form-destination .form-head { padding-bottom: 40px; }
#new .form-destination .form-row { padding-bottom: 6px; }
#new .form-destination .field { border-radius: 5px;
border: 1px solid #e8e6dd;
width: 332px;
height: 44px;
padding: 8px 14px;
font-size: 18px;
color: #585858;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

#new .form-destination .form-actions { margin-top: 10px; }
#new .form-destination .form-btn { border-radius: 30px; border: 0; padding: 4px 29px; background-color: #8f73c6; font-size: 18px; z-index: 999; position: relative; }
#new .form-destination .form-btn.disabled { pointer-events: none; opacity: .5; }

/* ==========================================================================
  #Background
========================================================================== */
#new .intro-bg,
#new .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;  }

#new .intro-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; }
#new .intro-bg img { display: none; }

/* ==========================================================================
  #Fullscreener
========================================================================== */
.fsr-container { overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.fsr-element { position: absolute; }
.fsr-hidden { display: none; }

/* ===========================
  #elements
============================ */
#new .section { position: relative; z-index: 2; background-color: #fff; min-height: 100%; }

#new .section-map { overflow: hidden; height: 683px; min-height: 683px; background-color: #edebe8; background-image: url('/images/homepageMap.jpg');}
#new .section-map .shell { padding: 50px 0 110px; text-align:center;  }

#new .section-head { text-align:center; padding-bottom:40px; }
#new .section-head h2 { color: #424242; margin: 0; font-weight: normal; font-family:'Open Sans', sans-serif; font-size: 36px; line-height: 70px; text-transform: capitalize; }

#new .tabs-nav { position: relative; width: 1035px; margin: 0 auto; font-size: 0; padding-bottom: 58px; z-index: 2; }
#new .tabs-nav ul { margin-bottom: 0; }
#new .tabs-nav > img { position: absolute; left: 50%; margin-left: -370px; bottom: 30px; }
#new .tabs-nav li { list-style:none; list-style-position: outside; display: inline-block; padding:0 28px 35px; width: 120px; height: 117px; position: relative; }
#new .tabs-nav li:after {  content:''; width: 0; height:0; position: absolute; bottom: -60px; left:50%; margin-left: -20px; border: 20px solid transparent; border-bottom: 20px solid #fff; opacity: 0; }
#new .tabs-nav li:before {  content:''; width: 0; height:0; position: absolute; bottom: -58px; left:50%; margin-left: -22px; border: 22px solid transparent; border-bottom: 20px solid #dedddb; opacity: 0; }
#new .tabs-nav li.active:after,
#new .tabs-nav li.active:before { opacity: 1; }
#new .tabs-nav a {box-shadow: 3px 4px 5px rgba(0,0,0,0.2); display: block; width: 64px; height: 82px; padding-top: 18px; background-color: #fff; border: 2px solid #d4d3d2; text-align: center; border-radius: 10px; position: relative; 3px 4px 5px rgba(0,0,0,0.2);}
#new .tabs-nav a:before { content: ''; width: 6px; height: 26px; background: url(images/elem.png) no-repeat center; position: absolute; left: 50%; margin-left: -3px; bottom: -28px; box-shadow: 5px 0px 5px rgba(0,0,0,0.2);}
#new .tabs a [class^='ico-'],
#new .tabs a [class*=' ico-']  { display: inline-block; width: 54px; height: 44px; background: url(images/icos.png) no-repeat 0 0; }
#new .tabs a .ico-laptop { background-position: -56px 0; }
#new .tabs a .ico-rays { background-position: -56px -92px; }
#new .tabs a .ico-money { background-position: -112px -46px; }
#new .tabs a .ico-leaf { background-position: -56px -46px; }
#new .tabs a .ico-triangle { background-position: -168px 0; }

#new .bus { background: url(images/bus.png) no-repeat 0 0; width: 30px; height: 38px; display: inline-block; position: absolute; bottom: 47px; left: 0; left: 182px;  }
#new .bus:before { content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #374145; position: absolute; left: 50%; margin-left: -5px; bottom: -12px; }
#new .bus { margin-left: -40px }

#new .bus.pos0 { left: 303px; }
#new .bus.pos1 { left: 423px; }
#new .bus.pos2 { left: 542px; }
#new .bus.pos3 { left: 663px; }
#new .bus.pos4 { left: 782px; }
#new .bus.pos5 { left: 150%; }

#new .bus {
  -webkit-transition: left 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition: left 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: left 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#new .tabs-nav a:hover,
#new .tabs-nav li.active a { background-color: #a48bd6; border-color: #8f73c6; }

#new .tabs-nav li.active a .ico-laptop,
#new .tabs-nav a:hover .ico-laptop { background-position: 0 0;  }
#new .tabs-nav li.active a .ico-rays,
#new .tabs-nav a:hover .ico-rays { background-position: 0 -92px; }
#new .tabs-nav li.active a .ico-money,
#new .tabs-nav a:hover .ico-money { background-position: -112px 0; }
#new .tabs-nav li.active a .ico-leaf,
#new .tabs-nav a:hover .ico-leaf { background-position: 0 -46px; }
#new .tabs-nav li.active a .ico-triangle,
#new .tabs-nav a:hover .ico-triangle { background-position: -112px -92px; }
#new .tabs-body { position: relative; margin: 0 50px; }

#new .tab  {box-shadow: 3px 4px 5px rgba(0,0,0,0.2); background-color: #fff; color: #424242; font-size: 18px; padding: 10px 180px 35px; line-height: 1.2; border-radius: 10px; border: 2px solid #d4d3d2; position: absolute; left: 0; top: 0; right: 0; opacity: 0; visibility: hidden; }
#new .tabs-nav li:after,
#new .tabs-nav li:before,
#new .tab {
  -webkit-transition: opacity 0.5s, visibility 0.5s;
       -o-transition: opacity 0.5s, visibility 0.5s;
          transition: opacity 0.5s, visibility 0.5s;
}
#new .tab.active { position: relative; opacity: 1; visibility: visible; }
#new .tabs-nav li.active:after,
#new .tab.active {
  -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
       -o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
          transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
}

#new .tab h3 { font-weight: normal; font-size: 36px;  line-height: 60px; padding: 10px 0; color: #424242; margin: 0; }
#new .btn-signup { background-color: #8f73c6; color: #fff; font-size: 26px; line-height: 60px; display: inline-block; border-radius: 30px; border: 0; overflow: hidden; padding: 0 36px; 
-webkit-transition: all 0.3s; 
     -o-transition: all 0.3s; 
        transition: all 0.3s; 
}
#new .btn-signup:hover { text-decoration: none; color: #fff; background-color: #8f73c6; }

#new .tab p { padding-bottom:26px; margin-bottom: 0; }

#new .section-app { background: #8f73c6; background: -moz-linear-gradient(top,  #8f73c6 0%, #a48bd6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8f73c6), color-stop(100%,#a48bd6)); background: -webkit-linear-gradient(top,  #8f73c6 0%,#a48bd6 100%); background: -o-linear-gradient(top,  #8f73c6 0%,#a48bd6 100%); background: -ms-linear-gradient(top,  #8f73c6 0%,#a48bd6 100%); background: linear-gradient(to bottom,  #8f73c6 0%,#a48bd6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f73c6', endColorstr='#a48bd6',GradientType=0 ); min-height: 0; }
#new .section-app .section-head { padding: 110px 0 0; margin-bottom: -70px; }
#new .section-app .section-head h2 { font-size: 36px; font-weight: 400; color: #fff; }
#new .section-app .section-body  { width: 84%; margin: 0 auto 120px; }
#new .section-app .section-body .app-desc { padding-top: 130px; height: 580px; position: relative; cursor: pointer;}
#new .section-app .section-body .app-desc .app-desc-actions p { font-size: 18px; color: #fff; margin-bottom: 5px; }
#new .section-app .section-body .app-desc .app-desc-actions p.inactive { color: #c2b2e1; }
#new .section-app .section-body .app-desc-actions { width: 100%; position: absolute; left: 0; bottom: 0; }
#new .section-app .section-body .app-desc-actions .btn { width: 134px; height: 38px; display: inline-block; }
#new .section-app .section-body .app-desc-actions .btn-app-store { background: url(images/btn-app-store.png) no-repeat center;  }
#new .section-app .section-body .app-desc-actions .btn-google-play { background: url(images/btn-google-play.png) no-repeat center;  }
#new .section-app .section-body .app-desc p { font-size: 18px; color: #c2b2e1; line-height: 1.3; margin-bottom: 45px; }
#new .section-app .section-body .app-desc p.white { color: #fff; position: relative; }
#new .section-app .section-body .app-desc-left { text-align: right; }
#new .section-app .section-body .app-desc-left p.white:before { content: ''; width: 46px; height: 1px; background-color: #fff; position: absolute; right: -60px; top: 50%; }
#new .section-app .section-body .app-desc-right { text-align: left; }
#new .section-app .section-body .app-desc-right p.white:before { content: ''; width: 46px; height: 1px; background-color: #fff; position: absolute; left: -60px; top: 50%; }
#new .section-app .app-slider-wrapper { width: 100%; position: relative; padding-top: 77px; }
#new .section-app .app-slider-wrapper > img { position: absolute; left: 0; top: 0; z-index: 1; width: 320px; }
#new .section-app .app-slider { width: 284px; height: 500px; margin: 0 auto; position: relative; z-index: 2; border: 3px solid #000; border-radius: 3px; }
#new .section-app .app-slider-clip,
#new .section-app .app-slider-clip .caroufredsel_wrapper { width: 100%; height: 500px; overflow: hidden; }
#new .section-app .app-slider .slide { float: left; display: block; }
#new .section-app .app-slider .slide-image img { width: 278px; height: 494px; }
#new .section-app .app-slider .slider-paging { text-align: center; margin-top: 20px; font-size: 0; }
#new .section-app .app-slider .slider-paging a { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; margin: 0 7px; opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#new .section-app .app-slider .slider-paging a:hover,
#new .section-app .app-slider .slider-paging a.selected { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }

#new .section-app .app-slider .slider-actions { position: absolute; left: 0; width: 100%; bottom: -30px; }
#new .section-app .app-slider .slider-actions a { position: absolute; bottom: 0; width: 8px; height: 13px; font-size: 0; }
#new .section-app .app-slider .slider-actions a.disabled { opacity: 0.25; -moz-opacity: 0.25; filter:alpha(opacity=25); }
#new .section-app .app-slider .slider-prev { background: url(images/arrow-left.png) no-repeat center; left: 0; }
#new .section-app .app-slider .slider-next { background: url(images/arrow-right.png) no-repeat center; right: 0; }

#new .row:after,
#new .row:before { content: ''; display: table; }
#new .row:after { clear: both; }
#new .section-app .col { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new .section-app .col-size1 { width: 31%; padding-right: 45px; }
#new .section-app .col-size1 ~ .col-size1 { padding-right: 0; padding-left: 45px; }
#new .section-app .col-size2 { width: 38%; }

#new .col { float:left; }
#new .col.col-1of2 { width: 50%; box-sizing: border-box; }
#new .col.col-1of2:last-child { padding-left:80px; }

#new .slider-phones { position: relative; width: 500px; margin: 0 auto; }
#new .slider-phones .slider-clip { position: relative; height: 446px; }
#new .slider-phones .slides { list-style: none outside none; }
#new .slider-phones .slide { width: 154px; height: 446px; float: left; position: relative; z-index: 1; opacity: 0; }
#new .slider-phones .slide {
  -webkit-transition: z-index 0.5s, opacity 0.5s;
       -o-transition: z-index 0.5s, opacity 0.5s;
          transition: z-index 0.5s, opacity 0.5s;
}
#new .slider-phones .slide img { position: absolute;left: 50%; top: 50%; }
#new .slider-phones .slide img {
  -webkit-transition:-webkit-transform 0.5s;
      -ms-transition:-ms-transform 0.5s;
       -o-transition:-o-transform 0.5s;
          transition:transform 0.5s;

  -webkit-transform: translate(-50%, -50%) scale(0.8);
      -ms-transform: translate(-50%, -50%) scale(0.8);
       -o-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
}
#new .slider-phones .first + .slide { z-index: 2; }
#new .slider-phones .first,
#new .slider-phones .first + .slide,
#new .slider-phones .first + .slide + .slide { opacity: 1; }
#new .slider-phones .first + .slide img {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
       -o-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

#new .slider-phones .slider-paging { padding-top: 24px; text-align: center; }
#new .slider-phones .slider-paging a { background-color: #fff; border: 1px solid #a8a8a8; display: inline-block; width: 15px; height: 15px; border-radius:8px; }
#new .slider-phones .slider-paging a:hover,
#new .slider-phones .slider-paging a.selected { background-color: #5b509d; }

#new .list-bullets { padding-top:60px; padding-bottom:20px;  }
#new .list-bullets li { list-style:none; list-style-position: outside; color: #696a69; font-size:46px; font-family:'helveticaneue_ltmedium', arial, serif; line-height:38px; padding-bottom:23px;  }
#new .list-bullets li:before { content:''; display: inline-block; width: 19px; height:19px; border-radius: 50%; background-color: #696a69; vertical-align: top; margin-top:10px; }

#new .btn-app-big { background: url(images/app-big.png) no-repeat 0 0; width: 314px; height:106px; display:block; font-size: 0; line-height: 0; text-indent: -4000px; margin-left:66px;  }

#newFoot .footer { padding-top: 110px; 
  background: rgb(233,233,234);
  background: -moz-linear-gradient(top,  rgba(233,233,234,1) 0%, rgba(246,246,246,1) 40%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,234,1)), color-stop(40%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(233,233,234,1) 0%,rgba(246,246,246,1) 40%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(233,233,234,1) 0%,rgba(246,246,246,1) 40%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top,  rgba(233,233,234,1) 0%,rgba(246,246,246,1) 40%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(233,233,234,1) 0%,rgba(246,246,246,1) 40%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9ea', endColorstr='#ffffff',GradientType=0 );
}

#newFoot .footer-head { text-align:center; color: #4a4a4a; padding-bottom: 90px; padding-top: 115px; background: url(images/hr-image.png) no-repeat center top;  }
#newFoot .footer-head h4 { font-weight: normal; font-size: 36px; color: #fc7b75; margin-bottom: 0; }
#newFoot .footer-head p { font-size: 22px; padding-bottom: 25px; padding-top: 5px; color: #424242; line-height: 1.3; margin-bottom: 0; }
#new .btn-more { display: inline-block; font-size: 26px; line-height: 56px; padding: 0 28px; color: #fff; background-color: #f96362; border-radius: 30px; 
-webkit-transition: all 0.3s; 
     -o-transition: all 0.3s; 
        transition: all 0.3s; 
 }
#new .btn-more:hover { text-decoration: none; color: #fff; background-color: #e06262; }

#newFoot .footer-body { background: #333; margin-top: 20px; color: #fff; position: relative; padding: 20px 20px; margin-bottom: -24px;}
#newFoot .footer-cols { float:left; position: relative;  }
#newFoot .footer-col { float:left; }
#newFoot .footer-aside { float:right; }
#newFoot .footer-col:first-child .footer-nav { padding-left:33px; } 
#newFoot .footer-nav { padding-left: 75px; font-size: 16px; }
#newFoot .footer-nav a { color: #fff; font-size: 14px; }
#newFoot .footer-nav li { list-style:none; list-style-position: outside; }
#newFoot .footer-nav h3 { font-weight: normal; padding-bottom: 8px; margin: 0; font-size: 14px; color: #b4a0de; text-transform: uppercase; }
#newFoot .footer-actions .btn { width: 134px; height: 38px; z-index: 999; cursor: pointer; float: right; clear: both; margin-bottom: 10px; }
#newFoot .footer-actions .btn-app-store { background: url(images/btn-app-store.png) no-repeat center; }
#newFoot .footer-actions .btn-google-play { background: url(images/btn-google-play.png) no-repeat center; }

#newFoot .socials ul { margin-bottom: 0; }
#newFoot .socials li { display: inline-block; list-style: none outside none; }
#newFoot .socials li:first-child { padding-left:0; }
#newFoot .socials li a { width: 29px; height: 25px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; }
#newFoot .link-facebook { background: url(images/ico-facebook.png) no-repeat center; }
#newFoot .link-twitter { background: url(images/ico-twitter.png) no-repeat center; }
#newFoot .copyright { font-size: 14px; margin-bottom: 0; }

#new .tab-head { display:none; }

/* ================================================================ *\
  #Scheduled Page
\* ================================================================ */
#new.wrapper-scheduled { position: relative; width: 100%; height: 100%; margin-top: 0px;}
#new .google-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
#new .angular-google-map-container { position: relative; left: 0; top: 0; width: 100%; height: 600px; z-index: 1; }
#new.wrapper-scheduled .header { position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 50px; background-color: rgba(0,0,0, .6); padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new.wrapper-scheduled .nav-dropdown { margin-top: 8px; }
#new.wrapper-scheduled .nav-dropdown ul { top: 50px; }
#new.wrapper-scheduled .nav-dropdown .dropdown-toggle { font-size: 16px; color: #fff; }
#new.wrapper-scheduled .logo { margin: 10px 0; }

#new.wrapper-scheduled .header-actions,
#new.wrapper-scheduled .nav-primary { float: right; }

#new.wrapper-scheduled .header-actions { height: 50px; background-color: #374145; margin-right: -20px; padding: 12px 20px 10px; overflow: hidden; margin-left: 10px; }
#new.wrapper-scheduled .header-actions span { float: left; font-size: 16px; color: #fff; margin-right: 20px; line-height: 28px; }
#new.wrapper-scheduled .header-actions .btn-purple { font-size: 14px; color: #fff; text-transform: uppercase; background-color: #8f73c6; border: 0; border-radius: 30px; padding: 5px 18px 4px; }

#new.wrapper-scheduled .header .nav-primary { padding: 10px 0; }
#new.wrapper-scheduled .header .nav-primary li:last-child { margin-left: 0; }
#new.wrapper-scheduled .header .nav-primary li:last-child a { border: 0; border-radius: 0; }

#new.wrapper-scheduled .sidebar { position: fixed; top: 70px; z-index: 10; }
#new.wrapper-scheduled .sidebar > div { background-color: #fff; border-radius: 5px; box-shadow: 0 2px 3px rgba(0,0,0, .2); margin-bottom: 7px; }
#new.wrapper-scheduled .sidebar-left { left: 20px; width: 320px; }
#new.wrapper-scheduled .sidebar-right { right: 20px; width: 360px; }

#new.wrapper-scheduled .map-address { position: relative; }
#new.wrapper-scheduled .map-address p input{
  border: none;
  width: 100%;
  height: 100%; 
  z-index: 0;
}
#new.wrapper-scheduled .map-address p { padding: 12px; font-weight: 300; font-size: 14px; color: #424242; margin-bottom: 0; }
#new.wrapper-scheduled .map-address p ~ p { border-top: 1px solid #ddd; }
#new.wrapper-scheduled .map-address .map-address-actions { position: absolute; right: 0; top: 0; width: 31px; height: 100%; border-left: 1px solid #ddd; background-color: #fff; border-radius: 0 5px 5px 0; text-align: center; }
#new.wrapper-scheduled .map-address .map-address-actions:hover{background-color: #F5F5F5; }
#new.wrapper-scheduled .map-address .map-address-actions a { display: table; width: 100%; height: 100%; }
#new.wrapper-scheduled .map-address .map-address-actions a .ico { vertical-align: middle; display: table-cell; }

#new .map-rides .rides { list-style: none outside none; margin-bottom: 0; overflow-y:scroll; max-height: 300px; }
#new .map-rides .rides li { overflow: hidden; }
#new .map-rides .rides li ~ li { border-top: 1px solid #ddd; }
#new .map-rides .rides li:first-child { border-radius: 5px 5px 0 0; }
#new .map-rides .rides li:last-child { border-radius: 0 0 5px 5px; }
#new .map-rides .rides li .ride-actions { float: left; width: 30px; height: 59px; text-align: center; }
#new .map-rides .rides li .ride-actions-disabled { }
#new .map-rides .rides li .ride-actions a { display: table; width: 100%; height: 100%; }
#new .map-rides .rides li .ride-actions a .ico { display: table-cell; vertical-align: middle; }
#new .map-rides .rides li .ride-body { float: left; padding: 14px 12px; width: 290px; height: 59px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new .map-rides .rides li .ride-body p { text-transform: uppercase; font-size: 16px; margin-bottom: 0; }
#new .map-rides .rides li .ride-body p .ico-road { margin-right: 5px; margin-left: 3px;}
#new .map-rides .rides li .ride-body p .ico-arrow-right-solid { margin: 0 3px; }

#new .map-rides .rides li .text-purple { color: #a18ad1; }
#new .map-rides .rides li .text-pink { color: #fc7b75; }

#new .map-rides .location-to,
#new .map-rides .location-from { list-style: none outside none; margin-bottom: 0; overflow-y: scroll; max-height: 320px;}
#new .map-rides .location-to li,
#new .map-rides .location-from li { overflow: hidden; border-top: 1px solid #ddd; }
#new .map-rides .location-to li .location-body,
#new .map-rides .location-from li .location-body { float: left; width: 290px; padding: 14px 12px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#new .map-rides .location-to li .location-body { width: 100%; }
#new .map-rides .location-from .location-actions { float: left; width: 30px; text-align: center; padding: 10px 12px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#new .map-rides .location-from .location-actions a { display: block; }

#new .map-rides .location-body p { font-size: 16px; font-weight: 300; color: #424242; margin-bottom: 7px; }
#new .map-rides .location-body i[class*='ico-arrow-right'] { margin-right: 7px; }
 .purple-label { background-color: #8f73c6; font-size: 16px; color: #fff; border-radius: 20px; padding: 3px 12px; display: inline-block; margin-right: 4px; }
.red-label { margin-left: 22px; background-color: #f96362 !important; font-size: 16px; color: white; border-radius: 20px; padding: 3px 12px; display: inline-block; margin-right: 4px; }

#new .map-rides .location-body .grey-label { background-color: none; font-size: 16px; color: #424242; border-radius: 20px; padding: 2px 12px; border: 1px solid #ddd; display: inline-block; margin-right: 4px; }

#new .map-rides .location-from .location-body .purple-label:first-child { margin-left: 22px; }
#new .map-rides h4.drop-off { font-weight: 400; font-size: 16px; color: #fff; background-color: #f96362; padding: 10px 23px; margin: 0; }
#new .map-rides h4.pick-up { font-weight: 400; font-size: 16px; color: #fff; background-color: #8F73C6; padding: 10px 23px; margin: 0; }

#new.wrapper-scheduled .sidebar > div.map-rides-actions,
#new.wrapper-scheduled .sidebar > div.saved-rides-actions { background-color: transparent; box-shadow: none; }

#new .map-rides-actions .btn,
#new .saved-rides-actions .btn { float: left; width: 156px; padding: 9px 0; text-align: center; font-size: 14px; text-transform: uppercase;  box-shadow: 0 2px 3px rgba(0,0,0, .2); border-radius: 5px; }

#new .saved-rides-actions .btn { width: 176px; }

#new .map-rides-actions .btn span,
#new .saved-rides-actions .btn span { color: #a18ad1; }

#new .map-rides-actions .btn:hover,
#new .saved-rides-actions .btn:hover { text-decoration: none; }

#new .map-rides-actions .btn ~ .btn,
#new .saved-rides-actions .btn ~ .btn { margin-left: 8px; }

#new .saved-rides .saved-rides-head { padding: 9px 14px 3px 20px; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#new .saved-rides .saved-rides-head-actions { float: right; float: right;
margin-right: 20px;
margin-top: 0px;
}}
#new .saved-rides .saved-rides-head-actions a { display: block; font-size: 14px; }
#new .saved-rides .saved-rides-head h4 { float: left; font-weight: 400; font-size: 14px; color: #424242; margin: 0; }

#new .saved-rides .saved-rides-body ul { border-top: 0.5px solid #ddd; list-style: none outside none; }
#new .saved-rides .saved-ride { padding: 13px 15px; min-height: 52px; position: relative; }
#new .saved-rides .saved-ride ~ .saved-ride  { border-top: 1px solid #ddd; }
#new .saved-rides .saved-ride .ico-road,
#new .saved-rides .saved-ride .ico-route { float: left; }
#new .saved-rides .saved-ride .ico-road { margin-right: 10px; margin-top: 3px; margin-left: 1px;}
#new .saved-rides .saved-ride .ico-route { margin-right: 6px; margin-top: 7px; }
#new .saved-rides .saved-ride p { overflow: hidden; font-weight: 300; font-size: 16px; color: #424242; line-height: 1.5; margin-bottom: 0; }
#new .saved-rides .saved-ride p span { float: right; }

#new .saved-rides .saved-ride-alt { background-color: #f7f7f7;  background-image: url('/images/valueBg.png');}
#new .saved-rides .saved-ride-alt p { font-weight: 400; }
#new .saved-rides .saved-ride-alt .saved-ride-foot { padding-top: 7px; border-top: 1px solid #ddd; margin-top: 15px; height: 28px; }
#new .saved-rides .saved-ride-alt .saved-ride-foot p { font-size: 14px; color: #f9b42d; overflow: hidden; }
#new .saved-rides .saved-ride-alt .saved-ride-actions { float: right; }
#new .saved-rides .saved-ride-alt .saved-ride-actions a { margin-left: 7px; }

#new .saved-rides .saved-ride p.msg { background-color: #8f73c6; border-radius: 5px; color: #fff; padding: 4px 10px; font-size: 14px; margin-top: 7px; }
#new .saved-rides .saved-ride p.msg span { float: right; }

#new.wrapper-scheduled .ico { display: inline-block; vertical-align: middle; }
#new .ico-refresh { width: 17px; height: 24px; background: url(images/ico-refresh.png) no-repeat center; }
#new .ico-arrow-left-grey { width: 7px; height: 12px; background: url(images/arrow-left-grey.png) no-repeat center; }
#new .ico-arrow-right-grey { width: 7px; height: 12px; background: url(images/arrow-right-grey.png) no-repeat center; }
#new .ico-road { width: 42px;
height: 42px;
text-align: center;
padding-top: 14px;
font-size: 13px;
margin-left: -6px;
margin-top: -2px;
font-style: normal !important;
font-family: 'Open Sans';
background: url(/images/ico-roadNew.png) no-repeat center !important;
background-size: 28px 28px !important;

}
#new .ico-arrow-right-solid { width: 14px; height: 14px; background: url(images/arrow-right-solid.png) no-repeat center; }
#new .ico-arrow-right-top { width: 12px; height: 12px; background: url(images/arrow-right-top.png) no-repeat center; }
#new .ico-arrow-right-bottom { width: 12px; height: 12px; background: url(images/arrow-right-bottom.png) no-repeat center; }
#new .ico-close { width: 11px; height: 12px; background: url(images/ico-close.png) no-repeat center; }
#new .ico-arrow-down-grey { width: 12px; height: 7px; background: url(images/arrow-down-grey.png) no-repeat center; }
#new .ico-route { width: 10px; height: 36px; background: url(images/route.png) no-repeat center; }
#new .ico-export { width: 20px; height: 22px; background: url(images/ico-export.png) no-repeat center; }
#new .ico-edit { width: 20px; height: 22px; background: url(images/ico-edit.png) no-repeat center; }
#new .ico-delete { width: 20px; height: 22px; background: url(images/ico-delete.png) no-repeat center; }
#new .ico-exclamation { width: 5px; height: 19px; background: url(images/exclamation-mark.png) no-repeat center; }

#new .saved-ride .hint { width: 230px; opacity: 0; position: absolute; right: 355px; top: 5px; background-color: rgba(0,0,0, .6); padding: 14px; border-radius: 5px; z-index: 999; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;  }
#new .saved-ride .hint.visible { opacity: 1; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;  }
#new .saved-ride .hint-small { padding: 5px 14px; width: auto; }
#new .saved-ride .hint:before { content: ''; width: 8px; height: 12px; background: url(images/hint-arrow.png) no-repeat center; position: absolute; right: -8px; top: 10px; }
#new .saved-ride .hint h4 { font-weight: 400; font-size: 16px; color: #f9b42d; text-transform: uppercase; margin-bottom: 0; }
#new .saved-ride .hint p { font-size: 16px; color: #fff; line-height: 1.3; }

#new.wrapper-scheduled .footer { position: fixed; left: 20px; bottom: 20px; z-index: 10; padding-top: 0; background: none; }
#new.wrapper-scheduled .footer .copyright { font-size: 10px; color: #000; }

#new.wrapper-scheduled .map-controls { position: fixed; width: 80px; height: 25px; top: 100px; left: 50%; margin-left: -40px; z-index: 10; border-radius: 5px; background-color: #fff; box-shadow: 0 2px 3px rgba(0,0,0, .2); t }
#new.wrapper-scheduled .map-controls a { float: left; width: 40px; height: 25px; }
#new.wrapper-scheduled .map-controls a ~ a { width: 39px; border-left: 1px solid #ddd; }
#new.wrapper-scheduled .map-controls a.zoom-out { background: url(images/minus.png) no-repeat center; }
#new.wrapper-scheduled .map-controls a.zoom-in { background: url(images/plus.png) no-repeat center; }



.busNumberText{
font-family: 'Open Sans' !important;
font-style: normal !important;
font-weight: 300;
border: 1px solid #c0c0c0;
border-radius: 32px;
padding: 3px 8px;
font-size: 11px;
margin-right: 2px;
/* min-width: 25px; */
/* width: 37px; */
}


/* ===========================
  # new styles
============================ */
.valueVideoContainer { padding-bottom: 40px; }
.valueVideoContainer h1 { margin: 40px 0; }

.socials  ul { list-style: none outside none; }

.buyRidesRow { padding-left: 0; }

.newPassTitle { margin-left: 0; }
.newPassTitleContainer { margin-top: 0; }

.selectItemRow { margin-top: 0; }

.leadership .profile-card:nth-child(4n+1) { clear:both; } 

.newPurchase-actions { text-align: right; }

.custom-mobile-dropdown {  }
.custom-mobile-dropdown-toggle { display: none; }

/* you have rewritten the framework css, so we have to rewrite it again  */
#container1 { width: auto; padding-right: 15px; padding-left: 15px; }

/* ===========================
  #advocacy
============================ */

.advocacy {}
.advocacy-header { position: fixed;  right: 0; left: 0;  top: 0; background-color: rgba(55,65,69, 0.7); z-index: 20; }
.advocacy-header h1 { text-align: center; color: #fff; font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 48px; line-height: 70px; margin: 0; }

.powered-by { position: absolute; right: 0; top: 25px; }
.powered-by-logo { background: url(images/advocacy-logo.png) no-repeat 0 0; width: 99px; height: 23px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; }
.powered-by .label { position: absolute; right: 100%; top: 0; font-size: 16px; font-weight: 300; color: #909698; line-height: 16px; }

.advocacy-intro { background-repeat: no-repeat; background-position: 50% 0; background-size:cover; position: relative; z-index: 1; overflow: hidden; }
.advocacy-intro-image { display: none; }
.advocacy-intro-outer { height: 100%; display: table; width: 100%; }
.advocacy-intro-inner { display: table-cell; vertical-align: middle; }

.advocacy-intro-top { padding: 100px 0 15px; position: relative; z-index: 2; }
.advocacy-intro-top h1 span,
.advocacy-intro-top h1 {font-family: Impact, Futura,"Trebuchet MS",Arial,sans-serif;  }
.advocacy-intro-top h1 { font-size: 60px;  line-height: 50px; color: #fff; margin-top: 0; }
.advocacy-intro-top h1 span { display: block; }
.advocacy-intro-top h1 .highlight { color: #a18ad1; }

.quotebox { background-color: #fff; border-radius:10px; padding: 16px; font-size: 20px; color: #5c5c5c; line-height: 26px; font-weight: 300; }
.quotebox p { margin: 0; }
.quotebox:after { content:''; position: absolute; top: 100%; right: 60px; border-width: 0 30px 30px; border-style: solid; border-color:transparent transparent #fff; }
.quotebox:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
       -o-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.advocacy-intro-center { padding-bottom: 90px; }

.video-wrapper { padding-top: 56.2%; position: relative; height: 0; }
.video-wrapper iframe { position: absolute;left: 0; top: 0; width: 100%; height: 100%; }

.advocacy-intro-bottom { padding: 30px 0; position: absolute; bottom: 0; left: 0; right: 0; }
.advocacy-intro-bottom .down { display: block; background: url(/images/arr-down.png) no-repeat 0 0; width: 41px; height: 26px; margin: 0 auto; cursor: pointer !important;}

.advocacy-sign-in { background-color: #333; padding: 24px 20px 14px; border-radius:10px; }
.advocacy-sign-in .form-divider { text-align: center; position: relative; font-size: 20px; line-height: 30px; }
.advocacy-sign-in .form-divider span { position: relative; z-index: 2; padding: 0 20px; background-color: #333; color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; vertical-align: middle; }
.advocacy-sign-in .form-divider:after { position: absolute;left: 0; right: 0; top: 50%; height: 1px; background-color: #fff; content:''; z-index: 1; }
.advocacy-sign-in .form-group { margin-left:0; margin-right: 0; }

.submit-clone .go-top,
.advocacy-sign-in-submit { display: block; width: 100%; height: 52px;  background-color: #f96362; color: #fff; font-size: 32px; font-weight: bold; border: 0; cursor: pointer; }
.submit-clone .go-top,
.advocacy-sign-in-submit  { border-radius:26px; margin-top: 22px; text-align: center; }

.submit-clone { position: absolute; top: 100%;  right: 15px; padding: 14px 20px; background-color: #333; visibility: hidden; }
.submit-clone .go-top { margin: 0; height: 52px; width: 417px; line-height: 52px; }
.submit-clone .go-top:hover { color: #f96362; }

.submit-clone.in { visibility: visible; }
.submit-clone.in .go-top { background-color: #fff; color: #f96362; }
.submit-clone.in .go-top  {
  -webkit-transition: background-color 0.5s, color 0.5s;
       -o-transition: background-color 0.5s, color 0.5s;
          transition: background-color 0.5s, color 0.5s;
}

.advocacy-sign-in-submit.out { visibility: hidden; }

.sign-in-linkedin { padding-bottom: 10px; }
.sign-in-linkedin a { display: block; background: #0098bd url(/images/linkedin-big.png) no-repeat 0 0; color: #fff; text-align: center;  height: 35px; line-height: 35px; background-size: 37.5px 35px; padding-left: 38px; font-size: 14px;  }

.advocacy-bar { background-color: #82899a; }
.advocacy-bar h2 { font-size: 36px; font-weight: 300; color: #fff;  text-align: center; line-height: 49px; margin: 0; padding: 45px 0 65px; }

.advocacy-section-signatures { text-align: center; padding: 38px 0; }
.advocacy-section-signatures h2 {font-size: 46px; line-height: 50px; color: #5c5c5c; font-weight: normal; }
.advocacy-section-signatures h4 { font-size: 36px; line-height: 40px; font-weight: 300; color: #ababab; font-family:'Open Sans', sans-serif; padding-bottom: 35px; }

.ride-bar { position: relative; margin-right: 100px; border: 2px solid #333; background-color: #dfdddd; border-radius:5px; padding: 4px 140px 4px 4px; }
.ride-bar-value { position: absolute; right: -100px; width: 144px; height: 144px; padding: 10px; background-color: #dfdddd; border: 2px solid #333; border-radius:72px; z-index: 2; }
.ride-bar-value { top: 50%;  margin-top: -72px; line-height: 120px; text-align: center; font-size: 60px; color: #fff; font-weight: bold; line-height: 120px; }
.ride-bar-value span { display: block; width: 100%; height: 100%; border-radius:50%; background-color: #8f73c6; }
.ride-bar-indicator { background-color: #8f73c6; border-radius: 4px 0 0 4px; height: 46px; position: relative; text-align: right; color: #fff; width: 0; }
.ride-bar-indicator {
  -webkit-transition: width 0.6s;
       -o-transition: width 0.6s;
          transition: width 0.6s;
}

.ride-bar-indicator span { display: inline-block; line-height: 46px; vertical-align: top; padding-right: 10px; font-size: 30px; }
.ride-bar-indicator:after { position: absolute; top: 0; left: 100%; content:''; background: url(images/ico-bus.png) no-repeat 0 0; width: 99px; height: 50px; margin-left: -4px; }

.employees-head  { padding: 13px 0 20px; }
.employees-head h3 { text-align: center; font-size: 36px; color: #5c5c5c; }
.employee { float: left; width: 188px; border: 1px solid #979797; margin: 0 20px 80px; position: relative; }
.employee-thumb img { width: 100%; }
.employee span { position: absolute; left: 0; top: 100%; right: 0; text-align: center; font-size: 20px; color: #5c5c5c; line-height: 37px; }
.employee .ico-linkedin { background: url(images/linkedin-small.png) no-repeat 0 0; width: 30px; height: 30px;  position: absolute;top: 0;right: 0; z-index: 2; }
.employee-empty .employee-thumb { height: 0; padding-top: 100%; }

.advocacy-section-share { text-align: center; background-color: #333; padding: 55px 0 150px; }
.advocacy-section-share h2 { font-size: 46px; line-height: 50px; color: #fff; padding-bottom: 25px; }
.advocacy-section-share p { font-size: 36px; line-height: 49px;  font-weight: 300; color: #fff; margin: 0;}

.advocacy-section-share-actions {text-align: center; padding-top: 80px; }
.advocacy-section-share-actions a { display: block; margin: 0 auto; width: 612px; height: 92px; background-color: #f96362; color: #fff; font-size: 46px; line-height: 92px;}
.advocacy-section-share-actions a { border-radius:46px; }

/* ===========================
  # corporate
============================ */

#newHead.newHead-type2 .header { position: fixed; left: 0; right: 0; z-index: 10; }
.corporate-intro {  background-repeat: no-repeat; background-position: right center; background-size:cover; position: relative; z-index: 1;  }
.corporate-intro:after { position: absolute; top: 50%; bottom: 0; left: 0; right: 0; content:''; z-index: 2; }
.corporate-intro:after  {
  background: -moz-linear-gradient(top,  rgba(51,51,51,0) 0%, rgba(0,0,0,0.75) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0)), color-stop(100%,rgba(0,0,0,0.75)));
  background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(0,0,0,0.75) 100%);
  background: -o-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(0,0,0,0.75) 100%);
  background: -ms-linear-gradient(top,  rgba(51,51,51,0) 0%,rgba(0,0,0,0.75) 100%);
  background: linear-gradient(to bottom,  rgba(51,51,51,0) 0%,rgba(0,0,0,0.75) 100%);
}
.corporate-intro-image { display: none; }

.corporate-intro-top { padding: 80px 0 220px; position: relative; z-index: 3; }

.form-talk { background-color: rgba(255,255,255,0.6); border-radius:10px; padding: 20px; }
.form-talk .sign-in-linkedin a { background-image: url(/images/linkedin-big2.png); height: 35px; line-height: 35px; background-size: 37.5px 35px; padding-left: 38px; font-size: 14px; }
.form-talk .form-heading { font-size: 30px; line-height: 32px; color: #5c5c5c; text-align: center; letter-spacing: -1px; padding: 0 10px; }
.form-talk .form-group { margin-left: 0; margin-right: 0; }
.form-talk .form-divider { text-align: center; position: relative; font-size: 20px; line-height: 10px; background: url(images/form-divider.png) no-repeat center center; }
.form-talk .form-divider span { position: relative; z-index: 2; padding: 0 20px; color: #979797; font-size: 20px; line-height: 10px; font-weight: 300; vertical-align: middle; }
.form-talk .form-group { margin-left:0; margin-right: 0; }
.form-talk .form-control { font-size: 14px; height: 34px; }
.form-talk-submit { display: block; width: 100%; font-size: 22px; color: #fff; height: 52px; line-height: 52px; border: 0; background-color: #8f73c6; border-radius:26px; }
.form-talk-submit:hover{background-color: #A48BD6;}
.form-talk-submit  { margin-top: 20px; }

.corp-submit-clone { position: fixed; left: 0; top: 56px; width: 100%; height: 0; z-index: 20; visibility: hidden; }
.corp-submit-clone-inner { background-color: rgba(255,255,255,0.6); padding: 20px; border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; }
.corp-submit-clone .go-top { display: block; width: 100%; font-size: 22px; color: #fff; height: 52px; line-height: 52px; border: 0; background-color: #8f73c6; border-radius:26px; }
.corp-submit-clone .go-top  { text-align: center; }

.corp-submit-clone.in { visibility: visible; }
.corp-submit-clone.in .corp-submit-clone-inner  { background-color: #8f73c6; }
.corp-submit-clone.in .corp-submit-clone-inner  {
  -webkit-transition: background 0.6s;
       -o-transition: background 0.6s;
          transition: background 0.6s;

          box-shadow: 1px 1px 16px rgba(0,0,0,0.5);
}
.corp-submit-clone.in .go-top {background-color: #fff; color: #8f73c6; }
.corp-submit-clone.in .go-top  {
  -webkit-transition: background 0.6s, color 0.6s;
       -o-transition: background 0.6s, color 0.6s;
          transition: background 0.6s, color 0.6s;
}

.corporate-intro-bottom { text-align: center; position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; }
.corporate-intro-bottom h2 {color: #fff; font-size: 46px; text-shadow:0 2px 2px #000; font-weight: normal; }
.corporate-intro-bottom p { font-size: 30px; line-height: 40px; color: #fff; text-shadow:0 2px 2px #000; font-weight: 300; }
.corporate-intro-down { padding: 6px 0 8px; }
.corporate-intro-down .down { display: block; background: url(/images/arr-down.png) no-repeat 0 0; width: 41px; height: 30px; margin: 0 auto; cursor: pointer; }

.corporate-section-video { background-color: #9276c8; }
.corporate-cols { display: table; width: 100%; }
.corporate-col { display: table-cell; width: 50%; vertical-align: middle;}
.corporate-col:first-child { background-color: #af96e0; }

.quote { padding: 100px 40px;  }
.quote h2 { font-size: 40px; font-weight: bold; color: #fff; }
.quote p {font-size: 18px; color: #fff; text-align: right; }

.corporate-video { padding: 0 40px; }
.corporate-video-wrapper p { position: absolute; bottom: 100%; left: 0;  right: 0; text-align: center; color: #fff; font-size: 18px; }

.benefits { padding: 32px 0 70px; }
.benefits-head { text-align: center; padding-bottom: 40px; }
.benefits-head h2 { font-size: 46px; color: #5c5c5c; }
.benefits-head h4 { font-size: 36px; color: #ababab; font-family:'Open Sans', arial, sans-serif; font-weight: normal; }

.benefit { text-align: center; padding: 0 20px; font-size: 24px; line-height: 33px; }
.benefit img { margin-bottom: 10px; }

.corporate-section-environtment { background-size: cover; background-repeat: no-repeat; background-position: right center; position: relative; }
.corporate-section-environtment:before { position: absolute;left: 0;  top: 0; bottom: 0; width: 50%; content:'';  background-color: #82899a; z-index: 1; }
.corporate-section-environtment-image  { display: none; }

.environment { background-color: #82899a; padding: 30px 0; position: relative; z-index: 2; }
.environment h2 {  text-align: center; color: #fff; font-size: 46px; padding-bottom: 50px; }

.environment-entry { color: #fff; font-size: 22px; line-height: 28px; text-align: center; padding: 0 60px; }
.environment-entry img { padding-bottom: 45px; display: block; max-width: 100%; }
.environment-entry p { color: #fff; }
.environment-entry h5 { font-size: 36px;  }
.environment-entry h5 sub { font-size: 28px; }

.corporate-section-customers { padding: 30px 0 50px; }
.corporate-section-customers h2 { font-size: 46px; text-align: center; color: #5c5c5c; padding-bottom: 45px; }
.customers { text-align: center; }
.customers img { vertical-align: middle;  margin: 25px 15px; max-width: 260px;}

.corporate-section-tweets { background-color: #af96e0; padding: 30px 0 100px; margin-bottom: -20px;}
.tweets-head { text-align: center; color: #fff; padding-bottom: 60px; }
.tweets-head h2 { font-size: 46px; }
.tweet-tile { height: 320px; border: 1px solid #979797; border-radius:10px; background-color: #fff;  position: relative;}
.tweet-tile-temp-ttl { position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-size: 46px; line-height: 46px; margin-top: -23px; }

.corporate-section-talk { text-align: center; padding: 60px 0 50px; }
.corporate-section-talk h2  { font-size: 46px; }


/* ================================================================ *\
  #Media Queries
\* ================================================================ */

@media (max-width: 1200px) {
  .advocacy-intro-top h1 { font-size: 60px; line-height: 60px; }
  
  .submit-clone.in .go-top { width: 334px; }  
  .corporateTalkContainer{
      width: 95%;
    }

}



@media (max-width: 1000px) {
  #new .shell { width: auto; padding:0 15px; }

  .logo { }

  #new .tabs-nav { width: 765px; }
  #new .tabs-nav li { padding: 0 28px 35px; }
  #new .bus { margin-left: -66px; left: 74px; }
  #new .bus.pos0 { left: 194px; }
  #new .bus.pos1 { left: 314px; }
  #new .bus.pos2 { left: 434px; }
  #new .bus.pos3 { left: 554px; }
  #new .bus.pos4 { left: 674px; }

  #new .nav-primary { font-size:24px; }
  #new .nav-primary li a { padding: 0 10px; }
}

@media (max-width: 1024px) {
  #new .section-app .section-head { margin-bottom: -40px; }
  #new .intro { position: relative;  height:715px; }
  #new .intro-placeholder { display: none }
  #new .section-app .app-slider-wrapper > img { width: 234px; left: 50%; margin-left: -117px; }
  #new .section-app .app-slider,
  #new .section-app .app-slider .caroufredsel_wrapper,
  #new .section-app .app-slider .slide-image img { width: 208px; height: 370px; }
  #new .section-app .app-slider .slide-image img { height: 370px; }
  #new .section-app .app-slider-wrapper { padding-top: 57px; }
  #new .section-app .section-body .app-desc { height: 435px; }
  #new .footer-nav { padding-left: 60px; }
  
  .newPackageList .row { height: auto; }
  .buyRidesBanner h1,
  .didYouKnowContainer h1,
  .section-pricing h1 { font-size: 30px; line-height: 36px; }
  .buyRidesBanner { height: 90px; }
  
  .investors .col-md-6:first-child, 
  .investors .col-md-4 { border: 0; }
  
  .powered-by { right: 10px; }
  .advocacy-header h1 { text-align: left; font-size: 40px; }
  .advocacy-intro-top h1 { font-size: 50px; line-height: 48px; }
  
  .quotebox { font-size: 18px; line-height: 24px; }
  .sign-in-linkedin a { height: 35px; line-height: 35px; background-size: 37.5px 35px; padding-left: 38px; font-size: 14px;}
  .advocacy-sign-in .form-control { font-size: 14px; height: 34px; }
  .advocacy-sign-in .form-divider span,
  .advocacy-sign-in .form-divider { font-size: 14px; line-height: 17px; }
  .advocacy-sign-in-submit { margin-top: 0; height: 34px; line-height: 34px; border-radius:17px; font-size: 20px; }
  
  .submit-clone .go-top { height: 34px; line-height: 34px; border-radius:17px; font-size: 20px; }
  
  .advocacy-bar h2 { font-size: 28px; line-height: 34px; }
  
  .advocacy-section-signatures h2 { font-size: 32px; line-height: 38px; }
  .advocacy-section-signatures h4 { font-size: 24px; line-height: 30px; }
  .employees-head h3 {  font-size: 24px; line-height: 28px; }
  
  .advocacy-section-share { padding: 30px 0 50px; }
  .advocacy-section-share h2 { font-size: 30px; line-height: 36px; }
  .advocacy-section-share p { font-size: 24px; line-height: 32px; }
  .advocacy-section-share-actions a { width: 400px; height: 50px; line-height: 50px; font-size: 30px; }
  
  .form-talk .form-heading { font-size: 22px; line-height: 28px; }
  .form-talk .form-control { font-size: 14px; height: 34px; }
  .form-talk .form-divider span,
  .form-talk .form-divider { font-size: 14px; line-height: 17px; }
  .form-talk-submit { margin-top: 0; height: 34px; line-height: 34px; border-radius:17px; font-size: 20px; }
  .corp-submit-clone .go-top { height: 34px; line-height: 34px; border-radius:17px; font-size: 20px;  }
  
  .corporate-intro-top { padding: 20px 0; }
  .corporate-intro-bottom h2 { font-size: 32px; line-height: 38px; }
  .corporate-intro-bottom p { font-size: 24px; line-height: 30px; }
  
  .quote { padding: 60px 30px; }
  .quote h2 { font-size: 32px; line-height: 40px; }
  .quote p { font-size: 14px; }
  
  .benefits-head h2 { font-size: 32px; line-height: 38px; }
  .benefits-head h4  { font-size: 24px; line-height: 30px; }
  
  .benefit { font-size: 18px; line-height: 24px; }
  .corporate-section-environtment:before { display: none; }
  
  .environment h2 { font-size: 32px; line-height: 40px; padding-bottom: 20px; }
  .environment-entry { font-size: 18px; line-height: 26px; }
  .environment-entry h5 { font-size: 30px; }
  
  .corporate-section-customers h2 { font-size: 32px; line-height: 40px; padding-bottom: 20px; }
  
  .customers img { max-width:26%; margin: 20px 3%; }
  
  .corporate-section-tweets { padding: 20px 0 60px; }
  .tweets-head  {padding-bottom: 20px;  }
  .tweets-head h2 { font-size: 32px; line-height: 40px;  }
  .tweet-tile { height: 200px; }
  
  .corporate-section-talk { padding: 40px 0; }
  

@media (max-width: 992px) {
  
  .submit-clone.in .go-top { width: 242px; }  
}


@media (max-width: 980px) {
  .corporateTalkContainer{
      width: 100%;
    }
  #newHead .header { padding: 0; height: auto; }
  .nav-toggle  { display: block; }
  
  #newHead .nav-primary { position: relative; padding: 56px 0 0; margin: 0; background-color: black; float: none; }
  #newHead .nav-primary ul { width: 100%; text-align:right; padding: 0; margin: 0; position: relative; overflow: hidden; max-height: 0px; background-color: rgba(0,0,0,0); }
  #header .expanded ul { max-height:500px; z-index: 1000;}
  
  #newHead .nav-primary ul  {
    -webkit-transition: max-height 0.3s;
         -o-transition: max-height 0.3s;
            transition: max-height 0.3s;
  }
  #newHead .nav-primary li { display:block; float:none; padding-bottom:1px; padding: 0; margin: 0; border-bottom: 1px solid #8f73c6; height: auto; }
  #newHead .nav-primary li a { color: #8f81db; padding: 10px; }
  #newHead .nav-primary li a:hover { background-color: #fff; }
  #newHead .nav-primary li:last-child a { border-radius:0; border:0; padding: 10px; }
  #newHead .nav-primary li:last-child { margin: 0; }
  #newHead .nav-primary .selectedTopNav { background-color: #fff; }
  #newHead .nav-primary .newRideCounter { display: none; }
  
  #new .tab { padding: 10px 50px; }
  #new .col.col-1of2 { width: auto; }
  #new .col { float:none; }
  #new .footer-nav { padding-left: 60px; }
  #newHead .logo { left: 20px; }
  
  .side-nav { padding-bottom: 40px; }
  
  .switch-holder .col-md-1,
  .col-md-2 { text-align: left; }
  
  .buyRidesRow { position: relative; padding-bottom: 280px; }
  .buyRidesWalletContainer { position: absolute;left: 0;  bottom: 0; right: 0;  }
  .borderLeftCol { min-height:1px; border-left: 0; padding: 0; margin: 0; } 
  .borderLeftCol .row { margin-left: 0; margin-right: 0; padding-left: 0; padding-right:0; }  
  
  .custom-mobile-dropdown { position: relative; }
  .custom-mobile-dropdown .list-group-item { display: none; position: relative; z-index: 1; }
  .custom-mobile-dropdown .list-group-item.active { display: block; border-radius:4px; }
  .custom-mobile-dropdown-toggle { display: block; position: absolute; left: 0; top: 0; height: 45px; z-index: 2; width: 100%; }
  .custom-mobile-dropdown-expanded .custom-mobile-dropdown-toggle  { display: none; }
  .custom-mobile-dropdown-expanded .list-group-item { display: block; }
  
  
  
  
}

@media (max-width: 768px) {
  #new.wrapper { min-height: 100%; height: auto; overflow: hidden; }
  #new .tabs-nav { width: 100%; }
  #new .logo img { height:25px; }
  #new .bus { margin-left: 45px; left: -54px; }
  #new .nav-dropdown .dropdown-toggle { font-size:20px; }
  #new .nav-dropdown ul { left: auto; right:0; }

  #new .intro { padding-bottom: 0; }
  #new .intro-inner { vertical-align: top; padding-top: 56px; padding-bottom: 60px; }
  #new .nav-primary { clear: both; padding-top:30px; padding-left:0;  }
  
  #new .form-destination { width: auto; padding: 0 10px; }
  #new .form-destination .field { width: 100%; box-sizing: border-box; padding: 15px; }
  /*.intro .btn-app { position:relative; left: 0; top: 0;margin-top:100px; }*/
  
  #new .form-destination .form-head { padding-bottom: 0; }
    
  #new .intro h1 { font-size:40px; line-height:40px;  }
  #new .intro h1 strong { font-size:54px; }
  #new .intro p { font-size:18px; }
  #new .section-head { padding-bottom:0; }
  #new .section-head h2 { line-height:40px; font-size:34px; }
  #new .section-head h2 strong { font-size:26px; }
  #new .intro-actions { bottom: 20px; right: 10px; left: 10px; text-align: center; }
  #new .intro-actions a[class*="btn-"] { float: none; display: inline-block; }

  
  .section-pricing {  }
  .section-pricing h1 { font-size: 24px; line-height: 30px; }

  .valueVideoContainer { padding: 0 10px 20px; }
  .valueVideoContainer h1 { font-size: 22px; line-height: 26px; margin: 20px 0; }
  
  .priceBg { min-height:0; }
  .priceBg h1 { margin-bottom: 20px; }
  .priceBg .card { display: block; margin: 10px; }
  .priceBg .card img  { width: 150px; }
  
  .didYouKnowContainer { padding: 20px 0 40px; }
  .didYouKnowContainer h1 { font-size: 22px; line-height: 26px; margin: 20px 0; }

  /*.tab { display:block; font-size:20px; line-height:24px; opacity: 1; visibility: visible; position: static; }*/
  /*.bus { display:none; }*/

  /*.tab-head { display:block; text-align:center; }*/
  /*.tab-head a { display: inline-block; }*/

  /*.tabs-nav { display:none; }*/
  /*.tab { padding: 10px; margin-bottom:20px;  }*/
  /*.tab:before { display:none; }*/
  /*.tabs-body { margin: 0 10px; }*/
  /*.tab h3 { font-size:40px; }*/
  #new .tabs-body { margin: 0 10px; }
  #new .tab h3 { font-size: 20px; line-height: 24px; }
  #new .tab { padding: 10px; font-size:14px; line-height:17px; }
  
  #new .section-app .app-slider-wrapper { width: 320px; }
  #new .section-app .section-body { width: 100%; position: relative; padding-top: 540px; margin-bottom: 20px; }
  #new .section-app .section-body .col-size2 { top: 50px; left: 50%; position: absolute; margin-left: -160px; }
  #new .section-app .section-body .app-desc-left p.white:before { display: none; }
  #new .section-app .col-size1,
  #new .section-app .col-size2,
  #new .section-app .col-size1 ~ .col-size1 { float: left; width: 50%;  text-align: center; }
  #new .section-app .col-size1 { padding-right: 5px; padding-left: 10px; }
  #new .section-app .col-size1 ~ .col-size1 { padding-left: 5px; padding-right: 10px; }
  #new .section-app p:before  {display: none;  }

  #new .section-app .section-body .app-desc-left,
  #new .section-app .section-body .app-desc-right { text-align: center; }
  #new .section-app .section-body .app-desc p {display: none;}
  #new .section-app .section-body .app-desc { height: auto; padding-top: 30px; }
  #new .section-app .section-body .app-desc-actions { position: relative; }
  #new .section-app .section-body .app-desc-actions p { font-size: 14px; line-height: 17px; }
  #new .section-app .section-body .app-desc .app-desc-actions p { font-size: 14px; }
  
  #new .footer { padding-top: 30px; }
  #new .footer-head { padding-bottom: 20px; }
  
  #new .bus.pos0 { left: 194px; }
  #new .bus.pos1 { left: 314px; }
  #new .bus.pos2 { left: 434px; }
  #new .bus.pos3 { left: 554px; }
  #new .bus.pos4 { left: 674px; }
  #new .section-map .shell { padding: 0 0 50px; }
  #new .section-map { min-height: 0; }
  #new .section-map h1 { font-size: 24px; line-height: 30px; }
  #new .section-app .section-head { padding: 40px 0; }
  
  #new .intro { height:auto; }
  #new .intro .shell,
  #new .intro-inner { display:block; }

  #new .btn-signup { margin-bottom:0; padding: 0px; display:block; }

  #new .col.col-1of2:last-child { padding-left:0; }
  #new .btn-app-big { margin: 0 auto; display:block;  background: url(images/btn-app.png) no-repeat 0 0; width: 181px; height: 67px; font-size: 0; line-height: 0; text-indent: -4000px; }

  #new .list-bullets li { font-size:26px; padding-bottom:0;  }

  #new .footer-cols { float:none; }
  #new .footer-col { float:none; }
  #new .footer-nav { padding-left:0px !important; margin-bottom:30px;  }
  #new .footer-nav ul { padding-left:10px; }

  #new .footer-aside { float:none; }
  #new .socials { text-align:left; margin-bottom: 20px; }
  #new .copyrights { text-align:center; }
  #new .footer-body { padding: 30px 0 20px; }
  #new .footer-body:after { display:none; }

  #new .footer-nav h3 { border-bottom:1px solid #fff; padding-left:10px; margin-bottom:5px; }
  
  #new .slider-phones { width: 212px; }
  #new .slider-phones .first + .slide,
  #new .slider-phones .first + .slide + .slide { opacity: 0; }
  #new .slider-phones .first img {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
       -o-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  }
  #new .slider-phones .first + .slide img {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
         -o-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  #new .footer-actions .btn { float: none; display: inline-block; }
  
  #newFoot .footer { padding: 40px 0 0; }
  #newFoot .footer-head { padding: 100px 10px 0; }
  #newFoot .footer-head h4 { font-size: 22px; line-height: 26px; }
  #newFoot .footer-head p  { font-size: 14px; line-height: 17px; }
  #newFoot .footer-cols { float: none; }
  #newFoot .footer-col { width: 40%; padding-bottom: 20px;}
  #newFoot .footer-col:nth-child(2n+1) { clear:both; width: 60%; padding-right: 10%; }
  #newFoot .footer-nav { padding-left: 0; }
  #newFoot .footer-aside { float: none; }
  #newFoot .footer-actions .btn { float: none; display: block; margin: 10px auto; }
  .copyright { margin: 0; text-align: left; }
  body .modal-dialog {    width: auto;  }
  
  .debitModalHeader > h4 { width: auto; margin: 0; }
  
  .cardModalBody .form-group .col-xs-12 + .col-xs-12 { margin-top: 10px; }
  .profile-page .form-group { text-align: left; }
  
  .newPackageList .row { height: auto; }
  
  .newPassTitle { font-size: 20px; line-height: 20px; }
  
  .packagePrice,
  .asLowText { text-align: left; }
  
  .newPassTitleContainer + div { padding-left: 5px; padding-right: 5px; }
  .newPackageList .itemRow  {padding-left: 0;  padding-right: 0; }
  .itemRow .row { padding-top: 0; }
  
  .contactUsContainer { padding-top: 60px; }
  .contactUsContainer h2 { font-size: 20px; line-height: 24px; }
  .contactUsContainer address,
  .contactUsContainer ul { list-style: none outside none; }
  .contactUsContainer ul,
  .contactUsContainer p  {font-size: 14px; line-height: 17px;  }
  .contactUsContainer li:before { content:'• '; }
  .contactUsContainer li { margin-bottom: 10px; }
  
  .newPurchase-actions { text-align: center; padding-top: 20px; }
  .buyRidesRow { padding-bottom: 320px; }
  
  .newPackageList .itemRow:nth-child(odd),
  .newPackageList .itemRow,
  .newPackageList .itemRow:hover { background: transparent; }
  .newPackageList .itemRow { border-bottom: 1px solid #ccc; }
  
  .newPurchaseHr { display: none; }
  
  .buyRidesRow { margin: 0; }
  .borderLeftCol .col-xs-12 { padding-left: 0; padding-right: 0; }
  .buyRidesWalletContainer { padding-left: 0; padding-right: 0; }
  
  .advocacy-header h1 {font-size: 20px; line-height: 50px; font-weight: normal; }
  .powered-by { top: 19px; }
  .powered-by .label { display: none; }
  .powered-by-logo { width: 50px; height: 12px; background-size: 100% 100%;  }
  
  .advocacy-intro-top { padding-top: 60px; }
  .advocacy-intro-top h1 { text-align: center; text-shadow:0 0 1px #a18ad1; font-size: 30px; line-height: 30px; }
  
  .advocacy-sign-in { margin-bottom: 20px; }
  .advocacy-intro-center { padding-bottom: 50px; }
  
  .quotebox:after { border-width: 0 15px 15px; }
  .advocacy-video-wrapper { margin-bottom: 20px; }
  .advocacy-intro-bottom { padding: 15px 0; }
  .advocacy-bar h2 { padding: 30px 0; font-size: 20px; line-height: 26px; }
  
  .advocacy-section-signatures { padding: 20px 0; }
  .advocacy-section-signatures h2 { font-size: 20px; line-height: 26px; }
  .advocacy-section-signatures h4 { font-size: 18px; line-height: 24px; }
  
  .ride-bar { margin-right: 50px; border-width:1px; padding: 2px 70px 2px 2px;}
  .ride-bar-indicator  { height: 24px; }
  .ride-bar-indicator span { line-height: 24px; height: 24px; font-size: 15px; }
  .ride-bar-indicator:after { background-size: 100% 100%; width: 50px; height: 25px; }
  .ride-bar-value { line-height: 60px; margin-top: -36px; font-size: 30px;width: 72px; height: 72px; padding: 5px; border-radius:36px; border-width:1px; right: -50px; }
  
  .employees-head { padding-top: 0; }
  .employees-head h3 { font-size: 18px; line-height: 24px; }
  .employee { width: 46%; margin: 0 2% 50px; }
  
  .advocacy-section-share { padding: 20px 0; }
  .advocacy-section-share h2 { font-size: 20px; line-height: 26px; padding-bottom: 0; }
  .advocacy-section-share p { font-size: 16px; line-height: 20px; }
  .advocacy-section-share-actions  { padding-top: 20px; }
  .advocacy-section-share-actions a { width: 100%; font-size: 18px; }
  
  .form-talk .sign-in-linkedin a { font-size: 16px; }
  
  .corporate-intro-top { padding-bottom: 0; }
  .corporate-intro-bottom h2 { font-size: 24px; line-height: 28px; }
  .corporate-intro-bottom p { font-size: 18px; line-height: 24px; }
  .corporate-intro-bottom p br { display: none; }
  
  .corporate-cols { display: block; }
  .corporate-col { display: block; width: auto; }
  .corporate-col:first-child { background: transparent; }
  
  .quote { padding: 20px 0 30px; }
  .quote h2 {font-size: 16px; line-height: 20px; }
  .quote p { font-size: 12px; line-height: 15px; }
  
  .corporate-video-wrapper p { display: none; }
  .corporate-video { padding: 0 0 40px; }
  
  .benefits { padding: 0 0 20px;}
  .benefits-head { padding-bottom: 10px; }
  .benefits-head h2 { font-size: 20px; line-height: 26px; }
  .benefits-head h4 { font-size: 13px; line-height: 20px; }
  
  .benefit { font-size: 14px; line-height: 17px; padding-bottom: 20px; }
  .benefit img { width: 150px; }
  
  .corporate-section-environtment { background-image: none !important; background-color: #82899a; }
  .environment { padding: 10px 0; background: transparent; }
  .environment h2 { font-size: 22px; line-height: 26px; }
  .environment-entry { padding-left: 0; padding-right: 0; padding-bottom: 30px; font-size: 16px; }
  .environment-entry img { width: 150px; margin: 0 auto; display: block; padding-bottom: 10px; }
  .environment-entry h5 { font-size: 20px; line-height: 24px; }
  .environment-entry h5 sub { font-size: 16px; }
  
  .corporate-section-customers { padding: 20px 0; }
  .corporate-section-customers h2 { font-size: 20px; line-height: 26px; }
  
  .tweets-head h2 { font-size: 20px;  line-height: 26px; }
  .tweets-body { padding: 0 10px; }
  .tweet-tile { margin-bottom: 20px; }
  
  .corporate-section-tweets { padding: 20px 0; }
  
  .corporate-section-talk  {padding: 20px 0;  }
  .corporate-section-talk h2 { font-size: 20px; line-height: 26px; }
  
  .submit-clone { display: none; }
  .advocacy-sign-in-submit.out  { visibility: visible; }
  .form-talk{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media ( max-width: 639px ) {
  
  #new body { min-width: 320px; }
  #new .tabs-nav li { padding: 0 4px 35px; }
  #new .bus { bottom: 44px; margin-left: 9px; }
  #new .bus:before { width: 5px; height: 5px; margin-left: -2px; }
  #new .tabs-nav > img { width: 300px; left: 50%; margin-left: -150px; }
  #new .tabs a [class^='ico-'], 
  #new .tabs a [class*=' ico-'] { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); position: relative; left: -6px; top: -3px; }
  #new .tabs-nav li { width: 48px; height: 79px; }
  #new .tabs-nav a {width: 44px; height: 44px; padding-top: 0; }
  #new .section-map { height: auto; }
  #new .section-app .section-head h2 { padding: 0 10px; font-size: 22px; line-height: 26px; }
}