/* Minification failed. Returning unminified contents.
(3621,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow-gradient'
(4691,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow-gradient'
 */

/*maincontent*/

.ContentBoxInner {
    background:#fff;
    width:100%;
    margin: 0 -3px;
    padding: 0;
    border: solid 3px #fff;
}

.main {
   display:block;
   clear:both;
   padding: 20px 0;
}

.aside {
     width: 240px;
     display: inline-block;
     vertical-align:top;
}



/*QouteForm*/


.quote-head,
.quote-holder {
    background: #f8f8f8;
    border: 1px solid #3891f5;
    padding:0 5% 5%;
}

    /*.quote-head {
        background: #f8f8f8 url(../images/CEAL4P-sprite.png) no-repeat 4% 10px;
        padding:14px 5% 14px 15%;
        border-bottom: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width:60%;
        position:relative;
    }*/

    .quote-holder {
        margin-top: -1px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .quote-head h2 {
        font-size: 14px;
        font-weight: bold;
        color: #19167d;
    }

.quote-holder label {
    margin: 0 0 3px;
    font-size:14px;
    font-weight:bold;
    line-height: 2.2em;
}

/*.quote-holder .icon-calendar {
margin: 0 0 3px;
position: absolute;
right: 0px;
top: 3px;
background: url(../images/CEAL4P-sprite.png) no-repeat 0 -107px;
width: 25px;
height: 20px;
text-indent: -999em;
cursor: pointer;
}*/

.quote-holder .row {
width: 100%;
display:inline-block;
position: relative;
padding-bottom:15px;
}


.quote-holder .leftCell,
.quote-holder .rightCell
 {
    padding: 0 5% 0 0;
    width: 56.5%;
    display:inline-block;
    
}

.dateFrom,
.dateTo {
    width: 100%;

    position:relative;
    z-index: 1;
    cursor:pointer;
    outline:none;
    
}

.quote-holder .rightCell
 {
    padding: 0;
    width: 35%;
}

.placeholder.timeClock {

    position: absolute; 
    top: 5px; 
    left: 0px; 
    text-indent: 6px;

}


.input .time {
    width:100%;
}

/*.quote-holder .time:after {
position: absolute;
top: 4px;
right: 0px;
content: '';
background: url(../images/CEAL4P-sprite.png) no-repeat 0 -149px;
width: 25px;
height: 25px;
}*/

.timeDrop {
    opacity: 0;
    position: absolute;
    z-index: 100;
    width:102%;
    top: -10px;
    left: 0px;
    padding:15px 3px 0 0;
    outline:0px;
}


.quote-holder .input {
    position: relative;
    float:left;
    display:inline-block;
    border:solid 1px #666;
    padding: 5px;
    width: 91%;

}

.quote-holder .rightCell .input {
    padding: 5px 0;
    width: 100%;

}




.quote-holder .input.dynamic-airport-searcher{

    width: 95.5%;

}


/*.SerchParkingBtn {
  background:   url(../images/CEAL4P-sprite.png) no-repeat 95% -181px ;
  width: 100%;
  height: 32px;
  border-radius: 5px;
  border:0;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
  text-align:left;
  padding: 0 0 0 5px;
  outline:none;

}*/

.SerchParkingBtn_outer {
  background: -webkit-linear-gradient(#81bff7, #2b7cda); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#81bff7, #2b7cda); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#81bff7, #2b7cda); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#81bff7, #2b7cda); /* Standard syntax */
  padding: 0 0 3px 5px;
  margin:5px 0;
  width: 80%;
  border-radius: 5px;
  border:1px #2b7cda solid;
  color: #fff;
  cursor: pointer;
  display:inline-block;
}

.SerchParkingBtn_outer:hover {
  background:  #5aa1ea;
  background: -webkit-linear-gradient(#81bff7, #5aa1ea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#81bff7, #5aa1ea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#81bff7, #5aa1ea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#81bff7, #5aa1ea); /* Standard syntax */

}

.SerchParkingBtn:hover {
  background:   url(../images/CEAL4P-sprite.png) no-repeat 95% -181px ;
   -webkit-box-shadow: none !important;
  box-shadow: none !important;

}


/*Offer Box*/


.offerBox {
    background: #f8f8f8;
    border: 1px solid #3891f5;
    margin: 30px 0 0;
    padding:5%;
    border-radius: 5px;
    float:left;
    display:inline-block;
    position:relative;
}

.offerBox h1{
    font-size: 24px;
    color: #19167d;
    line-height:1.5em;
}

.offerBoxPartial {
    float:left;
    display:inline-block;
    position:relative;
    
}

.offerBoxPartialHead {
    background: #073590;
    width:96%;
    margin-top: 12px;
    padding: 3px 2%;
    float:left;
    display:inline-block;
    position:relative;
}

.offerBoxPartialHead h2{
    font-size: 12px;
    font-weight:bold;
    color: #fff;
    line-height:1.5em;
    text-transform:uppercase;
}

.offerBoxPartial2col {
    float:left;
    display:inline-block;
    position:relative;
    width:100%;
}

.offerBoxPartial2colLeft {
    float:left;
    display:inline-block;
    padding: 10px 10px 0 0;

}

.offerBoxPartial2colRight {
    float:left;
    display:inline-block;
    min-width: 80px;
    padding: 10px 0 0 0;
}

.offerBoxPartial2colRight h3 {
    
    font-size: 16px;
    color: #666;
}

.offerBoxPartial2colRight h4 {
    font-size: 14px;
    color: #073590;
    font-weight:bold;
    line-height:1.6em;

}

.offerBoxPartialwithBullet {
    float:left;
    display:inline-block;
    position:relative;
    padding: 10px 0;
}

.offerBoxPartialwithBullet li {
    list-style:disc;
    margin-left: 15px;
}

.offerBoxPartialBtn_outer {
      background: -webkit-linear-gradient(#81bff7, #2b7cda); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#81bff7, #2b7cda); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#81bff7, #2b7cda); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#81bff7, #2b7cda); /* Standard syntax */
      padding: 3px 10px;
      margin-top:5px;
      border-radius: 3px;
      border:1px #2b7cda solid;
      color: #fff;
      cursor: pointer;
      display:inline-block;
      font-size: 14px;
      font-weight:bold;
      color: #fff;
      line-height:1.5em;
      text-transform:uppercase;
}

.offerBoxPartialBtn_outer:hover {
      background:  #5aa1ea;
      background: -webkit-linear-gradient(#81bff7, #5aa1ea); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#81bff7, #5aa1ea); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#81bff7, #5aa1ea); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#81bff7, #5aa1ea); /* Standard syntax */

}

/*bookingBox*/

.bookingBox{
    width:220px;
    background: #f8f8f8;
    border: 1px solid #3891f5;
    margin: 0;
    padding:12px 0 8px;
    border-radius: 5px;
    float:left;
    display:inline-block;
    position:relative;
}

.bookingBoxHead {
     background:#3891f5;
     width:100%;
     float:left;
     display:inline-block;
     position:relative;
}

.bookingBoxHead h1{
     font-size: 21px;
     color: #fff;
     line-height:1.4em;
     padding: 5px 18px;
}

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

.bookingBoxSchedule.quote-holder {
    display:inline-block;
    position: relative;
    background: none;
    border: 0;
    padding:15px 18px;
}

.bookingBoxSchedule.quote-holder label {
    color: #073590;
}


.bookingBoxSchedule .SerchParkingBtn {
  background:none;
  width: 100%;
  height: 32px;
  border-radius: 5px;
  border:0;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
  text-align:center;
}

.bookingBoxSchedule .SerchParkingBtn_outer {
  background: -webkit-linear-gradient(#81bff7, #2b7cda); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#81bff7, #2b7cda); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#81bff7, #2b7cda); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#81bff7, #2b7cda); /* Standard syntax */
  padding: 0 0 3px 5px;
  margin:18px 0 5px;
  width: 53%;
  border-radius: 5px;
  border:1px #2b7cda solid;
  color: #fff;
  cursor: pointer;
  display:inline-block;
}

.bookingBoxSchedule .SerchParkingBtn_outer:hover {
  background:  #5aa1ea;
  background: -webkit-linear-gradient(#81bff7, #5aa1ea); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#81bff7, #5aa1ea); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#81bff7, #5aa1ea); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#81bff7, #5aa1ea); /* Standard syntax */

}

.bookingBoxSchedule .SerchParkingBtn:hover {
  background:none;
   -webkit-box-shadow: none !important;
  box-shadow: none !important;

}

.bookingBoxDetails {
    padding: 18px;
}

.bookingBoxSchedule {
}

.bookingBoxTextBlock {
}

.bookingBoxMoreInfo {
    padding: 0 0 18px;
}
.bookingBoxMoreInfo a {
    background: #073590;
    width:96%;
    margin-top: 12px;
    padding: 3px 2%;
    float:left;
    display:inline-block;
    position:relative;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height:1.8em;
    text-transform:uppercase;
    text-decoration:none;
}

.bookingBoxMoreInfo a:hover {
    text-decoration:none;
}

.bookingBox2col {
    float:left;
    display:inline-block;
    position:relative;
    width:100%;
}

.bookingBox2colLeft {
    float:left;
    display:inline-block;
    padding: 10px 10px 0 0;

}

.bookingBox2colRight {
    width:auto;
    float:left;
    display:inline-block;
    padding: 10px 0 0 0;
}

.bookingBox2colRight P {
    padding:0;
    font-size:14px;
    font-weight: bold;
    color: #666;
}


.bookingBoxFoot {
     background: #e4e4e4;
     width:100%;
     margin: 14px 0;
     padding: 10px 0;
     float:left;
     display:inline-block;
     position:relative;
}

.bookingBoxFoot .total {
     font-size: 16px;
     font-weight:bold;
     color: #3891f5;
     line-height:1.4em;
     padding-left: 25px;

}

.bookingBoxFoot .price {
     font-size: 42px;
     font-weight:bold;
     color: #073590;
     line-height:1.4em;
     padding-left: 25px;

}

.bookingBoxFoot .pricePaid {
     font-size: 42px;
     font-weight:bold;
     color: #333;
     line-height:1.4em;
     padding-left: 25px;

}

.bookingBoxTextBlock {
    float:left;
    display:inline-block;
    padding: 15px 18px 7px;
    clear:both;
}

.bookingBoxTextBlock p,
.bookingBoxTextBlock h2,
.bookingBoxTextBlock label {
    font-size: 15px;
     line-height: 1.4em;
     color: #666;
}

.bookingBoxTextBlock label {
    padding-left:20px;
}

.bookingBoxTextBlock h2,
.bookingBoxTextBlock .Redtext {
        color: #073590;
        font-weight:bold;
}


/*Content Area*/

.items-area {
   width: 60%;
    margin: 0;
  overflow:visible;
   display: inline-block;
}

.splashBanner {
    width: 96%;
    margin: 0 0 20px 4.5%;
   display: inline-block;
   background: url(../images/SplashBanner.jpg) no-repeat 0 100%;
   height: 327px;
}

.WelcomeCopy {
   width: 96%;
    margin: 0 0 20px 4.5%;
   display: inline-block;
}

.WelcomeCopy h1 {
    color:#19167d;
    font-size: 32px;
    line-height: 1.1em;
    padding: 0 0 25px;
}

.WelcomeCopy h2 {
    color:#666;
    font-size: 21px;
    line-height: 1.2em;
    padding: 0 0 25px;
}

.WelcomeCopy p {
    color:#666;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0 0 25px;
}

.items-area .article {
  width: 45.8%;
  float: left;
  overflow: hidden;
  margin-left: 4.2%;
}

.article {
    padding: 0;
}

.article img {
    width: 100%;
    height: 100%;
}

/*.article .txt h2 {
    background: #fff url(../images/CEAL4P-sprite.png) no-repeat 0 -225px ;
    color:#666;
    font-size: 21px;
    line-height: 1.2em;
    padding: 25px 0 25px 50px;
    min-height: 2.4em;

}*/

.article .txt h2 a {
    color:#073590;
}

.article .txt h2 a:hover {
    text-decoration:none;
}

.article .txt p {
    color:#666;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0 0 25px;
}

.article.security .txt h2 {
    background-position-y: -370px;
}

.article .locations h2 {
    color:#666;
    font-size: 21px;
    line-height: 1.2em;
    padding: 0 0 25px 0;

}

.article .locations li {
    color:#19167d;
    font-size: 14px;
    font-weight:bold;
    line-height: 1.2em;
    padding: 0 0 20px 5px;
    margin-left:20px;
    list-style:url(../images/CEA_bulletArrowBlue.png);
}

.article .locations li a {
    color:#19167d;
}

.article .locations li a:hover {
    text-decoration:none;
}



/*payment-section*/


    .MobileAside {
        display:none;
    }

.payment-section,
.Confirmation-section {
position: relative;
float:left;
display: inline-block;
overflow:visible;
padding: 0 0 0 0;
width:100%;
}

.payment-section .pageTitle,
.payment-section .headline {
position: relative;
float:left;
display: inline-block;
width:100%;
border-bottom: 1px solid #b2b6b9;
padding: 30px 0 7px;
margin: 0 0 20px;
font-weight: normal;
font-size: 19px;
line-height: 1.4em;
position: relative;
}

.payment-section .pageTitle {
border-bottom: 1px solid #b2b6b9;
font-size: 24px;
color: #666;
padding: 0 0 30px;
}

.payment-section .pageTitle h1 {
font-size: 24px;
}

/*.payment-section .headline {
    background:   url(../images/CEAL4P-sprite.png) no-repeat 100% -575px ;
    }

.payment-section .headline.car-details {
    background:   url(../images/CEAL4P-sprite.png) no-repeat 100% -670px ;
    }

.payment-section .headline.flight-details {
    background:   url(../images/CEAL4P-sprite.png) no-repeat 100% -780px ;
    }

.payment-section .headline.card-details {
    background:   url(../images/CEAL4P-sprite.png) no-repeat 100% -885px ;
    }*/

.secure-info {
    position: relative;
    float:right;
    display: inline-block;
}

.FormLabel {
    position: relative;
    float:left;
    display: inline-block;
    height: 32px;
    width: 30%;
    padding: 8px 3% 0 0;
    text-align: right;
    font-size: 14px;
    line-height: 1em;
}


.FormBox {
    position: relative;
    float:left;
    display: inline-block;
    height: 32px;
    width: 45%;
    border: solid 1px #b2b6b9;
    padding: 0 3%;
    font-size: 14px;
    line-height: 2em;
}

.FormCheck {
    position: relative;
    float:left;
    display: inline-block;
    height: 32px;
    border: solid 1px #b2b6b9;
    padding: 0 3%;
    font-size: 14px;
    line-height: 2em;
}

.form-section {
    position: relative;
    float:left;
    display: inline-block;
    width: 100%;
    /*margin: 5px 0;*/
    margin: 15px 0;
}

.form-section .row {
    position: relative;
    float:left;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.form-section #title,
.form-section #NoOfPassengers,
.form-section #OutTerminal,
.form-section #InTerminal {
    position: relative;
    float:left;
    display: inline-block;
    height: 32px;
    width: 25%;
    font-size: 14px;
    line-height: 2em;
    padding: 0 2%;
}



.form-section .smallText {
    font-size: 12px;
}

.form-section #CardType option {
    line-height:2em;
    }

.form-end {
    position: relative;
    float:left;
    display: inline-block;
    width: 96%;
    background: #e4e4e4;
    text-align: center;
    padding: 2%;
}


.form-end h4 {
    font-size: 11pt
}


.form-end h5 {
    font-size: 9pt
}


.PaymentConfirmIntro,
.PaymentConfirm {
    float:left;
    display:inline-block;
    position:relative;
    width:99%;
    padding: 3px .5%;
}

.PaymentConfirm a {
    background: #073590;
    width:92%;
    padding: 3px 4%;
    margin-top: 12px;
    float:left;
    display:inline-block;
    position:relative;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height:1.8em;
    text-transform:uppercase;
    text-decoration:none;
}

.PaymentConfirm a:hover {
    text-decoration:none;
}


/*confirmation*/

.Confirmation-section .pageTitle {
border-bottom: 1px solid #e4e4e4;
font-size: 24px;
color: #666;
padding: 0 0 30px;
line-height: 1.2em;
}

.Confirmation-section .pageTitle h1 {
font-size: 24px;
}


.Confirmation-section h2 {
    font-size: 24px;
    color: #073590;
    line-height: 1.2em;
    padding: 20px 0;
}

.Confirmation-section h3 {
    font-size: 18px;
    color: #073590;
    line-height: 1.2em;
    padding: 15px 0;
}

.Confirmation-section h4 {
    font-size: 16px;
    color: #333;
    font-weight:bold;
    line-height: 1.2em;
    padding: 10px 0;
}

.Confirmation-section h6 {
    font-size: 16px;
    color: #666;
    font-weight:bold;
    line-height: 1.2em;
    padding: 10px 0;
}

.Confirmation-section h5 {
    color: #073590;
    font-weight:bold;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 0;
}

.Confirmation-section p {
    font-size: 14px;
    color: #666;
    padding: 10px 0;
}


.Confirmation-section .order-detials h2 {
    padding: 40px 0 15px;
}

.Confirmation-section .order-detials .order-section h2 {
    width: 30%;
    text-align:right;

}


.order-section {
    float:left;
    display:inline-block;
    position:relative;
    width:100%;
}

.orderFieldRow {
    float:left;
    display:inline-block;
    position:relative;
    width:100%;
}

.orderFieldNameValue,
.orderFieldName{
    float:left;
    display:inline-block;
    position:relative;
    width:30%;
    text-align:right;
    font-weight: bold;
    font-size:14px;
    line-height:1.4em;
    color:#666;
}

.orderFieldNameValue {
    width:60%;
    padding-left: 15px;
    color: #073590;
    text-align:left;
    font-weight:normal;
}

/*Responsive*/


@media (max-width: 780px) {

    .global h2 {
        display:none;
    }

    .MobileHide {
        display: none;
    }

    .icon_gb {
        line-height: 21px;

    }

    .topMenuDrop {
        display: inherit;
    }

        

    .HeadContent {
        display: none;
    }

    .InnerContainer {
        padding-top: 20px;
    }

    .HeadLogoLeftMobile {
        display :block;
        margin:0 48px 4px 20px;
        width: 180px;
        height: 34px;
    }

    .HeadLogoLeft {
         margin:0 48px 4px 18px;
         display:block;
         float:none;
         width:180px;
    }

    .HeadContentRight {
         display:inline-block;
         float:left;
         font-weight:bold;
         padding:0;
    }

    .HeadContentLeft {
        display:inline-block;
        float:left;
        padding: 0 5px;
    }

     a.Headlink  {
         color: #19167d;
         font-weight:bold;
     }

    .topMenuText {
        display:none;

    }

    .MobileMenuContent {
        display:inherit;
        padding: 7px 0;
        height:20px;
        width:75%;
        margin:auto;
    }

    .topMenuDrop {
        display: inline-block;
    }


    .aside {
         width: 100%;
         padding: 10px 0 20px;
    }

    .stickyAside {
        display:none;
    }


    .MobileAside {
        display: inline-block;
    }

    /*.SerchParkingBtn {
          background:   url(../images/CEAL4P-sprite.png) no-repeat 90% -181px ;
          width: 100%;
    }*/


    .items-area {
          width: 100%;
    }

    .items-area .article {
          width: 100%;
          float: none;
            margin-left: 0;
    }

    .items-area .article.locations {
          width: 46%;
          float: left;
            margin-left: 0;
    }

    .splashBanner {
           width: 100%;
           margin: 10px 0;
           height: 350px;
    }

    .WelcomeCopy {
           width: 100%;
           margin: 20px 0;
    }

    .bookingBox {
        width: 100%;
    }

    .bookingBoxTextBlock {
    clear:none;
}

    .payment-section,
    .Confirmation-section {
        padding: 0;
        width:100%;
    }


    .footerLeft {
            width:100%;
            padding-left: 20px;
            margin-left: -10px;
    }

    .footerRight {
            width:100%;
            padding-right: 20px;
            padding-top: 10px;
    }

    .footerTextleft {
        padding-left: 40px;
    }

    .footerTextRight {
        padding-left: 40px;
    }




}


@media (max-width: 480px) {

    .MobileMenuContent {
        width:100%;
    }

    .global h2 {
        display:none;
    }

    .footerRight {
        /*background: transparent url(../images/footerRight.png) no-repeat 100% 0%;*/
        width:100%;
        height:54px;
        float: right;
        padding-right: 20px;
        padding-top: 2px;
        }

    .splashBanner {
        height: 225px;
        background-size:cover;
    }

    .FormLabel {
        padding: 2px 3% 0 0;
    }

    .secure-info {
    position: relative;
    float:left;
    display: inline-block;
    padding: 0 0 10px;
    width:100%;
    }

    .SearchPriceArea .priceValue {
        font-size: 21px;
    }


}
/*Payment options*/
.paymentOptions input[type=radio] {
    display: none;
}

    .paymentOptions input[type=radio]:checked + label {
        background-image: url('../images/checked.png');
        background-repeat: no-repeat;
        background-position: left center;
    }

    .paymentOptions input[type=radio] + label {
        background-image: url('../images/unchecked.png');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 30px;
        height: 30px;
        line-height: 30px;
        display: block;
    }

/*Paypal*/
._PaymentBoxHolder.type-paypal .payment-container-paypal {
    position: relative;
    max-width: none;
    margin: 0 auto;
}

    ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-out .paypal-logged-in-section {
        display: none;
    }

    ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in #paypal-button {
        display: none;
    }

    ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypalSecLock .icon-padlock, ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypalArrow {
        display: none;
    }

    ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section {
        display: block;
        position: relative;
        padding-left: 120px;
        width: 100%;
        border: 1px solid #e6dede;
        padding: 10px;
        font-size: 14px;
        border-radius: 5px;
        box-sizing: border-box;
    }

        ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section #paypal-cancel {
            float: right;
            display: block;
            color: #319cfe;
            text-decoration: none;
            vertical-align: middle;
            line-height: 2em;
        }

        ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section .icon {
            background: url(../images/paypalsml.png) no-repeat;
            width: 110px;
            display: inline-block;
            pointer-events: none;
            left: 10px;
            height: 2em;
            top: 15%;
            vertical-align: middle;
        }

._PaymentBoxHolder.type-paypal .paypalPopupInfoBox {
    width: 100%;
    height: 115px;
    border-radius: 6px;
    margin-bottom: 40px;
    color: #fff;
    position: relative;
    display: table;
    background: #073590;
}

    ._PaymentBoxHolder.type-paypal .paypalPopupInfoBox:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        margin-left: -51%;
        border: 18px solid transparent;
        bottom: -35px;
        border-top-color: #073590;
    }

    ._PaymentBoxHolder.type-paypal .paypalPopupInfoBox .paypalInfoText {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        ._PaymentBoxHolder.type-paypal .paypalPopupInfoBox .paypalInfoText p {
            margin: 0 0 5px;
            font-weight: bold;
            color: #fff;
            font-size: 14px;
        }

        ._PaymentBoxHolder.type-paypal .paypalPopupInfoBox .paypalInfoText strong {
            color: #fff;
            font-size: 18px;
        }

@media only screen and (max-width: 768px) {
    ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section {
        padding-left: 16px;
    }

        ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section:before {
            left: calc(50% - 55px);
        }

        ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section .icon {
            margin: auto;
            display: block;
        }

        ._PaymentBoxHolder.type-paypal .payment-container-paypal.paypal-logged-in .paypal-logged-in-section #paypal-cancel {
            text-align: center;
            width: 100%;
            display: block;
            float: none;
        }
}

@media only screen and (max-width: 1400px) {
    .PayPalloggedIn {
        padding: 10px;
    }
}

/*end paypal payment options*/

/*payment button styling when disabled*/
#PaymentFormSubmitContainer button[type=submit]:disabled {
    background: #ccc !important;
    border-color: #ccc !important;
    color: white !important;
    text-shadow: none !important;
}

    #PaymentFormSubmitContainer button[type=submit]:disabled:hover {
        background: #ccc !important;
        border-color: #ccc !important;
        color: white !important;
        text-shadow: none !important;
    }




/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: -200px;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	padding: .2em .2em 0;
	display: none;
    top: 0;
    position:absolute;
    z-index:1001 !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 29%;
	margin: 5px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #fff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	background: #81bff7;
    background: -webkit-linear-gradient(#81bff7, #2b7cda); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#81bff7, #2b7cda); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#81bff7, #2b7cda); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#81bff7, #2b7cda); /* Standard syntax */
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: transparent;
	font-weight: bold;
	color: #073590;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #fdc40f;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border:1px #2b7cda solid;
    background: #fdc40f;
	color: #fff;

}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #e4e4e4;
     background:  none;
	font-weight: bold;
	font-weight: bold;
	color: #fff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(../images/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../images/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(../images/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(../images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../images/ui-icons_ffd27a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}



/*! jQuery UI - v1.10.1 - 2013-03-10
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=3891f5&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=666&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}



/*newskin*/

 .ui-widget {
	background: #073590;
	border-radius: 0;
	border: 1px solid #b0b5c4;
    border-radius: 1px;
    -webkit-box-shadow: 0 8px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
}

  .ui-datepicker {
    width: 16em;
    padding: 0;
    position: absolute !important;
    top: 0 !important;
    margin-top: 292px;
    margin-left: -17em;
}

    .ui-datepickerReturn {
    margin-top: 350px;
}

.ui-datepicker:after
 {
        background: transparent url("../images/RYNTsprite.png") no-repeat -142px -320px;
        margin-left:10px;
     content:" ";
     height:16px;
     width: 12px;
     position: absolute;
     right:-9px;
     top: 160px
}


 .ui-datepicker-header {
	border: none;
    border-bottom: 1px solid #336699;
	background: #073590;
	font-weight: normal;
	font-size: 15px;
    border-radius: 0;
    
}

 .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

 .ui-datepicker .ui-datepicker-title {
	border-left: 1px solid #336699;
    border-right: 1px solid #336699;
    font-size:1.3em;
    font-weight:bold;
     margin-top: 0;
	margin-bottom: 0;
    padding: 5px 0;
	color: #fff;
}

 .ui-datepicker .ui-datepicker-prev-hover,
 .ui-datepicker .ui-datepicker-next-hover,
 .ui-datepicker .ui-datepicker-next,
 .ui-datepicker .ui-datepicker-prev {
	top: .9em;
	border:none;
}

 .ui-datepicker .ui-datepicker-next-hover,
 .ui-datepicker .ui-datepicker-next{
    right:.8em;
}

  .ui-datepicker .ui-datepicker-prev-hover,
 .ui-datepicker .ui-datepicker-prev {
	left: .4em;
}


 .ui-datepicker .ui-datepicker-next span,
 .ui-datepicker .ui-datepicker-prev span {
	background: transparent url("../images/RYNTsprite.png") no-repeat -176px -320px;
	margin: 0;
    padding:0;
	top: 0;
	font-weight: normal;
}

 .ui-datepicker .ui-datepicker-prev span {
	background-position: -192px -320px;

}

  .ui-datepicker .ui-datepicker-next span:hover {
	background-position: -176px -340px;
}

 .ui-datepicker .ui-datepicker-prev span:hover {
	background-position: -192px -340px;
}
 .ui-datepicker table {
	margin: 0;
    border-spacing:0;
    padding:0;
}

 .ui-datepicker th {
	display:inline-block;
     background: #073590;
     padding: 1em 0 1em 6.5%;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	border: none;
    width:7%;
}


  .ui-datepicker tbody {
    display:block;
     padding: .3em;
    width:17.2em;
    background: #fff;
}


 .ui-datepicker td {
	background: #fff;
    margin: 0;
    padding:0;
}

 td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding: .5em 1em;
	margin: 0;
	font-weight: normal;
	color: #073590;
	font-size: 16px;
}

 .ui-state-disabled  {
	opacity: 1;
}

 .ui-state-disabled .ui-state-default {
	color: #9ea4b7;
    border: none;
    background: transparent;
}

 td .ui-state-active,
 td .ui-state-hover {
	border: none;
    background: #fdc40f;
}









