@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
.brandBorder {
  border: 1px solid #f1f1f1; }

.brandGreen {
  color: #2aa733; }

.brandGreen_bg {
  background-color: #2aa733; }

.dottedBorder {
  border-bottom: 1px dashed #dee2e6; }

.text-brandRed {
  color: #fe0000; }

body {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif; }

.navShadow {
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* the rest of your styling */ }
  .navShadow a {
    color: #111; }
    .navShadow a:hover {
      color: #fe0000; }

.inputGroup_Icon {
  position: relative;
  width: 100%; }
  .inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .inputGroup_Icon input {
    padding: 5px 10px;
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon select {
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff; }

.inputGroupDropdown i {
  position: inherit;
  text-align: center; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #ef0000;
    color: #fff !important; }

.brandGrey, .myLinks a:hover {
  background: #111;
  border-radius: 0;
  color: #d0d0d0; }

.quickInfo {
  background: #111;
  background: #111;
  cursor: pointer;
  color: #d0d0d0;
  margin: 1px;
  flex-basis: auto; }
  .quickInfo:hover {
    background: #fe0000; }

.lightGrey, .inputGroup_Icon i, .Widget_inputGroup_Icon i {
  color: #919191; }

.fontSiize {
  font-size: 14px; }

/*-------------------------- Padding  -------------------------------------------*/
@media screen and (max-width: 767px) {
  .m-pd-0 {
    padding: 0 !important; } }

/*--------------------------  End Padding  -------------------------------------------*/
.gutter2 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.btn_brandGhostRed {
  background: none;
  border: 1px solid #fe0000;
  color: #fe0000; }
  .btn_brandGhostRed:hover {
    background: #fe0000;
    color: #fff; }

.srp_btn_w {
  max-width: 230px; }

.nav-tabs--vertical {
  border-bottom: none;
  display: flex;
  flex-flow: column nowrap; }

.nav-tabs--left {
  margin: 0 15px; }
  .nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem; }
  .nav-tabs--left .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #f1f1f1;
    white-space: nowrap; }
    .nav-tabs--left .nav-link:hover {
      background: #fe0000;
      color: #fff; }
  .nav-tabs--left .nav-link.active {
    color: #fff;
    background: #fe0000; }
    .nav-tabs--left .nav-link.active:hover {
      color: #fff; }

.footerLinks a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 2;
  color: #d0d0d0; }
  .footerLinks a:hover {
    color: #fe0000; }

.primaryBtn {
  background: #fe0000;
  color: #fff; }
  .primaryBtn:hover {
    background: #b20000; }

/*-------------------- Brand Nav --------------------------*/
.myNav a {
  color: #111 !important;
  font-weight: 300; }
  .myNav a.active {
    border-color: transperent;
    color: #fe0000 !important;
    border-bottom-color: #fe0000 !important;
    font-weight: 400; }

.myNavPills a {
  background: none;
  border: 1px solid #111;
  margin: 3px 6px;
  border-radius: 20px !important; }
  .myNavPills a:hover {
    border: 1px solid #043c8e;
    color: #fff !important;
    background: #043c8e; }
  .myNavPills a:focus {
    border: 1px solid #021d44;
    color: #043c8e !important;
    background: #043c8e; }

.myNavPills .active {
  color: #fff;
  border-radius: 4px;
  font-weight: 400; }

.myLinks a {
  padding: 5px 8px;
  background: #f7f7f7;
  margin: 4px 0;
  text-decoration: none;
  color: #111; }

/* ------------ Vertical Tabs  ----------------*/
/* Style the tab */
.tab {
  float: left;
  background-color: #ffffff;
  width: 60%; }

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer; }

/* Change background color of buttons on hover */
.tab button:hover {
  background: #fbeeef; }

/* Create an active/current "tab button" class */
.tab button.active {
  background: #fbeeef; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 40%;
  background: #fbeeef;
  display: none; }

.brandBadge {
  background: #fe0000;
  color: #fff; }

.verticalTab .vtOptions {
  width: calc(33% - 10px);
  margin: 0 3px; }

.pageBg {
  background: #f5f5f5 !important; }

.CCselection .selectpicker {
  padding: 15px;
  width: 100%; }

.airline_Logo_Block img {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .airline_Logo_Block img {
    width: 45px; } }

.airline_From_Block {
  white-space: nowrap; }

.airline_Timing {
  font-size: 18px;
  font-weight: 500; }

.myFare {
  font-size: 18px;
  font-weight: 500;
  color: #fe0000; }

@media screen and (max-width: 767px) {
  .airline_Logo_Block, .airline_From_Block, .airline_Timing, .airline_Time_Block {
    font-size: 10px; }
  .card_mPad {
    padding: 10px 5px; }
  .airline_Time_Block {
    display: flex !important;
    justify-content: center;
    flex-flow: column !important; }
  .airline_Time_Block > div {
    width: 100% !important;
    display: block; }
  .srpBlock {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 14px; }
  .srpButton {
    margin: 15px 10px 0 10px; }
    .srpButton btn {
      font-size: 22px; } }

.srpBookNow {
  flex-grow: 1;
  flex-basis: 0;
  padding: 12px !important; }

.tabDataCont {
  border: 1px solid #f1f1f1;
  padding: 15px; }

.sortHorTabsCont {
  width: 100%;
  padding: 10px 0;
  background: #fff;
  display: table; }
  .sortHorTabsCont .sortHorTabs {
    width: 33.33%;
    display: inline-block;
    border: 1px solid #f1f1f1; }
    .sortHorTabsCont .sortHorTabs a {
      display: block;
      width: 100%;
      line-height: 23px;
      cursor: pointer;
      background: #fff;
      text-decoration: none;
      color: #111;
      border-bottom: 3px solid transparent; }
      .sortHorTabsCont .sortHorTabs a:hover {
        border-bottom: 3px solid #fe0000; }
      .sortHorTabsCont .sortHorTabs a:focus {
        border-bottom: 3px solid #2aa733; }

.srpTabHolder ul li a {
  padding: 5px;
  font-size: 12px; }

.srpFareTab div {
  width: calc(33% - 10px); }

.a_provider {
  width: 140px;
  padding: 10px 0; }

.a_confee {
  width: 80px;
  padding: 10px 0; }

.a_faretype {
  width: 160px;
  padding: 10px 0; }

.a_offer {
  width: 150px;
  padding: 10px 0; }

.a_fare {
  width: 190px;
  padding: 10px 0; }

.a_bookNw {
  width: 270px;
  padding: 10px 0; }

/* Carousel */
.srp_carousel a label {
  width: 100%;
  text-align: center;
  color: #111;
  margin: 5px 0; }

.carousel-control-prev {
  background-color: #ccc;
  width: auto; }

.carousel-control-next {
  background-color: #ccc;
  width: auto; }

.carousel-inner {
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff; }

@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block; }
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none; }
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0); }
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible; }
  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible; }
  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible; } }

/* Bootstrap Lightbox using Modal */
#profile-grid {
  overflow: auto;
  white-space: normal; }

#profile-grid .profile {
  padding-bottom: 40px; }

#profile-grid .panel {
  padding: 0; }

#profile-grid .panel-body {
  padding: 15px; }

#profile-grid .profile-name {
  font-weight: bold; }

#profile-grid .thumbnail {
  margin-bottom: 6px; }

#profile-grid .panel-thumbnail {
  overflow: hidden; }

#profile-grid .img-rounded {
  border-radius: 4px 4px 0 0; }

.srpPriceBlock .srpPriceBlock_c1 {
  float: left; }
  .srpPriceBlock .srpPriceBlock_c1 p {
    margin: 0;
    text-align: left;
    float: left; }

@media only screen and (max-width: 767px) {
  .srpPriceBlock {
    flex-direction: column; }
    .srpPriceBlock .srpPriceBlock_c1 {
      float: left;
      width: 100%; }
      .srpPriceBlock .srpPriceBlock_c1 p {
        margin: 0;
        text-align: right; } }
      @media only screen and (max-width: 767px) and (max-width: 767px) {
        .srpPriceBlock .srpPriceBlock_c1 p {
          font-size: 12px; } }

@media only screen and (max-width: 767px) {
      .srpPriceBlock .srpPriceBlock_c1 h5 {
        text-align: center; } }

.show-more {
  color: #043c8e;
  cursor: pointer;
  font-size: 14px !important; }

.srpMoreDetails > div {
  padding-right: 3px;
  padding-left: 3px; }

@media only screen and (max-width: 767px) {
  .srpMoreDetails > div {
    font-size: 11px; }
  .srpMoreDetails > div > div {
    font-size: 11px !important;
    line-height: 21px; }
  .showMoreNavTabs .nav-link {
    padding-left: 8px;
    padding-right: 8px; } }

.stopLine {
  border-bottom: 1px solid #e0e0e0;
  height: 2px;
  position: relative;
  margin: 15px 0; }

.stopBalls1 {
  width: 9px;
  height: 9px;
  border: 1px solid #919191;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  top: -4px;
  background: #fff;
  margin: 0 10px;
  left: 10%; }

.stopBalls2 {
  width: 9px;
  height: 9px;
  border: 1px solid #919191;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  top: -4px;
  background: #fff;
  margin: 0 10px;
  left: 80%; }

.stopBalls_Stopover {
  width: 9px;
  height: 9px;
  border: 1px solid #fe0000;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  top: -4px;
  background: #fff;
  margin: 0 auto;
  left: 50%; }

.stopBalls_r1 {
  width: 9px;
  height: 9px;
  border: 1px solid #919191;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  bottom: -4px;
  background: #fff;
  margin: 0 10px;
  left: 10%; }

.stopBalls_r2 {
  width: 9px;
  height: 9px;
  border: 1px solid #919191;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  bottom: -4px;
  background: #fff;
  margin: 0 10px;
  left: 80%; }

.stopBalls_rStopover {
  width: 9px;
  height: 9px;
  border: 1px solid #fe0000;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  bottom: -5px;
  background: #fff;
  margin: 0 auto;
  left: 50%; }

.Msrp {
  text-align: center; }
  .Msrp small {
    display: block;
    color: #777777 !important; }
  .Msrp span {
    display: block;
    font-size: 19px; }
  .Msrp > [class*="col-"] {
    padding: 0 10px; }
  .Msrp .brandBtn {
    padding: 8px 12px;
    font-size: 11px; }

.airIcon {
  display: inline-block;
  margin-right: 10px; }
  .airIcon small {
    display: block;
    color: #777777 !important;
    font-size: 10px; }
  .airIcon img {
    width: 24px;
    height: 24px;
    border-radius: 30px; }

.viewMoreOptions .viewMore {
  display: none !important; }
  .viewMoreOptions .viewMore.expanded {
    display: block !important; }

.viewMoreOptions .toggle {
  display: block !important; }

.brandBtn {
  padding: 12px 20px;
  display: inline-block;
  text-align: center;
  background: #fe0000;
  color: #fff;
  line-height: 1;
  border-radius: 30px; }
  .brandBtn:hover {
    color: #fff;
    background: #cb0000; }

.stopsRoundTrip {
  border: 1px solid #e0e0e0;
  margin: 0 auto;
  width: 70%;
  border-radius: 30px;
  height: 25px;
  position: inherit;
  top: -12px;
  background: #fff; }

.fareText {
  color: #fe0000;
  font-size: 14px;
  text-align: center; }

.mySrpBlock {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .mySrpBlock {
      display: block; } }

.airline_From_Block {
  text-align: right; }

@media screen and (max-width: 768px) {
  .srpPriceBlock_c1 {
    width: 100% !important; }
  .airline_From_Block {
    text-align: center; } }

/* new styles*/
.btn[class*=btn-outline-] {
  padding: 0px !important; }

.nav-item {
  margin-right: 10px;
  border-radius: 7px; }

.btn {
  padding: 0px 5px;
  text-transform: capitalize !important; }

a.nav-link {
  color: #fff; }

.nav-item a {
  color: #000; }

a.nav-link:hover {
  color: #000; }

.uib-datepicker button {
  padding: 5px 10px !important;
  font-size: 12px !important; }

.fa-chevron-right, .fa-chevron-left {
  left: 2px !important;
  top: 2px !important; }

@media only screen and (max-width: 768px) {
  .carousel-item {
    margin-right: -100% !important; }
  .form-check-label {
    color: #000; }
  .srp_Widget_inputGroup_Icon label {
    color: #007bff !important; }
  .airline_Logo_Block img {
    width: 100%; }
  .font-100 {
    font-size: 100%; }
  .airline_Logo_Block img {
    width: 100%; }
  .line-h {
    margin: 0px 3px 10px 0px !important;
    font-size: 12px;
    height: 35px; }
  .navbar-nav .btn-primary {
    width: 200px;
    margin-left: 0 !important; }
  .navbar-nav .btn-success {
    width: 120px;
    position: relative;
    top: -46px;
    left: 220px; } }

@media only screen and (max-width: 768px) {
  .airline_Logo_Block img {
    width: 80% !important;
    padding: 20px 0px !important; }
  .airline_Logo_Block {
    margin-bottom: 20px; }
  .airline_Logo_Block, .airline_From_Block, .airline_Timing, .airline_Time_Block {
    font-size: 14px; }
  /*.ng-binding {
        font-size: 14px !important;
    }*/
  .flight li {
    list-style: none;
    padding-right: 30px;
    font-size: 11px; }
  .a_bookNw {
    width: 150px; }
  .srpMoreDetails > div > div {
    font-size: 9px !important;
    line-height: 11px; }
  .a_provider {
    width: 240px;
    padding: 3px 0px; }
  .a_faretype {
    padding: 3px 0px; }
  .a_fare {
    padding: 3px 0px; }
  .pull-left {
    float: left; }
  .w-40-m {
    width: 40% !important;
    margin: auto; }
  .m-display-n {
    display: none !important; }
  .tab {
    background-color: #fbeeef !important; }
  .m-btn {
    border-radius: 5px;
    background: #fe0000;
    border: 1px solid #dc0000;
    padding: 3px 5px;
    text-align: center;
    color: #fff;
    width: 45% !important;
    cursor: pointer; }
  .m-btn:hover {
    background: #ef0000; }
  .m-width-100 {
    width: 100% !important;
    padding-top: 10px; }
  .bg-right {
    background: #ccc;
    width: 100%;
    text-align: right;
    padding: 6px;
    border-radius: 3px;
    margin-bottom: 10px; }
  .bg-right span {
    text-align: right;
    padding-left: 60px; }
  .flight-details {
    margin-left: 0px !important; }
  .logo {
    width: 50%;
    float: left; }
  .text {
    width: 50%;
    float: left;
    padding-top: 30px; }
  .text .sg {
    float: left;
    padding-right: 5px; }
  .text .num {
    float: left;
    padding-top: 2px; } }

@media only screen and (min-width: 767px) {
  .carousel-item {
    margin-right: 0px; }
  .bg-right {
    background: #ccc;
    width: 100%;
    text-align: right;
    padding: 6px;
    border-radius: 3px; }
  .bg-right span {
    text-align: right;
    padding-left: 440px; }
  .m-width-100 {
    width: 100% !important;
    padding-top: 10px; }
  .line-h {
    margin: 0px 3px 0px 0px;
    font-size: 12px;
    height: 25px; }
  .flight li {
    list-style: none;
    padding-right: 30px; }
  .pull-left {
    float: left;
    padding-top: 3px; } }

.carousel-control-prev {
  left: 0;
  padding: 25px;
  color: #000;
  font-size: 16px; }

.carousel-control-next {
  right: 0;
  padding: 25px;
  color: #000;
  font-size: 16px; }

.carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
  position: inherit;
  right: 0px;
  z-index: 999; }

.position-fix {
  position: sticky;
  top: 0px;
  z-index: 2;
  width: 100%;
  background: #fff; }

.border-radius-10 {
  border-radius: 10px;
  cursor: pointer; }

.font-24 {
  font-size: 24px; }

.font-20 {
  font-size: 20px; }

.LegInfo_stopLine__3_s15 {
  position: relative;
  display: block;
  width: 43%;
  height: 2px;
  margin: .375rem auto;
  padding: 0;
  border-radius: .375rem;
  background-color: #817b8f;
  line-height: 0;
  text-align: center; }

.cercle {
  background: #817b8f;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  margin-top: 3.5px; }

.LegInfo_stopLine__3_s16 {
  position: relative;
  display: block;
  width: 43%;
  height: 2px;
  margin: .375rem auto;
  padding: 0;
  border-radius: .375rem;
  background-color: #817b8f;
  line-height: 0;
  text-align: center; }

.pull-1 {
  float: left; }

.pull-2 {
  float: left;
  margin-left: 10px; }

.LegInfo_stopLine__3_s15:after {
  position: absolute;
  top: 50%;
  right: -.375rem;
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: -.5rem;
  background-color: #fff;
  background-image: url(https://js.skyscnr.com/sttc/acorn/static/media/plane-end.c2f1764f.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: .75rem; }

.LegInfo_stopLine__3_s16:after {
  position: absolute;
  top: 50%;
  right: -.375rem;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #817b8f;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: .75rem;
  border-radius: 5px;
  margin-top: -3.5px; }

.d-flex {
  font-size: 14px; }

.show-in-desktop-mode, .show-in-mobile-mode {
  display: none; }

@media only screen and (min-width: 768px) {
  .d-web-log {
    /*position: absolute;
        right: 70px;*/ }
  /*.srp_Widget_inputGroup_Icon input {
        color: #000 !important;
        background: #ccc !important;
    }*/
  /*.inputGroupDropdown .btn {
        background: #ccc !important;
    }*/
  ul.dropdown-menu {
    width: auto !important;
    max-height: 320px; }
  .w-80 {
    width: 60% !important; }
  .mt-20 {
    margin-top: 20px; }
  .collapse:not(.show) {
    display: block; }
  .md-accordion .card .card-header {
    display: none; }
  .show-in-desktop-mode {
    display: block; } }

@media only screen and (max-width: 768px) {
  .d-web-log {
    margin-top: 10px; }
  .m-web-left {
    padding: 0px 0px 10px 0px; }
  /*.srp_Widget_inputGroup_Icon input {
            color: #000 !important;
            background: #a7a7a7 !important;
            border-radius: 5px !important;
        }*/
  .w-80 {
    width: 80% !important; }
  .flex-column {
    margin-top: 10px !important;
    margin-bottom: 10px; }
  .show-in-mobile-mode {
    display: block; } }

.card-body1 {
  background: #fff !important;
  color: #131313 !important;
  padding: 4px 20px !important; }

.srp_Widget_inputGroup_Icon label {
  color: #131313 !important; }

.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover {
  background: none !important;
  color: #000 !important; }

.brandRed {
  border-radius: 5px; }

.search1 {
  float: right;
  text-align: right;
  font-size: 22px;
  padding-top: 8px; }

.des {
  float: left;
  text-align: left;
  font-size: 20px; }

.srp_Widget_inputGroup_Icon .dropdown-toggle {
  color: #a0a0a0 !important; }

@media only screen and (max-width: 767px) {
  .srp_Widget_inputGroup_Icon input {
    border: 1px solid #ccc; }
  .range {
    padding: 2px 3px !important; } }

.slidecontainer {
  width: 100%; }

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s; }

.slider:hover {
  opacity: 1; }

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer; }

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(calc(-250px * 4)); } }

.slider1 {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 90px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .slider1::before, .slider1::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2; }
  .slider1::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg); }
  .slider1::before {
    left: 0;
    top: 0; }
  .slider1 .slide-track {
    /*animation: scroll $animationSpeed linear infinite;*/
    display: flex;
    width: calc(250px * 8); }
  .slider1 .slide1 {
    height: 70px;
    width: 130px;
    border: 1px solid #ccc;
    margin: 10px 10px; }
  .slider1 .center {
    padding-left: 70px; }

#tabs .nav-tabs .nav-link {
  font-size: 12px !important;
  margin-right: 4px !important; }

.alert {
  padding: 5px 0px; }

#myProgress {
  width: 100%;
  background-color: #ddd; }

#myBar {
  width: 10%;
  height: 10px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  animation: progress-bar-stripes 1s linear infinite; }

.padd {
  padding: 0px 20px 0px 5px; }

.padd1 {
  padding: 0px 20px 0px 10px; }

.cor-text {
  text-align: center;
  width: 100%; }

.cor-img {
  margin: auto 24px; }

.view-more span {
  margin: 0px auto; }

.uib-datepicker-popup {
  padding: 0px !important; }

/*---------------------------*/
.pric {
  position: relative;
  top: 5px; }

.pop-countries {
  font-size: 17px;
  line-height: 45px; }

.pop-countries li {
  border-bottom: 1px solid #909090; }

ul.breadcrumb {
  padding: 5px 10px;
  list-style: none; }

ul.breadcrumb li {
  display: inline;
  font-size: 16px; }

ul.breadcrumb li + li:before {
  padding: 8px;
  color: black;
  content: "/\00a0"; }

ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none; }

ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline; }

.font-color-black {
  color: #000; }

.border-1 {
  border: 1px solid #ccc; }

h2.text-brandRed {
  font-size: 23px !important; }

h5.text-brandRed {
  font-size: 20px !important; }

h4.text-brandRed {
  font-size: 20px !important; }

@media only screen and (max-width: 767px) {
  .logo1 {
    width: 100%;
    width: 100%;
    padding-top: 12px;
    margin-left: -13px; }
  .col-xs-6 {
    width: 50% !important; }
  .col-xs-9 {
    width: 80% !important; }
  .col-xs-8 {
    width: 65% !important;
    float: left; }
  .col-xs-4 {
    width: 33% !important;
    line-height: 20px !important; }
  .col-xs-5 {
    width: 40% !important; }
  .col-xs-2 {
    width: 20% !important; }
  .logo1 img {
    width: 80% !important; }
  .text {
    padding-top: 5px !important; }
  .mweb-padd {
    padding: 0px; }
  .font-9 {
    font-size: 10px !important; }
  .pull-2 {
    margin-left: 10px !important; }
  .airline_Logo_Block img {
    padding: 0px !important; }
  .LegInfo_stopLine__3_s15 {
    width: 40%; }
  .LegInfo_stopLine__3_s16 {
    width: 30%; } }

.logo1 img {
  width: 75%; }

@media only screen and (min-width: 767px) {
  .width-100 {
    width: 100%; } }

@media (max-width: 768px) {
  .mt-10-m {
    margin-top: 10px; } }

@media (max-width: 768px) {
  .modal-dialog {
    width: 80% !important;
    margin: 10px auto !important; }
  .navbar-brand .logo-image {
    height: 20px !important; }
  .my-ac {
    padding: 0px !important;
    margin-top: -10px !important; } }

@media (min-width: 768px) {
  .navbar-brand .logo-image {
    height: 30px !important; }
  .my-ac {
    padding-top: 2px !important; } }

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .form-check-label {
    color: #fff !important; }
  .col-sm-5, .col-sm-3, .col-sm-2, .col-md-6 {
    max-width: 100% !important; }
  .Widget_inputGroup_Icon .cal_Month {
    font-size: 14px !important; }
  .Widget_inputGroup_Icon .cal_Date {
    top: 8px !important;
    left: 70px !important;
    font-size: 18px !important;
    width: 32%; }
  .Widget_inputGroup_Icon .cal_Day {
    top: 8px !important;
    left: 100px !important;
    font-size: 18px !important;
    width: 50%; }
  .show-in-mobile-mode {
    display: none; }
  .ipad {
    color: #000 !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .card {
    word-wrap: inherit !important; }
  .ipad-view {
    display: block !important; }
  .myNav {
    display: block ruby !important; } }

.brandBorder {
  border: 1px solid #f1f1f1; }

.brandGreen {
  color: #2aa733; }

.brandGreen_bg {
  background-color: #2aa733; }

.dottedBorder {
  border-bottom: 1px dashed #dee2e6; }

.text-brandRed {
  color: #fe0000; }

body {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif; }

.navShadow {
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* the rest of your styling */ }
  .navShadow a {
    color: #111; }
    .navShadow a:hover {
      color: #fe0000; }

.inputGroup_Icon {
  position: relative;
  width: 100%; }
  .inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .inputGroup_Icon input {
    padding: 5px 10px;
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon select {
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff; }

.inputGroupDropdown i {
  position: inherit;
  text-align: center; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #ef0000;
    color: #fff !important; }

.brandGrey, .myLinks a:hover {
  background: #111;
  border-radius: 0;
  color: #d0d0d0; }

.quickInfo {
  background: #111;
  background: #111;
  cursor: pointer;
  color: #d0d0d0;
  margin: 1px;
  flex-basis: auto; }
  .quickInfo:hover {
    background: #fe0000; }

.lightGrey, .inputGroup_Icon i, .Widget_inputGroup_Icon i {
  color: #919191; }

.fontSiize {
  font-size: 14px; }

/*-------------------------- Padding  -------------------------------------------*/
@media screen and (max-width: 767px) {
  .m-pd-0 {
    padding: 0 !important; } }

/*--------------------------  End Padding  -------------------------------------------*/
.gutter2 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.btn_brandGhostRed {
  background: none;
  border: 1px solid #fe0000;
  color: #fe0000; }
  .btn_brandGhostRed:hover {
    background: #fe0000;
    color: #fff; }

.srp_btn_w {
  max-width: 230px; }

.nav-tabs--vertical {
  border-bottom: none;
  display: flex;
  flex-flow: column nowrap; }

.nav-tabs--left {
  margin: 0 15px; }
  .nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem; }
  .nav-tabs--left .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #f1f1f1;
    white-space: nowrap; }
    .nav-tabs--left .nav-link:hover {
      background: #fe0000;
      color: #fff; }
  .nav-tabs--left .nav-link.active {
    color: #fff;
    background: #fe0000; }
    .nav-tabs--left .nav-link.active:hover {
      color: #fff; }

.footerLinks a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 2;
  color: #d0d0d0; }
  .footerLinks a:hover {
    color: #fe0000; }

.primaryBtn {
  background: #fe0000;
  color: #fff; }
  .primaryBtn:hover {
    background: #b20000; }

/*-------------------- Brand Nav --------------------------*/
.myNav a {
  color: #111 !important;
  font-weight: 300; }
  .myNav a.active {
    border-color: transperent;
    color: #fe0000 !important;
    border-bottom-color: #fe0000 !important;
    font-weight: 400; }

.myNavPills a {
  background: none;
  border: 1px solid #111;
  margin: 3px 6px;
  border-radius: 20px !important; }
  .myNavPills a:hover {
    border: 1px solid #043c8e;
    color: #fff !important;
    background: #043c8e; }
  .myNavPills a:focus {
    border: 1px solid #021d44;
    color: #043c8e !important;
    background: #043c8e; }

.myNavPills .active {
  color: #fff;
  border-radius: 4px;
  font-weight: 400; }

.myLinks a {
  padding: 5px 8px;
  background: #f7f7f7;
  margin: 4px 0;
  text-decoration: none;
  color: #111; }

/* ------------ Vertical Tabs  ----------------*/
/* Style the tab */
.tab {
  float: left;
  background-color: #ffffff;
  width: 60%; }

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer; }

/* Change background color of buttons on hover */
.tab button:hover {
  background: #fbeeef; }

/* Create an active/current "tab button" class */
.tab button.active {
  background: #fbeeef; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 40%;
  background: #fbeeef;
  display: none; }

.brandBadge {
  background: #fe0000;
  color: #fff; }

.verticalTab .vtOptions {
  width: calc(33% - 10px);
  margin: 0 3px; }

.pageBg {
  background: #f5f5f5 !important; }

.CCselection .selectpicker {
  padding: 15px;
  width: 100%; }

.brandBorder {
  border: 1px solid #f1f1f1; }

.brandGreen {
  color: #2aa733; }

.brandGreen_bg {
  background-color: #2aa733; }

.dottedBorder {
  border-bottom: 1px dashed #dee2e6; }

.text-brandRed {
  color: #fe0000; }

body {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif; }

.navShadow {
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* the rest of your styling */ }
  .navShadow a {
    color: #111; }
    .navShadow a:hover {
      color: #fe0000; }

.inputGroup_Icon {
  position: relative;
  width: 100%; }
  .inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .inputGroup_Icon input {
    padding: 5px 10px;
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon select {
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff; }

.inputGroupDropdown i {
  position: inherit;
  text-align: center; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #ef0000;
    color: #fff !important; }

.brandGrey, .myLinks a:hover {
  background: #111;
  border-radius: 0;
  color: #d0d0d0; }

.quickInfo {
  background: #111;
  background: #111;
  cursor: pointer;
  color: #d0d0d0;
  margin: 1px;
  flex-basis: auto; }
  .quickInfo:hover {
    background: #fe0000; }

.lightGrey, .inputGroup_Icon i, .Widget_inputGroup_Icon i {
  color: #919191; }

.fontSiize {
  font-size: 14px; }

/*-------------------------- Padding  -------------------------------------------*/
@media screen and (max-width: 767px) {
  .m-pd-0 {
    padding: 0 !important; } }

/*--------------------------  End Padding  -------------------------------------------*/
.gutter2 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.btn_brandGhostRed {
  background: none;
  border: 1px solid #fe0000;
  color: #fe0000; }
  .btn_brandGhostRed:hover {
    background: #fe0000;
    color: #fff; }

.srp_btn_w {
  max-width: 230px; }

.nav-tabs--vertical {
  border-bottom: none;
  display: flex;
  flex-flow: column nowrap; }

.nav-tabs--left {
  margin: 0 15px; }
  .nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem; }
  .nav-tabs--left .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #f1f1f1;
    white-space: nowrap; }
    .nav-tabs--left .nav-link:hover {
      background: #fe0000;
      color: #fff; }
  .nav-tabs--left .nav-link.active {
    color: #fff;
    background: #fe0000; }
    .nav-tabs--left .nav-link.active:hover {
      color: #fff; }

.footerLinks a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 2;
  color: #d0d0d0; }
  .footerLinks a:hover {
    color: #fe0000; }

.primaryBtn {
  background: #fe0000;
  color: #fff; }
  .primaryBtn:hover {
    background: #b20000; }

/*-------------------- Brand Nav --------------------------*/
.myNav a {
  color: #111 !important;
  font-weight: 300; }
  .myNav a.active {
    border-color: transperent;
    color: #fe0000 !important;
    border-bottom-color: #fe0000 !important;
    font-weight: 400; }

.myNavPills a {
  background: none;
  border: 1px solid #111;
  margin: 3px 6px;
  border-radius: 20px !important; }
  .myNavPills a:hover {
    border: 1px solid #043c8e;
    color: #fff !important;
    background: #043c8e; }
  .myNavPills a:focus {
    border: 1px solid #021d44;
    color: #043c8e !important;
    background: #043c8e; }

.myNavPills .active {
  color: #fff;
  border-radius: 4px;
  font-weight: 400; }

.myLinks a {
  padding: 5px 8px;
  background: #f7f7f7;
  margin: 4px 0;
  text-decoration: none;
  color: #111; }

/* ------------ Vertical Tabs  ----------------*/
/* Style the tab */
.tab {
  float: left;
  background-color: #ffffff;
  width: 60%; }

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer; }

/* Change background color of buttons on hover */
.tab button:hover {
  background: #fbeeef; }

/* Create an active/current "tab button" class */
.tab button.active {
  background: #fbeeef; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 40%;
  background: #fbeeef;
  display: none; }

.brandBadge {
  background: #fe0000;
  color: #fff; }

.verticalTab .vtOptions {
  width: calc(33% - 10px);
  margin: 0 3px; }

.pageBg {
  background: #f5f5f5 !important; }

.CCselection .selectpicker {
  padding: 15px;
  width: 100%; }

.btn {
  padding: 7px 15px;
  min-height: 35px;
  border-radius: 0;
  font-size: 14px;
  margin: 0;
  box-shadow: none; }
  .btn:hover {
    box-shadow: none; }

.form-control {
  border-radius: 0; }

#tabs {
  color: #111; }

.myNav .nav-tabs .nav-link {
  border: none; }

.myNav .nav-tabs a.nav-item:hover {
  border: none; }

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fe0000;
  background-color: transparent;
  border-bottom-color: #fe0000;
  border-bottom: 4px solid !important;
  font-size: 14px;
  font-weight: 400;
  border: none; }

#tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  color: #fe0000;
  font-size: 14px; }

.brand_controls a {
  background: none;
  box-shadow: none;
  float: right; }
  .brand_controls a:hover {
    box-shadow: none; }

.brand_controls a i {
  background: none;
  color: #fe0000; }

.brandBorder {
  border: 1px solid #f1f1f1; }

.brandGreen {
  color: #2aa733; }

.brandGreen_bg {
  background-color: #2aa733; }

.dottedBorder {
  border-bottom: 1px dashed #dee2e6; }

.text-brandRed {
  color: #fe0000; }

body {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif; }

.navShadow {
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* the rest of your styling */ }
  .navShadow a {
    color: #111; }
    .navShadow a:hover {
      color: #fe0000; }

.inputGroup_Icon {
  position: relative;
  width: 100%; }
  .inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .inputGroup_Icon input {
    padding: 5px 10px;
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon select {
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff; }

.inputGroupDropdown i {
  position: inherit;
  text-align: center; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #ef0000;
    color: #fff !important; }

.brandGrey, .myLinks a:hover {
  background: #111;
  border-radius: 0;
  color: #d0d0d0; }

.quickInfo {
  background: #111;
  background: #111;
  cursor: pointer;
  color: #d0d0d0;
  margin: 1px;
  flex-basis: auto; }
  .quickInfo:hover {
    background: #fe0000; }

.lightGrey, .inputGroup_Icon i, .Widget_inputGroup_Icon i {
  color: #919191; }

.fontSiize {
  font-size: 14px; }

/*-------------------------- Padding  -------------------------------------------*/
@media screen and (max-width: 767px) {
  .m-pd-0 {
    padding: 0 !important; } }

/*--------------------------  End Padding  -------------------------------------------*/
.gutter2 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.btn_brandGhostRed {
  background: none;
  border: 1px solid #fe0000;
  color: #fe0000; }
  .btn_brandGhostRed:hover {
    background: #fe0000;
    color: #fff; }

.srp_btn_w {
  max-width: 230px; }

.nav-tabs--vertical {
  border-bottom: none;
  display: flex;
  flex-flow: column nowrap; }

.nav-tabs--left {
  margin: 0 15px; }
  .nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem; }
  .nav-tabs--left .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #f1f1f1;
    white-space: nowrap; }
    .nav-tabs--left .nav-link:hover {
      background: #fe0000;
      color: #fff; }
  .nav-tabs--left .nav-link.active {
    color: #fff;
    background: #fe0000; }
    .nav-tabs--left .nav-link.active:hover {
      color: #fff; }

.footerLinks a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 2;
  color: #d0d0d0; }
  .footerLinks a:hover {
    color: #fe0000; }

.primaryBtn {
  background: #fe0000;
  color: #fff; }
  .primaryBtn:hover {
    background: #b20000; }

/*-------------------- Brand Nav --------------------------*/
.myNav a {
  color: #111 !important;
  font-weight: 300; }
  .myNav a.active {
    border-color: transperent;
    color: #fe0000 !important;
    border-bottom-color: #fe0000 !important;
    font-weight: 400; }

.myNavPills a {
  background: none;
  border: 1px solid #111;
  margin: 3px 6px;
  border-radius: 20px !important; }
  .myNavPills a:hover {
    border: 1px solid #043c8e;
    color: #fff !important;
    background: #043c8e; }
  .myNavPills a:focus {
    border: 1px solid #021d44;
    color: #043c8e !important;
    background: #043c8e; }

.myNavPills .active {
  color: #fff;
  border-radius: 4px;
  font-weight: 400; }

.myLinks a {
  padding: 5px 8px;
  background: #f7f7f7;
  margin: 4px 0;
  text-decoration: none;
  color: #111; }

/* ------------ Vertical Tabs  ----------------*/
/* Style the tab */
.tab {
  float: left;
  background-color: #ffffff;
  width: 60%; }

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer; }

/* Change background color of buttons on hover */
.tab button:hover {
  background: #fbeeef; }

/* Create an active/current "tab button" class */
.tab button.active {
  background: #fbeeef; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 40%;
  background: #fbeeef;
  display: none; }

.brandBadge {
  background: #fe0000;
  color: #fff; }

.verticalTab .vtOptions {
  width: calc(33% - 10px);
  margin: 0 3px; }

.pageBg {
  background: #f5f5f5 !important; }

.CCselection .selectpicker {
  padding: 15px;
  width: 100%; }

.brandBorder {
  border: 1px solid #f1f1f1; }

.brandGreen {
  color: #2aa733; }

.brandGreen_bg {
  background-color: #2aa733; }

.dottedBorder {
  border-bottom: 1px dashed #dee2e6; }

.text-brandRed {
  color: #fe0000; }

body {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif; }

.navShadow {
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* the rest of your styling */ }
  .navShadow a {
    color: #111; }
    .navShadow a:hover {
      color: #fe0000; }

.inputGroup_Icon {
  position: relative;
  width: 100%; }
  .inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .inputGroup_Icon input {
    padding: 5px 10px;
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon select {
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff; }

.inputGroupDropdown i {
  position: inherit;
  text-align: center; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #ef0000;
    color: #fff !important; }

.brandGrey, .myLinks a:hover {
  background: #111;
  border-radius: 0;
  color: #d0d0d0; }

.quickInfo {
  background: #111;
  background: #111;
  cursor: pointer;
  color: #d0d0d0;
  margin: 1px;
  flex-basis: auto; }
  .quickInfo:hover {
    background: #fe0000; }

.lightGrey, .inputGroup_Icon i, .Widget_inputGroup_Icon i {
  color: #919191; }

.fontSiize {
  font-size: 14px; }

/*-------------------------- Padding  -------------------------------------------*/
@media screen and (max-width: 767px) {
  .m-pd-0 {
    padding: 0 !important; } }

/*--------------------------  End Padding  -------------------------------------------*/
.gutter2 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.btn_brandGhostRed {
  background: none;
  border: 1px solid #fe0000;
  color: #fe0000; }
  .btn_brandGhostRed:hover {
    background: #fe0000;
    color: #fff; }

.srp_btn_w {
  max-width: 230px; }

.nav-tabs--vertical {
  border-bottom: none;
  display: flex;
  flex-flow: column nowrap; }

.nav-tabs--left {
  margin: 0 15px; }
  .nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem; }
  .nav-tabs--left .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #f1f1f1;
    white-space: nowrap; }
    .nav-tabs--left .nav-link:hover {
      background: #fe0000;
      color: #fff; }
  .nav-tabs--left .nav-link.active {
    color: #fff;
    background: #fe0000; }
    .nav-tabs--left .nav-link.active:hover {
      color: #fff; }

.footerLinks a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 2;
  color: #d0d0d0; }
  .footerLinks a:hover {
    color: #fe0000; }

.primaryBtn {
  background: #fe0000;
  color: #fff; }
  .primaryBtn:hover {
    background: #b20000; }

/*-------------------- Brand Nav --------------------------*/
.myNav a {
  color: #111 !important;
  font-weight: 300; }
  .myNav a.active {
    border-color: transperent;
    color: #fe0000 !important;
    border-bottom-color: #fe0000 !important;
    font-weight: 400; }

.myNavPills a {
  background: none;
  border: 1px solid #111;
  margin: 3px 6px;
  border-radius: 20px !important; }
  .myNavPills a:hover {
    border: 1px solid #043c8e;
    color: #fff !important;
    background: #043c8e; }
  .myNavPills a:focus {
    border: 1px solid #021d44;
    color: #043c8e !important;
    background: #043c8e; }

.myNavPills .active {
  color: #fff;
  border-radius: 4px;
  font-weight: 400; }

.myLinks a {
  padding: 5px 8px;
  background: #f7f7f7;
  margin: 4px 0;
  text-decoration: none;
  color: #111; }

/* ------------ Vertical Tabs  ----------------*/
/* Style the tab */
.tab {
  float: left;
  background-color: #ffffff;
  width: 60%; }

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer; }

/* Change background color of buttons on hover */
.tab button:hover {
  background: #fbeeef; }

/* Create an active/current "tab button" class */
.tab button.active {
  background: #fbeeef; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 40%;
  background: #fbeeef;
  display: none; }

.brandBadge {
  background: #fe0000;
  color: #fff; }

.verticalTab .vtOptions {
  width: calc(33% - 10px);
  margin: 0 3px; }

.pageBg {
  background: #f5f5f5 !important; }

.CCselection .selectpicker {
  padding: 15px;
  width: 100%; }

.btn {
  padding: 7px 15px;
  min-height: 35px;
  border-radius: 0;
  font-size: 14px;
  margin: 0;
  box-shadow: none; }
  .btn:hover {
    box-shadow: none; }

.form-control {
  border-radius: 0; }

#tabs {
  color: #111; }

.myNav .nav-tabs .nav-link {
  border: none; }

.myNav .nav-tabs a.nav-item:hover {
  border: none; }

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #fe0000;
  background-color: transparent;
  border-bottom-color: #fe0000;
  border-bottom: 4px solid !important;
  font-size: 14px;
  font-weight: 400;
  border: none; }

#tabs .nav-tabs .nav-link {
  border: 1px solid transparent;
  color: #fe0000;
  font-size: 14px; }

.brand_controls a {
  background: none;
  box-shadow: none;
  float: right; }
  .brand_controls a:hover {
    box-shadow: none; }

.brand_controls a i {
  background: none;
  color: #fe0000; }

.searchWidget {
  /*background:$brandGrey;*/
  color: #fff; }

.searchFrom {
  display: flex; }

@media (max-width: 768px) {
  .searchFrom {
    display: block; }
  .widgetDateblock {
    height: 100px !important; } }

.Widget_inputGroup_Icon {
  position: relative;
  width: 100%; }
  .Widget_inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .Widget_inputGroup_Icon input {
    padding: 5px 10px;
    line-height: 2;
    padding-left: 40px;
    width: 100%;
    min-height: 50px;
    height: 100%; }
  .Widget_inputGroup_Icon select {
    line-height: 2;
    padding-left: 40px;
    width: 100%;
    min-height: 45px;
    height: 100%; }
  .Widget_inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff;
    color: #111; }
    .Widget_inputGroup_Icon .dropdown-toggle::after {
      float: right;
      position: relative;
      top: 10px; }
  .Widget_inputGroup_Icon .cal_Month {
    position: absolute;
    top: 10px;
    left: 35px;
    color: #111;
    font-size: 14px;
    font-weight: 500; }
  .Widget_inputGroup_Icon .cal_Date {
    position: absolute;
    top: 23px;
    left: 46px;
    font-size: 33px;
    color: #111;
    font-weight: 500; }
  .Widget_inputGroup_Icon .cal_Day {
    position: absolute;
    top: 66px;
    left: 35px;
    color: #111;
    font-size: 14px;
    font-weight: 500; }

.srp_Widget_inputGroup_Icon label {
  float: left;
  padding-left: 10px;
  color: lightgrey;
  margin: 0; }

.srp_Widget_inputGroup_Icon input {
  padding: 5px 10px;
  line-height: 2;
  width: 100%;
  min-height: 45px;
  background: transparent;
  border: none;
  color: #fff !important;
  border-bottom: 1px solid #ccc; }
  .srp_Widget_inputGroup_Icon input:focus {
    background: none; }

.srp_Widget_inputGroup_Icon .dropdown-toggle {
  background: none;
  color: white;
  width: 100%;
  text-align: left; }
  .srp_Widget_inputGroup_Icon .dropdown-toggle:after {
    display: none; }

.srp_Widget_inputGroup_Icon ::placeholder {
  /* Firefox, Chrome, Opera */
  color: white; }

.srp_Widget_inputGroup_Icon :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white; }

.srp_Widget_inputGroup_Icon ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white; }

.inputGroupDropdown {
  height: auto;
  border-bottom: 1px solid #ccc; }
  .inputGroupDropdown i {
    position: inherit;
    text-align: center; }
  .inputGroupDropdown .btn {
    padding: 12px 15px !important; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #b20000; }

.myPaxDropDown {
  width: 250px; }

.paxGroup {
  padding: 0 10px; }
  .paxGroup button {
    background: none;
    border: none; }
  .paxGroup .paxGroup_items {
    flex-grow: 1;
    flex-shrink: 0;
    text-align: center; }
  .paxGroup label {
    width: 50%; }

.paxGroup_Class a {
  border-bottom: 1px solid #111;
  width: 100%;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  color: #111; }
  .paxGroup_Class a:hover {
    background: #fe0000;
    color: #fff; }

/*CheckBox*/
.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after {
  border: 3px solid #fff; }

.form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio]:checked + label:after {
  background: #fe0000; }

/*for DatePicker*/
.travDPWrap {
  background-color: #fff !important; }

.travDPWrap .uib-datepicker .btn.disabled {
  background-color: #fff !important; }

.uib-datepicker table:focus {
  outline: 0; }

.uib-datepicker button {
  background-color: #fff !important;
  color: #000;
  padding: 1rem 1.3rem !important;
  font-size: 1rem !important;
  margin-bottom: 1px !important; }

.uib-datepicker button.active {
  background-color: #fe0000 !important; }

.uib-datepicker button.btn-default:not([disabled]):not(.disabled).active, .uib-datepicker button.btn-default:not([disabled]):not(.disabled):active, .uib-datepicker button.show > .btn-default.dropdown-toggle {
  background-color: #fe0000 !important;
  color: #fff !important; }

.uib-daypicker table tr th.calWeek {
  padding: 10px;
  background: #fff;
  margin: 3px; }

.uib-daypicker .btn-default.uib-title {
  background-color: #fff !important;
  color: #000 !important;
  padding: 1rem; }

.uib-title strong {
  font-size: 1rem; }

.uib-left, .uib-right {
  background-color: #fff !important; }

.uib-left i, .uib-right i {
  font-size: 1rem !important; }

.uib-left:hover, .uib-right:hover {
  box-shadow: none; }

.uib-datepicker .btn:not(:disabled):not(.disabled) {
  box-shadow: none !important; }

.uib-datepicker .btn:not(:disabled):not(.disabled):hover {
  background-color: red !important;
  opacity: 0.7; }

.uib-datepicker .btn:not(:disabled):not(.disabled):hover span {
  color: #fff !important; }

.uib-datepicker .btn:not(:disabled):not(.disabled):hover strong {
  color: #fff !important; }

.uib-datepicker .active {
  box-shadow: none !important; }

.uib-datepicker .text-info {
  color: #fe0000 !important; }

.uib-datepicker .active span {
  color: #fff !important; }

.btn-default:not([disabled]):not(.disabled):active {
  background-color: inherit !important;
  box-shadow: none !important; }

.uib-month .btn-default {
  background: #fff !important; }

.uib-month .btn-default:hover {
  background: #fe0000;
  opacity: 0.6;
  color: #fff; }

.paxGroup_items i {
  left: inherit;
  top: inherit; }

.inputGroupDropdown button i {
  float: left;
  position: relative;
  top: 3px;
  left: 0;
  padding: 6px 0; }

/*Mweb*/
@media only screen and (max-width: 767px) {
  .SearchTitle {
    color: #111;
    font-size: 18px;
    opacity: 0.6; }
  .searchWidget {
    background: none; }
  /*.searchWidget {
        background: #fff;
    }*/
  .selectRout label {
    border: 1px solid #ccc;
    border-radius: 15px;
    color: #000;
    width: 120px;
    line-height: 14px !important;
    float: left;
    text-align: left;
    padding: 5px 10px 12px 30px;
    min-height: 26px; }
  .selectRout label:hover {
    background: #f1f1f1 !important;
    cursor: pointer; }
  .Widget_inputGroup_Icon {
    margin-bottom: 7px !important; }
  .inputGroupDropdown {
    border: 1px solid #ccc; }
  .Widget_inputGroup_Icon .form-control, .Widget_inputGroup_Icon input {
    /*webkit-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.25);
box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.25);*/
    background: #f1f1f1;
    border: none; }
  .mydatePicker {
    min-height: 85px !important; }
  .Widget_inputGroup_Icon .cal_Date {
    font-size: 30px;
    top: 26px; }
  .Widget_inputGroup_Icon .cal_Day {
    top: 61px; }
  .myPaxDropDown {
    width: 100%; }
  .uib-datepicker button {
    padding: 1% !important; }
  /*we can write this from Existing* in media query*/
  .form-check-input[type=radio].with-gap:checked + label:after, .form-check-input[type=radio].with-gap:checked + label:before, .form-check-input[type=radio]:checked + label:after, label.btn input[type=radio].with-gap:checked + label:after, label.btn input[type=radio].with-gap:checked + label:before, label.btn input[type=radio]:checked + label:after {
    border: 3px solid #dedede; } }

ul.travDPWrap {
  padding: 0px !important; }

.brandBorder {
  border: 1px solid #f1f1f1; }

.brandGreen {
  color: #2aa733; }

.brandGreen_bg {
  background-color: #2aa733; }

.dottedBorder {
  border-bottom: 1px dashed #dee2e6; }

.text-brandRed {
  color: #fe0000; }

body {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif; }

.navShadow {
  -webkit-box-shadow: 0 8px 6px -6px #999;
  -moz-box-shadow: 0 8px 6px -6px #999;
  box-shadow: 0 8px 6px -6px #999;
  /* the rest of your styling */ }
  .navShadow a {
    color: #111; }
    .navShadow a:hover {
      color: #fe0000; }

.inputGroup_Icon {
  position: relative;
  width: 100%; }
  .inputGroup_Icon i {
    position: absolute;
    font-size: 18px;
    left: 9px;
    top: 10px;
    z-index: 9; }
  .inputGroup_Icon input {
    padding: 5px 10px;
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon select {
    height: 40px;
    line-height: 2;
    padding-left: 40px;
    width: 100%; }
  .inputGroup_Icon .dropdown-toggle {
    width: 100%;
    background: #fff; }

.inputGroupDropdown i {
  position: inherit;
  text-align: center; }

.brandRed {
  background: #fe0000;
  color: #fff; }
  .brandRed:hover {
    background: #ef0000;
    color: #fff !important; }

.brandGrey, .myLinks a:hover {
  background: #111;
  border-radius: 0;
  color: #d0d0d0; }

.quickInfo {
  background: #111;
  background: #111;
  cursor: pointer;
  color: #d0d0d0;
  margin: 1px;
  flex-basis: auto; }
  .quickInfo:hover {
    background: #fe0000; }

.lightGrey, .inputGroup_Icon i, .Widget_inputGroup_Icon i {
  color: #919191; }

.fontSiize {
  font-size: 14px; }

/*-------------------------- Padding  -------------------------------------------*/
@media screen and (max-width: 767px) {
  .m-pd-0 {
    padding: 0 !important; } }

/*--------------------------  End Padding  -------------------------------------------*/
.gutter2 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px; }

.btn_brandGhostRed {
  background: none;
  border: 1px solid #fe0000;
  color: #fe0000; }
  .btn_brandGhostRed:hover {
    background: #fe0000;
    color: #fff; }

.srp_btn_w {
  max-width: 230px; }

.nav-tabs--vertical {
  border-bottom: none;
  display: flex;
  flex-flow: column nowrap; }

.nav-tabs--left {
  margin: 0 15px; }
  .nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem; }
  .nav-tabs--left .nav-link {
    background: none;
    border: none;
    border-radius: 0;
    color: #f1f1f1;
    white-space: nowrap; }
    .nav-tabs--left .nav-link:hover {
      background: #fe0000;
      color: #fff; }
  .nav-tabs--left .nav-link.active {
    color: #fff;
    background: #fe0000; }
    .nav-tabs--left .nav-link.active:hover {
      color: #fff; }

.footerLinks a {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  color: #111;
  line-height: 2;
  color: #d0d0d0; }
  .footerLinks a:hover {
    color: #fe0000; }

.primaryBtn {
  background: #fe0000;
  color: #fff; }
  .primaryBtn:hover {
    background: #b20000; }

/*-------------------- Brand Nav --------------------------*/
.myNav a {
  color: #111 !important;
  font-weight: 300; }
  .myNav a.active {
    border-color: transperent;
    color: #fe0000 !important;
    border-bottom-color: #fe0000 !important;
    font-weight: 400; }

.myNavPills a {
  background: none;
  border: 1px solid #111;
  margin: 3px 6px;
  border-radius: 20px !important; }
  .myNavPills a:hover {
    border: 1px solid #043c8e;
    color: #fff !important;
    background: #043c8e; }
  .myNavPills a:focus {
    border: 1px solid #021d44;
    color: #043c8e !important;
    background: #043c8e; }

.myNavPills .active {
  color: #fff;
  border-radius: 4px;
  font-weight: 400; }

.myLinks a {
  padding: 5px 8px;
  background: #f7f7f7;
  margin: 4px 0;
  text-decoration: none;
  color: #111; }

/* ------------ Vertical Tabs  ----------------*/
/* Style the tab */
.tab {
  float: left;
  background-color: #ffffff;
  width: 60%; }

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer; }

/* Change background color of buttons on hover */
.tab button:hover {
  background: #fbeeef; }

/* Create an active/current "tab button" class */
.tab button.active {
  background: #fbeeef; }

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 40%;
  background: #fbeeef;
  display: none; }

.brandBadge {
  background: #fe0000;
  color: #fff; }

.verticalTab .vtOptions {
  width: calc(33% - 10px);
  margin: 0 3px; }

.pageBg {
  background: #f5f5f5 !important; }

.CCselection .selectpicker {
  padding: 15px;
  width: 100%; }

.searchContainer {
  height: auto;
  padding: 40px 0 10px 0;
  background: url("../images/bg.jpg") #fff no-repeat 54% 42%; }
  @media only screen and (max-width: 767px) {
    .searchContainer {
      background: #fff;
      padding-top: 0px; } }

.SearchTitle {
  font-size: 28px;
  color: #fff;
  font-weight: 500; }
  @media only screen and (max-width: 767px) {
    .SearchTitle {
      color: #111;
      font-size: 18px; } }

.seoFlights div {
  text-align: center; }

.seoFlights a {
  color: #111;
  text-align: center;
  font-size: 16px;
  font-weight: 500; }
  .seoFlights a:hover {
    color: #fe0000; }

.chepFlightText p {
  font-weight: 400;
  font-size: 15px; }

@media only screen and (max-width: 768px) {
  .carousel-item {
    margin-right: -100% !important; }
  .form-check-label {
    color: #000; }
  .srp_Widget_inputGroup_Icon label {
    color: #000; }
  .airline_Logo_Block img {
    width: 100%; }
  .font-100 {
    font-size: 100%; }
  .airline_Logo_Block img {
    width: 100%; }
  .line-h {
    margin: 0px 3px 10px 0px !important;
    font-size: 12px;
    height: 35px; }
  .navbar-nav .btn-primary {
    width: 200px;
    margin-left: 0 !important; }
  .navbar-nav .btn-success {
    width: 120px;
    position: relative;
    top: -46px;
    left: 220px; } }

@media only screen and (max-width: 767px) {
  .airline_Logo_Block img {
    width: 40%;
    padding: 10px 0px; }
  .airline_Logo_Block {
    margin-bottom: 20px; }
  .airline_Logo_Block, .airline_From_Block, .airline_Timing, .airline_Time_Block {
    font-size: 14px; }
  .ng-binding {
    font-size: 14px; }
  .flight li {
    list-style: none;
    padding-right: 30px;
    font-size: 11px; }
  .a_bookNw {
    width: 150px; }
  .srpMoreDetails > div > div {
    font-size: 9px !important;
    line-height: 11px; }
  .a_provider {
    width: 240px;
    padding: 3px 0px; }
  .a_faretype {
    padding: 3px 0px; }
  .a_fare {
    padding: 3px 0px; }
  .pull-left {
    float: left; }
  .w-40-m {
    width: 40% !important;
    margin: auto; } }

@media only screen and (min-width: 767px) {
  .carousel-item {
    margin-right: 0px; }
  .line-h {
    margin: 0px 3px 0px 0px;
    font-size: 12px;
    height: 25px; } }

.btn[class*=btn-outline-] {
  padding: 0px !important; }

.nav-item {
  margin-right: 10px !important;
  border-radius: 7px !important; }

.btn {
  padding: 0px 5px;
  text-transform: capitalize !important; }

a.nav-link {
  color: #fff; }

.nav-item a {
  color: #000; }

a.nav-link:hover {
  color: #000; }

.uib-datepicker button {
  padding: 5px 10px !important;
  font-size: 12px !important; }

.fa-chevron-right, .fa-chevron-left {
  left: 2px !important;
  top: 2px !important; }

@media only screen and (max-width: 768px) {
  .carousel-item {
    margin-right: -100% !important; }
  /*.form-check-label {
        color: #fff;
    }*/
  .srp_Widget_inputGroup_Icon label {
    color: #000; }
  .airline_Logo_Block img {
    width: 100%; }
  .font-100 {
    font-size: 100%; }
  .airline_Logo_Block img {
    width: 100%; }
  .line-h {
    margin: 0px 3px 10px 0px !important;
    font-size: 12px;
    height: 35px; }
  .navbar-nav .btn-primary {
    width: 200px;
    margin-left: 0 !important; }
  .navbar-nav .btn-success {
    width: 120px;
    position: relative;
    top: -46px;
    left: 220px; } }

@media only screen and (max-width: 767px) {
  .airline_Logo_Block img {
    width: 40%;
    padding: 10px 0px; }
  .navbar .nav-item .nav-link {
    text-align: left; }
  .airline_Logo_Block {
    margin-bottom: 20px; }
  .airline_Logo_Block, .airline_From_Block, .airline_Timing, .airline_Time_Block {
    font-size: 14px; }
  .ng-binding {
    font-size: 14px; }
  .flight li {
    list-style: none;
    padding-right: 30px;
    font-size: 11px; }
  .a_bookNw {
    width: 150px; }
  .srpMoreDetails > div > div {
    font-size: 9px !important;
    line-height: 11px; }
  .a_provider {
    width: 240px;
    padding: 3px 0px; }
  .a_faretype {
    padding: 3px 0px; }
  .a_fare {
    padding: 3px 0px; }
  .pull-left {
    float: left; }
  .w-40-m {
    width: 40% !important;
    margin: auto; }
  .top {
    font-size: 14px !important; } }

@media only screen and (min-width: 767px) {
  .carousel-item {
    margin-right: 0px; }
  .line-h {
    margin: 0px 3px 0px 0px;
    font-size: 12px;
    height: 25px; }
  .flight li {
    list-style: none;
    padding-right: 30px; }
  .pull-left {
    float: left;
    padding-top: 3px; } }

/*    */
.col-item {
  border: 1px solid #E1E1E1;
  border-radius: 5px;
  background: #FFF; }

.col-item .photo img {
  margin: 0 auto;
  width: 100%; }

.col-item .info {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  margin-top: 1px; }

.col-item:hover .info {
  background-color: #F5F5DC; }

.col-item .price {
  /*width: 50%;*/
  float: left;
  margin-top: 5px; }

.col-item .price h5 {
  line-height: 20px;
  margin: 0; }

.price-text-color {
  color: #219FD1; }

.col-item .info .rating {
  color: #777; }

.col-item .rating {
  /*width: 50%;*/
  float: left;
  font-size: 17px;
  text-align: right;
  line-height: 52px;
  margin-bottom: 10px;
  height: 52px; }

.col-item .separator {
  border-top: 1px solid #E1E1E1; }

.clear-left {
  clear: left; }

.col-item .separator p {
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 10px;
  text-align: center; }

.col-item .separator p i {
  margin-right: 5px; }

.col-item .btn-add {
  width: 50%;
  float: left; }

.col-item .btn-add {
  border-right: 1px solid #E1E1E1; }

.col-item .btn-details {
  width: 50%;
  float: left;
  padding-left: 10px; }

.controls {
  margin-top: 20px; }

[data-slide="prev"] {
  margin-right: 10px; }

.line-h {
  border: 1px solid #757575 !important; }

.con-text {
  position: absolute;
  top: 42%;
  width: 89%;
  text-align: center; }

.con-text h5 {
  font-size: 30px;
  color: #000000 !important;
  letter-spacing: 1px;
  font-weight: bold;
  text-align: center; }

@media only screen and (max-width: 767px) {
  .pop-citi {
    width: 50%;
    float: left; } }

.pop-citi a {
  font-size: 16px;
  font-weight: bold;
  line-height: 60px; }

.checked {
  color: orange; }

.round {
  height: 20px; }

.display {
  display: none !important; }

.a_provider {
  width: 160px !important; }

@media only screen and (min-width: 767px) {
  .display1 {
    display: none !important; } }

.from-control {
  display: block;
  width: 100%;
  height: 30px;
  padding: 5px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.airport-ul li {
  margin: 10px 0px; }