@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&amp;display=swap');
/*top__banner__section*/
.CompainPage .full_width{display: flex; align-items: center; justify-content: space-between;}
.CompainPage .full_width .tfnSection a{
      font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    background: #233886;
    padding: 12px 20px;
    border-radius: 50px;
}
.CompainPage .full_width .tfnSection a:hover{background: #333;}
.CompainPage .full_width .tfnSection span{
  position: absolute;
    right: 12px;
    top: 0px;
    font-size: 10px;
    background: #f6a500;
    padding: 2px 7px;
    border-radius: 10px 10px 0px 10px;
    color: #fff;
}
.CompainPage .full_width .tfnSection a i{
        animation-name: trin;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
}
@keyframes trin {
    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }
}


div.new_header_area ul.new_header_area_partition{display: flex; justify-content: space-between; align-items: center;}
div.new_header_area ul.new_header_area_partition a{font-size: 20px; font-weight: 700; color: #233886;}
.banner{margin-top: 0px;}
.middle__banner__call{float: left; width: 100%; padding: 60px 0px;}
.middle__banner__call .banner__card img{border-radius: 20px;}
.navbar-dark .navbar-brand{margin-top: 6px;}
.call_now_box a{font-size: 24px;}
.footer_txt a, .footer_txt p{font-size: 18px;}

.top__banner__section {
    background: url(../images/popup/bg__banner.webp) no-repeat;
    background-size: cover;
    padding: 90px 0px;
    float: left;
    width: 100%;
    position: relative;
}
.top__banner__section:before{
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background: rgb(0,0,0);
background: linear-gradient(103deg, rgb(0 0 0 / 48%) 0%, rgba(0, 0, 0, 0.02573529411764708) 100%);
}
.top__banner__section .contentBanner p{
      font-size: 42px;
    font-family: "K2D", sans-serif;
    font-weight: 600;
    margin-bottom: 40px;
    color: #fff;
}
.top__banner__section .contentBanner p span{color: #f6a500; font-weight: 900; float: left; width: 100%;}

.top__banner__section .d-flex{display: flex;}


.top__banner__section .right__img {
    position: absolute;
    bottom: 0;
    width: 100%
}

.top__banner__section .left__img__with__price .img__bg img {
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    bottom: 40px;
}

.top__banner__section .right__img img {
    width: 100%;
    display: block;
}

.top__banner__section .tfn__box__middle p.feel__free {
    font-size: 22px;
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-weight: 700
}

.top__banner__section .model-top-rht p.phone_number a {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 28px;
    color: #fff;
    background: #032f55;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px 25px;
    width: 58%;
}

.top__banner__section .model-top-rht p.phone_number a:hover {
    background: #376dee;
    text-decoration: none;
}

.top__banner__section .model-top-rht p.phone_number a.active {
    background: #233886;
    padding: 13px 18px;
    font-size: 38px;
    font-weight: 700;
}
.top__banner__section .model-top-rht p.phone_number a.active:hover{
  background: #ff6430;
    text-decoration: none;
    color: #fff;
}

.top__banner__section .model-top-rht p.phone_number a img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff
}
.tfn__box__middle .numberList{
      position: relative;
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
.tfn__box__middle .numberList a{
      position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-left: -15px;
        color: #FFF;
    font-size: 38px;
    font-style: normal;
    gap: 10px;
    font-weight: 700;
    line-height: normal;
}


.tfn__box__middle .numberList svg{
    position: absolute;
    top: -13px;
    left: 0;
}
.top__banner__section .flex__box {
    display: flex;
    align-items: center
}
.tfn__box__middle .numberList .callIcon img{
          width: 45px;
        border-radius: 50px;
        animation-name: trin;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        position: relative;
        top: 4px;
}

@keyframes trin {
          from {
              transform:rotate3d(0, 0, 1, 0deg);
          }
          20%, 32%, 44%, 56%, 68% {
              transform: rotate3d(0, 0, 1, 0deg);
          }
          23%, 35%, 47%, 59%, 71% {
              transform: rotate3d(0,0,1,15deg);
          }
          26%, 38%, 50%, 62%, 74% {
              transform: rotate3d(0,0,1,0deg);
          }
          29%, 41%, 53%, 65%, 77% {
              transform: rotate3d(0,0,1,-15deg);
          }
          80% {
              transform:rotate3d(0, 0, 1, 0deg);
          }
      }


.top__banner__section .flex__box .tfn__box__middle {
    width: 90%;
    margin: 0px 0px 80px auto;
}

.top__banner__section .left__img__with__price .price__box p.price {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 600
}
/*top__banner__section end*/

.sidebar-call {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 100%;
  transform: translate(-30px, -50%);
  -webkit-transform: translate(-30px, -50%);
  -moz-transform: translate(-30px, -50%);
  z-index: 999;
  transition: .3s linear;
  -webkit-transition: .3s linear;
  -moz-transition: .3s linear
}
.sidebar-call:hover {
 transform: translate(-232px, -50%);
 -webkit-transform: translate(-232px, -50%);
 -moz-transform: translate(-232px, -50%)
}
.sidebar-call>a {
  width: auto;
  float: left;
  font-weight: 700;
  display: block;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  position: relative;
  padding: 7px 20px 7px 35px;
  background: #233886;
  }
  .sidebar-call>a>span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    border: 7px solid #233886;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%
    }
.sidebar-call>a>span>img {
  background: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  float: left
  }
  .sidebar-call>a>b {font-size: 19px; color: #fff}
div.main_header div.main_header_top .header_numbers .call1 a{background: #214c6b; display: flex; align-items: center; padding: 10px 20px; border-radius: 8px; color: #fff;}
div.main_header div.main_header_top .header_numbers .call1 a:hover{background: #333; text-decoration: none; color: #fff;}
div.main_header div.main_header_top .header_numbers .call1 img{width: 25px; height: 25px; border-radius: 50px; border: 2px solid #fff;}
div.main_header div.main_header_top .header_numbers .call1{margin-top: 0px;}
/*popup*/
.autoOpenPopupNew { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000000; display:none;}
.autoOpenPopupNew > div { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.7); }
.autoOpenPopupNew > div > div { width:720px; background:white;transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:bottom; -webkit-transform-origin:bottom; transition:all 0.5s; -webkit-transition:all 0.5s; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; border: 10px solid #e7ffff;}
.autoOpenPopupNew div > div.active { transform:scaleY(1); -webkit-transform:scaleY(1); transition:all 0.5s; -webkit-transition:all 0.5s; }
.autoOpenPopupNew > div > div > .fa {z-index: 9; position:absolute; top:15px; width:35px; height:35px;font-size:20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; display:flex; justify-content:center; align-items:center; cursor:pointer; transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;background: #eee;text-decoration:none;color:#999;}
.autoOpenPopupNew > div > div > .fa-times{right: 15px;}
.autoOpenPopupNew > div > div > .fa-phone{right: 60px;}
.autoOpenPopupNew > div > div > .fa:hover{color:#111;}
.flightbook-modal .modal-content{max-width: 720px;}
.flightbook-modal .model-top-rht{width: 100%;}
.flightbook-modal .model-bottom{background: rgb(223,250,241); background: linear-gradient(0deg, rgba(223,250,241,1) 0%, rgba(185,241,222,1) 100%);}
.flightbook-modal .model-top{float: none;}
.flightbook-modal .content-ins p{margin-bottom: 4px;}
.flightbook-modal .model-bottom .top__heading p{font-size: 20px; color: #333; font-weight: 600; position: relative; margin-bottom: 30px;}
.flightbook-modal .model-bottom .top__heading p:before{position: absolute; content: ""; height: 2px; width: 100%; background: #43cc9e; top: 70px;}
.flightbook-modal .model-bottom{padding: 50px 30px 60px 20px; padding-bottom: 30px;}
.flightbook-modal .model-top-lft img.Image{width: auto; height: auto; border: none; border-radius: 10%; -webkit-border-radius: 10%; -moz-border-radius: 10%; border: 6px solid #f2f2f2;}
.flightbook-modal .model-top .model-top-lft{width: auto; float: none; margin-top: 42px;}
.flightbook-modal .model-top{padding: 0px 26px 0px 0px; text-align: center;}
.flightbook-modal .model-top-rht p.phone_number a{float: left; width: 100%; display: flex; align-items: center; text-align: left; margin-bottom: 10px; font-size: 28px; background: #233886; text-decoration: none; color: #fff; padding: 8px 12px; border-radius: 5px; font-weight: 700;}
.flightbook-modal .model-top-rht p.phone_number a:hover{background: #333;}
.flightbook-modal .content__middle span{float: left; width: 100%;}
.flightbook-modal .content__middle span{font-size: 13px; margin-bottom: 10px;}
.flightbook-modal p.phone_number a img{margin-right: 12px; width: 26px; border-radius: 50%; border: 2px solid #fff;}
.flightbook-modal .content-inn img{border-radius: 4px; border: 1px solid #8affd9;}
.flightbook-modal .main_popup .model-bottom .right__side__box{display: flex; align-items: center; gap: 10px; margin-bottom: 30px;}
.flightbook-modal .main_popup .content-ins p {color: #3a465f; font-size: 13px; font-weight: 600; margin-bottom: 0px;}
.flightbook-modal .main_popup .content-ins h5 { margin: 0 0 0 0; font-weight: bold; font-size: 14px; color: #3a465f; }
.flightbook-modal .content__middle h3{margin: 8px 0px; font-weight: 600;}
  .flightbook-modal .main_popup .model-bottom .right__side__box{margin-bottom: 28px;}
  .phone-only .icon__box{margin-bottom: 3px;}
  .flightbook-modal .content__middle h3{font-size: 20px; color: #333;}
  .phone-only .icon__box .content p{font-size: 11px;}
  .phone-only .icon__box .content span.bold{font-size: 12px;}
  .footer_fasttrack .footer-upper .footer-links h3{font-size: 20px; margin-bottom: 10px;}
  .flightbook-modal .model-bottom{padding: 20px 15px 16px 6px; float: left; background: #e7ffff;}

.autoOpenPopupNew .partition{padding:0;margin:0 -5px;clear: both; text-align: center;}
.autoOpenPopupNew .partition > li{width:50%;float:left;padding:0 5px;list-style: none;}
.autoOpenPopupNew .partition > li > a{width:100%;float:left;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background: #fdc900;margin-bottom: 10px;padding:20px 10px 10px;display: flex;align-content: center;flex-direction: column;justify-content: center;text-decoration: none; min-height: 145px;}
.autoOpenPopupNew .partition > li > a.chang{background: #FFD8D8; border: 3px solid #dccdcd;}
.autoOpenPopupNew .partition > li > a.chang span{color: #f50642;}
.autoOpenPopupNew .partition > li > a.ref{background: #D4E9F4; border: 3px solid #c7e0ee;}
.autoOpenPopupNew .partition > li > a.ref span{color: #00547e;font-size: 14px;}
.autoOpenPopupNew .partition > li > a.res{background: #DCDCDC; border: 3px solid #d3d3d3;}
.autoOpenPopupNew .partition > li > a.res span{color: #0d0a0e;}
.autoOpenPopupNew .partition > li > a.rebook{background: #FFCFC6; border: 3px solid #ebc3bb;}
.autoOpenPopupNew .partition > li > a.rebook span{color: #f55206;}
.footer_fasttrack .footer-upper .footer-about p{margin-top: 10px !important;}
.phone-only .call__btn__body .call__tfn .phone_number a img.flage-code{height: 26px; width: 26px;}
.flightbook-modal p.phone_number a img{height: 28px; width: 28px;}
.headerClsFix{
    display: none;
}

.suportimg{
    display: none;
}



@media screen and (max-width: 1320px) {
    .contentBanner{
        padding: 10px 30px;
    }
}

@media (max-width: 767px) {
.flightbook-modal .content__middle h3{font-size: 16px; margin-top: 7px;}
}

  /*mobile tfn fixed*/
  .mobile__tfn__fixed{position: fixed; display: none; z-index: 99; padding: 10px; bottom: 0px; text-align: center; background: #333; float: left; width: 100%;}
  .mobile__tfn__fixed a{color: #fff; font-size: 20px;}

  @media screen and (min-width: 992px) and (max-width: 1366px) {
    .flightbook-modal .model-bottom{width: 100%;}
  }

    @media screen and (max-width: 992px) {
      .flightbook-modal .model-bottom{width: 100%;}
      .flightbook-modal .model-top-rht{display: flex; justify-content: center;}
      .top__banner__section .model-top-rht p.phone_number a.active{font-size: 22px; margin-bottom: 15px; width: max-content; margin: 0 auto;}
    }

@media screen and (min-width: 767px) and (max-width: 1200px){
  .mobile__tfn__fixed{display: block;}
  .col-lg-6 {width: 100%;}
  
    .flightbook-modal .model-top{padding: 0px 30px 0px 30px;}
    .flightbook-modal .model-top-lft img.Image{display: none;}
    .outer_fotter_mbl{border: none; background: transparent;}
    .flightbook-modal .model-top-rht p.phone_number a{font-size: 22px;}
    .flightbook-modal .model-top .model-top-lft{margin-top: 20px;}
    .flightbook-modal .model-bottom{padding: 65px 15px 8px 6px;}
    .top__banner__section .model-top-rht p.phone_number a.active{font-size: 24px; margin-bottom: 15px; width: auto;}
    .top__banner__section .tfn__box__middle p.feel__free{margin-bottom: 15px; font-size: 18px;}
    .top__banner__section .flex__box .tfn__box__middle{margin-bottom: 50px; padding: 15px;}
    .top__banner__section .left__img__with__price .img__bg img{display: none;}
    .top__banner__section .right__img{position: relative;}
    .top__banner__section .right__img img{display: none;}
    .top__banner__section .model-top-rht p.phone_number a{margin-bottom: 0px;}
    .copyright p{margin-bottom: 55px;}
    .subs_title_hdng h2{font-size: 32px;}
    .flightbook-modal .model-top-rht{display: flex; justify-content: center;}
    .MbCompain{margin-bottom: 70px;}
    .top__banner__section .flex__box .tfn__box__middle{width: 100%; margin-bottom: 10px;}
    .top__banner__section{padding: 30px 0px;}
    .top__banner__section .d-flex{display: block;}
    .top__banner__section .flex__box{width: 100%;}
    .main .full_width ul li a{font-size: 14px;}
    div.new_header_area ul.new_header_area_partition > li.second{width: auto;}
    div.new_header_area ul.new_header_area_partition a{font-size: 14px;}
    .top__banner__section{margin-top: 0px;}
    .CompainPage .full_width .tfnSection a{font-size: 14px;}
    .tfn__box__middle .numberList{margin-bottom: 40px;}
    .top__banner__section .contentBanner p span{font-size: 26px;}
    .top__banner__section .contentBanner p{font-size: 24px; text-align: center;}
    .tfn__box__middle .numberList a{font-size: 26px; margin-left: 47px;}
    .tfn__box__middle .numberList .callIcon img{width: 33px; position: relative; top: 5px;}
    .tfn__box__middle .numberList svg{height: 60px; width: 400px; top: -10px;}

    .autoOpenPopupNew > div > div{width: 380px;}
    .header .logo img{width: 130px;}
    .header .logo{margin-top: 0px;}
    .footerNumShow{display: block;}
    .footerNumShow{
      position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: #233886;
    z-index: 1;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    border-radius: 15px 15px 0 0;
    border-top: 4px solid #004b8e;
    transition: all 0.3s;
    }
    .footerNumShow .rightCall p{color: #fff; margin: 0px;}
    .footerNumShow .rightCall span{font-size: 32px; color: #fff; font-weight: 600;}
    .footerNumShow .callIcon img{
      width: 50px;
        border: 3px solid #0063b8;
        border-radius: 50px;
      animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    }
      @keyframes trin {
          from {
              transform:rotate3d(0, 0, 1, 0deg);
          }
          20%, 32%, 44%, 56%, 68% {
              transform: rotate3d(0, 0, 1, 0deg);
          }
          23%, 35%, 47%, 59%, 71% {
              transform: rotate3d(0,0,1,15deg);
          }
          26%, 38%, 50%, 62%, 74% {
              transform: rotate3d(0,0,1,0deg);
          }
          29%, 41%, 53%, 65%, 77% {
              transform: rotate3d(0,0,1,-15deg);
          }
          80% {
              transform:rotate3d(0, 0, 1, 0deg);
          }
      }
}


  @media screen and (max-width: 767px) {
  .mobile__tfn__fixed{display: block;}
  .col-lg-6 {width: 100%;}
  .tfn__box__middle .numberList{margin-bottom: 40px;}
    .flightbook-modal .model-top{padding: 0px 30px 0px 30px;}
    .flightbook-modal .model-top-lft img.Image{display: none;}
    .outer_fotter_mbl{border: none; background: transparent;}
    .flightbook-modal .model-top-rht p.phone_number a{font-size: 22px;}
    .flightbook-modal .model-top .model-top-lft{margin-top: 20px;}
    .flightbook-modal .model-bottom{padding: 65px 15px 8px 6px;}
    .top__banner__section .model-top-rht p.phone_number a.active{font-size: 24px; margin-bottom: 15px; width: auto;}
    .top__banner__section .tfn__box__middle p.feel__free{margin-bottom: 15px; font-size: 18px;}
    .top__banner__section .flex__box .tfn__box__middle{margin-bottom: 50px; padding: 15px;}
    .top__banner__section .left__img__with__price .img__bg img{display: none;}
    .top__banner__section .right__img{position: relative;}
    .top__banner__section .right__img img{display: none;}
    .top__banner__section .model-top-rht p.phone_number a{margin-bottom: 0px;}
    .copyright p{margin-bottom: 55px;}
    .subs_title_hdng h2{font-size: 32px;}
    .flightbook-modal .model-top-rht{display: flex; justify-content: center;}
    .MbCompain{margin-bottom: 70px;}
    .top__banner__section .flex__box .tfn__box__middle{width: 100%; margin-bottom: 10px;}
    .top__banner__section{padding: 30px 0px;}
    .top__banner__section .d-flex{display: block;}
    .top__banner__section .flex__box{width: 100%;}
    .main .full_width ul li a{font-size: 14px;}
    div.new_header_area ul.new_header_area_partition > li.second{width: auto;}
    div.new_header_area ul.new_header_area_partition a{font-size: 14px;}
    .top__banner__section{margin-top: 0px;}
    .CompainPage .full_width .tfnSection a{font-size: 14px;}

    .top__banner__section .contentBanner p span{font-size: 26px;}
    .top__banner__section .contentBanner p{font-size: 24px; text-align: center;}
    .tfn__box__middle .numberList a{font-size: 26px; margin-left: -8px;}
    .tfn__box__middle .numberList .callIcon img{width: 33px; position: relative; top: 5px;}
    .tfn__box__middle .numberList svg{height: 60px; width: 400px; top: -10px;}
    .tfn__box__middle .numberList{display: flex; justify-content: center; float: none;}
    .tfn__box__middle .numberList svg{left: auto;}

    .autoOpenPopupNew > div > div{width: 380px;}
    .header .logo img{width: 130px;}
    .header .logo{margin-top: 0px;}
    .footerNumShow{display: block;}
    .footerNumShow{
      position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: #233886;
    z-index: 1;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    border-radius: 15px 15px 0 0;
    border-top: 4px solid #004b8e;
    transition: all 0.3s;
    }
    .footerNumShow .rightCall p{color: #fff; margin: 0px;}
    .footerNumShow .rightCall span{font-size: 32px; color: #fff; font-weight: 600;}
    .footerNumShow .callIcon img{
      width: 50px;
        border: 3px solid #0063b8;
        border-radius: 50px;
      animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    }
      @keyframes trin {
          from {
              transform:rotate3d(0, 0, 1, 0deg);
          }
          20%, 32%, 44%, 56%, 68% {
              transform: rotate3d(0, 0, 1, 0deg);
          }
          23%, 35%, 47%, 59%, 71% {
              transform: rotate3d(0,0,1,15deg);
          }
          26%, 38%, 50%, 62%, 74% {
              transform: rotate3d(0,0,1,0deg);
          }
          29%, 41%, 53%, 65%, 77% {
              transform: rotate3d(0,0,1,-15deg);
          }
          80% {
              transform:rotate3d(0, 0, 1, 0deg);
          }
      }
}

@media screen and (min-width: 300px) and (max-width: 767px){
  .footerNumShow .rightCall span{font-size: 28px; color: #fff; font-weight: 600;}

  .suportimg{
     border-radius: 30px;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 20px;
     margin-bottom: 20px;
     filter: blur(0.5px);
     -webkit-filter: blur(0.5px);
     padding: 10px;
  }

  .suportimg img{
    border: 3px solid #ebebeb;
    padding: 12px;
    border-radius: 30px;
    background: #4c4c4cad;
  }

   .contentBanner{
        padding: 10px 15px;
    }

}