/*  new skin Interaction states
----------------------------------*/

  /*Defalt all*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border:none;
    margin:0;
	font-weight: bold;
	color: #073590;
    padding: .62em;
}


/*hover*/
 td .ui-state-active,
 td .ui-state-hover {
	border: none;
    background: #fdc40f;
}

 /*current*/

 .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
     background:  #fff;
}



 /*Selected*/
 .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #fdc40f;
}
.paymentHide {
    display: none;
}

/*global*/
.testbox {
    border: solid 1px #f00;
}

footer {
    background: #073590;
}

body {
    margin: 0;
    padding: 0;
    font-family: "CoreSansN45", "Trebuchet MS", Helvetica, Tahoma, sans-serif;
    background: #073590;
}

fieldset, p, a, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    border: 0;
}

input {
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
}

select {
    -webkit-appearance: menulist-button;
}

a {
    text-decoration: none;
    color: #fff;
}

a:hover {
    text-decoration: none;
    color: #fdc40f;
}

:focus {
    outline: 0;
}

img {
    border: 0;
}

fieldset {
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.page {
    background: #fff;
    position: relative;
    margin-top: -30px;
}

.textArea h5 {
    font-size: 1.5em;
    color: #073590;
    font-weight: normal;
}

.textArea p {
    font-size: .9em;
    color: #073590;
    font-weight: normal;
}

.textArea p,
.imageArea,
.textArea ul {
    margin-bottom: 15px;
}

.imageArea {
    width: 100%;
    height: 200px;
}

.littletickUl,
.midtickUl {
    list-style: none;
    padding: 5px 10px 5px 0;
    margin: 0;
}

.littletickLi {
    line-height: 1.4em;
    font-size: 12px;
}

.littletickLi:before {
    background: transparent url("../images/RYNTsprite.png") no-repeat -184px -40px;
    margin-right: 8px;
    display: inline-block;
    content: " ";
    height: 10px;
    width: 10px;
}

.midtickLi {
    font-size: 14px;
    color: #073590;
}

.midtickLi:before {
    background: transparent url("../images/RYNTsprite.png") no-repeat -184px -15px;
    margin: 0 8px 0 0;
    padding: 0 0 6px;
    display: inline-block;
    content: " ";
    height: 14px;
    width: 18px;
}

.midtickLi:before {
    background: transparent url("../images/RYNTsprite.png") no-repeat -184px -40px;
    margin-right: 8px;
    display: inline-block;
    content: " ";
    height: 10px;
    width: 10px;
}

.midtickLi {
    font-size: 14px;
    color: #073590;
}

.midtickLi:before {
    background: transparent url("../images/RYNTsprite.png") no-repeat -184px -15px;
    margin: 0 8px 0 0;
    padding: 0 0 6px;
    display: inline-block;
    content: " ";
    height: 14px;
    width: 18px;
}

.ArrowAfterLink:after {
    background: transparent url("../images/RYNTsprite.png") no-repeat -135px -20px;
    margin-left: 10px;
    display: inline-block;
    content: " ";
    height: 16px;
    width: 12px;
}

.ArrowAfterLink:hover:after {
    background: transparent url("../images/RYNTsprite.png") no-repeat -135px -338px;
}

.threeToOneColOuter {
    position: relative;
    display: inline-block;
    width: 100%;
}

.threeToOneColumns {
    position: relative;
    display: inline-block;
    float: left;
    width: 30%;
    margin-right: 5%;
}

.threeToOneColumns:last-of-type {
    margin-right: 0;
}



.breadcrumb {
    position: relative;
    padding: 15px 3% 5px;
    width: 94%;
    max-width: 960px;
    margin: 30px auto 0;
}

.infoAreaInner .breadcrumb {
    margin: 0;
    margin-top: -30px;
    padding: 0 0 10px;
}

.breadcrumb p {
    color: #333;
    font-weight: lighter;
    font-size: 14px;
}

.breadcrumb a {
    text-decoration: underline;
    color: #073590;
}

.breadcrumb a:hover {
    color: #fdc40f;
}

/*Header*/
.headerBackground {
    position: relative;
    display: inline-block;
    background-color: #073590;
    width: 100%;
    margin: 0 auto -6px;
    z-index: 101;
}


.ryanairlogo {
    /*Ryan air logo replacement*/
}

.headerBox {
    position: relative;
    display: block;
    padding: 15px 0 0;
    width: 100%;
    margin: auto;
    border-bottom: solid 2px #F0C833;
}

.headerBox:after {
    content: '';
    display: table;
    clear: both;
}

.headerL4Timage {
    background: transparent url("../images/L4T-logo.png") no-repeat 80% 0;
    padding-left: 180px;
    display: inline-block;
    float: left;
    content: " ";
    height: 40px;
    width: 45px;
    margin-left: -11.5em;
}

.headerL4Timage {
    display: inline-block;
    float: left;
    line-height: 1.6em;
    font-size: 12px;
    width: 200px;
}

.headerL4Ttext {
    display: inline-block;
    float: left;
    padding-right: 1.5em;
    color: #ffffff;
}

/*img.headerLFTtextlogo {
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 -60px;
    margin: 0;
    padding: 0;
    width: 170px;
    height: 20px;
    margin-top: 1em;
}*/

.topBarBackground {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
}

.topBarMid {
    position: relative;
    display: block;
    margin: 0 auto;
    float: left;
    width: 40%;
    padding: 0 0 0 10px;
}

.topBarMid a {
    position: relative;
    display: block;
}

.topBarLeft,
.topBarRight {
    position: relative;
    display: inline-block;
    margin: 5px auto;
    float: left;
    color: #fff;
    z-index: 1;
}

.topBarLeft .myryanair:before {
    margin: 3px 0 0 -15px;
    padding-left: 20px;
    display: inline-block;
    position: absolute;
    font-family: icons;
    content: "";
    height: 15px;
    font-size: 16px;
    color: #fff;
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 1px;
}

.topBarLeft .myryanair {
    padding-left: 15px;
    font-size: 12px;
}

.topBarLeft .myryanair:hover {
    color: #fff;
}

.topBarRight, .topBarCentre {
    float: right;
}

.topBarCentre {
    margin: 0 20px 0 0;
}

.topMenuDrop {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.topMenuDropTrigger {
    font-size: 12px;
}

.topMenuDropTrigger {
    font-size: 12px;
}

.topMenuDropTrigger .langShow {
    float: right;
    color: #9ea4b7;
    margin: 0 6px;
}

.topMenuDropTrigger .langShow:hover {
    color: #fff;
}

.marketDetails .topMenuDropTrigger .langShow:after {
    content: "";
    display: block;
    margin: 4px 0 0 6px;
    float: right;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #9ea4b7;
}

.marketDetails:hover .topMenuDropTrigger .langShow:after {
    border-top: 5px solid #fdc40f;
}

.marketDetails .country:before {
    width: 29px;
    height: 20px;
    margin: 2px 6px 0 0;
    background: url("../images/flags-48x32.png");
    background-size: 81em;
    background-position-x: 0;
    content: "";
    display: block;
    overflow: auto;
    float: left;
}

.marketDetails .topMenuDropSlide .country:before {
    margin: 14px 6px 0 0;
}

.marketDetails .country.en:before {
    background-position: 0px 0px;
}

.marketDetails .country.de:before {
    background-position: -244px 0px;
}

.marketDetails .country.es:before {
    background-position: -274px 0px;
}

.marketDetails .country.fr:before {
    background-position: -395px 0px;
}

.marketDetails .country.it:before {
    background-position: -426px 0px;
}

.marketDetails .country.nl:before {
    background-position: 0px -170px;
}

.marketDetails .country.pl:before {
    background-position: -700px 0px;
    border: 1px solid #ddd;
}

.marketDetails .country.ie:before {
    background-position: -31px 0px;
}

.topMenuDropSlide {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 6px;
    z-index: 1;
    float: left;
    color: #073590;
    font-size: 12px;
    background: #fff;
    border: 1px solid #9ea4b7;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.topMenuDropSlide a {
    width: 200px;
    color: #9ea4b7;
    line-height: 3em;
}

.topMenuDropSlide ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.topMenuDropSlide li {
    border-bottom: 1px solid #eff1f3;
    margin: 0;
    padding: 0 0 0 10px;
    width: 200px;
}

.topMenuDropSlide li:hover,
.topMenuDropSlide a:hover {
    color: #fff;
}

.topMenuDropSlide li:hover {
    background: #fdc40f;
    color: #fff;
}

.countryName {
    color: #073590;
    padding: 6px 0 0 0;
    display: block;
}

.mainNav {
    background: #426dab;
    height: 56px;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
}

.primaryMenu {
    position: relative;
    display: block;
    padding: 0;
    width: 100%;
    max-width: 960px;
    margin: auto;
}

.primaryMenu li {
    list-style: none;
    display: inline-block;
    float: left;
    position: relative;
    width: 32%;
    margin: 0;
    padding: 0;
}

.primaryMenu .listItem .link {
    position: relative;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    height: 56px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.primaryMenu .listItem .link:hover,
.primaryMenu .listItem.active .link {
    background-color: #355e9d;
    margin: 0;
    padding: 0;
    width: 100%;
}

.primaryMenu .listItem .link:before {
    display: inline-block;
    content: '';
    position: relative;
    top: 11px;
    left: -5px;
    background: url("../images/icons.png") no-repeat 0px 1px;
    width: 36px;
    height: 36px;
}

.primaryMenu .listItem.active.item1 .link:before,
.primaryMenu .listItem:hover.item1 .link:before {
    background-position: -4px -33px;
}

.primaryMenu .listItem.active.item2 .link:before,
.primaryMenu .listItem:hover.item2 .link:before {
    background-position: -44px -33px;
}

.primaryMenu .listItem.active.item3 .link:before,
.primaryMenu .listItem:hover.item3 .link:before {
    background-position: -84px -33px;
}

.primaryMenu .listItem.item1 .link:before {
    background-position: -4px 1px;
}

.primaryMenu .listItem.item2 .link:before {
    background-position: -44px 1px;
}

.primaryMenu .listItem.item3 .link:before {
    background-position: -84px 1px;
}

.menuBar {
    box-sizing: border-box;
    float: left;
    box-sizing: border-box;
    background: #eff1f3;
    padding: 0;
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
}

.secondaryMenu {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 960px;
    margin: auto;
}

.secondaryMenu ul {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    padding: 6px 0 8px;
    font-size: 14px;
    text-transform: uppercase;
}

.secondaryMenu .listItem:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 50%;
    left: 0px;
    margin-top: -4px;
    display: block;
    background: #cdd5dc;
}

.secondaryMenu .listItem.active:before,
.secondaryMenu .listItem.active + .listItem:before,
.secondaryMenu .listItem:hover:before,
.secondaryMenu .listItem:hover + .listItem:before,
.secondaryMenu .listItem:first-child:before {
    display: none;
}

.secondaryMenu .listItem {
    box-sizing: border-box;
    position: relative;
    display: inline;
    float: left;
    text-align: center;
    line-height: 27px;
    padding-bottom: 4px;
}

.secondaryMenu .listItem .link {
    color: #073590;
    position: relative;
    padding: 11px 8px;
}

.secondaryMenu .listItem.active .link,
.secondaryMenu .listItem .link:hover {
    background: #cdd5dc;
    color: #3498db;
}

/*MobileMenu*/
.mobileMenuDrop {
    display: none;
}

.mobileMenuDrop .mobileMenuDropTrigger {
    width: 25px;
    height: 21px;
    cursor: pointer;
}

.mobileMenuDrop .mobileMenuDropSlide {
    display: none;
    position: absolute;
    margin-left: 0;
    z-index: 1;
    float: left;
    color: #073590;
    font-size: 12px;
    background: #fff;
    border: 1px solid #9ea4b7;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.mobileMenuDropSlide a {
    width: 200px;
    color: #9ea4b7;
    line-height: 3em;
}

.mobileMenuDropSlide ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobileMenuDropSlide li {
    border-bottom: 1px solid #eff1f3;
    margin: 0;
    padding: 0;
    width: 180px;
    text-transform: uppercase;
}

.mobileMenuDropSlide li a {
    display: inline-block;
    padding: 0 10px;
    width: 160px;
}

.mobileMenuDropSlide li.mainItem {
    background: #426dab;
}

.mobileMenuDropSlide li:hover a {
    background: #fdc40f;
    color: #fff;
}


/*Home-Background*/
.mainImageArea {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: -1;
    border-bottom: 10px solid #fff;
}

.mainImageAreaRelative {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: -1;
    border-bottom: 10px solid #fff;
}

.mainImage {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    /*background: url("../images/RYNThomeMainImage.jpg") no-repeat 30% 35%;
    background-size: cover;*/
    width: 100%;
    /*height: 750px; updated to 850 after adding country dropdown*/
    height: 885px;
}

    .mainImage.en {
        background: url("https://cdn2.looking4.com/media/images/transfers/RyanAirTransfers/Home-hero-banner-en.jpg") no-repeat 30% 35%;
        background-size: cover;
    }

    .mainImage.other {
        background: url("https://cdn2.looking4.com/media/images/transfers/RyanAirTransfers/Home-hero-banner.jpg") no-repeat 30% 35%;
        background-size: cover;
    }

/*Home-QuoteArea*/
.quoteArea {
    position: relative;
    padding: 30px 3%;
    width: 94%;
    max-width: 960px;
    margin: 30px auto;
}

.quoteAreaInner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    vertical-align: bottom;
}

.quoteAreaLeft {
    position: absolute;
    display: inline-block;
    float: left;
    width: 53%;
    vertical-align: bottom;
    bottom: 0;
}

#image-container {
    text-align: justify;
    padding-top: 15px;
}

