@font-face {
  font-family: 'Reenie Beanie';
  src: url('../fonts/ReenieBeanie.woff2?');
  font-weight: normal;
  font-style: normal;
}
.hoppa-iso ul#client_profile_tabs.nav-tabs > li.active > a {
  background-color: transparent;
  border: none !important;
}
.hoppa-iso #profile_account .form_frame input,
.hoppa-iso #profile_account .form_frame select,
.hoppa-iso #profile_journeys .form_frame input,
.hoppa-iso #profile_journeys .form_frame select {
  padding: 10px !important;
}
.hoppa-iso ul#client_profile_tabs li.active {
  border-bottom: 2px solid #539a5b;
  color: #539a5b;
}
.hoppa-iso ul#client_profile_tabs li {
  width: 50%;
}
.hoppa-iso #pic_upload {
  margin-right: 0 !important;
}
.hoppa-iso .default_card_row {
  margin: 10px 0;
}
.hoppa-iso #sel_year,
.hoppa-iso #sel_month {
  float: left;
}
.hoppa-iso #default_card,
.hoppa-iso #sel_year {
  margin-left: 10px;
}
.hoppa-iso #profile_payment {
  text-align: left;
}
.hoppa-iso #profile_account .label_holder {
  width: 25%;
  text-align: left;
  padding: 10px;
}
.hoppa-iso #profile_account .form_field_holder {
  width: 75%;
}
.hoppa-iso #profile_account .icon_wallet {
  border: 1px solid #539a5b;
  border-radius: 100%;
  padding: 7px;
  margin-right: 10px;
  position: relative;
  top: 7px;
}
.hoppa-iso .spacer {
  margin: 20px 0;
}
.hoppa-iso .cta_addcard,
.hoppa-iso .cta_addcard i,
.hoppa-iso .cta_removecard i {
  margin-right: 15px;
}
.hoppa-iso .cta_addcard .i54 {
  color: #ffffff;
  font-size: 13px;
}
.hoppa-iso .cta_removecard i {
  color: #ff2e31;
}
.hoppa-iso #client_profile_tabpanel .hoppa_negative_btn_new,
.hoppa-iso #client_profile_tabpanel .hoppa_cancel_btn {
  width: 20%;
  float: right;
  height: 31px !important;
  padding: 5px !important;
}
.hoppa-iso #client_profile_tabpanel .hoppa_cancel_btn {
  margin-right: 10px;
}
.hoppa-iso #client_profile_tabpanel .btn_panel {
  padding: 20px 0;
  background-color: #eee;
}
.hoppa-iso #profile_personal select.form-control,
.hoppa-iso #profile_payment select.form-control {
  width: 15% !important;
  height: 41px !important;
  box-shadow: 0 0 0 transparent inset !important;
}
.hoppa-iso #profile_personal span.customSelect,
.hoppa-iso #profile_personal span.customSelect.form-control,
.hoppa-iso #profile_payment span.customSelect,
.hoppa-iso #profile_payment span.customSelect.form-control {
  width: 25% !important;
  float: left;
  text-align: left;
  border: 0 none;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 0 0 transparent inset !important;
}
.hoppa-iso #sel_year span.customSelect.form-control,
.hoppa-iso #sel_month span.customSelect.form-control {
  width: 100% !important;
}
.hoppa-iso #profile_personal .show_countries {
  line-height: normal !important;
}
.hoppa-iso #profile_account h2,
.hoppa-iso #profile_journeys h2 {
  text-align: left;
  margin: 0 0 2% 0;
}
.hoppa-iso #client_profile_tabpanel .internal_h2 {
  font-size: 20px;
}
.hoppa-iso #profile_account,
.hoppa-iso #profile_journeys {
  padding: 2% 0;
  background-color: #eee;
}
.hoppa-iso #profile_account .profile_mob {
  width: 85% !important;
}
.hoppa-iso #profile_account .show_countries_profile {
  width: 7%;
  height: auto;
  line-height: normal;
}
.hoppa-iso .show_countries_profile {
  margin-top: 8px;
}
.hoppa-iso .show_countries_profile .i54 {
  font-size: 12px;
  padding-right: 5px;
}
.hoppa-iso .show_countries_profile .countries_list {
  padding: 20px 20px 20px 0;
  margin-top: 5px;
  text-align: left;
}
.hoppa-iso #profile_journeys .internal_h2 .i54,
.hoppa-iso #profile_account .internal_h2 .i54,
.hoppa-iso #client_profile_tabs-accordion .internal_h2 .i54,
.hoppa-iso #profile_account .internal_h2 .i54 {
  float: left;
  margin-right: 10px;
  text-align: center;
}
.hoppa-iso #trip_active .i54,
.hoppa-iso #trip_upcoming .i54,
.hoppa-iso #trip_past .i54 {
  font-size: 20px;
  padding-left: 5px;
  margin: auto;
}
.hoppa-iso .myjourney_cta {
  float: right;
  position: relative;
  top: -45px;
  font-size: medium !important;
  color: #539a5b;
  display: flex;
}
.hoppa-iso #client_profile_landing .internal_h3 {
  margin: 4% 0;
  font-size: larger;
  padding: 0 10%;
  font-weight: normal;
  color: #7d7d7d;
}
.hoppa-iso #client_thankyou_wrapper {
  background-color: #539a5b;
  color: #fff;
}
.hoppa-iso #client_thankyou_wrapper .internal_h2 {
  color: #fff !important;
  font-weight: normal;
}
.hoppa-iso #client_thankyou_wrapper .internal_h3 {
  color: #fff;
  margin: 3% 0;
  float: left;
}
.hoppa-iso #client_thankyou_wrapper .form-control {
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
.hoppa-iso #client_thankyou_wrapper .internal_h3 a {
  color: #fff;
  margin-left: 5px;
  text-decoration: underline;
}
.hoppa-iso #client_thankyou_wrapper p,
.hoppa-iso #activation_input-group {
  padding: 3% 20%;
  text-align: center;
}
.hoppa-iso #activation_input-group .hoppa_cancel_btn {
  background-color: #fff;
  position: relative;
  top: 0;
  padding: 0 !important;
  height: 39px !important;
}
.hoppa-iso #activation_input-group .hoppa_cancel_btn:hover,
.hoppa-iso #activation_input-group .hoppa_cancel_btn:focus {
  color: #539a5b !important;
}
.hoppa-iso #client_thankyou_wrapper .i54 {
  border: 1px solid #fff;
  border-radius: 100%;
  padding: 1%;
  color: #ffffff;
  margin-bottom: 10px;
}
.hoppa-iso #conf_social_verify .form_frame {
  border: 0 none;
}
.hoppa-iso #client_landing,
.hoppa-iso #client_signup,
.hoppa-iso #client_thankyou,
.hoppa-iso #client_profile_landing {
  margin: 0 auto;
}
.hoppa-iso #client_username {
  margin-left: 5px;
}
.hoppa-iso .lightbox_expand .intro_copy,
.hoppa-iso #social_login_failure .intro_copy {
  text-align: left;
}
.hoppa-iso .email_login_col input[type='password'],
.hoppa-iso .email_login_col input[type='text'] {
  width: 100%;
  margin-bottom: 8px;
  border: 0 none;
  border-bottom: 1px solid #e1e1e1;
  box-shadow: none !important;
}
.hoppa-iso #remember_user {
  margin-right: 5px;
}
.hoppa-iso #remember_user_signup {
  margin-right: 10px;
}
.hoppa-iso #loginhoppa {
  border: 1px solid #eee;
  padding: 2%;
  margin-top: 8px;
}
.hoppa-iso #btnClientLogin,
.hoppa-iso #btnClientSignup,
.hoppa-iso .nosocialposts {
  margin-top: 15px;
}
.hoppa-iso .nosocialposts .i54 {
  font-size: 16px;
}
.hoppa-iso .client_login_elements {
  margin: 30px 0;
}
.hoppa-iso .intro_copy {
  text-align: center;
  color: #262725;
  margin-bottom: 25px;
}
.hoppa-iso .toggler {
  margin-left: 10px;
  text-decoration: underline;
}
.hoppa-iso .facebook-signup span,
.hoppa-iso .google-signup span,
.hoppa-iso .twitter-signup span {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}
.hoppa-iso #default_card {
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.hoppa-iso .myhoppa_login {
  padding: 20px;
  background-color: #f4f4f4;
}
.hoppa-iso .flight_details_edit .arrival_date_edit,
.hoppa-iso .flight_details_edit .arrival_hours_edit,
.hoppa-iso .flight_details_edit .arrival_minutes_edit,
.hoppa-iso .flight_details_edit .arrival_month_edit,
.hoppa-iso .flight_details_edit .arrival_year_edit {
  width: 10% !important;
}
.hoppa-iso .flight_details_edit .arrival_date_edit,
.hoppa-iso .flight_details_edit .arrival_hours_edit,
.hoppa-iso .flight_details_edit .arrival_month_edit {
  margin-right: 1%;
}
.hoppa-iso .flight_details_edit span.customSelect {
  padding: 7px 20px 7px 5px;
}
.hoppa-iso .edit_arrival_time,
.hoppa-iso .edit_departure_time {
  float: left;
  width: 12%;
}
.hoppa-iso .edit_arrival_time select,
.hoppa-iso .edit_departure_time select {
  width: 10% !important;
}
.hoppa-iso #my_account,
.hoppa-iso #my_journey {
  padding: 2%;
}
.hoppa-iso #booking_changes_header {
  text-align: left;
  width: 69%;
}
.hoppa-iso #collapse_myjourney_summary h4,
.hoppa-iso #collapse_myjourney_summary h6 {
  text-align: left;
  font-size: large;
}
.hoppa-iso #booking_changes_header,
.hoppa-iso .amend_btn_holder,
.hoppa-iso .cancel_btn_holder {
  float: left;
}
.hoppa-iso .amend_btn_holder,
.hoppa-iso .cancel_btn_holder {
  width: 15%;
  font-weignt: bold;
}
.hoppa-iso .transfer_revised_grand_total {
  text-align: left;
}
.hoppa-iso .updated_cost {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
.hoppa-iso .transfer_revised_grand_total h4 {
  color: #39c !important;
}
.hoppa-iso .transfer_revised_grand_total td {
  padding: 0.5% 0;
}
.hoppa-iso #trip_amend_cta {
  padding: 2% 0;
}
.hoppa-iso .amend_changes_holder,
.hoppa-iso .cancel_changes_holder {
  width: 15%;
  float: right;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options {
  border: none;
  display: block;
  position: relative;
  padding: 10px 0;
  margin-left: 50%;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options:before {
  background: 0 0;
}
.hoppa-iso
  #collapse_passenger_details_panel_heading
  #people-options
  > div
  > div
  > input,
.hoppa-iso
  #collapse_passenger_details_panel_heading
  #people-options
  > div
  > div
  > span {
  float: left !important;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options button {
  position: absolute;
  top: 32px;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options div {
  width: 100%;
  float: none;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options div div {
  float: left;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options .plus {
  right: 20px;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options .minus {
  right: 60px;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options span {
  color: #262725;
  font-weight: 700;
}
.hoppa-iso .Passenger_ages {
  color: 7d7d7d;
  font-style: italic;
  font-weight: 700;
}
.hoppa-iso #collapse_passenger_details_panel_heading #people-options input {
  height: 32px;
}
.hoppa-iso .upgrade_vehicle .journey_tab_box {
  padding: 0;
  text-align: left;
  margin-bottom: 0;
}
.hoppa-iso .upgrade_vehicle .vehicle_header {
  font-size: medium;
}
.hoppa-iso .slider.upgrade_vehicle img {
  width: auto;
}
.hoppa-iso #amend_additional_details p {
  text-align: left;
  padding-bottom: 1%;
}
.hoppa-iso #defaults_summary,
.hoppa-iso #myacc_payment_summary,
.hoppa-iso #personal_summary {
  text-align: left;
}
.hoppa-iso #defaults_summary,
.hoppa-iso #myacc_payment_summary {
  margin-top: 1%;
}
.hoppa-iso .stored_data {
  margin-left: 30px;
}
.hoppa-iso .defaults_summary_stored td.stored_data,
.hoppa-iso .payment_summary_stored td.stored_data,
.hoppa-iso .personal_summary_stored td.stored_data {
  width: 85%;
}
.hoppa-iso .defaults_summary_stored td.stored_data label,
.hoppa-iso .payment_summary_stored td.stored_data label,
.hoppa-iso .personal_summary_stored td.stored_data label {
  font-weight: 400;
}
.hoppa-iso #defaultssummary .panel-title a,
.hoppa-iso #myaccpaymentsummary .panel-title a,
.hoppa-iso #personalsummary .panel-title a {
  font-size: large;
}
.hoppa-iso .defaults_summary_edit .hoppa_primary_btn,
.hoppa-iso .defaults_summary_stored .hoppa_primary_btn,
.hoppa-iso .payment_summary_edit .hoppa_primary_btn,
.hoppa-iso .payment_summary_stored .hoppa_primary_btn,
.hoppa-iso .personal_summary_edit .hoppa_primary_btn,
.hoppa-iso .personal_summary_stored .hoppa_primary_btn {
  width: 15%;
  float: right;
}
.hoppa-iso #my_account .panel-body {
  padding-top: 0;
}
.hoppa-iso #my_account .panel-body p {
  padding: 1% 0;
}
.hoppa-iso .myhoppa_journey_wrapper {
  padding-top: 0 !important;
}
.hoppa-iso #dialog-confirmation {
  width: 97% !important;
}
.hoppa-iso #amendpayments {
  margin-top: 10px;
}
.hoppa-iso .confirm_dialogue,
.hoppa-iso .reasons_set {
  padding: 2% 0;
}
.hoppa-iso .reasons_set.reasons_amend {
  text-align: left;
  padding: 0;
}
.hoppa-iso .reasons_set.reasons_amend h2,
.hoppa-iso .reasons_set.reasons_amend p {
  margin-bottom: 15px;
}
.hoppa-iso .reasons_set input[type='radio'] {
  margin-right: 10px !important;
}
.hoppa-iso .reasons_set #cards p {
  color: #34773c;
  margin-top: 10px;
}
.hoppa-iso #cards {
  display: none;
}
.hoppa-iso #new_payment_type {
  display: none;
}
.hoppa-iso #client_thankyou {
  background: #539a5b;
  display: block;
  padding: 20px 0 0;
  text-align: center;
}
.hoppa-iso #myjourney_summary .panel-title a {
  color: #262725;
}
.hoppa-iso .facebook-signup {
  margin: 10px 0 20px;
}
.hoppa-iso .client_acc {
  margin: 10px 0;
  content: ' ';
  display: inline-table;
  text-decoration: underline !important;
}
.hoppa-iso .client_acc_copy .client_acc {
  margin: 0 10px;
}
.hoppa-iso .forgotten-password {
  margin: 15px 0;
}
.hoppa-iso #client_profile_landing_wrapper .form_frame {
  background-color: #fff;
  margin-bottom: 8px;
}
.hoppa-iso .trip_from_to {
  padding: 10px !important;
  margin-bottom: 8px;
  border-bottom: 1px solid #e1e1e1;
  text-align: left;
}
.hoppa-iso .trip_to {
  margin-left: 5px;
}
.hoppa-iso .trip_from {
  margin-right: 5px;
}
.hoppa-iso .email_login_col .form_frame input {
  padding: 10px 10px 10px 0 !important;
}
.hoppa-iso #profile_journeys_cont .internal_h2,
.hoppa-iso #profile_account .internal_h2 {
  text-transform: uppercase;
  text-align: left;
}
.hoppa-iso #client_profile_tabpanel .ui-accordion .ui-accordion-icons {
  padding-left: 0 !important;
}
.hoppa-iso #client_profile_tabpanel .ui-widget-content {
  background-color: #eee !important;
}
.hoppa-iso #client_profile_tabpanel .ui-state-default,
.hoppa-iso #client_profile_tabpanel .ui-widget-content .ui-state-default,
.hoppa-iso #client_profile_tabpanel .ui-widget-header .ui-state-default {
  border: none !important;
  background: none !important;
}
.hoppa-iso #client_profile_tabpanel .ui-accordion .ui-accordion-content {
  padding: 0 !important;
}
.hoppa-iso #client_profile_landing_wrapper,
.hoppa-iso #client_signup_wrapper,
.hoppa-iso #client_landing_wrapper {
  background: #eee !important;
}
.hoppa-iso .social_login,
.hoppa-iso .profile_h1 {
  box-shadow: 0 3px 4px #ccc;
}
.hoppa-iso ul#client_profile_tabs > li > a:link {
  color: #262725 !important;
  margin-right: 0 !important;
}
.hoppa-iso ul#client_profile_tabs > li.active > a:link {
  color: #539a5b !important;
}
.hoppa-iso ul#client_profile_tabs > li.active > a:focus,
.hoppa-iso ul#client_profile_tabs > li.active > a:hover,
.hoppa-iso ul#client_profile_tabs > li.active > a:active {
  color: #539a5b !important;
}
.hoppa-iso #profile_journeys .form_frame {
  border-radius: 2px;
}
.hoppa-iso .icon_more {
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
}
.hoppa-iso #client_signup_wrapper h3.internal_h3 {
  font-weight: normal !important;
}
.hoppa-iso #Mobilecode {
  width: 8% !important;
  font-weight: bold;
}
.hoppa-iso #frmSignup,
.hoppa-iso #frmSignin {
  background: #fff;
  margin-top: 0 !important;
}
.hoppa-iso .email_login_col hr {
  border-top: 1px solid #ccc;
}
.hoppa-iso #profile_account .form_frame {
  padding: 0 !important;
  border: none;
}
.hoppa-iso .form_data_placer,
.hoppa-iso .client_pay_sec {
  padding: 2%;
  border: 1px solid #bbbdbf;
}
.hoppa-iso #profile_journeys_cont .form_frame input[type='text'],
.hoppa-iso #profile_journeys_cont .form_frame input[type='password'],
.hoppa-iso #profile_journeys_cont .form_frame textarea {
  border-bottom: none !important;
}
.hoppa-iso #profile_journeys_cont .form_frame {
  padding: 1% 1% 0% 1%;
}
.hoppa-iso #btn_rst_email {
  margin-top: 2%;
}
.hoppa-iso #reset_client_password .form_frame {
  padding: 2% 0;
  margin-top: 2%;
}
.hoppa-iso #reset_client_password .group_elem {
  margin-bottom: 2%;
}
.hoppa-iso #reset_client_password .intro_copy {
  text-align: left !important;
}
.hoppa-iso #chase_parent {
  padding: 2%;
}
.hoppa-iso #btnVerificationCode {
  margin-top: 4%;
}
.hoppa-iso #btnResendVerificationCode {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.hoppa-iso .age_gender_group {
  padding: 10px 0 10px 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.hoppa-iso .age_gender_group span.customSelect {
  width: 100% !important;
  float: left !important;
  display: inline !important;
  list-style-type: none !important;
}
.hoppa-iso .age_gender_group .hasCustomSelect {
  height: 35px !important;
}
.hoppa-iso ul.gender_switch {
  margin-bottom: 0 !important;
}
.hoppa-iso ul.gender_switch li:nth-child(2),
.hoppa-iso ul.gender_switch li:nth-child(4) {
  margin-right: 15px;
  position: relative;
  top: -7px;
}
.hoppa-iso ul.gender_switch li {
  float: none !important;
}
.hoppa-iso ul.gender_switch li .gender_type {
  position: relative;
  top: -5px;
}
.hoppa-iso #profile_personal ul.gender_switch li {
  float: left !important;
}
.hoppa-iso #profile_personal .age_gender_group span.customSelect {
  width: 100% !important;
}
.hoppa-iso #profile_personal .age_gender_group select.form-control {
  width: 100% !important;
  height: 35px !important;
}
.hoppa-iso #profile_personal .form_data_placer div:first-child {
  margin-bottom: 10px;
}
.hoppa-iso #frmSignup,
.hoppa-iso #profile_personal {
  text-align: left;
}
.hoppa-iso #frmSignup .label_new,
.hoppa-iso #profile_personal .label_new {
  font-size: 13px;
  color: #b3b3b3;
  clear: both;
}
.hoppa-iso #frmSignup ::-webkit-input-placeholder,
.hoppa-iso #profile_personal ::-webkit-input-placeholder {
  color: #b3b3b3;
}
.hoppa-iso #frmSignup :-moz-placeholder,
.hoppa-iso #profile_personal :-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
  font-size: 13px;
}
.hoppa-iso #frmSignup ::-moz-placeholder,
.hoppa-iso #profile_personal ::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
  font-size: 13px;
}
.hoppa-iso #frmSignup :-ms-input-placeholder,
.hoppa-iso #profile_personal :-ms-input-placeholder {
  color: #b3b3b3;
  font-size: 13px;
}
.hoppa-iso #frmSignup ::-ms-input-placeholder,
.hoppa-iso #profile_personal ::-ms-input-placeholder {
  color: #b3b3b3;
  font-size: 13px;
}
.hoppa-iso #frmSignup ul.gender_switch li,
.hoppa-iso #profile_personal ul.gender_switch li {
  float: left !important;
}
.hoppa-iso #frmSignup select,
.hoppa-iso #profile_personal select {
  font-size: 13px;
}
.hoppa-iso #frmSignup span.form-control,
.hoppa-iso #profile_personal span.form-control {
  padding: 9px !important;
}
.hoppa-iso #frmSignup .g-recaptcha,
.hoppa-iso #profile_personal .g-recaptcha {
  margin-top: 8px;
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
.hoppa-iso #frmSignup .recaptcha_wrap,
.hoppa-iso #profile_personal .recaptcha_wrap {
  max-width: 300px;
  margin: 20px 0;
}
.hoppa-iso .facebook-signup:focus .fb_icon,
.hoppa-iso .facebook-signup:hover .fb_icon {
  border-right: 1px solid #fff;
}
@media (max-width: 767px) {
  .hoppa-iso .age_gender_group .col-xs-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hoppa-iso #btnVerificationCode.hoppa_white_btn {
    width: 50%;
  }
  .hoppa-iso #client_profile_tabpanel .ui-widget-content,
  .hoppa-iso #client_profile_tabpanel .btn_panel {
    background-color: #f7f7f7 !important;
  }
  .hoppa-iso #card_one,
  .hoppa-iso #card_two,
  .hoppa-iso #card_three {
    top: 40px;
  }
  .hoppa-iso .icon_wallet {
    margin-right: 8px;
  }
  .hoppa-iso #Mobilecode {
    width: 20% !important;
  }
  .hoppa-iso #trip_past .form_frame input[type='text'],
  .hoppa-iso #trip_upcoming .form_frame input[type='text'],
  .hoppa-iso #trip_active .form_frame input[type='text'] {
    border-bottom: none;
  }
  .hoppa-iso #trip_active .form_frame input[type='text'],
  .hoppa-iso #trip_upcoming .form_frame input[type='text'],
  .hoppa-iso #trip_past .form_frame input[type='text'] {
    padding-left: 10px;
  }
  .hoppa-iso #pwd_reset_intro p {
    margin: 5% 0;
  }
  .hoppa-iso .amend_changes_holder,
  .hoppa-iso .cancel_changes_holder {
    width: 49%;
    float: right;
  }
  .hoppa-iso #trip_amend_cta {
    padding: 5% 0;
  }
  .hoppa-iso #my_account .panel-body p {
    padding: 1% 0 5%;
  }
  .hoppa-iso td.data_add_card,
  .hoppa-iso td.data_amend {
    padding: 3% 0;
  }
  .hoppa-iso .payment_summary_edit .year_select {
    margin-left: 5%;
  }
  .hoppa-iso .edit_arrival_time,
  .hoppa-iso .edit_departure_time {
    float: left;
    width: 20%;
  }
  .hoppa-iso .edit_arrival_time select,
  .hoppa-iso .edit_departure_time select {
    width: 20% !important;
  }
  .hoppa-iso #client_profile_tabpanel .hoppa_negative_btn_new,
  .hoppa-iso #client_profile_tabpanel .hoppa_cancel_btn {
    width: 47%;
  }
  .hoppa-iso #client_profile_landing_wrapper .form_frame {
    margin: 5% 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  .hoppa-iso #profile_account .show_countries_profile {
    width: 20%;
  }
  .hoppa-iso #profile_personal span.customSelect,
  .hoppa-iso #profile_personal span.customSelect.form-control,
  .hoppa-iso #profile_payment span.customSelect,
  .hoppa-iso #profile_payment span.customSelect.form-control {
    width: 100% !important;
  }
  .hoppa-iso #profile_personal {
    margin: 8px 0 0 0 !important;
  }
  .hoppa-iso #profile_account-collapse .form_frame input {
    padding: 10px 10px 10px 0;
  }
  .hoppa-iso #client_profile_tabs-accordion .internal_h2 {
    text-align: left;
  }
  .hoppa-iso #sel_month select.form-control,
  .hoppa-iso #sel_year select.form-control {
    min-width: 35% !important;
  }
  .hoppa-iso #profile_personal select.form-control,
  .hoppa-iso #profile_payment select.form-control {
    min-width: 80% !important;
  }
  .hoppa-iso .myjourney_cta {
    top: -31px !important;
  }
  .hoppa-iso .trip_from_to {
    padding: 10px !important;
  }
  .hoppa-iso #client_thankyou_wrapper p,
  .hoppa-iso #activation_input-group {
    padding: 3% 5%;
  }
  .hoppa-iso .trip_to {
    margin-left: 0px;
  }
  .hoppa-iso .icon_wallet {
    width: 12px;
    height: 12px;
  }
  .hoppa-iso .age_gender_group .col-xs-3:nth-child(1),
  .hoppa-iso .age_gender_group .col-xs-3:nth-child(2) {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .hoppa-iso ul#client_profile_tabs li.active {
    font-weight: bold !important;
  }
  .hoppa-iso .social_login h4 {
    text-align: center;
    display: block;
  }
  .hoppa-iso .social_login a {
    margin: 8px 0;
    display: block;
    cursor: pointer;
  }
  .hoppa-iso .hover h3 {
    font-size: 2.4rem;
  }
  .hoppa-iso .payment_header {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 800px) {
  .hoppa-iso .defaults_summary_stored td.stored_data,
  .hoppa-iso .personal_summary_stored td.stored_data {
    width: 75%;
  }
  .hoppa-iso .payment_summary_stored td.stored_data {
    width: 65% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hoppa-iso #frmSignin.form_frame {
    margin: 2% 0;
  }
  .hoppa-iso #profile_account .icon_wallet {
    padding: 5px;
  }
  .hoppa-iso .social_login_col,
  .hoppa-iso .email_login_col {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .hoppa-iso .people_amend {
    width: 35% !important;
  }
  .hoppa-iso #profile_personal select.form-control,
  .hoppa-iso #profile_payment select.form-control {
    min-width: 25% !important;
  }
  .hoppa-iso #sel_month select.form-control,
  .hoppa-iso #sel_year select.form-control {
    min-width: 32% !important;
  }
  .hoppa-iso #sel_month,
  .hoppa-iso #sel_year {
    width: 49% !important;
  }
  .hoppa-iso .age_gender_group .col-sm-3:nth-child(1),
  .hoppa-iso .age_gender_group .col-sm-3:nth-child(2) {
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .hoppa-iso #client_profile_tabpanel .internal_h2 {
    font-size: 17px;
  }
  .hoppa-iso .dialog_style_authorise .ui-dialog-titlebar-close {
    right: 0 !important;
  }
  .hoppa-iso #reset_client_password .form_frame {
    padding: 2%;
    margin: 2% 0;
  }
}
@media (min-width: 992px) {
  .hoppa-iso #collapse_passenger_details_panel_heading #people-options div {
    min-width: 30% !important;
  }
  .hoppa-iso #dialog-confirmation-forgotPwd .form_frame {
    border: none;
  }
  .hoppa-iso .age_gender_group .col-md-2:nth-child(1),
  .hoppa-iso .age_gender_group .col-md-2:nth-child(2) {
    margin-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hoppa-iso #client_thankyou_wrapper p {
    padding: 3% 15%;
  }
  .hoppa-iso #client_thankyou_wrapper .form-control {
    width: 80%;
    margin: 0 auto;
  }
  .hoppa-iso #client_thankyou_wrapper .internal_h3 {
    margin: 5% 0;
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .hoppa-iso #collapse_myjourney_summary h4,
  .hoppa-iso #collapse_myjourney_summary h6 {
    font-size: medium;
  }
  .hoppa-iso .defaults_summary_edit .hoppa_primary_btn,
  .hoppa-iso .defaults_summary_stored .hoppa_primary_btn,
  .hoppa-iso .payment_summary_edit .hoppa_primary_btn,
  .hoppa-iso .payment_summary_stored .hoppa_primary_btn,
  .hoppa-iso .personal_summary_edit .hoppa_primary_btn,
  .hoppa-iso .personal_summary_stored .hoppa_primary_btn {
    width: 20%;
    float: right;
  }
  .hoppa-iso #myjourneysummary h4 {
    padding: 10px 10px 10px 0;
  }
  .hoppa-iso .amend_btn_holder,
  .hoppa-iso .cancel_btn_holder {
    width: 20%;
  }
  .hoppa-iso #booking_changes_header {
    width: 59%;
  }
  .hoppa-iso .defaults_summary_stored td.stored_data,
  .hoppa-iso .personal_summary_stored td.stored_data {
    width: 80%;
  }
  .hoppa-iso .payment_summary_stored td.stored_data {
    width: 70%;
  }
  .hoppa-iso .upgrade_vehicle .slick-next {
    right: 0;
  }
  .hoppa-iso .upgrade_vehicle .slick-prev {
    left: 0;
  }
  .hoppa-iso .flight_details_edit .arrival_date_edit {
    width: 20% !important;
  }
  .hoppa-iso .flight_details_edit .arrival_month_edit {
    width: 40% !important;
  }
  .hoppa-iso .flight_details_edit .arrival_year_edit {
    width: 30% !important;
  }
  .hoppa-iso .flight_details_edit .arrival_hours_edit,
  .hoppa-iso .flight_details_edit .arrival_minutes_edit {
    width: 20% !important;
  }
  .hoppa-iso .amend_changes_holder,
  .hoppa-iso .cancel_changes_holder {
    width: 20%;
  }
  .hoppa-iso #profile_account .form_frame {
    margin: 2% 0;
  }
}
@media only screen and (min-width: 1024px) {
  .hoppa-iso ul#client_profile_tabs {
    min-width: 950px;
  }
  .hoppa-iso #client_profile_landing_wrapper h1 {
    width: 975px !important;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {
  .hoppa-iso .voucher_confirmation_image {
    background: url(https://www.hoppa.com/images/right.png) 1% center no-repeat
      #f1f1f1;
  }
}