/*********Start Navigation*************/
#top_header{
     padding-top: 10px;
}

.drop_ul{
     float: right;
}

.navbar-toggler
{
     position: absolute;
     right: 10px;
     top: -53px;
}
.navbar{
     margin-top: 1px;
     position: relative;
     z-index: 3;    
  background: transparent !important;
}
.navbar-nav{
     padding: 0px;
     margin: 0px;
}

.navbar-nav .nav-item{
     position: relative;
     padding: 0px 28px;

}

/*.navbar-nav .nav-item .subnav{
     display: none;
     position: absolute;
     padding: 0px;
     width: 250px;
     background-color: white;
     
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}

.navbar-nav .nav-item .subnav li a{
     color:  #737373;
     padding: 5px;
     text-decoration: none;
     display: block;

     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}

.navbar-nav li:hover .subnav{
     list-style: none;
     display: block;
     background-color:#ffffff;
     z-index: 11;
}

.navbar-nav .nav-item .subnav li{
     background-color: #CCEEFF;
     color: #050400;

     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

 .navbar-nav .nav-item .subnav li:hover{
     color: white;
     background-color: #002EA0;
}

.navbar-nav .nav-item .subnav li:hover a{
     color: white;
}
*/
.navbar-collapse{
     padding: 0px;
     margin: 0px;
}

.navbar-light .navbar-nav .nav-link{
     color: #fff;
}

.navbar-light .navbar-nav .nav-item .nav-link{
     font-size: 16px;
     font-weight: 550;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -ms-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
}

.navbar-light .navbar-nav .nav-item .nav-link:hover{
    color:#000;
}

/*********End Navigation*************/

/***************Form Card********************/
#top_section .crd_wrp{
  padding: 0px 10px;
}
#top_section .crd_wrp2{
   margin-top: 19px;
}
#top_section .rw_btn{
  margin-bottom: 10px;
  padding-top: 10px
}
#top_section .S_btn1 input{
  border-radius: 6px;
  padding: 5px;
  outline: none;
  width: 50%;
  color: #fff;
  background: #183661;
}
#top_section .S_btn input{
  border-radius: 6px;
  padding: 5px;
  margin-top: 5px;
  outline: none;
  width: 95%;
  color: #fff;
  background: #243265;
}
#top_section .file_btn{
  margin-top: 13px;
}
#top_section .S_btn input:hover{
  background-color:#C6E5FC;
  transition: 1s;
  color: #363491;
  outline: transparent;
}
#top_section .User_Id{
  margin-top: 5px;
  padding:5px;
}
#top_section .User_Id input{
  /*width: 100%;*/
  border:none;
  border-bottom: 2px solid #183661;
}
#top_section .User_Id input:focus{
  outline: none;
  border-bottom: 4px solid #07AEE3;
}
#top_section .Password{
   padding:5px;
}
#top_section .Password input:focus{
  outline: none;
  border-bottom: 4px solid #07AEE3;
}
#top_section .Password input{
  width: 100%;
  border:none;
  border-bottom: 2px solid #183661;
  padding: 5px;
  position: inherit;
}
#top_section .Password select{
  border:none;
  border-bottom: 2px solid #183661;
  padding-top: 13px;
}
#top_section .phonebox input{
  width: 70%;
  border:none;
  float: right;
  border-bottom: 2px solid #183661;
  padding: 5px;
  position: inherit;
}
#top_section .card_Box{
  background-color: #F9F3F2 ;
  border-radius:5px;
  height: 300px;
}
#top_section .crd{
  padding:0px;
}
#top_section .crd_spc{
  margin: 35px 0 40px 0;
}

#top_section .form_box{
  padding: 20px;
}

#top_section .frm-card{
  top:55px;
  left:23px;
}


@media only screen and (max-width: 600px) {
  .frm-card {
   top:0px;
   left:-5px;
   padding-bottom: 10px
  }
}

#top_section .bg-ground{
  background: #ffffff52;
  margin-top: 50px;
  padding: 5px 10px;
  border-radius: 2px;
  box-shadow: 2px 4px 6px 6px rgba(0,0,0,0.2);
}

#top_section .home_bg{
  background: #ffffffe3;
  margin-top: 12em;
  padding: 20px 10px;
  border-radius: 2px;
  box-shadow: 2px 4px 6px 6px rgba(0,0,0,0.2);
}

#top_section .home_bg .from_radio label{
  padding-right: 10px;
  font-weight: 550;
}

#top_section .home_bg .from label{
  font-weight: 550;
}

#top_section .home_bg .from input{
  border: 2px #000000;
  padding: 6px 4px;
  height: 36px;
  color: #000000;
  background: #fff;
}