#container img {
    display: inline-block;
}

@media only screen and (max-width: 950px) {
    #image-container {
        display: none;
    }
}

#image-container:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.aboutAreaOverlay {
    position: relative;
    display: inline-block;
    float: left;
}

.quoteAreaRight {
    position: relative;
    display: inline-block;
    float: right;
    width: 42%;
}

/*.SplashBoxImage.en {
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 -100px;
    display: inline-block;
    content: " ";
    height: 200px;
    width: 200px;
    margin-bottom: 0;
}*/

.SplashBoxImageMobile {
    display: none;
    width: 95%;
}

.SplashBoxContainer {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    vertical-align: bottom;
    padding: 15px;
}

.SplashBoxContainer {
    background: rgba(255, 255, 255, 0.8);
    width: 90%;
    vertical-align: bottom;
    padding: 15px 5%;
}

.SplashBoxContainer h3,
.SplashBoxContainer p,
.SplashBoxContainer a {
    display: block;
    color: #073590;
    line-height: 1.4em;
}

.SplashBoxContainer h3 {
    font-size: 1.8em;
    padding: 0 0 15px;
}

.SplashBoxContainer p {
    font-weight: bold;
}

.SplashBoxContainer a {
    font-size: 1.5em;
}

.SplashBoxContainer a:hover {
    color: #fdc40f;
}

/*Home-QuoteBox*/
.quoteContainerTopImage {
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 -300px;
    display: inline-block;
    content: " ";
    height: 68px;
    width: 68px;
    margin: auto;
    margin-bottom: -30px;
    position: relative;
    display: block;
}

.quoteContainer {
    -webkit-box-shadow: 0 8px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
    background: #fff;
    width: 85%;
    margin: 0 0 8px;
    padding: 30px 5% 10px;
    text-align: center;
}

.quoteContainer h1,
.quoteContainer h2 {
    display: block;
    position: relative;
    font-size: 1.6em;
    color: #073590;
    font-weight: normal;
}

.quoteContainer h1 {
    text-transform: uppercase;
}

.quoteContainer h2 {
    font-size: 1.1em;
    padding-bottom: 10px;
}

/*QouteForm*/
.destinationBox {
    padding: 0;
}

.destinationBox label {
    margin: 0 0 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.2em;
}

.airportSearcher {
    margin: 0;
}

.destinationBox .input.dynamic-airport-searcher {
    border: solid 1px #9ea4b7;
    background: #fcfcfc;
    width: 95.5%;
    padding: 7px 2%;
    border-bottom: dashed 1px #9ea4b7;
}

.destinationBox .input.dynamic-airport-searcher.flyingTo {
    border-top: 0;
    border-bottom: solid 1px #9ea4b7;
    color: #9ea4b7;
}

.destinationBox .input.dynamic-airport-searcher.flyingTo input {
    /*color: #9ea4b7;*/
}

.destinationBox .input.dynamic-airport-searcher input {
    width: 95%;
    padding: 7px 2%;
    cursor: pointer;
}

.destinationBox .input {
    position: relative;
    float: left;
    display: inline-block;
    width: 91%;
    cursor: pointer;
    font-size: 14px;
}

.destinationBox .rightCell .input {
    height: 27px;
}

.datalist {
    box-sizing: border-box;
    position: absolute;
    z-index: 1001;
    /*top: 43px;*/
    top: 142px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fcfcfc;
    text-align: left;
    width: 100%;
    cursor: pointer;
    border: solid 1px #9ea4b7;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}

.AirportDropLower .datalist {
    /*top: 86px;*/
    top: 186px;
}

.datalist li {
    line-height: 1.7em;
    width: 90%;
    padding: 0 5%;
    background: #fcfcfc;
    border-bottom: solid 1px #9ea4b7;
    border-top: 0;
    font-size: 14px;
    overflow: hidden;
}

.datalist li:last-child {
    border-bottom: 0;
}

.datalist .searching.countryName {
    margin: 10px 0 0;
    border-bottom: 0;
    background: #9ea4b7;
    color: #fff;
}

.datalist .selected,
.datalist li:hover {
    background: #fdc40f;
}

.datalist .datalist-location-type {
    float: right;
    color: #073590;
    font-size: 70%;
    font-weight: bold;
}

.destinationBox .icon-calendar {
    margin: 0 -10px 0 0;
    position: absolute;
    right: 20px;
    top: 10px;
    background: transparent url("../images/RYNTsprite.png") no-repeat -137px -750px;
    width: 15px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
}

.destinationBox .row {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 0;
}

.destinationBox .leftTitle,
.rightTitle {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    font-size: 12px;
    text-align: left;
}

.rightTitle {
    float: right;
    cursor: pointer;
}

.searchTime .rightTitle {
    width: 100%;
    padding-bottom: 5px;
}

.rightTitle:after {
    content: 'i';
    color: #fff;
    background: #008bec;
    border-radius: 50%;
    padding: 0 6px;
    font-style: italic;
    margin-left: 3px;
}

.rightTitle:hover {
    color: #fdc40f;
}

.rightTitle:hover:after {
    background: #fdc40f;
}

.rightTitle.dropShow {
    float: right;
}

.rightTitle.dropShow .timetip {
    display: none;
}

.rightTitle.dropShow:hover .timetip {
    display: block;
}

.rightTitle.dropShow .timetip {
    position: absolute;
    background: #fff;
    border: 2px solid #073590;
    border-radius: 8px;
    padding: 6px;
    color: #073590;
    text-align: left;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    bottom: 30px;
    margin: 0;
    margin-left: -100px;
    min-width: 220px;
    text-indent: 0;
    z-index: 5;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.searchTime .rightTitle.dropShow .timetip {
    bottom: 65px;
    margin-left: -10px;
}

.rightTitle.dropShow .timetip:before, .rightTitle.dropShow .timetip:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 124px;
    border: 17px solid transparent;
    border-top-color: #073590;
    margin-left: -1px;
}

.searchTime .rightTitle.dropShow .timetip:before,
.searchTime .rightTitle.dropShow .timetip:after {
    left: 34px;
}

.rightTitle.dropShow .timetip:after {
    border-top-color: #fff;
    border-width: 15px;
    z-index: 2000;
    margin-left: 1px;
}

.rightTitle.dropShow .timetip h5, p {
    font-size: 12px;
}

.rightTitle.dropShow .timetip h5 {
    font-weight: bold;
    padding-bottom: 3px;
}

.destinationBox .leftCell,
.destinationBox .rightCell {
    width: 47%;
    display: inline-block;
    border: solid 1px #9ea4b7;
    float: left;
    background: #eff1f4;
    padding: 0;
    margin: 0;
}

.destinationBox .rightCell {
    height: 38px;
    float: right;
}

.dateFrom,
.dateTo {
    width: 80%;
    position: relative;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
    outline: none;
    color: #073590;
    float: left;
    line-height: 2em;
    padding: 5px 10%;
    margin: 0;
    height: 28px;
}

.dayFrom,
.dayto {
    color: #9ea4b7;
    font-size: 12px;
    text-align: left;
    float: left;
}

.placeholder.timeClock {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: left;
    text-indent: 6px;
    color: #073590;
}

.flightArrival {
    text-align: right;
    float: right;
    width: 45px;
    color: #9ea4b7;
    padding: 2px 30px;
    font-size: 11px;
}

.input .time {
    width: 100%;
}

.destinationBox .time:after {
    position: absolute;
    top: 9px;
    right: 2px;
    content: '';
    background: transparent url("../images/RYNTsprite.png") no-repeat -175px -750px;
    width: 25px;
    height: 25px;
}

.timeDrop {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 101%;
    top: 0;
    height: 38px;
    left: 0px;
    padding: 15px 3px 0 0;
    outline: 0px;
    cursor: pointer;
}

.row.return,
.row.returnShow {
    padding-top: 1px;
}

.destinationBox .input {
    position: relative;
    float: left;
    display: inline-block;
    padding: 0;
    width: 100%;
}

.destinationBox .rightCell .input {
    padding: 5px 0;
    width: 100%;
}

.destinationBox .leftBox,
.destinationBox .rightBox {
    width: 47%;
    display: inline-block;
    float: left;
    padding: 20px 0 0;
    margin: 0;
    font-size: 14px;
}

.destinationBox .leftBox input {
}

.destinationBox .rightBox {
    float: right;
    padding: 0;
}

.round {
    position: relative;
}

    .round label {
        background-color: #fff;
        border: 1px solid #073590;
        border-radius: 50%;
        cursor: pointer;
        height: 1rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 1rem;
    }

        .round label:after {
            border: 2px solid #073590;
            border-top: none;
            border-right: none;
            content: "";
            height: calc(1rem/5.5);
            left: 5px;
            opacity: 0;
            position: absolute;
            top: 5px;
            transform: rotate(-45deg);
            width: calc(1rem/2.5);
        }

    .round input[type="checkbox"],
    .round input[type="radio"] {
        visibility: hidden;
    }

        .round input[type="checkbox"]:checked + label,
        .round input[type="radio"]:checked + label {
            /*background-color: #66bb6a;*/
            /*border-color: #66bb6a;*/
        }

            .round input[type="checkbox"]:checked + label:after,
            .round input[type="radio"]:checked + label:after {
                opacity: 1;
            }

.UseBlockerLeft, .UseBlockerRight {
    width: 47%;
    border: 1px solid #fff;
    position: absolute;
    top: -22px;
    left: 0;
    z-index: 100;
    height: 61px;
    background: rgba(255,255,255,.8);
}

.UseBlockerRight {
    right: 0;
    left: inherit;
}

.threeToOnePassengers {
    position: relative;
    display: inline-block;
    float: left;
    width: 30%;
    margin-right: 5%;
    font-size: 12px;
}

.threeToOnePassengers:last-of-type {
    margin-right: 0;
    float: right;
}

.NoOfAdults,
.NoOfSchoolage,
.NoOfPreschool {
    position: relative;
    display: inline-block;
    border: solid 1px #9ea4b7;
    float: left;
    background: #fcfcfc;
    padding: 8px 30%;
    width: 40%;
    margin: 5px 0 0;
    text-align: left;
}

.NoOfAdults:after,
.NoOfSchoolage:after,
.NoOfPreschool:after {
    position: absolute;
    top: 10px;
    right: 5px;
    content: '';
    background: transparent url("../images/RYNTsprite.png") no-repeat -160px -750px;
    width: 12px;
    height: 25px;
}

.PassengerDrops {
    opacity: 0;
    top: 6px;
    left: 1px;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 30px;
    cursor: pointer;
}

.rightBoxSubRow {
    clear: both;
}

.quoteFormTandCs {
    color: #9ea4b7;
    font-size: 12px;
    text-align: center;
    padding: 5px 0 10px;
    position: relative;
}

.quoteFormTandCs a {
    color: #073590;
    font-size: 12px;
    text-align: center;
    text-decoration: underline;
}

.quoteFormTandCs a:hover {
    color: #fdc40f;
}

.findTransferBtn {
    background: none;
    width: 100%;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    outline: none;
    text-transform: uppercase;
    border-radius: .25rem;
}


.ry-button--gradient-yellow {
    background: var(--yellow-gradient,linear-gradient(90deg,#d9b52e,#f1c933));
    border: 0;
    color: #073590;
}

    .ry-button--gradient-yellow:hover {
        background: linear-gradient( #d9b52e, #c1a129), linear-gradient(90deg,#d9b52e,#f1c933);
    }

.findTransferBtn_outer {
    /*background: #073590;*/
    width: 100%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    border-radius: .25rem;
}

    .findTransferBtn_outer:hover {
        background: linear-gradient( #d9b52e, #c1a129), linear-gradient(90deg,#d9b52e,#f1c933);
    }

.findTransferBtn:hover {
    color: #073590;
}


/*Home-InfoArea*/
.infoArea {
    background: #fff;
    position: relative;
    display: block;
    width: 100%;
}

.infoAreaInner {
    background: #fff;
    position: relative;
    display: block;
    padding: 0 3%;
    width: 94%;
    max-width: 960px;
    margin: auto;
}

.TransferTypes {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0 0;
}

.TransferTypesLeft {
    width: 30%;
    float: left;
}

.TransferTypesRight {
    width: 70%;
    float: right;
}

.TransferTypesTitle {
    float: left;
    margin: 0 0 30px;
}

.TransferTypesOption {
    position: relative;
    background: transparent url("../images/RYNTsprite.png") no-repeat 50% -620px;
    text-align: center;
    padding: 74px 0 0;
    text-transform: uppercase;
    margin: 0 0 30px;
    min-width: 150px;
}

.TransferTypesOption.one {
    width: 38.5%;
    float: right;
}

.TransferTypesOption.two {
    background: transparent url("../images/RYNTsprite.png") no-repeat 50% -382px;
    width: 45.5%;
    float: left;
}

.TransferTypesOption.three {
    background: transparent url("../images/RYNTsprite.png") no-repeat 50% -500px;
    /*background: transparent url("../images/RYNTsprite.png") no-repeat 50% -947px;*/
    width: 45.5%;
    float: right;
}

.TransferTypesOptionLink:after {
    content: "?";
    font-weight: bold;
    padding: 0 6px;
    border-radius: 50%;
    margin-left: 5px;
    background: #fdc40f;
    color: #fff;
    border: 1px solid #fff;
}

.TransferTypesOptionLink:hover:after {
    background: #fff;
    color: #fdc40f;
    border: 1px solid #fdc40f;
}

.TransferTypes a,
.TransferTypes h4 {
    color: #073590;
}

.TransferTypes h4 {
    font-size: 1.5em;
    color: #073590;
    font-weight: normal;
}

.TransferTypes a {
    line-height: 2em;
}

a.ArrowAfterLink:hover {
    color: #3498da;
}

.TransferTypes .ArrowAfterLink:after {
    background: transparent url("../images/RYNTsprite.png") no-repeat -135px -40px;
    height: 10px;
}

.TransferTypes .ArrowAfterLink:hover:after {
    background: transparent url("../images/RYNTsprite.png") no-repeat -159px -340px;
}

.TransferTypes a:hover {
    color: #3498da;
}

.tooltip {
    display: none;
}

/*Fearure icon rollovers */
.tooltip {
    position: absolute;
    background: #fff;
    border: 2px solid #073590;
    border-radius: 8px;
    padding: 6px;
    color: #073590;
    text-align: left;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
    top: 120px;
    margin: 0;
    margin-left: -21px;
    text-indent: 0;
    width: 160px;
    z-index: 5;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.tooltip:before, .tooltip:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 20%;
    border: 17px solid transparent;
    border-bottom-color: #073590;
    margin-left: -1px;
}

.tooltip:after {
    border-bottom-color: #fff;
    border-width: 15px;
    z-index: 2;
    margin-left: 1px;
}

.tooltip {
    opacity: 1;
    left: 50%;
}


#mobile-tooltip-trigger {
    cursor: pointer;
    position: relative;
    z-index: 10;
}


#mobile-tooltip {
    top: 42px;
    left: 128px;
}
#mobile-tooltip:hover {
    display: block;
}


.TransferTypesOption.two .tooltip {
    margin-left: -44px;
}

.TransferTypesOption.two .tooltip:before, .TransferTypesOption.two .tooltip:after {
    left: 40%;
}

.TransferTypesOption.three .tooltip {
    margin-left: -80px;
}

.TransferTypesOption.three .tooltip:before, .TransferTypesOption.three .tooltip:after {
    left: 60%;
}

.featureImage1 {
    background: transparent url("../images/FeatureImage01.jpg") no-repeat 0 25%;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.featureImage2 {
    background: transparent url("../images/FeatureImage02.jpg") no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.featureImage3 {
    background: transparent url("../images/FeatureImage03.jpg") no-repeat 100% 75%;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.trustedPartners {
    position: relative;
    display: inline-block;
    margin: 20px 0 0;
    background: #fff;
}

.trustedPartners .imageArea {
    position: relative;
    display: inline-block;
    height: auto;
    margin: 20px 0 40px;
}

.trustedPartnersImage1,
.trustedPartnersImage2,
.trustedPartnersImage3,
.trustedPartnersImage4,
.trustedPartnersImage5,
.trustedPartnersImage6,
.trustedPartnersImage7,
.trustedPartnersImage8,
.trustedPartnersImage9,
.trustedPartnersImage10,
.trustedPartnersImage11,
.trustedPartnersImage12 {
    float: left;
    background: transparent url("../images/partner-logos-new.png") no-repeat 0 0;
    width: 124px;
    height: 69px;
    margin: 0 13px 13px 0;
    border: 1px solid #e4e4e4;
}

.trustedPartnersImage2 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -140px 0;
}

.trustedPartnersImage3 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -280px 0;
}

.trustedPartnersImage4 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -420px 0;
}

.trustedPartnersImage5 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -560px 0;
}

.trustedPartnersImage6 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -700px 0;
}

.trustedPartnersImage7 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -838px 0;
    margin: 0 0 13px 0;
}

.trustedPartnersImage8 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -140px -85px;
    margin-left: 140px;
}

.trustedPartnersImage9 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -280px -85px;
}

.trustedPartnersImage10 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -420px -85px;
}

.trustedPartnersImage11 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -560px -85px;
}

.trustedPartnersImage12 {
    background: transparent url("../images/partner-logos-new.png") no-repeat -700px -85px;
}


@media screen and (max-width: 1022px) {
    .trustedPartnersImage7 {
        margin-right: 13px;
    }

    .trustedPartnersImage8 {
        margin-left: 0;
    }
}

/*search Results Quote*/
.quoteAreaResults {
    position: relative;
    padding: 0 3%;
    width: 94%;
    max-width: 960px;
    margin: 0 auto 30px;
}

.quoteAreaResults input {
    font-size: 12px;
    cursor: pointer;
}

.quoteAreaResultsInner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    vertical-align: bottom;
}

.quoteAreaResultsRow {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #9ea4b7;
}

.quoteAreaResultsTitle,
.quoteAreaResultsLeft {
    display: inline-block;
    float: left;
    position: relative;
    width: 44%;
}

.quoteAreaResultsTitle {
    /*width: 33%; commented after adding country list*/
}

.quoteAreaResultsLeft {
    border-right: 1px solid #9ea4b7;
}

.quoteAreaResultsSubLeft {
    display: inline-block;
    float: left;
    position: relative;
    line-height: 1.6em;
    font-size: 14px;
}

.quoteAreaResultsSubRight {
    width: 53%;
    float: right;
    padding: 0 3% 0;
    border-left: 1px solid #9ea4b7;
}

.quoteAreaResultsTitle h1,
.quoteAreaResultsLeft h1 {
    font-size: 22px;
    padding-top: 0px;
}

/*.quoteAreaResultsRight {
    box-sizing: border-box;
    padding: 0;
    display: inline-block;
    float: right;
    position: relative;
    width: 64%;    
}*/

.quoteAreaResultsRight {
    box-sizing: border-box;
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
}

.quoteAreaResultsDestination {
    padding: 0 0 0 0;
    display: inline-block;
    float: right;
    position: relative;
    width: 55%;
}

.quoteAreaResultsDestination P {
    font-size: 12px;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}

.quoteAreaResults .datalist {
    box-sizing: border-box;
    position: absolute;
    z-index: 1001;
    /*top: 31px;*/
    top: 62px;
    margin: 0;
    padding: 0;
    /*margin-left: 12.5%;*/
    list-style: none;
    background: #fcfcfc;
    text-align: left;
    /*width: 37.5%;*/
    cursor: pointer;
    border-top: 0;
}

.quoteAreaResultsDestination .date,
.quoteAreaResultsDestination .searchTime,
.quoteAreaResultsDestination .departOrArrive,
.quoteAreaResultsDestination .searchAgain {
    padding: 0 0 0 2%;
    display: inline-block;
    float: left;
    position: relative;
    width: 22%;
}

.quoteAreaResultsDestination .date {
    width: 27%;
}

.quoteAreaResultsDestination .searchAgain {
    width: 43.5%;
    float: right;
}

.quoteAreaResultsDestination .leftCell,
.quoteAreaResultsDestination .rightCell {
    width: 92%;
    display: inline-block;
    position: relative;
    border: solid 1px #9ea4b7;
    float: left;
    background: #eff1f4;
    height: 28px;
    padding: 0;
    margin: 0;
}

.quoteAreaResultsDestination .dateFrom,
.quoteAreaResultsDestination .dateTo {
    width: 80%;
    line-height: 2em;
    padding: 5px 10%;
    margin: 0;
    height: 16px;
}

.quoteAreaResultsDestination .icon-calendar {
    margin: 0;
    position: absolute;
    right: -5px;
    top: 5px;
    background: transparent url("../images/RYNTsprite.png") no-repeat -137px -750px;
    width: 25px;
    height: 20px;
    text-indent: -999em;
    cursor: pointer;
}

.PageClassSearchResults .ui-datepicker {
    margin-top: 110px;
}

.PageClassSearchResults .ui-datepickerReturn {
    margin-top: 190px;
}

.quoteAreaResultsDestination .rightCell {
    height: 22px;
    float: right;
    padding: 3px 3%;
}

.quoteAreaResultsDestination .placeholder.timeClock {
    position: absolute;
    top: 7px;
    left: 4px;
    text-indent: 6px;
    font-size: 12px;
    color: #073590;
}

.quoteAreaResultsDestination .flightArrival {
    float: right;
    padding: 0;
    margin-top: -2px;
    vertical-align: central;
}

.quoteAreaResultsDestination .time:after {
    position: absolute;
    top: 5px;
    right: 2px;
    content: '';
    background: transparent url("../images/RYNTsprite.png") no-repeat -175px -750px;
    width: 25px;
}

.quoteAreaResultsDestination .timeDrop {
    opacity: 0;
    position: absolute;
    z-index: 100;
    width: 101%;
    top: 5px;
    height: 20px;
    left: 0px;
    padding: 15px 3px 0 0;
    outline: 0px;
    cursor: pointer;
}

.quoteAreaResultsRight .airportSearcher.goingFrom,
.quoteAreaResultsRight .airportSearcher.goingTo,
.quoteAreaResultsRight .airportSearcher.pickCountry {
    box-sizing: border-box;
    /*width: 50%;
    float: right;*/
    width: 32.9%;
    display: inline-block;
    font-size: 14px;
    line-height: 1.6em;
    position: relative;
}

.quoteAreaResultsRight .input.dynamic-airport-searcher {
    box-sizing: border-box;
    border: solid 1px #9ea4b7;
    background: #fcfcfc;
    /*width: 75%;
    float: right;*/
}

.quoteAreaResultsRight .airportSearcher P {
    /*float: right;*/
    position: relative;
    /*display: inline-block;*/
    padding: 2% 2% 0% 0;
}

.quoteAreaResultsRight .input.dynamic-airport-searcher input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 4%;
}

.departOrArrive {
    font-size: 12px;
    text-transform: uppercase;
}