#top_section .home_bg .from_button input{
  border-radius: 5px;
  padding: 5px;
  margin-top: 30px;
  width: 90%;
  color: #fff;
  background: #325A88;
}
#top_section .home_bg .from_button input:hover{
  background-color: #243265;
}

#top_section .home_bg .from select{
  border: 2px #000000;
  padding: 6px 4px;
  height: 36px;
  width: 100%;
  color: #000000;
  background: #fff;
}

#top_section .home_bg .from_button select{
  border-radius: 5px;
  padding: 5px;
  margin-top: 30px;
  color: #fff;
  background: #325A88;
}
#top_section .home_bg .from_button select:hover{
  background-color: #243265;
}

@media(max-width: 500px){
  .cir_bg{
    display: none;
  }
}

@media(max-width: 500px){
  #top_section .home_bg .from input{
    width: 100%;
  }
  #top_section .home_bg{
    margin-top: 5em;
  }
}

/*---------------------Vuelos_form-----------------------*/

#top_section-2 .crd_wrp{
  padding: 0px 10px;
}
#top_section-2 .crd_wrp2{
   margin-top: 19px;
}
#top_section-2 .rw_btn{
  margin-bottom: 10px;
  padding-top: 10px
}
#top_section-2 .S_btn1 input{
  border-radius: 6px;
  padding: 5px;
  outline: none;
  width: 50%;
  color: #fff;
  background: #183661;
}
#top_section-2 .S_btn input{
  border-radius: 6px;
  padding: 5px;
  margin-top: 5px;
  outline: none;
  width: 95%;
  color: #fff;
  background: #243265;
}
#top_section-2 .file_btn{
  margin-top: 13px;
}
#top_section-2 .S_btn input:hover{
  background-color:#C6E5FC;
  transition: 1s;
  color: #363491;
  outline: transparent;
}
#top_section-2 .User_Id{
  margin-top: 5px;
  padding:5px;
}
#top_section-2 .User_Id input{
  /*width: 100%;*/
  border:none;
  border-bottom: 2px solid #183661;
}
#top_section-2 .User_Id input:focus{
  outline: none;
  border-bottom: 4px solid #07AEE3;
}
#top_section-2 .Password{
   padding:5px;
}
#top_section-2 .Password input:focus{
  outline: none;
  border-bottom: 4px solid #07AEE3;
}
#top_section-2 .Password input{
  width: 100%;
  border:none;
  border-bottom: 2px solid #183661;
  padding: 5px;
  position: inherit;
}
#top_section-2 .Password select{
  border:none;
  border-bottom: 2px solid #183661;
  padding-top: 13px;
}
#top_section-2 .phonebox input{
  width: 70%;
  border:none;
  float: right;
  border-bottom: 2px solid #183661;
  padding: 5px;
  position: inherit;
}
#top_section-2 .card_Box{
  background-color: #F9F3F2 ;
  border-radius:5px;
  height: 300px;
}
#top_section-2 .crd{
  padding:0px;
}
#top_section-2 .crd_spc{
  margin: 35px 0 40px 0;
}

#top_section-2 .form_box{
  padding: 20px;
}

#top_section-2 .frm-card{
  top:55px;
  left:23px;
}


@media only screen and (max-width: 600px) {
  .frm-card {
   top:0px;
   left:-5px;
   padding-bottom: 10px
  }
}

#top_section-2 .bg-ground{
  background: #ffffff52;
  margin-top: 50px;
  padding: 5px 10px;
  border-radius: 2px;
  box-shadow: 2px 4px 6px 6px rgba(0,0,0,0.2);
}

#top_section-2 .home_bg{
  background: #ffffffe3;
  margin-top: 12em;
  padding: 20px 10px;
  border-radius: 2px;
  box-shadow: 2px 4px 6px 6px rgba(0,0,0,0.2);
}

#top_section-2 .home_bg .from_radio label{
  padding-right: 10px;
  font-weight: 550;
}

#top_section-2 .home_bg .from label{
  font-weight: 550;
}

#top_section-2 .home_bg .from input{
  border: 2px #000000;
  padding: 6px 4px;
  height: 36px;
  color: #000000;
  background: #fff;
}

#top_section-2 .home_bg .from_button input{
  border-radius: 5px;
  padding: 5px;
  margin-top: 30px;
  width: 90%;
  color: #fff;
  background: #325A88;
}
#top_section-2 .home_bg .from_button input:hover{
  background-color: #243265;
}

#top_section-2 .home_bg .from select{
  border: 2px #000000;
  padding: 6px 4px;
  height: 36px;
  width: 100%;
  color: #000000;
  background: #fff;
}