.doa {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.searchAgainBtn {
    background: none;
    width: 100%;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    line-height: 1.2em;
    text-align: center;
    padding: 0;
    outline: none;
    text-transform: uppercase;
}

.searchAgainBtn_outer {
    /*background: #073590;*/
    width: 100%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
    transition: background .2s;
}

    .searchAgainBtn_outer:hover {
        background: #e6ebf4;
        -webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
        transition: background .2s;
    }

.ry-button--outline-dark-blue {
    background: transparent;
    border: .0625rem solid #073590;
    color: #073590;
}

/*Search Results results*/
.infoAreaResults {
    background: #fff;
    position: relative;
    display: block;
    padding: 0 3%;
    width: 94%;
    max-width: 960px;
    margin: auto;
}

.searchSectionHead {
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
    background: #fdc40f;
    font-size: 14px;
    width: 100%;
    vertical-align: central;
    padding: 2px 0 4px;
    margin-bottom: 10px;
}

.searchSectionHeadLeft {
    position: relative;
    display: inline-block;
    color: #073590;
    float: left;
    padding: 3px 20px 0;
    text-transform: uppercase;
    vertical-align: central;
}

.searchSectionHeadRight {
    position: relative;
    display: inline-block;
    text-align: right;
    color: #000;
    float: right;
    vertical-align: central;
    padding: 0 20px;
}

.searchSectionHead .bigNBold {
    font-weight: bold;
    font-size: 1.2em;
    display: inline-block;
}

.searchSectionSub {
    font-size: 28px;
    font-weight: normal;
    margin: 30px 0;
}

.searchSectionSubLeft {
    position: relative;
    display: inline-block;
    padding: 30px 20px 20px 0;
    z-index: 1;
    background: #fff;
}

.searchSectionSubRight {
    position: relative;
    display: block;
    width: 100%;
    margin-top: -50px;
    z-index: 0;
}

.searchSectionNoResults {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    clear: both;
    float: left;
    background: #fdc40f;
    font-size: 16px;
    width: 100%;
    vertical-align: central;
    padding: 25px 40px;
    margin-bottom: 10px;
    color: #073590;
}

.searchSectionNoResults h2 {
    font-size: 1.5em;
    padding-bottom: 15px;
}

.searchSectionNoResults p {
}

.searchSectionNoResults hr {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background: #073590;
    width: 725px;
}

.searchSectionNoResults ul {
    padding-left: 18px;
}

.searchSectionNoResults a {
    color: #073590;
    text-decoration: underline;
}

.searchSectionTable {
    position: relative;
    width: 100%;
    float: left;
    padding: 20px 0;
}

.searchSectionTableRow {
    position: relative;
    width: 100%;
    display: block;
    float: left;
}

.searchSectionTable .provider,
.searchSectionTable .type,
.searchSectionTable .overview,
.searchSectionTable .duration,
.searchSectionTable .changes,
.searchSectionTable .info,
.searchSectionTable .select {
    position: relative;
    display: block;
    float: left;
    width: 12%;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: central;
    padding: 20px 0 0;
}

.searchSectionTable.Shared .overview {
    width: 36%;
    text-align: left;
}

.searchSectionTable .select {
    background: #f7f4f9;
    padding: 0 1% 10px;
    width: 13%;
}

.searchSectionTable .Header .select {
    padding: 0;
    width: 15%;
}

.searchSectionTable .provider {
    text-align: left;
    width: 20%;
    padding: 0;
}

.searchSectionTable .type {
    text-align: left;
    width: 15%;
    margin-left: 2%;
    padding: 0;
}

.searchSectionTable .provider img {
    border: 1px solid #9ea4b7;
    width: 95%;
    height: 95%;
    padding: 0 2%;
}

.searchSectionTable .type img {
    width: 80%;
    height: 80%;
}

.searchSectionTableRow.Header .provider,
.searchSectionTableRow.Header .type,
.searchSectionTableRow.Header .overview,
.searchSectionTableRow.Header .duration,
.searchSectionTableRow.Header .changes,
.searchSectionTableRow.Header .info,
.searchSectionTableRow.Header .select {
    font-weight: bold;
    height: 25px;
    padding-top: 10px;
}

.selectInfoLink {
    font-style: italic;
    font-weight: bold;
    color: #fff;
    background-color: #008bec;
    padding: 0 .5em;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
}

.selectInfoLink:hover {
    color: #fdc40f;
    background-color: #fff;
    padding: 0 .5em;
    margin: auto;
    border: 1px solid #fdc40f;
    cursor: pointer;
}

.resetRadioReturn,
.resetRadio {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    background: #073590;
    color: #fff;
    cursor: pointer;
    padding: 5px 0 0;
    height: 20px;
}

.returnCheck {
    position: relative;
    float: left;
    width: 100%;
    line-height: 1.2em;
    color: #073590;
    background: #fce297;
}

.returnCheckText {
    float: left;
    width: 73%;
    padding: 5px 0;
    text-align: right;
}

.returnCheckBox {
    float: right;
    text-align: center;
    width: 20%;
    background: #9ea4b7;
    padding: 12px 0;
}

.resultBox {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: 1px solid #073590;
    width: 100%;
    padding: 30px 10px 10px;
    margin: 25px 0 0;
}

.resultNameOfService {
    box-sizing: border-box;
    background: #073590;
    color: #fff;
    font-weight: bold;
    width: calc(100% + 21px);
    min-height: 30px;
    padding: 0 20px;
    margin-left: -10px;
    margin-top: -30px;
    margin-bottom: 30px;
}

.resultColumnIE {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 25%;
    min-height: 152px;
    padding: 0 25px;
    margin: 0 0 20px;
}

.resultColumn {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    float: left;
    width: 25%;
    min-height: 152px;
    padding: 0 25px;
    margin: 0 0 20px;
}

.resultColumn.oneTwo {
    border-right: 1px solid #073590;
}

.resultColumnIE.one {
    border-right: 1px solid #073590;
    position: initial;
}

.resultColumn.three {
    border-top: 0;
}

.resultBox .select {
    position: relative;
    z-index: 100;
    background: #f7f4f9;
    padding: 15px 12%;
    width: 76%;
    text-align: center;
}

.resultBox h2 {
    color: #073590;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
}

.resultBox .selectInfoLink {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: #008bec;
    padding: 0 .45em;
    margin-right: 5px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent;
}

.resultBox .info {
    color: #008bec;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.resultBox .openInfo:after,
.resultBox .closeInfo:after {
    content: '';
    font-size: 0;
    position: absolute;
    margin: 3px 0 0 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #008bec;
}

.resultBox .closeInfo:after {
    margin: 6px 0 0 10px;
    border-left-color: transparent;
    border-top-color: #008bec;
}

.resultBox .toggleInfo:hover .selectInfoLink {
    color: #fdc40f;
    background-color: #fff;
    border: 1px solid #fdc40f;
    cursor: pointer;
}

.resultBox .toggleInfo:hover {
    color: #fdc40f;
}

.resultBox .openInfo:hover:after {
    border-left-color: #fdc40f;
}

.resultBox .closeInfo:hover:after {
    border-top-color: #fdc40f;
}

.resultBox .select h3 {
    color: #073590;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 19px;
}

.resultBox .select p.selectedPrice {
    color: #073590;
    font-size: 28px;
    font-weight: bold;
}

.resultBox .selectOption {
    position: relative;
    display: block;
    background: #219212;
    font-size: 14px;
    width: 100%;
    height: 28px;
    color: #fff;
    text-align: right;
    border-top: 10px solid #fff;
    margin: 20px 0 0;
}

.resultBox button.selectOption,
.resultBox a.selectOption {
    position: relative;
    display: block;
    border: 0;
    background: 0;
    text-align: center;
    color: #073590;
    height: 28px;
    cursor: pointer;
    background: var(--yellow-gradient,linear-gradient(90deg,#d9b52e,#f1c933));
    text-transform: uppercase;
}

    .resultBox button.selectOption:hover,
    .resultBox a.selectOption:hover {
        background: linear-gradient( #d9b52e, #c1a129), linear-gradient(90deg,#d9b52e,#f1c933);
    }

.resultBox a.selectOption {
    box-sizing: border-box;
    padding-top: 5px;
}

.resultBox .info .infoInBlue {
    margin-top: 1px;
    height: 205px;
    background: #fff;
}

.resultBox .info .infoInBlue .blueBox {
    box-sizing: border-box;
    border-top: 15px solid #fff;
    background: #d8edfc;
    color: #073590;
    font-size: 14px;
    font-weight: normal;
    overflow-y: auto;
    height: 230px;
    padding: 20px 15px 0;
    margin-top: 5px;
    width: 100%;
    position: absolute;
    vertical-align: top;
    z-index: 5;
    left: 0;
    cursor: default;
}

.resultBox .info .infoInBlue .blueBox img {
    padding: 0 20px 10px;
    float: left;
    width: 20%;
}

.resultBox .info .infoInBlue .blueBox p {
    padding: 0 20px 10px 225px;
}

.resultBox .moreInfoArea a.info {
    color: #008bec;
    padding: 6px 10px 6px 30px;
    position: relative;
}

.resultBox .moreInfoArea a.info:hover {
    color: #fdc40f;
}

a.info:before {
    position: absolute;
    box-sizing: border-box;
    left: 10px;
    background: #008bec;
    color: #fff;
    top: 7px;
    padding: 0 0 0 4px;
    content: "i";
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 12px;
    font-style: italic;
    font-weight: bold;
    border: 2px solid #008bec;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-weight: normal;
    text-transform: lowercase;
}

a.info:hover:before {
    border: 2px solid #fdc40f;
    background: #fff;
    color: #fdc40f;
}

a.info:after {
    position: absolute;
    top: 8px;
    right: -10px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 7px solid #008bec;
}

a.info:hover:after {
    border-left: 7px solid #fdc40f;
}

.resultBox .moreInfoArea .openTooltip {
    position: relative;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLink {
    color: #008bec;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLinkClose {
    /*display: none;*/
    color: #fdc40f;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLinkIClose {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #fdc40f;
    background-color: #fff;
    padding: 0 .45em;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #fdc40f;
    cursor: pointer;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLinkClose:after {
    content: '';
    font-size: 0;
    position: absolute;
    margin: 5px 0 0 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fdc40f;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLink:hover {
    color: #fdc40f;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLink:after {
    content: '';
    font-size: 0;
    position: absolute;
    margin: 3px 0 0 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #008bec;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLink:hover:after {
    content: '';
    font-size: 0;
    position: absolute;
    margin: 3px 0 0 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #fdc40f;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLinkI {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    background-color: #008bec;
    padding: 0 .45em;
    margin-right: 5px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid transparent;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLinkI:hover {
    color: #fdc40f;
    background-color: #fff;
    padding: 0 .45em;
    /*margin: auto;*/
    border: 1px solid #fdc40f;
    cursor: pointer;
}

.resultBox .moreInfoArea .openTooltip .moreInfoLink:hover .moreInfoLinkI {
    color: #fdc40f;
    background-color: #fff;
    padding: 0 .45em;
    /*margin: auto;*/
    border: 1px solid #fdc40f;
    cursor: pointer;
}

.resultBox .moreInfoArea .openTooltip .infotooltip {
    display: none;
    float: left;
    position: absolute;
    background: white;
    padding: 15px 30px 15px 15px;
    color: #a19e9e;
    width: 450%;
    /*min-width: 700px;*/
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    top: 30px;
    /*left: -120px;*/
    z-index: 101;
    /*cursor: pointer;*/
    margin-left: 10px;
    border: 1px solid #073590;
    border-radius: 10px;
    /*-webkit-box-shadow: 0 0 1px 1px #a19e9e;
            -moz-box-shadow: 0 0 1px 1px #a19e9e;
            box-shadow: 0 0 1px 1px #a19e9e;*/
}




.resultBox .moreInfoArea .openTooltip .infotooltip:before {
    content: '';
    font-size: 0;
    position: absolute;
    margin: 3px 0 0 10px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #fff;
    top: -20px;
    left: 15px;
    z-index: 10;
}

.resultBox .moreInfoArea .openTooltip .infotooltip:after {
    content: '';
    font-size: 0;
    position: absolute;
    margin: 3px 0 0 10px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #073590;
    top: -21.5px;
    left: 15px;
    z-index: 9;
}

.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg {
    width: 30%;
    float: left;
    padding: 0 15px 0 0;
    height: 100%;
}

.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg img {
    width: 100%;
}


.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText {
    width: 65%;
    float: right;
    padding: 0;
    text-transform: none;
    min-height: 150px;
}


.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText a {
    color: #073590;
}

.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText a:hover {
    color: #fdc40f;
}

.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg button.selectOption,
.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg a.selectOption {
    display: none;
    position: absolute;
    bottom: 0;
    display: none;
    border: 0;
    background: 0;
    /*padding: 10px 0;*/
    text-align: center;
    color: white;
    cursor: pointer;
    background: #219212;
    text-transform: uppercase;
    width: calc(30% - 20px);
    min-width: 90px;
    margin: 0 0 10px 0;
    vertical-align: bottom;
}

.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText button.selectOption2,
.resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText a.selectOption2 {
    display: none;
    width: 100%;
    display: none;
    border: 0;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    color: white;
    cursor: pointer;
    background: #219212;
    text-transform: uppercase;
    min-width: 90px;
    vertical-align: bottom;
}



.resultBox .moreInfoArea .openTooltip .infotooltip .my_modal_close {
    background: url("../Images/RYNTsprite.png") no-repeat 0 -751px;
    /*background-size: 50%;*/
    width: 29px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.openTooltip .infotooltip .tooltipText p strong {
    color: #433d3c;
    margin-top: 5px;
    display: inline-block;
}


.resultColumnIE.one img.typeImage {
    width: 160px;
    padding-top: 0px;
}

.resultColumnIE.one .imageOuter {
    height: 83px;
    margin-bottom: 12px;
}

.resultColumn h2 {
    color: #073590;
    font-size: 20px;
    font-weight: normal;
}

.resultColumn h3 {
    color: #073590;
    font-size: 15px;
    font-weight: bold;
}

.resultColumn h4 {
    color: #073590;
    font-size: 20px;
    font-weight: normal;
}

.resultColumn h5 {
    color: #073590;
    font-size: 20px;
    font-weight: normal;
}

.resultColumn p {
    color: #3d6cad;
    font-size: 12px;
    font-weight: normal;
}

.resultColumn p.largetext {
    color: #3d6cad;
    font-size: 20px;
    font-weight: normal;
}

.resultColumn .boxBottom {
    position: absolute;
    bottom: 0;
}

.resultColumn .boxBottom P {
    padding-bottom: 1px;
}

/*Order summary (results/Payment/Confirmation)*/
.aside {
    width: 33%;
    vertical-align: top;
}

.summarySticky {
    width: 100%;
    position: relative;
    z-index: 10;
}

.summarySticky .summaryBack {
    background: #f7f4f9;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.summaryBack {
    background: #f7f4f9;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
}

.summaryHead {
    position: relative;
    display: block;
    background: #fdc40f;
    font-size: 14px;
    width: 100%;
    height: 25px;
}

.summarySticky .summaryHead {
    position: relative;
    display: block;
    background: #fdc40f;
    font-size: 14px;
    width: 84%;
    padding: 15px 0 15px 16%;
    color: #fff;
    height: auto;
}

.MobileAside .summaryHead {
    position: relative;
    display: block;
    background: #fdc40f;
    font-size: 14px;
    width: 88%;
    padding: 15px 0 15px 12%;
    color: #fff;
    height: auto;
}

.summaryContent {
    position: relative;
    display: block;
    width: 85%;
    margin: auto;
}

.summaryContentRow {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px 0 0;
}

.summaryContentRow.Underline {
    border-bottom: 1px solid #bbb;
    padding-bottom: 15px;
}

/*Journey Additional Info*/
.summaryJourneyDetailRow {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 15px;
}

.summaryJourneyDetailRow .left {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    width: 40%;
    float: left;
}

.summaryJourneyDetailRow .right {
    display: inline-block;
    width: 55%;
    float: right;
}

/*Journey Additional Info*/

.summaryContentLeft,
.summaryContentRight {
    position: relative;
    display: block;
    width: 55%;
    float: left;
}

.summarySticky .summaryContentLeft,
.summarySticky .summaryContentRight {
    position: relative;
    display: block;
    width: 100%;
    float: left;
}

.summaryContentRight {
    float: right;
    width: 45%;
}

.summarySticky .summaryContentLeft,
.summarySticky .summaryContentRight {
    position: relative;
    display: block;
    width: 100%;
    float: left;
}

.summaryContentRight.Underline {
    border-bottom: 1px solid #bbb;
}

.summaryContentRightRight,
.summaryContentRightLeft {
    position: relative;
    display: block;
    width: 40%;
    float: left;
}

.summaryContentRightRight {
    width: 55%;
    float: right;
}


.summaryContentRightRight p,
.summaryContentRightLeft p {
    font-size: 18px;
}

.Pay, .Confirm, .summaryFootText.Pay {
    min-height: 40px;
}

.Pay .summaryContentRightRight, .Confirm .summaryContentRightRight {
    text-align: right;
}

.summaryContentRightLeft .small {
    font-size: 12px;
    color: #073590;
}

.summaryContentRightRightTextbox {
    position: relative;
    display: block;
    margin: auto;
    padding: 0 0 5px;
    float: right;
}

.summaryContentPassengersLeft {
    position: relative;
    display: block;
    width: 40%; /*was 35% by Jez*/
    float: left;
}

.summaryContentPassengersRight {
    position: relative;
    display: block;
    float: right;
    width: 55%; /*not specified by Jez*/
}

.removeSelection {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 1.4em;
    color: #fff;
    background: #073590;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.removeSelection::after {
    content: "x";
    position: absolute;
    right: 5px;
}

.summaryFoot {
    position: relative;
    display: block;
    background: #219212;
    font-size: 14px;
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: right;
    border-top: 10px solid #fff;
    margin: 20px 0 0;
}

.summarySticky .summaryFoot {
    box-sizing: border-box;
    position: relative;
    display: block;
    background: #219212;
    height: auto;
    font-size: 14px;
    width: 100%;
    color: #fff;
    padding: 20px 8% 10px;
    text-align: left;
    border-top: 3px solid #fff;
    margin: 20px 0 0;
}

.summarySecure {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background: #fff;
}

.summaryHead h1 {
    font-size: 16px;
    padding: 0 10px 0 0;
}

.summaryHead h1:before {
    position: absolute;
    display: block;
    left: 10px;
    top: 18px;
    content: " ";
    height: 28px;
    width: 30px;
    background: transparent url("../images/RYNTsprite.png") no-repeat -160px -850px;
}

.summaryContent h1 {
    font-size: 20px;
    font-weight: normal;
}

.MobileAside .summaryContent h1,
.summarySticky .summaryContent h1 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 20px;
}

.summaryContent h2 {
    font-size: 18px;
    font-weight: normal;
}

.summaryContent h3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #073590;
    font-weight: normal;
}

.summaryContent h4 {
}

.summaryContent h5 {
    color: #073590;
    font-size: 24px;
}

.summaryContent p {
}

.summaryContent .bigNBold {
    font-weight: bold;
    font-size: 1.2em;
}

.summarySticky .summaryContent .bigNBold {
    font-weight: bold;
    font-size: 1em;
}

.summaryContent .smlText {
    font-size: 12px;
}

.summaryContent ul {
    padding: 0 0 20px;
    margin: 0;
    list-style: none;
    font-size: 14px;
}

.summaryFootLink {
    position: relative;
    display: block;
    padding-right: 45px;
}

button.summaryFootLink {
    position: relative;
    display: block;
    padding-right: 45px;
    border: 0;
    background: 0;
    color: #fff;
    height: 28px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

button.summaryFootLink:hover {
    color: #fdc40f;
}

.summaryFootText {
    font-weight: bold;
}

.summaryFootPrice {
    font-weight: bold;
    font-size: 2em;
}

.summaryFootLink:after {
    position: absolute;
    display: block;
    right: 0;
    top: 0px;
    border-left: 3px solid #fff;
    content: " ";
    height: 28px;
    width: 25px;
    background: transparent url("../images/RYNTsprite.png") no-repeat -155px -795px;
}

.summaryFootLink:hover:after {
    border-left: 3px solid #fdc40f;
    content: " ";
    background: transparent url("../images/RYNTsprite.png") no-repeat -130px -795px;
}

.summarySticky .summaryFootLink:after,
.summarySticky .summaryFootLink:hover:after {
    position: relative;
    display: none;
    border: 0;
    content: "";
    height: 0px;
    width: 0px;
    background: none;
}

.summaryFoot.summarySticky {
    border-top: 3px solid #fff;
    padding: 10px 0 5px;
    text-align: left;
}

.summaryFoot.summarySticky .summaryFootText {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}

/*Payment Confirmation*/

.payment-section input {
    cursor: pointer;
}

.PaymentArea {
    position: relative;
    padding: 0 3% 30px;
    width: 94%;
    max-width: 960px;
    margin: 0 auto 30px;
}

.PaymentAreaInner {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    vertical-align: bottom;
}

.PaymentArea .items-area {
    width: 58%;
    position: relative;
    float: right;
    display: inline-block;
}

.payment-section {
    color: #333;
    position: relative;
    float: right;
    display: inline-block;
}

h1.pageTitle {
    /*font-size: 36px;*/
    font-size: 24px;
    /*font-weight: normal;*/
    font-weight: bold;
    color: #073590;
}

.payment-section .headline {
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #b2b6b9;
    padding: 0 0 7px;
    margin: 0 0 20px;
    font-weight: normal;
    font-size: 19px;
    line-height: 1em;
    position: relative;
}

.Cardimage {
    position: relative;
    float: left;
    display: inline-block;
    width: 45%;
    padding: 0 3% 0 33%;
    font-size: 14px;
    line-height: 1em;
}

.SecurityLogo {
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 1px;
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 -900px;
}

.SecurityLogo.delta {
    background-position: -39px -900px;
}

.SecurityLogo.master {
    background-position: -78px -900px;
}

.SecurityLogo.maestro {
    background-position: -118px -900px;
}

.SecurityLogo.amex {
    background-position: -157px -900px;
}

.form-section #nameTitle {
    width: 14%;
    padding: 0;
    margin-right: 0;
    height: 34px;
}

.form-section #nameTitle {
    margin-left: 33%;
}

.FormBox {
    box-sizing: border-box;
    position: relative;
    float: left;
    display: inline-block;
    height: 32px;
    width: 51%;
    border: solid 1px #9ea4b7;
    padding: 5px;
    font-size: 14px;
    line-height: 2em;
    background: #fcfcfc;
    margin-right: 10px;
}

.FormBoxDropShow {
    position: absolute;
    left: 0;
    float: left;
    display: inline-block;
    height: 32px;
    width: 40%;
    margin-left: 33%;
    Background: #fcfcfc url("../images/RYNTsprite.png") no-repeat 70% -930px;
    border: solid 1px #b2b6b9;
    padding: 2px 10px 0;
    font-size: 14px;
    line-height: 2em;
    box-sizing: border-box;
}

.FormBoxDrop {
    opacity: 0;
    position: absolute;
    z-index: 100;
    width: 40%;
    height: 32px;
    top: 0;
    left: 0;
    margin-left: 33%;
    padding: 15px 3px 0 0;
    outline: 0px;
    cursor: pointer;
    border: 0px;
    box-sizing: border-box;
}

.FormBoxDropShortRShow,
.FormBoxDropShortLShow {
    position: absolute;
    left: 0;
    float: left;
    display: inline-block;
    height: 32px;
    width: 20%;
    margin-left: 33%;
    Background: #fcfcfc url("../images/RYNTsprite.png") no-repeat 90% -930px;
    border: solid 1px #b2b6b9;
    padding: 2px 5px 0;
    font-size: 14px;
    line-height: 2em;
    box-sizing: border-box;
}

.FormBoxDropShortRShow {
    margin-left: 55%;
}

.FormBoxDropShortR,
.FormBoxDropShortL {
    opacity: 0;
    position: absolute;
    z-index: 100;
    width: 20%;
    height: 32px;
    top: 0;
    left: 0;
    margin-left: 33%;
    padding: 15px 3px 0 0;
    outline: 0px;
    cursor: pointer;
    box-sizing: border-box;
}

.FormBoxDropShortR {
    margin-left: 55%;
}

.formEnd {
    position: relative;
    float: left;
    display: inline-block;
    width: 100%;
    background: #fff;
    text-align: left;
    padding: 0;
}

.formEnd h5,
.formEnd h4 {
    font-size: 11pt;
    position: relative;
    /*float: left;*/
    display: inline-block;
    margin: 5px 0;
}

.formEnd h5 {
    font-size: 9pt;
}

.PaymentConfirmIntro,
.PaymentConfirm {
    float: left;
    display: inline-block;
    position: relative;
    width: 99%;
    padding: 3px .5%;
    text-align: center;
}

.PaymentConfirmIntro a {
    color: #333;
    text-decoration: underline;
}

.PaymentConfirm button {
    background: #219212;
    width: 100%;
    padding: 3px 4%;
    margin-top: 12px;
    float: left;
    display: inline-block;
    position: relative;
    font-size: 28px;
    text-align: center;
    line-height: 1.8em;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.PaymentConfirm button:hover {
    background: #025500;
}

.PaymentConfirm button:after {
    position: relative;
    display: inline-block;
    content: " ";
    height: 19px;
    width: 25px;
    margin-left: 20px;
    background: transparent url("../images/RYNTsprite.png") no-repeat -160px -850px;
}

.PersonalDetails a {
    color: #000;
}

.form-section .row .error:not(input) {
    font-size: 12px;
}

.l4-braintree-field-invalid,
.FormBox.error {
    background: #fceaef;
}


select.calling-code {
    width: 14%;
    font-family: monospace;
}
input.mobile-number {
    width: 35.2%;
}




/*payment Paypal para 1*/

/*hidden just used for html markup version*/
.hidden {
    display: none;
}

.headline.card-details.PayPalAddLine, .headline.card-details.PayPalloggedIn {
    width: 33%;
    border: 0;
    vertical-align: bottom;
}

.headline.card-details.PayPalloggedIn {
    width: 33%;
    border: 0;
    vertical-align: bottom;
    padding-bottom: 100px;
}

.headlineReplace {
    width: 100%;
}

.payment-container.payment-container-creditcard.PayPalAddLine {
    display: inline-block;
    position: relative;
    width: 100%;
    border-top: 1px solid #c2c2c2;
    top: -20px;
    padding-top: 20px;
}

.creditcardTabActive, .creditcardTab {
    margin-bottom: 20px;
    margin-left: 33%;
    position: absolute;
    top: -24px;
    left: 5px;
}

.creditcardTab {
    top: 0;
    display: none;
}

.creditcardTab.PayPalloggedIn {
    display: inline-block;
}

.creditcardTabActive {
    display: none;
}

.creditcardTab a {
    color: #000;
}

.creditcardTabActive:before,
.creditcardTab a:before,
.payment-container.payment-container-paypal.PayPalAddLine:before,
.PayPalloggedIn .braintreePaypalLoggedinBefore:before {
    content: "";
    border: solid 1px #9ea4b7;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin-right: 7px;
}

.creditcardTabActive:before,
.PayPalloggedIn .braintreePaypalLoggedinBefore:before {
    border: solid 1px #3492f2;
    background: #3492f2;
}

.creditcardTabActive:after,
.PayPalloggedIn .braintreePaypalLoggedinBefore:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border: solid 1px #3492f2;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 6px;
}

.payment-container.payment-container-paypal.PayPalAddLine:after {
    display: none;
}

.payment-container.payment-container-paypal.PayPalAddLine:before {
    border: solid 1px #9ea4b7;
    background: none;
    position: absolute;
    left: 5px;
    top: 6px;
    z-index: 1;
}

.creditcardTab.PayPalAddLine {
    display: none;
}

.creditcardTabActive.PayPalAddLine {
    display: inline-block;
}

/*.payment-container.payment-container-paypal.PayPalloggedIn {
    border-top: 1px solid #c2c2c2;
    padding-top: 30px;
    position: absolute;
    bottom: 45px;
    width: 100%;
    height: 55px;
}*/

#braintree-paypal-loggedin {
    margin: auto;
    display: none !important;
}

.PayPalloggedIn #braintree-paypal-loggedin {
    display: block !important;
}

.braintreePaypalLoggedinBefore {
    display: none;
}

.PayPalloggedIn .braintreePaypalLoggedinBefore {
    width: 120px;
    height: 23px;
    display: inline-block;
    position: absolute;
    float: right;
    box-sizing: border-box;
    padding: 0;
    background-image: url(../images/paypal.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-color: #fff;
    background-size: contain;
    top: -30px;
    right: 0;
}

/*confirmation*/
.Confirmation-section .pageTitle {
    border-bottom: 0;
    color: #073590;
    padding: 0;
}

.Confirmation-section h1.pageTitle {
    font-size: 36px;
    font-weight: normal;
}

.Confirmation-section h2 {
    font-size: 24px;
    color: #073590;
    line-height: 1.2em;
    padding: 20px 0;
    font-weight: normal;
}

.Confirmation-section h3 {
    font-size: 18px;
    color: #073590;
    line-height: 1.2em;
    padding: 15px 0;
}

.Confirmation-section h4 {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 1.2em;
    padding: 10px 0;
}

.Confirmation-section h6 {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0;
    margin: 20px 0 10px;
}

.Confirmation-section h5 {
    color: #073590;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
    padding: 10px 0;
}

.Confirmation-section p {
    font-size: 14px;
    color: #666;
    padding: 10px 0;
}

.Confirmation-section a {
    color: #073590;
}

.C onfirmation-section a:hover {
    color: #fdc40f;
}

.Confirmation-section .order-detials h2 {
    padding: 40px 0 15px;
}

.Confirmation-section .order-detials .order-section h2 {
    width: 30%;
    text-align: right;
}

.order-section {
    float: left;
    display: inline-block;
    position: relative;
    width: 100%;
}

.orderFieldRow {
    float: left;
    display: inline-block;
    position: relative;
    width: 100%;
}

.orderFieldNameValue,
.orderFieldName {
    float: left;
    display: inline-block;
    position: relative;
    width: 30%;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4em;
    color: #666;
}

.orderFieldNameValue {
    width: 60%;
    padding-left: 15px;
    color: #073590;
    text-align: left;
    font-weight: normal;
}

.PageClassConfirmation .summaryContentRightRight {
    /* display: none;*/
}

.PageClassConfirmation.summaryFootText.Confirm,
.PageClassConfirmation.summaryFootText.Confirm .summaryFootPrice {
    display: inline-block;
}

.PageClassPayment .breadcrumb.Confirm,
.PageClassConfirmation .breadcrumb.Pay,
.PageClassConfirmation .summaryFootText.Pay,
.PageClassPayment .summaryFootText.Confirm {
    display: none;
}

/*About Page*/
.aboutImage {
    display: block;
    position: relative;
    background: #fff url("https://cdn2.looking4.com/media/images/transfers/RyanAirTransfers/About-hero-banner.jpg") no-repeat 100% 75%;
    background-size: cover;
    width: 100%;
    height: 300px;
}

.typesImage {
    display: block;
    position: relative;
    background: #fff url("https://cdn2.looking4.com/media/images/transfers/RyanAirTransfers/Type-of-transfer-hero-banner.jpg") no-repeat 65% 75%;
    background-size: cover;
    width: 100%;
    height: 300px;
}

.infoArea.about {
    position: relative;
    display: inline-block;
    padding: 30px 0;
}

.infoArea.about h1,
.infoArea.about h2 {
    color: #073590;
    font-weight: lighter;
}

.infoArea.about h1,
.infoArea.about h2 {
    padding: 10px 0 0;
}

.infoArea.about .typesRow p {
    position: relative;
    display: inline-block;
    padding: 20px 0;
    color: #333;
    font-size: 14px;
}

.infoArea.about .infoAreaInner p {
    position: relative;
    display: inline-block;
    padding: 20px 0 0;
    color: #333;
    font-size: 14px;
}

.infoArea.about .infoAreaInner a {
    color: #333;
    text-decoration: underline;
}

.infoArea.about .infoAreaInner a:hover {
    color: #073590;
}

.infoArea.about .typesRow h2 {
    position: relative;
    display: block;
    padding-bottom: 0;
    margin-bottom: -20px;
}

.typesRow {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
}

.typesRow.sectionBreak {
    padding-bottom: 20px;
}

.typesTopLeft {
    position: relative;
    display: inline-block;
    float: left;
    width: 63%;
}

.typesTopRight {
    float: right;
    width: 35%;
}

.typesBotmLeft,
.typesTBotmRight {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
}

.typesBotmLeft img {
    width: 100%;
}

.typesTBotmRight {
    float: right;
    width: 78%;
}

.infoArea.about .typesRow img {
    width: 100%;
    height: 100%;
    max-width: 168px;
}

.aboutImageInner {
    position: relative;
    display: block;
    padding: 90px 3% 0;
    width: 94%;
    max-width: 960px;
    margin: auto;
}

/*.typesImage .SplashBoxImage.en,
.aboutImage .SplashBoxImage.en {
    background: transparent url("../images/L4Troundal.png") no-repeat 50% 49%;
    background-size: 105%;
    content: " ";
    height: 190px;
    width: 190px;
    border-radius: 50%;
}*/

/*Error pages 4xx and 5xx*/
.ErrorCopy {
    width: 100%;
    min-height: 150px;
    background: #f0f5fa;
    color: #0d50a3;
    text-align: center;
    padding: 150px 0 100px;
}

.ErrorCopy h1 {
    font-size: 36px;
    line-height: 1em;
}

.ErrorCopy h2 {
    font-size: 21px;
    line-height: 1.4em;
    padding-bottom: 1em;
}

.ErrorCopy a {
    line-height: 1.4em;
    padding: 0.5em 2em;
    background: #FDC40F;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.ErrorCopy a:hover {
    background: #073590;
    text-decoration: none;
}

/*footer*/
.footerBackground {
    position: relative;
    bottom: 0;
    display: inline-block;
    padding: 20px 3% 30px;
    background-color: #073590;
    width: 94%;
    margin: 0;
    margin-bottom: -40px;
}

.footerBox {
    position: relative;
    display: block;
    width: 100%;
    max-width: 960px;
    margin: auto;
}

.footerLeft {
    position: relative;
    display: inline-block;
    margin: auto;
    width: 230px;
    float: left;
    color: #fff;
}

.footerL4Timage:before {
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 -13px;
    padding-left: 20px;
    display: inline-block;
    float: left;
    content: " ";
    height: 40px;
    width: 45px;
}

.footerL4Timage {
    display: inline-block;
    float: left;
    line-height: 1.6em;
    font-size: 12px;
    width: 240px;
}

img.LFTtextlogo {
    background: transparent url("../images/RYNTsprite.png") no-repeat 0 -60px;
    margin: 0;
    padding: 0;
    width: 170px;
    height: 20px;
    margin-top: 1em;
}

.footerRight {
    position: relative;
    display: inline-block;
    margin: auto;
    float: right;
    text-align: right;
    font-size: 12px;
    line-height: 1.4em;
    color: #fff;
}

.footerRight .link,
.FooterRightText.Row2 {
    font-size: 14px;
}

/*modal*/
#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.modal_close {
    background: url("../images/RYNTsprite.png") no-repeat 0 -750px;
    width: 42px;
    height: 42px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 5px;
    right: 20px;
    cursor: pointer;
}

.basic-modal-content,
.basicModalContent {
    position: absolute;
    top: 0;
    /*display:none;*/
    width: 100%;
    max-width: 760px;
    position: relative;
    color: #666;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
}

.basic-modal-content .modalSecuirtyImage {
    width: 100%;
    margin: 20px 0;
}

.basic-modal-content {
    -moz-box-shadow: 0px 5px 15px 6px rgba(000, 000, 000, 0.6);
    -webkit-box-shadow: 0px 5px 15px 6px rgba(000, 000, 000, 0.6);
    box-shadow: 0px 5px 15px 6px rgba(000, 000, 000, 0.6);
    background-color: #fff;
}

.basicModalContent {
    box-sizing: border-box;
    top: 100px;
    width: 95%;
    max-width: 760px;
    position: relative;
    color: #666;
    margin: 0 auto;
    border: 0;
}

#basic-modal-content h3,
.basic-modal-content h3 {
    margin: 0;
    background: #073590;
    padding: 8px 100px 8px 4%;
    font-size: 24px;
    line-height: 1.2em;
    color: #fff;
}

.modalContent p {
    padding: 10px 0;
}

.WebsiteTandCsContent,
.securePayContent {
    display: inline-block;
    float: left;
    position: relative;
    padding: 20px 4%;
    overflow: hidden;
    overflow-y: scroll;
}

#basic-modal-content-TandCs {
    overflow: auto;
    padding: 35px 20px 0;
    position: fixed;
}

/* tand cs modal */
#basic-modal-content-TandCs, #basic-modal-booking-fee {
    box-sizing: border-box;
    overflow: auto;
    padding: 35px 20px 0;
    position: fixed;
    width: 95%;
}

#basic-modal-content-TandCs .title-area, #basic-modal-booking-fee .title-area {
    box-sizing: border-box;
    position: fixed;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    max-width: 705px;
    margin-top: -35px;
    padding-bottom: 5px;
}

#basic-modal-content-TandCs .title-area h1, #basic-modal-booking-fee .title-area h1 {
    box-sizing: border-box;
    padding: 8px 80px 8px 0;
    font-size: 24px;
    line-height: 1.2em;
    color: #0d50a3;
    font-weight: 700;
}

#basic-modal-content-TandCs .closeArea, #basic-modal-booking-fee .closeArea {
    box-sizing: border-box;
    z-index: 2;
    position: fixed;
    width: 100%;
    height: 40px;
    max-width: 705px;
    margin-top: -30px;
}

#basic-modal-content-TandCs .closeArea .modal_close, #basic-modal-booking-fee .closeArea .modal_close {
    box-sizing: border-box;
    background: url("../images/RYNTsprite.png") no-repeat 0 -750px;
    width: 35px;
    height: 35px;
    z-index: 3200;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
}

#basic-modal-content-TandCs .info-post, #basic-modal-booking-fee .info-post {
    box-sizing: border-box;
    padding: 0;
    font-size: 14px;
    line-height: 1.4em;
}

#basic-modal-content-TandCs .info-post .item, #basic-modal-booking-fee .info-post .item {
    box-sizing: border-box;
    padding-top: 20px;
}

#basic-modal-content-TandCs .info-post .item h2, #basic-modal-booking-fee .info-post .item h2 {
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.2em;
    padding: 10px 0;
}

#basic-modal-content-TandCs .info-post .item ol {
    box-sizing: border-box;
    list-style: lower-roman;
    padding-left: 30px;
    font-size: 14px;
}

#basic-modal-content-TandCs .info-post .item ol a {
    color: #073590;
}

#basic-modal-content-TandCs .info-post .item ol a:hover {
    color: #fdc40f;
}

.aboutTransferButtonArea {
    box-sizing: border-box;
    width: 70%;
    min-height: 40px;
    margin: 40px auto;
}

.aboutTransferButtonArea button.aboutButton {
    width: 100%;
    height: 100%;
    font-weight: lighter;
    background: #FDC40F;
    color: #073590;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    outline: none;
    padding: 10px 0;
}

.aboutTransferButtonArea button:hover {
    background: #073590;
    color: #fff;
}

.aboutTransferButtonArea button .afterbutton:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 0;
    margin-top: 4px;
    margin-left: 20px;
    /*margin-left: calc(50% - 3px);*/
    border: 4px transparent solid;
    border-left: 8px #073590 solid;
}

.aboutTransferButtonArea button:hover .afterbutton:after {
    border-left: 8px #fff solid;
}

.transfersTypesButtonArea {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    margin-top: 40px;
    border: 1px solid red;
    padding-left: 22%;
}

/*more info modal */
.basicModalContent .modal_close {
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -45px;
    right: -26px;
    cursor: pointer;
}

.basicModalContent {
    top: 130px;
    width: 95%;
    max-width: 760px;
    position: relative;
    color: #666;
    margin: 0 auto;
    border: 0;
    -webkit-box-shadow: 0, 3px, 3px, 3px, rgba(0, 0, 0, .5);
    -moz-box-shadow: 0, 3px, 3px, 3px, rgba(0, 0, 0, .5);
    box-shadow: 0, 3px, 3px, 3px, rgba(0, 0, 0, .5);
}

.basicModalContent:before {
    box-sizing: border-box;
    content: " ";
    display: block;
    background: #fff;
    height: 30px;
    position: absolute;
    top: -30px;
    width: 100%;
}

.basicModalContent .content {
    background-color: transparent;
    overflow: auto;
}

.basicModalContent .content .innerContent {
    background-color: #fff;
    padding: 0 20px 20px;
    min-height: 135px;
}

.basicModalContent .content .innerContent .title-area h1 {
    padding: 8px 80px 8px 0;
    font-size: 24px;
    line-height: 1.2em;
    color: #073590;
    font-weight: 700;
}

.basicModalContent .content .innerContent a {
    color: #008bec;
    display: block;
}

.basicModalContent .content .innerContent a:hover {
    color: #073590;
    text-decoration: underline;
}

.basicModalContent .content .innerContent img {
    max-width: 220px;
    float: right;
    padding: 0 0 10px 10px;
}

.basicModalContent .content .innerContent strong {
    padding: 5px 25px;
    margin: 10px 0 0;
    margin-left: -27px;
    background: #073590;
    color: #fff;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: normal;
}

.basicModalContent .content .innerContent strong strong {
    padding: 0;
    margin: 0;
    background: none;
}

.basicModalContent .content .innerContent p {
    padding: 3px 0;
    line-height: 1.3em;
    font-size: 14px;
}

.basicModalContent .content .innerContent .info-post {
    padding: 0;
    font-size: 14px;
    line-height: 1.4em;
}

.basicModalContent .content .innerContent .info-post .item {
    padding-top: 20px;
}

.basicModalContent .content .innerContent .info-post .item h2 {
    font-size: 18px;
    line-height: 1.2em;
    padding: 10px 0;
}

.basicModalContent .content .innerContent .info-post .item ol {
    list-style: lower-roman;
    padding-left: 30px;
    font-size: 14px;
}

.basicModalContent .content .innerContent .info-post .item strong {
    padding: 5px 55px;
    margin-left: -57px;
}

/*TimeSelectModal*/

.TimeSelectModal {
    top: 180px;
    width: 96%;
    width: calc(100% - 50px);
    max-width: 960px;
    max-height: 420px;
    min-height: 200px;
    overflow: auto;
}

.TimeSelectModal .modal_close {
    top: 10px;
    right: 5px;
    cursor: pointer;
}

.TimeSelectModal .title-area h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 15px 100px 15px 2%;
}

.TimeSelectModal .content {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    position: relative;
    padding: 20px 2%;
    width: 100%;
    margin: 20px 0;
}

.TimeSelectModal .content .timetable {
    box-sizing: border-box;
    width: 48%;
    padding-right: 2%;
    margin: auto;
    color: #073590;
    font-weight: bold;
}

.TimeSelectModal .content .timetable.Return.inline {
    float: right;
}

.TimeSelectModal .content .timetable.Out.inline {
    float: left;
    border-right: 1px solid #9ea4b7;
}

.TimeSelectModal .content .timetable.Return button {
    margin-top: 20px;
    width: 100%;
    background: #073590;
    text-transform: uppercase;
    border: none;
    color: #fff;
    font-weight: bold;
    padding: 6px;
    cursor: pointer;
}

.TimeSelectModal .content .timetable.Return button.selectOption:hover {
    background: #fdc40f;
    color: #073590;
}

.TimeSelectModal .content .timetable.Return button:after {
    background: url("../images/RYNTsprite.png") no-repeat -193px -802px;
    content: "";
    padding: 0 5px;
    margin-left: 12%;
}

.timetable h4 {
    box-sizing: border-box;
    padding: 0 0 10px 5px;
    font-size: 21px;
}