#top_section-2 .home_bg .from_button select{
  border-radius: 5px;
  padding: 5px;
  margin-top: 30px;
  color: #fff;
  background: #325A88;
}
#top_section-2 .home_bg .from_button select:hover{
  background-color: #243265;
}

/************End Form Card **************/
#feature_card{
     padding-top: 2em;
     padding-bottom: 2em;
}
#feature_card .feature_heading{
     text-align: center;
}
#feature_card .feature_heading h4{
    font-weight: 700;
    color: #029bb3;
    padding: 10px;
    font-size: 35px;
}
#feature_card .card_img{
     position: relative;
     z-index: -1;
}
#feature_card .card_cont{
    position: absolute;
    top: 36%;
}
#feature_card .card_cont .icon{
     text-align: center;
}
#feature_card .card_cont .icon img{
     width: 50px;
}
#feature_card .card_cont .icon_head h5{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #000;
}
#feature_card .card_cont .prg{
     font-size: 14px;
     font-weight: 500;
     padding:0px 30px 0 15px;
     text-align: center;
     color: #fff;
}
/***************about***************/
#abt_travel{
    background-image: url(../assets/image/faretiket-img/Travel-Agency-find-air-ticket.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8em;
}
#abt_travel .bg_card{
     /*background-color: #fbfbfb;*/
}
#abt_travel .abr-wrt-head{
     text-align: center;
     padding-top: 5em;
}
#abt_travel .abr-wrt-head h4{
     font-weight: 700;
     font-size: 30px;
     color: #029bb3;
}
#abt_travel .abt-wrt-prg p{
     text-align: justify;
     padding: 10px 35px;
     line-height: 1.7em;
}
#chp_flight{
     padding-bottom: 5em;
}
#chp_flight .chp-wrt-head{
     text-align: center;
     padding-top: 6em;
}
#chp_flight .chp-wrt-head h4{
     font-weight: 700;
     color: #029bb3;
}
#chp_flight .chp-wrt-prg p{
     text-align: justify;
     padding: 10px 10px;
     line-height: 1.7em;
}
#chp_flight .chp-plane{
     padding-top: 2em;
    
}
#our_travelguide{
     position: relative;
     padding-top: 2em;
     padding-bottom: 2em;
}

#our_travelguide .tg_heading{
     padding-top: 2em;
}
#our_travelguide .tg_heading h4{
     font-weight: 700;
     color: #029bb3;
     font-size: 33px;
     text-align: center;
}
/*#our_travelguide .tg_img{
     padding: 0px;
}*/
#our_travelguide .tg_img .img_circle a img{
     border-radius: 50%;
}

/**************gall_img****************/

#gall_img{
     padding-top: 2em;
     padding-bottom: 3em;
}

#gall_img img{
    border-radius: 20px;
    padding: 10px 0px;
}

#airline{
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #efefef;
}
#airline .crd_cont h4{
    text-align: center;
    font-size: 35px;
    padding:0px 0px 15px 0px;
    font-weight: 600;
}


/**************End gall_img****************/

.contact{
     padding-top: 5em;
     padding-bottom: 10px;
}

#g_map{
    padding-bottom: 3em; 
}

.contact .info-box {
    color: #444;
    text-align: center;
    box-shadow: 0 0 30px rgb(214 215 216 / 60%);
    padding: 20px 0 30px 0;
    margin-bottom: 30px;
}

.contact .php-email-form {
    box-shadow: 0 0 30px rgb(214 215 216 / 60%);
    padding: 30px;
    margin-bottom: 30px;
}

.contact .php-email-form button[type="submit"] {
    background: #68A4C4;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
}











/*********bottm_footer**********/