.timetable .titleRow,
.timetable .optionRow {
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
}

.timetable .titleRow {
    font-size: 12px;
    font-weight: bold;
}

.timetable .optionRow:nth-of-type(even) {
    background: #f7f5fa;
    margin: 5px 0;
}

.timetable .column1,
.timetable .column2,
.timetable .column3,
.timetable .column4,
.timetable .column5 {
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    width: 24%;
    margin-left: -5px;
    padding: 0 0 0 4px;
}

.timetable .column4,
.timetable .column2 {
    width: 13.3%;
    margin-right: 1.5%;
}

.timetable .column5 {
    width: 22%;
    margin-right: 1%;
}

.radioChecked {
    width: 99%;
    border: 0;
    background: #199300;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.radioChecked:hover {
    background: #025500;
}

.radioChecked label {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffc501;
    padding: 5px 0;
    width: 100%;
}

.radioChecked input[type=radio] {
    width: 100%;
    height: 36px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    left: -5px;
    top: -3px;
}

.radioChecked input[type=radio]:checked + label {
    visibility: visible;
}

.timetableSpinner {
    width: 100%;
    background: url("../images/searching.gif") no-repeat 50% 50%;
    min-height: 150px;
}

.timetable .srolltext {
    display: none;
    width: 100%;
    float: none;
    color: #f00;
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
/*ModalResponsive*/
@media screen and (min-height: 876px) {
    .content-tab {
        height: 455px;
    }

    .modalContent {
        height: 665px;
    }

    .basic-modal-content {
        margin-top: 120px;
        max-height: 760px;
    }

    .basicModalContent {
        top: 150px;
        max-height: 760px;
    }

    .basicModalContent .content {
        max-height: 660px;
    }
}

@media screen and (max-height: 875px) {
    .content-tab {
        height: 345px;
    }

    .modalContent {
        height: 565px;
    }

    .basic-modal-content {
        margin-top: 50px;
        max-height: 760px;
    }

    #basic-modal-content-TandCs .info-post {
        height: auto;
    }

    .basicModalContent {
        top: 100px;
        max-height: 650px;
    }

    .basicModalContent .content {
        max-height: 600px;
    }

    .mainImage {
        height: 650px;
    }

    .quoteArea {
        padding: 5px 3%;
        margin: 5px auto;
    }

    .PageClassHome .ui-datepicker {
        margin-top: 250px;
    }

    .PageClassHome .ui-datepickerReturn {
        margin-top: 305px;
    }
}

@media screen and (max-height: 775px) {
    .content-tab {
        height: 295px;
    }

    .modalContent {
        height: 515px;
    }

    .basic-modal-content {
        margin-top: 50px;
        max-height: 600px;
    }

    .TimeSelectModal {
        top: 50px;
    }

    .basic-modal-content-TandCs .info-post, .basic-modal-content .info-post {
        height: auto;
    }

    .basic-modal-content-TandCs .securePayContent, .basic-modal-content .securePayContent {
        overflow-y: scroll;
        height: 480px;
    }

    .basicModalContent {
        max-height: 500px;
    }

    .basicModalContent .content {
        max-height: 450px;
    }

    .mainImage {
        height: 640px;
    }
}

@media screen and (max-height: 655px) {
    .mobileMenuDrop {
        display: inline-block;
        width: 25px;
        height: 21px;
        background: transparent url("../images/RYNTsprite.png") no-repeat -100px -20px;
        display: inline-block;
        float: left;
        padding: 0;
        margin: 2px 20px 2px 0;
        position: relative;
        z-index: 5;
    }

    .menuBar,
    .mainNav {
        display: none;
    }

    .content-tab {
        height: 200px;
    }

    .modalContent {
        height: 400px;
    }

    .basic-modal-content {
        margin-top: 80px;
        max-height: 500px;
    }

    .basicModalContent {
        max-height: 350px;
    }

    .basicModalContent .content {
        max-height: 300px;
    }

    .TimeSelectModal {
        top: 10px;
    }

    .mainImage {
        height: 540px;
    }

    .destinationBox .input.dynamic-airport-searcher input {
        padding: 5px 1%;
    }

    .CountryDroper .datalist {
        top: 64px;
    }

    .datalist {
        /*top: 40px;Increased to 134 after adding country div*/
        top: 134px;
    }



    .AirportDropLower .datalist {
        /*top: 80px;increased to 174 after adding country div*/
        top: 174px !important;
    }

    .quoteContainer h2 {
        font-size: .9em;
    }

    .SplashBoxContainer h1 {
        font-size: 1.5em;
        padding: 0 0 15px;
    }

    .quoteFormTandCs {
        color: #9ea4b7;
        font-size: 12px;
        text-align: center;
        padding: 0px 0 5px;
        position: relative;
    }

    .PageClassHome .ui-datepicker {
        margin-top: 135px; /*increased after adding country*/
        /*margin-top: 390px;*/
    }

    .PageClassHome .ui-datepickerReturn {
        margin-top: 190px; /*increased after adding country*/
        /*margin-top: 285px;*/
    }

    .PageClassSearchResults .ui-datepicker {
        margin-top: 15px;
    }

    .PageClassSearchResults .ui-datepickerReturn {
        margin-top: 90px;
    }

    #basic-modal-content-TandCs .info-post {
        height: auto;
    }

    #basic-modal-content-TandCs .securePayContent, #basic-modal-booking-fee .securePayContent {
        height: 380px;
    }
}

@media screen and (max-height: 565px) {
    .content-tab {
        height: 115px;
    }

    .securePayContent,
    .modalContent {
        height: 300px;
    }

    .basic-modal-content {
        margin-top: 50px;
        max-height: 470px;
    }

    #basic-modal-content-TandCs .info-post, #basic-modal-booking-fee .info-post {
        height: auto;
    }

    #basic-modal-content-TandCs .securePayContent, #basic-modal-booking-fee .securePayContent {
        height: 280px;
    }

    .basicModalContent {
        top: 50px;
        max-height: 220px;
    }

    .basicModalContent .content {
        max-height: 200px;
    }
}

@media screen and (max-height: 475px) {
    .basic-modal-content {
        margin-top: 10px;
        max-height: 350px;
    }

    .securePayContent,
    .modalContent {
        height: 200px;
    }

    #basic-modal-content-TandCs .info-post {
        height: auto;
    }

    #basic-modal-content-TandCs .securePayContent {
        height: 200px;
    }
}

/*Responsive*/
@media only screen and (max-width: 1024px) {

    .returnCheckBox {
        padding: 20px 0;
    }

    .quoteContainer h2 {
        font-size: .9em;
    }

    .SplashBoxContainer h1 {
        font-size: 1.5em;
        padding: 0 0 15px;
    }

    .quoteFormTandCs {
        color: #9ea4b7;
        font-size: 12px;
        text-align: center;
        padding: 0px 0 5px;
        position: relative;
    }

    .quoteAreaResultsTitle h1,
    .quoteAreaResultsLeft h1 {
        font-size: 21px;
    }

    #basic-modal-content-TandCs {
        width: 60%;
    }

    #basic-modal-content-TandCs .title-area {
        width: 55%;
    }

    #basic-modal-content-TandCs .closeArea {
        width: 55%;
    }
}

@media only screen and (max-width: 920px) {

    .TransferTypesLeft,
    .TransferTypesRight {
        width: 100%;
        float: left;
    }

    .TransferTypesOption.one .tooltip {
        margin-left: -80px;
    }

    .TransferTypesOption.one .tooltip:before, .TransferTypesOption.one .tooltip:after {
        left: 60%;
    }

    .searchSectionNoResults hr {
        width: 100%;
    }

    .quoteAreaResultsTitle h1,
    .quoteAreaResultsLeft h1 {
        font-size: 20px;
    }

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

    .timetable .column1,
    .timetable .column2,
    .timetable .column3,
    .timetable .column4,
    .timetable .column5 {
        width: 31%;
    }

    .timetable .column4,
    .timetable .column2 {
        width: 17%;
    }

    .timetable .column5 {
        width: 100%;
    }

    /*Paypal para 2*/
    .creditcardTabActive {
        top: 20px;
    }

    .payment-container.payment-container-creditcard.PayPalAddLine {
        padding-top: 60px;
    }

    .payment-container.payment-container-paypal.PayPalAddLine {
        float: none;
    }

    .PayPalloggedIn .braintreePaypalLoggedinBefore {
        top: 3px;
        right: auto;
        left: 5px;
        margin-left: 33%;
    }
    /*end Paypal para 2*/
}




@media only screen and (max-width: 780px) {
    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg button.selectOption,
    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg a.selectOption {
        display: block;
    }

    .mainImage {
        /*height: 565px;*/
        height: 650px;
    }

    .PageClassHome .ui-datepicker {
        /*margin-top: 170px;*/
        margin-top: 270px;
        margin-left: -.5em;
    }

    .PageClassHome .ui-datepickerReturn {
        /*margin-top: 190px;*/
        margin-top: 290px;
    }

    .ui-datepicker:after {
        display: none;
    }

    .PageClassSearchResults .ui-datepicker {
        margin-top: 100px;
        margin-left: 12em;
    }

    .PageClassSearchResults .ui-datepickerReturn {
        margin-top: 200px;
        margin-left: 12em;
    }

    .threeToOneColumns {
        position: relative;
        display: inline-block;
        float: left;
        width: 100%;
    }

    .topBarRight {
        margin: 8px auto;
    }

    .mobileMenuDrop {
        display: inline-block;
        width: 25px;
        height: 21px;
        background: transparent url("../images/RYNTsprite.png") no-repeat -100px -20px;
        display: inline-block;
        float: left;
        padding: 0;
        margin: 2px 20px 2px 0;
        position: relative;
        z-index: 5;
    }

    .menuBar,
    .mainNav {
        display: none;
    }

    .quoteArea {
        padding: 0 3%;
        margin: 0 auto 20px;
    }

    .quoteAreaLeft {
        display: none;
    }

    .quoteAreaRight {
        position: relative;
        display: block;
        float: none;
        width: 100%;
    }

    .quoteContainer {
        width: 90%;
        margin: 0 0 8px;
        background: rgba(255, 255, 255, 0.8);
        -webkit-box-shadow: 0 8px 0 rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0px 8px rgba(255, 255, 255, 0.5);
    }

    .destinationBox .input.dynamic-airport-searcher {
        box-sizing: border-box;
        width: 100%;
        padding: 7px 1%;
    }

    .UseBlockerLeft,
    .UseBlockerRight {
        width: 47%;
        border: 1px solid #fff;
    }

    .SplashBoxImageMobile {
        background: transparent url("../images/L4T-bannerMobile.png") no-repeat 100% 50%;
        background-size: contain;
        display: block;
        position: relative;
        height: 120px;
        width: 100%;
    }

    .TransferTypesTitle h1 {
        font-size: 1.6em;
    }

    .quoteAreaResultsRow {
        width: 100%;
        padding: 0;
        border-bottom: 0;
    }

    .searchSectionHeadRight {
        float: left;
        width: 90%;
    }

    .searchSectionTable .select {
        width: 100%;
        margin: 10px 0;
        padding: 10px 0;
    }

    .searchSectionTableRow.Header .select {
        display: none;
    }

    .quoteAreaResults .datalist {
        box-sizing: border-box;
        position: absolute;
        z-index: 1001;
        /*top: 32px;*/
        margin: 0;
        padding: 0;
        /*margin-left: 12.5%;*/
        list-style: none;
        background: #fcfcfc;
        text-align: left;
        /*width: 37.5%;*/
        cursor: pointer;
        border-top: 0;
    }

    .quoteAreaResultsLeft,
    .quoteAreaResultsRight,
    .quoteAreaResultsDestination {
        width: 100%;
        border-right: 0;
        margin: 10px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #9ea4b7;
    }

    .quoteAreaResultsTitle {
        display: inline-block;
        float: left;
        position: relative;
        width: 100%;
    }

    .searchSectionHeadRight {
        text-align: left;
        float: left;
    }

    .summaryContentLeft,
    .summaryContentRight {
        width: 100%;
        float: left;
    }

    .returnCheckText {
        padding: 5px 0;
        text-align: center;
    }

    .returnCheckBox {
        padding: 5px 0;
    }

    .footerBackground {
        position: relative;
        bottom: 0;
        display: inline-block;
        padding: 20px 3%;
        background-color: #073590;
        width: 94%;
        margin: 0;
        margin-bottom: -40px;
        min-height: 140px;
    }

    .resultBox {
        padding: 20px 25px 0;
        margin: 20px 0;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip {
        width: 85%;
        padding: 10px 30px 10px 10px;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg {
        padding: 0;
    }

    .resultNameOfService {
        width: calc(100% + 51px);
        margin-left: -25px;
        margin-top: -20px;
        margin-bottom: 30px;
    }

    .resultColumnIE,
    .resultColumn {
        width: 100%;
    }

    .resultColumn.oneTwo {
        border-right: 0;
        border-top: 1px solid #073590;
        padding-top: 20px;
        min-height: 1px;
    }

    .resultColumn.oneTwo .boxBottom {
        display: none;
    }

    .resultColumnIE.one {
        border-top: 0;
        border-right: 0;
        padding-top: 0;
        min-height: 1px;
    }

    .resultColumn.three {
        padding-top: 20px;
        border-top: 1px solid #073590;
        min-height: 1px;
    }

    .resultColumn.three .boxBottom {
        position: relative;
    }

    .resultBox .info .infoInBlue {
        margin-top: 35px;
        height: 279px;
    }

    .resultBox .info .infoInBlue .blueBox {
        border-top: 1px solid #073590;
        border-bottom: 1px solid #073590;
        height: 300px;
        padding: 20px 25px 0;
    }

    .resultBox .info .infoInBlue .blueBox img {
        width: 40%;
    }

    .resultColumnIE.one img.typeImage {
        width: 110px;
        padding-top: 5px;
    }

    .resultColumnIE.one .imageOuter {
        height: auto;
    }

    .PaymentArea .items-area {
        width: 100%;
        position: relative;
        float: right;
        display: inline-block;
    }

    .aside {
        width: 100%;
        vertical-align: top;
    }

    .PaymentConfirm button {
        width: 100%;
    }

    .FormBoxDrop,
    .FormBoxDropShow {
        width: 51%;
    }

    .FormBoxDropShortLShow,
    .FormBoxDropShortL {
        width: 33%;
    }

    .FormBoxDropShortRShow,
    .FormBoxDropShortR {
        margin-left: 68%;
        width: 16%;
    }

    /*paypal para 3*/
    .creditcardTabActive {
        top: -24px;
    }

    .payment-container.payment-container-creditcard.PayPalAddLine {
        padding-top: 20px;
    }

    .payment-container.payment-container-paypal.PayPalAddLine {
        float: right;
    }

    .PayPalloggedIn .braintreePaypalLoggedinBefore {
        top: -30px;
        right: 0;
        left: auto;
        margin-left: 0;
    }
    /*end paypal para 3*/

    .footerLeft,
    .footerRight {
        display: block;
        float: none;
        text-align: center;
        width: 250px;
    }

    .footerL4Timage:before {
        padding-left: 20px;
        display: inline-block;
        float: left;
        content: " ";
        height: 40px;
        width: 45px;
        margin-left: -15px;
    }

    .resultBox .info .infoInBlue .blueBox p {
        padding: 0 20px 10px;
    }

    #basic-modal-content-TandCs {
        width: 80%;
    }

    #basic-modal-content-TandCs .title-area {
        width: 75%;
    }

    #basic-modal-content-TandCs .closeArea {
        width: 75%;
    }

    .aboutTransferButtonArea {
        width: 90%;
    }

    .TimeSelectModal {
        max-height: 380px;
    }

    .TimeSelectModal .content .timetable {
        width: 100%;
    }

    .TimeSelectModal .content .timetable.Out.inline {
        border: 0;
    }

    .TimeSelectModal .content .timetable.Return.inline {
        float: left;
        margin-top: 30px;
    }

    .timetable .srolltext {
        display: block;
    }
}

@media only screen and (max-width: 580px) {
    .mainImage {
        height: 680px;
    }
}

@media only screen and (max-width: 650px) {
    .destinationBox .input.dynamic-airport-searcher input {
        padding: 5px 1%;
    }

    .datalist {
        /*top: 40px;*/
        top: 138px;
    }

    .AirportDropLower .datalist {
        /*top: 80px;*/
        top: 179px;
    }

    .PageClassSearchResults .ui-datepicker {
        margin-top: 100px;
        margin-left: 1em;
    }

    .PageClassSearchResults .ui-datepickerReturn {
        margin-top: 200px;
        margin-left: 1em;
    }

    .form-section .row .error {
        display: inline-block;
    }

    #basic-modal-content-TandCs .title-area {
        width: 70%;
    }

    #basic-modal-content-TandCs .closeArea {
        width: 70%;
    }

    .basicModalContent .modal_close {
        margin-right: 50%;
        right: -40px;
    }

    .basicModalContent {
        width: 95%;
    }

    .topBarCentre {
        clear: both;
        float: none;
        width: 93%;
    }

    .headerL4Ttext {
        float: none;
        text-align: center;
        display: block;
        padding: 4px 0;
    }

    .headerL4Timage {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
        width: 218px;
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg button.selectOption,
    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg a.selectOption {
        display: none;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText button.selectOption2,
    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText a.selectOption2 {
        display: block;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText a.selectOption2 {
        box-sizing: border-box;
    }

    .aboutTransferButtonArea {
        width: 70%;
    }

    .mainImage {
        height: 690px;
    }

    .TransferTypesTitle,
    .TransferTypesOption.one,
    .TransferTypesOption.two,
    .TransferTypesOption.three {
        width: 100%;
        float: left;
    }

    .TransferTypesOption.two .tooltip {
        margin-left: -80px;
    }

    .TransferTypesOption.two .tooltip:before, .TransferTypesOption.two .tooltip:after {
        left: 60%;
    }

    .PageClassSearchResults .ui-datepicker {
        margin-top: 150px;
        margin-left: 0;
    }

    .PageClassSearchResults .ui-datepickerReturn {
        margin-top: 400px;
        margin-left: 0;
    }

    .quoteAreaResultsTitle h1,
    .quoteAreaResultsLeft h1 {
        font-size: 21px;
        padding-top: 15px;
    }

    .quoteAreaResultsRight .input.dynamic-airport-searcher {
        /*width: 65%; increased after country list*/
        width: 100%;
    }

    .quoteAreaResults .datalist {
        /*margin-left: 17.5%;
        width: 32.5%;*/
    }

    .quoteAreaResults .datalist li {
        line-height: 1.4em;
    }

    .quoteAreaResultsDestination .date,
    .quoteAreaResultsDestination .searchTime,
    .quoteAreaResultsDestination .departOrArrive,
    .quoteAreaResultsDestination .searchAgain {
        margin: 10px 0;
        width: 97.5%;
    }

    .quoteAreaResultsDestination .leftCell,
    .quoteAreaResultsDestination .rightCell {
        width: 100%;
        float: left;
    }

    .quoteAreaResultsDestination .searchTime,
    .quoteAreaResultsDestination .departOrArrive {
        margin: 0;
        width: 92%;
    }

    .quoteAreaResultsDestination .placeholder.timeClock {
        position: absolute;
        top: 7px;
        left: 8%;
        text-indent: 6px;
        font-size: 12px;
        color: #073590;
    }

    .searchSectionSub {
        position: relative;
        width: 100%;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
    }

    .searchSectionSubLeft {
        position: relative;
        display: inline-block;
        padding: 15px 20px 5px 0;
        z-index: 1;
        background: #fff;
    }

    .searchSectionSubRight {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        margin-top: -25px;
        z-index: 0;
    }

    .searchSectionTable .select {
        width: 100%;
        margin: 10px 0;
        padding: 10px 0;
    }

    .searchSectionTable .overview,
    .searchSectionTable .duration,
    .searchSectionTable .changes,
    .searchSectionTable .info {
        width: 15%;
        font-size: 10px;
        font-weight: normal;
        padding: 0;
    }

    .searchSectionHeadRight {
        font-size: 10px;
    }

    .typesTopLeft {
        position: relative;
        display: initial;
        float: left;
        width: 100%;
    }

    /*.infoArea.about .typesRow .SplashBoxImage.en {
        background: transparent url("../images/L4Troundal.png") no-repeat 0 0;
        background-size: contain;
        width: 35%;
        position: absolute;
        right: 0;
        top: 0;
        display: initial;
    }*/

    .infoArea.about .typesRow h1 {
        padding: 25px 36% 20px 0;
    }

    .resultBox .info .infoInBlue {
        margin-top: 35px;
        height: 350px;
    }

    .resultBox .info .infoInBlue .blueBox {
        border-top: 1px solid #073590;
        border-bottom: 1px solid #073590;
        height: 350px;
        padding-top: 20px;
    }

    .typesImage,
    .aboutImage {
        height: 200px;
    }

    .aboutImageInner {
        padding: 80px 3% 0;
    }

    /*.typesImage .SplashBoxImage.en,
    .aboutImage .SplashBoxImage.en {
        background: transparent url("../images/L4Troundal.png") no-repeat 50% 49%;
        background-size: 105%;
        content: " ";
        height: 110px;
        width: 110px;
        border-radius: 50%;
        margin: 0;
    }*/

    /*paypal para 4*/
    .creditcardTabActive {
        top: 20px;
    }

    .payment-container.payment-container-creditcard.PayPalAddLine {
        padding-top: 60px;
    }

    .payment-container.payment-container-paypal.PayPalAddLine {
        float: none;
    }

    .PayPalloggedIn .braintreePaypalLoggedinBefore {
        top: 3px;
        right: auto;
        left: 5px;
        margin-left: 33%;
    }

    /*paypal para 4*/

    #basic-modal-content-TandCs .info-post {
        margin-top: 20px;
        padding: 0;
    }

    #basic-modal-content-TandCs {
        width: 85%;
    }

    #basic-modal-content-TandCs .title-area {
        width: 70%;
    }

    #basic-modal-content-TandCs .closeArea {
        width: 70%;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg {
        width: 65%;
        float: none;
        margin: auto;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipImg img {
        width: 100%;
        margin-left: 5%;
        margin-left: 5%;
    }

    .resultBox .moreInfoArea .openTooltip .infotooltip .tooltipText {
        width: 100%;
        float: none;
        padding: 10px;
        text-transform: none;
        text-align: justify;
    }
}

.NoOfVehicles {
    /*padding-bottom: 15px;
    text-align: center;*/
}

.NoOfVehicles .VehicleLabel {
    display: inline-block;
    /*margin-right: 10px;*/
}

/* Start paypal payment*/
.PaymentHeadingRow {
    width: 100%;
    /*border: 1px solid #9d3c96;*/
    display: inline-block;
    margin: 0 0 20px;
    border-bottom: 1px solid #b2b6b9;
}

.PaymentHeadingRow .headline {
    width: 30% !important;
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.selectCardWraper, .selectPayPalWraper {
    display: inline-block;
    position: relative;
}

.selectCardWraper {
    width: 40%;
    vertical-align: top;
}

.selectCardWraper h2 {
    font-size: 18px;
}

.selectPayPalWraper {
    width: 20%;
}

.paymentSelectionRow {
    display: inline-block;
    width: 48%;
}

.paymentOption {
    background-repeat: no-repeat;
    padding: 2px 30px;
    cursor: pointer;
    display: inline-block;
}

.checked {
    background-image: url('../images/checked.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.unchecked {
    background-image: url('../images/unchecked.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.payPalSection {
    display: none;
}

/*#braintree-paypal-loggedin {
    height: 100px;
    border: 1px solid red;
}*/


#braintree-paypal-loggedin {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    max-width: 100% !important;
}

.country {
    margin-bottom: 10px;
}

.airportSearcher {
    margin-bottom: 5px;
}
/*.airportSearcher p {*/

.quoteFormFieldLabel {
    text-align: left;
    padding: 5px 0;
}

.ui-datepicker {
    margin-top: 390px;
}

.ui-datepickerReturn {
    margin-top: 452px;
}

/*.goingFrom, .goingTo {
    margin-left: 14px;
}*/


@media only screen and (max-width: 780px) {
    .PaymentHeadingRow .headline {
        /*width:48% !important;*/
        display: block !important;
        width: 100% !important;
    }

    .payPalDetails {
        width: 100%;
    }

    .selectCardWraper {
        width: 60%;
    }

    .selectPayPalWraper {
        width: 39%;
    }
}

@media only screen and (max-width: 480px) {
    .orderFieldNameValue, .orderFieldName {
        width: 40%;
    }

    /*.order-detials h2 {
        width: 100%;
    }*/

    .selectCardWraper {
        width: 100% !important;
    }

    .selectCardWraper h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .selectPayPalWraper {
        width: 100%;
        margin-bottom: 10px;
    }
}

.CountryDroper .datalist {
    top: 64px;
}

/*End paypal payment*/

.popularTitle {
    background: #073590 !important;
    color: #FFFFFF;
}




/*start responsive for country and locations only*/
@media only screen and (max-width: 785px) {
    .quoteAreaResultsRight .airportSearcher.goingFrom, .quoteAreaResultsRight .airportSearcher.goingTo, .quoteAreaResultsRight .airportSearcher.pickCountry {
        width: 32.8%;
    }
}

@media only screen and (max-width: 640px) {
    .quoteAreaResultsRight .airportSearcher.goingFrom, .quoteAreaResultsRight .airportSearcher.goingTo, .quoteAreaResultsRight .airportSearcher.pickCountry {
        width: 32.7%;
    }
}
/*@media only screen and (max-width: 540px) {
    .quoteAreaResultsRight .airportSearcher.goingFrom, .quoteAreaResultsRight .airportSearcher.goingTo, .quoteAreaResultsRight .airportSearcher.pickCountry {
        width: 32.7%;
    }
}*/
@media only screen and (max-width: 540px) {
    .quoteAreaResultsRight .airportSearcher.goingFrom, .quoteAreaResultsRight .airportSearcher.goingTo, .quoteAreaResultsRight .airportSearcher.pickCountry {
        width: 32.6%;
    }
}

@media only screen and (max-width: 480px) {
    .quoteAreaResultsRight .airportSearcher.goingFrom, .quoteAreaResultsRight .airportSearcher.goingTo, .quoteAreaResultsRight .airportSearcher.pickCountry {
        width: 100%;
    }

    .quoteAreaResultsDestination .date, .quoteAreaResultsDestination .searchTime, .quoteAreaResultsDestination .departOrArrive, .quoteAreaResultsDestination .searchAgain {
        margin: 10px 0px;
        width: 45%;
    }

    .quoteAreaResultsDestination .searchTime, .quoteAreaResultsDestination .departOrArrive {
        margin: 10px 0px;
        width: 45%;
    }

    .quoteAreaResultsDestination .searchAgain, .quoteAreaResultsDestination .hideAgain {
        margin: 10px 0px;
        width: 100%;
    }

    .TerminalSelect {
        position: absolute;
        z-index: 100;
        width: 51%;
        height: 32px;
        cursor: pointer;
    }
}
/*end responsive for country and locations only*/

.transferOptions {
    background-color: white;
    padding: 20px 16px 4px;
}

.container {
    margin: 0 auto;
    max-width: 1050px;
    padding-bottom: 2rem;
}

    .container h3 {
        font-size: 1.375rem;
        font-weight: bold;
    }

.option {
    border: 1px solid #edebee;
    box-sizing: border-box;
}

    .option h3 {
        font-size: 1.17em;
        padding-left: 1rem;
        height: 1rem;
    }

#more {
    border-top: 1px solid #edebee;
    font-size: 12px;
    line-height: 17px;
    width: 100%;
    display: inline-block;
    padding: 0;
    text-align: center;
}


    #more a {
        width: 130px;
        margin: auto;
        overflow: visible;
        line-height: 25px;
        font-size: 15px;
        float: none;
        display: block;
        text-decoration: none;
        outline: none;
        border: none;
        white-space: nowrap;
        text-transform: uppercase;
        color: #3992ec;
        padding-left: 10px;
    }

    #more .icon {
        width: 1.5em;
        height: 1.6em;
        background-position: -54px -214px;
        display: inline-block;
        background: url(https://a.storyblok.com/f/81926/x/457f8415b5/sprite-feb-2021.svg) no-repeat;
        position: relative;
        background-size: 299px 429px;
        top: 4px;
        left: -2px;
    }

.transferOptions img {
    display: inline-block;
    width: 100%;
}

.popupHolder {
    height: 0;
    overflow: hidden;
    position: relative;
}

.backdrop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: url(https://a.storyblok.com/f/81926/4x4/e339fb01c4/bg-overlay.png);
    z-index: 4001;
    -webkit-overflow-scrolling: touch;
    text-indent: -9999px;
}

.h4r {
    color: #073590;
    margin: 1px;
}

.lightboxCustom {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    z-index: 4002;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .lightboxCustom {
        position: -ms-device-fixed;
    }
}

.lightboxCustom .lightboxHolder {
    margin: 76px auto 80px;
    max-width: 777px;
    min-width: 306px;
    border: 2px solid #4b1862;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}

.lightboxCustom .lightboxHolder {
    max-width: 676px;
}

    .lightboxCustom .lightboxHolder .close {
        background: url(https://a.storyblok.com/f/81926/x/457f8415b5/sprite-feb-2021.svg) no-repeat -78px -75px;
        width: 31px;
        height: 31px;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 8px;
        right: 8px;
        background-size: 266px 383px;
        border: 0;
    }

    .lightboxCustom .lightboxHolder header {
        display: block;
        color: #fff;
        padding: 1px 29px 10px;
        background: #073590;
    }

        .lightboxCustom .lightboxHolder header h5 {
            font-size: 1.375rem;
            font-weight: normal;
            margin: 0;
            padding-top: 0.75em;
            padding-bottom: 0.5em;
        }

.infoImage {
    max-width: 100%;
    text-align: center;
}
.infoImage img {
    max-width: 60%;
}

.infoBlock {
    padding: 20px;
}

.modal-content p {
    color: #073590;
}


.securityTitle h5 {
    color: white;
}

#overlay {
    position: fixed; 
    display: none; 
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 150;
    cursor: pointer;
  }

.carsoule-image-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
/*
    WickedPicker (neat little timepicker)
*/

.wickedpicker {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 0 0 1px rgba(14,41,57,.12),0 2px 5px rgba(14,41,57,.44),inset 0 -1px 2px rgba(14,41,57,.15);
    background: #fefefe;
    margin: 0 auto;
    border-radius: .1px;
    width: 115px;
    height: 130px;
    font-size: 14px;
    display: none;
    z-index: 100;
    font-weight: bold;
}

.wickedpicker__title {
    background-image: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
    position: relative;
    background: #011e41;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 11px 10px 15px;
    color: #fff;
    font-size: inherit;
}

.wickedpicker__close {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    position: absolute;
    top: 25%;
    right: 10px;
    color: #fff;
    cursor: pointer;
}

    .wickedpicker__close:before {
        content: '\00d7';
    }

.wickedpicker__controls {
    padding: 10px 0;
    line-height: normal;
    margin: 0;
}

.wickedpicker__controls__control, .wickedpicker__controls__control--separator {
    vertical-align: middle;
    display: inline-block;
    font-size: inherit;
    margin: 0 auto;
    width: 35px;
    letter-spacing: 1.3px;
}

.wickedpicker__controls__control-down, .wickedpicker__controls__control-up {
    color: #34495e;
    position: relative;
    display: block;
    margin: 3px auto;
    font-size: 18px;
    cursor: pointer;
}

    .wickedpicker__controls__control-up:before {
        content: '\2303';
    }

    .wickedpicker__controls__control-down:after {
        content: '\2304';
    }

.wickedpicker__controls__control--separator {
    width: 5px;
}

.text-center, .wickedpicker__controls, .wickedpicker__controls__control, .wickedpicker__controls__control--separator, .wickedpicker__controls__control-down, .wickedpicker__controls__control-up, .wickedpicker__title {
    text-align: center;
}

.hover-state {
    color: #3498db;
}

.clearable-picker {
    position: relative;
    display: inline-block;
}

    .clearable-picker > .hasWickedpicker {
        padding-right: 1em;
    }

        .clearable-picker > .hasWickedpicker::-ms-clear {
            display: none;
        }

    .clearable-picker > [data-clear-picker] {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-weight: 700;
        font-size: .8em;
        padding: 0 .3em .2em;
        line-height: 1;
        color: #bababa;
        cursor: pointer;
    }

        .clearable-picker > [data-clear-picker]:hover {
            color: #a1a1a1;
        }

.flightDetails {
    width: calc(70% - 147px) !important;
    height: 32px;
    padding: 5px;
    box-sizing:border-box;
    font-size: 14px;
}

    .flightDetails.error {
        background: #fceaef;
    }

.flight-number-confirm-button {
    /*background: #A4ABB3;
    color: #ffffff;
    border: none;
    height: 30px !important;
    padding-top: 12px !important;
    padding-bottom: 30px !important;
    width: 120px !important;
    font-size: 16px !important;
    cursor: pointer;*/
    background: #A4ABB3;
    color: #ffffff;
    border: none;
    height: 30px !important;
    padding-top: 8px !important;
    padding-bottom: 25px !important;
    width: 125px !important;
    font-size: 14px !important;
    cursor: pointer;
    /*float: right;*/
}

.table-container {
    background: #2C8535;
    border-top: 2px solid #fff;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 66.5%;
    float:right;
}

.green-background {
    background: #2C8535;
}

.right-box {
    float: right;
    margin-right: 4px;
}

.left-box {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 15px;
}

.flight-details-edit-button {
    background: none;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 14px;
    padding: 18px;
    padding-left: 21px;
    padding-right: 21px;
    cursor: pointer;
}

input.update-details-button {
}

input.flight-time-input {
    border: none;
    padding: 4px;
    width: calc(100% - 206px) !important;
}

input.flight-date-input {
    border: none;
    padding: 4px;
    max-width: 115px;
}

.flight-stats-container {
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    margin-bottom: 2px;
}

@media only screen and (max-width: 480px) {
    .flight-stats-container {
        border-color: #fff;
        border-width: 1px;
        border-style: solid;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        margin-bottom: 16px;
    }

    .top-align {
        margin-bottom: 4px;
    }
}

input.flightDetails {
    border: 1px solid rgb(169, 169, 169);
}

.flight-stats-container .inputText {
    margin-top: 0;
    margin-bottom: 0;
}

.error-image {
    float: left;
}

.error-message {
    display: inline-block;
    margin-top: 3px;
}

.red-background {
    background: #FE0000;
    color: #fff;
    padding: 6px;
    font-size: 13px;
}

.invalid-time {
    padding: 1px;
}

.white-background {
    background: #fff;
    padding: 6px;
    color: #433d3c;
    font-size: 13px;
}

.flight-time-lookup {
    border: 1px solid #ccd5dc;
    background: #fff;
    width:67%;
    float:right;
}

table.flight-details-table tr td {
    padding: 3px;
    padding-right: 6px;
    word-wrap: break-word;
    color: #fff;
    line-height: 17px;
    font-size: 14px;
}


.flight-time-lookup input {
    margin-bottom: 4px;
    margin-top: 4px;
    border: 1px solid #ccd5dc;
    margin-left: 4px;
    height: 32px;
    padding: 0px;
    box-sizing:border-box;
    padding: 5px;
    font-size: 14px;
}


.update-details-button {
    background: #011e41;
    border: 1px solid #ffffff;
    color: #FFFFFF;
    text-align: center;
    padding: 2px;
    cursor: pointer;
    margin-left: 13px;
    float: right;
    margin-right: 4px;
    width: 175px;
}

.greentick {
    background-image: url(../images/tick.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
}

.redcross {
    background-image: url(../images/cross.png) !important;
    background-color: #FCEAEF !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
}
.greencal {
    background-image: url(../images/greencal.png);
    background-repeat: no-repeat;
    background-position: right 3px center;
}

.greenclock {
    background-image: url(../images/greenclock.png);
    background-repeat: no-repeat;
    background-position: right 3px center;
}
.blueclock {
    background-image: url(../images/blueclock.png);
    background-repeat: no-repeat;
    background-position: right 3px center;
}