.footer {
     background-color: #022739;
     margin-top: 1px;
}
.footer .Follow {
     margin-bottom: 27px;
}
.footer .Follow h3 {
     color: #fff;
     font-size: 25px;
     line-height: 30px;
     font-weight: 600;
     text-transform: uppercase;
     border-width: 1px;
     display: inline-block;
     padding-bottom: 2px;
     padding-bottom: 27px;
}
.footer span {
     font-size: 17px;
     display: block;
     color: #fff;
}
ul.link li a {
     color: #fff;
     font-size: 17px;
}
ul.link li a:hover {
     color: #878686;
}
.footer .Newsletter {
     padding: 13px 26px;
     padding-top: 10px;
     padding-right: 26px;
     padding-bottom: 10px;
     padding-left: 15px;
     border: #fff solid 1px;
     width: 100%;
     margin-bottom: 15px;
}
.footer .Subscribe {
     padding: 10px 30px;
     border: #0e0c0c solid 1px;
     background: #0e0c0c;
     color: #fff;
     float: right;
}
.footer .Subscribe:hover {
     color: #fff;
     background-color: #15cfe5;
}
.pdn-top-30 {
     padding-top: 35px;
}
ul.location_icon {
     list-style: none;
     margin: 0;
     padding: 0;
     width: 100%;
     float: left;
}
ul.location_icon li {
     float: left;
     height: 70px;
     color: #fff;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     padding-right: 20px;
}
ul.location_icon li:last-child {
     padding-right: 0px;
}
ul.location_icon li a {
     margin-bottom: 23px;
}
ul.location_icon span {
     font-size: 17px;
     font-weight: 400;
}
.form-control {
     border: #c2c4c4 solid 1px;
     padding: 7px 15px;
     border-radius: inherit;
     margin-bottom: 10px;
     color: #cfcece;
}
.form-control:focus,
.form-control:hover {
     box-shadow: none;
}
.form-control:focus {
     border-color: #c2c4c4 !important;
}
.textarea {
     padding: 6px 0px 0px 19px;
     color: #655f5f !important;
     width: 100%;
     border: #b1b0b0 solid 1px;
     height: 65px;
     margin-bottom: 20px;
}
.send-btn {
     font-size: 20px;
     border: #81256c solid 2px;
     padding: 7px 69px;
     background-color: #81256c;
     color: #fff;
     margin-left: 15px;
     margin-top: 20px;
}
.send-btn:hover {
     background-color: #fff;
     border: #fff solid 2px;
     color: #000;
}


.copyright {
     padding: 10px 0px 55px 0;
}
.copyright p {
     color: #fff;
     font-size: 16px;
     text-align: center;
     max-width: 594px;
     text-align: center;
     margin: 0 auto;
     width: 100%;
     padding-top: 10px;
     border-top: #807d7d solid 1px;
}
.copyright a {
     color: #fff;
}
.copyright a:hover {
     color: #15cfe5;
}
/************END***************/
 

/*************Pop_up**************/
 

  .modal-lg {width: 1035px; font-family: 'Ubuntu', sans-serif;}
  .modal-content { position: relative; background-color: transparent;}
  .modal{top: 50px;}
  .content_bx {background:#fff;}
  .bx_hding {width: 100%;display: table; text-align: center; padding-top: 30px;}
  .mymodal_body{padding: 0;}
  .mymodal_body a{ text-decoration:none;}
  
  .close2{position: absolute;right: 9px;top: 4px;z-index: 11;opacity: 1;color: #ab0101 !important;text-shadow: 0 0 0 #000;}
  .mymodel_here{border-bottom: 0;padding: 0; min-height:auto;}
  .half-quater-1{background: #efefef;padding: 20px;}
  .half-quater-2{background: #fff;padding: 20px;}
  .card_1 .pro_pic{text-align: center; padding: 10px;}
  .card_1 .pro_pic img{border-radius: 75%; background: #022739;}
  .card_1 .heading{text-align: center;border-bottom: 2px solid #fff; padding: 10px;}
  .card_1 .heading_parg{text-align: center; padding: 10px 20px; padding: 10px;}
  .card_2{text-align: center;}
  .card_2 .rwt_top_heading{margin-top: 15%; padding-bottom: 40px; border-bottom: 2px solid #efefef;}
  .card_2 .rwt_top_heading h4{font-size: 40px; font-weight: 700;}
  .card_2 .rwt_bottom_number{margin-top: 10%; padding: 40px 0px;}
  .card_2 .rwt_bottom_number h4{font-size: 40px; font-weight: 700;}
  

  @media (min-width:320px) and (max-width:479px){

  .modal { top: 10px;}
  .modal-lg { width: 100%; margin: 0;}
  .cont_bx2 { width: 100%; padding: 0 15px; text-align: center;}
  }

  @media (min-width:360px) and (max-width:639px){

    .modal { top: 10px;}
    .modal-lg { width: 100%; margin: 0;}
    }
  

  @media (min-width:480px) and (max-width:639px){

  .modal { top: 10px;}
  .modal-lg { width: 100%; margin: 0;}
  .cont_bx2 { width: 100%; padding: 0 15px; text-align: center;}
  .main_img_ct {
  background: url(img/calling.png) no-repeat 62% 3px;/* min-height: 275px; */padding: 310px 0 0 0px;}  
  .cont_bx2 h3{font-size: 35px; line-height: 45px;}
  .cont_bx2 h4{ padding-bottom:5px;}
  .cont_bx2 h4 span{font-size: 32px;}
    
  }