@charset "utf-8";
@font-face {
   font-family: impact;
   src: url(../fonts/impact.ttf);
}
/* CSS Document */
*{margin:0; padding:0; outline:0;}
body{background:#eeeeee;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; color:#333;}
a img{border:none;}
a{ text-decoration:none; cursor:pointer; }

.left{float:left;}
.right{float:right;}
.clr{ clear:both; height:0; display:block;}
.blue{color:#1a6390;}

p{ text-align:justify; color:#474747; line-height:1.188em; margin-bottom:0.5em; padding-bottom:0.5em; /*border-bottom: solid 1px #f4f4f4;*/  text-align:center;}

h4{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:1.125em; font-weight:normal; text-align:justify; color:#713973; text-align:center;}
h4 .blue{color:#1a6390;}
h5{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:0.9em; color:#2a2a2a; font-weight:bold;}

#shall{ max-width:1010px; margin:0 auto; }
.circle{background:#fff; border-radius:180px; -moz-border-radius:180px; -webkit-border-radius:180px; margin:0 auto; text-align:center; position:relative; }
.txt-container{ width:70%; margin:0 auto;}
.loader{ display:none; width:313px; margin:0 auto; }

.saturn{ position:absolute;left: 153px;
    top: 85px;
		
		-webkit-animation: Orbit 2s linear infinite; /* Chrome, Safari 5 */
     	 -moz-animation: Orbit 2s linear infinite; /* Firefox 5-15 */
         -o-animation: Orbit 2s linear infinite; /* Opera 12+ */
            animation: Orbit 2s linear infinite;} /* Chrome, Firefox 16+, 
                                                      IE 10+, Safari 5 */

		
		
		
@-webkit-keyframes Orbit {
    from { -webkit-transform: rotate(0deg) translate(160px, -0px) ; }
    to   { -webkit-transform: rotate(360deg) translate(160px, -0px) ; }
}

@-moz-keyframes Orbit {
    from { -moz-transform: rotate(0deg) translate(160px, -0px); }
    to   { -moz-transform: rotate(360deg) translate(160px, -0px) ; }
}

@-o-keyframes Orbit {
    from { -o-transform: rotate(0deg) translate(160px, -0px) ; }
    to   { -o-transform: rotate(360deg) translate(160px, -0px) ; }
}

@keyframes Orbit {
    from { transform: rotate(0deg) translate(160px, -0px) ; }
    to   { transform: rotate(360deg) translate(160px, -0px) ; }
}

#whymfs{}
#whymfs ul{ list-style-type:none; outline:none;}
#whymfs ul li{ display:block; float:left; border-right:solid 1px #ccc; text-align:center;}
#whymfs ul li:last-child{border-right:none;}

/* price change */
#changeprice_main { width:70%; margin:0 auto; padding:0; background:#f4f3f3; border: solid 1px #8f8f8f; }
.rate {
      width: 100%;
      border-bottom: solid 1px #046c9a;
      background: #046c9a;
      border-top: solid 1px #046c9a;
      border-left: solid 1px #046c9a;
      border-right: solid 1px #046c9a;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px; 
}
.changeprice_heading { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;}
.changeprice_heading h2 { font-weight:normal;  color:#fff !important; margin:0 2% !important; }
.price_col { width:49%; background:#fff; border:solid 1px #cecece;}
.price_col_cont { padding: 1%;}
.price_col p {
        line-height:22px;
    }
h5.price_col_heading {
 background:#b5b2b2; display:block; text-align:center; font-weight:bold; color:#333; line-height:26px; margin:0 !important; padding:0 !important;
}
.partition_line {
 border-left: solid 1px #e1e1e1;
}

/*.select-button-bg{   line-height:1.5em; font-size:1.5em; color:#fff; background:#d9534f; width:100px; border-top:solid 2px #dba2a0; border-left:solid 2px #dba2a0; border-bottom:solid 2px #701a18; border-right:solid 2px #701a18;}
.select-button-bg:hover{background:#d2322d !important; border-top:solid 2px #ac2925; border-left:solid 2px #ac2925; border-bottom:solid 2px #581512; border-right:solid 2px #581512;}*/
 
.select-button-bg{   line-height:1.5em; font-size:1.5em; color:#fff; width:100px !important; height:35px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 120, 0, 1) 0%, rgba(247, 87, 0, 1) 100%) repeat scroll 0 0; background-color:#ff7800; border:solid 1px #e07004 !important ; }
.select-button-bg:hover{ background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(247, 87, 0, 1) 0%, rgba(255, 120, 0, 1) 100%) repeat scroll 0 0; background-color:#ff7800; border:solid 1px #e07004 !important ;}
.bg_none { background:none !important; margin-top:15px; border:none;}
  
/* xxxxxxxxxxxxxxxxxx ////////////////////////////// --------------------  Booking css xxxxxxxxxxxxxxxxxxxxxxxxxxxxx  ///////////////////////////////  --------------------- */

.Booking_border { border:solid 1px #808080; }
.Booking_Status { margin:1em 0; }
.Booking_Status ul { list-style-type:disc; outline:none;}
.Booking_Status ul li { line-height: 1.5em; margin-left:15px; font-size:0.90em; }
.Booking_Status ul li strong { font-size:1.1em;}
.Booking_border_last { margin-bottom:20px;}

.Booking_Status_heading { background:#076ba7; padding:0 1%;    }
.Booking_Status_heading h4 { color:#fff; line-height:2em !important; text-align:left;}
#searchInter > .row > .container > .bottImg { text-align:left;/*padding: 4% 0 1%;*/ color:#9e0b0f !important; font-weight:bold; font-size:30px; padding:30px 0 0 490px; background:url(/travelresources/Images/midscreen/intermediate_screen_img.png) no-repeat; 
width:710px; height:141px; margin:0 auto; line-height:30px;}
#searchInter > .row > .container > .bottImg > span { color: #666; display: block; font-family: Arial; font-size: 11px; text-align: left;}

 /* xxxxxxxxxxxxxxxxxx ////////////////////////////// --------------------  customer informantion css xxxxxxxxxxxxxxxxxxxxxxxxxxxxx  ///////////////////////////////  --------------------- */

.info_text { font-size:0.90em;}
.info_text strong { font-size:1.1em;}

.Customer_Information { margin: 2% !important; }
.Customer_Information ul { list-style-type:none; outline:none;}
.Customer_Information ul li { line-height: 1.5em; float:left; width:50%; font-size:0.90em;}
.Customer_Information ul li strong { font-size:1.1em;}

.col-5 {width:17.9%; border-right: solid 1px #E1E1E1; padding:1%; }
.col-3 { width:22.9%; border-right: solid 1px #E1E1E1; padding:1%; }
.col-4 { width:31.1%; border-right: solid 1px #E1E1E1; padding:1%; }
.col-4 p { text-align:left !important;}
.travel-info {  width:100%; }
.travel-info ul{ list-style-type:none; outline:none; }
.travel-info ul li { display:inline; float:left; width:20.8%; line-height:26px;  padding:0 2%; font-size:0.90em; }
.travel-info ul li strong {font-size: 1.1em;}
.travel-info ul li:last-child { border-right: none; float:right;}
.travel-info ul li.simple { background:#076ba7; border-right:solid 1px #ccc;  color:#fff;}

.trip_sum  {  width:100%; margin-left:15px;}
.trip_sum  ul{ list-style-type:none; outline:none; display:table; width:100%; }
.trip_sum ul li { display:table-cell;  width:22.8%; line-height:26px;  padding:0 1%; border-right:solid 1px #eee; font-size:0.90em; padding-left: 6px;}
.trip_sum ul li:first-child { padding-left:0 !important;
    }
.trip_sum ul li strong { font-size:1.1em;}
.trip_sum  ul li:last-child { border-right: none;}
.trip_sum ul li.simple { background:#076ba7; border-right:solid 1px #ccc;  color:#fff;}

.booking_no { background:#eee; border-top:solid 1px #ccc; border-bottom: solid 1px #ccc; padding-left:15px; line-height:30px;}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx    -------------------------------  Conformation css  -------------------------------------------  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */

#wraper { max-width:700px; margin: 0 auto; background:#fff; padding:1%;
}
.booking_no h4 { color:#333;
}
.booking_no p { text-align:left;
}
.booking_no p a { text-decoration:underline; color:#076ba7; font-weight:normal !important;
}
.flight_sum { padding-left:23px;
}
.last-note { padding: 1% 2%;}
.last-note a {color: #076ba7; font-weight: normal !important; text-decoration: underline;}
.last-note ul { list-style-type:disc; outline:none;}
.last-note ul li { margin-left:1px;
    }
    .last-note ul li a {
        color: #076ba7;
        font-weight: normal !important;
        text-decoration: underline;
    }

#confirmation_logo { width:30%;}
.toll_free { font-size:1em; font-weight:normal; text-align:right; width:69%; line-height: 21px;
}
.toll_free span { font-weight:bold; color:#666;}
.toll_free strong { font-weight:bold; color:#076ba7; font-size:1.2em;}
.booking_Receipt {font-size: 1em;}
.booking_Receipt span { font-size:1.2em !important; color:#076ba7; font-weight:bold;}

.Credit-Card {  width:99%; }
.Credit-Card ul{ list-style-type:none; outline:none; display:table; margin: 0 auto; width:100%; }
.Credit-Card ul li { display:table-cell;  width:15%; line-height:26px;  padding:0 2%; }
.Credit-Card ul li span {background:#ffd800; padding:0 2.3%; }
.Credit-Card ul li:last-child { border-right: none; text-align:right; padding-right:10px;}
.Credit-Card ul li:nth-child(2) { text-align:right;}
.Credit-Card ul li.simple { background:#076ba7; border-right:solid 1px #ccc;  color:#fff;}
.footer_shall { margin: 0 auto;    max-width: 700px;    padding: 1%;}
.footer_shall p { border:none;}
.footer_shall p a {color: #076ba7;  font-weight: normal !important; text-decoration: underline; }
.printout { text-align:right;}
.printout a{
    color: #076ba7; text-decoration:none; font-weight:normal;
}

.sign-up_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 120, 0, 1) 0%, rgba(204, 84, 3, 1) 100%) repeat scroll 0 0;
    border: medium none;
    color: #fff; height:24px; width:70px; border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px;
}
.sign-up_btn:hover, .sign-up_btn:focus, .sign-up_btn:active, .sign-up_btn.active {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(204, 84, 3, 1) 0%, rgba(255, 120, 0, 1) 100%) repeat scroll 0 0;
    color: #fff;
}
.booking_info {background:#eee; border-top:solid 1px #ccc; border-bottom: solid 1px #ccc; line-height:30px;}

 /* xxxxxxxxxxxxxxxxxx ////////////////////////////// --------------------  Error page css xxxxxxxxxxxxxxxxxxxxxxxxxxxxx  ///////////////////////////////  --------------------- */
.error_page { margin:3% 0;}
p.error_cont { line-height:50px !important; padding-bottom:0 !important;}
ul.error_detal { margin-left:2%; margin-top:2%; border-top:solid 1px #ddd; padding-top:2%;}
ul.error_detal li { line-height:23px;font-size:1.3em;}
.error-button { margin:2% 0;}
.error-button-bg {
  line-height: 2em;
  font-size: 1.5em;
  color: #fff;
  width: 175px;
 background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 120, 0, 1) 0%, rgba(247, 87, 0, 1) 100%) repeat scroll 0 0; background-color:#ff7800; border:solid 1px #e07004 !important ; 
}
.error-button-bg:hover {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(247, 87, 0, 1) 0%, rgba(255, 120, 0, 1) 100%) repeat scroll 0 0; background-color:#ff7800; border:solid 1px #e07004 !important ;}
h5.error_heading {
display:block; text-align:center; color:red; font-size:1.5em; line-height:26px; font-family:sans-serif; font-weight:normal;
}

/* Price Changed Screen*/
.price_col p span { width:50%; display:block; float:left;}
.price_col p span.text_right { text-align:right;}
.price_col p span.text_left { text-align:left;}


/*edited by sapna*/
#shall {max-width:100%; width:100%; margin:0 auto;}
body#searchInter { background:none;}
#searchInter .content { max-width:1170px; margin:0 auto;}
#searchInter .row .container h1 { text-align:center;margin: 2% auto 0;}
#searchInter .content img.fms-icon { margin:8% 0 1% 0;}
#searchInter .row .container h4 {  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 110%;color: #333;text-align: center; display:block!important;    line-height: 22px;
    padding: 1% 0 1.5%;}
#searchInter .row #searchContent {}
#searchInter .row #searchContent h5 {text-align: center;font-size: 120%;}
#searchInter .row #searchContent p { line-height:22px;    margin-bottom: 0;
    padding-bottom: 0;}
#searchInter .row #searchContent center {text-align: center;color:#046c9a; font-weight:bold}
#searchInter .row #searchContent .bottImg { text-align:left;/*padding: 4% 0 1%;*/ color:#9e0b0f !important; margin-top:30px !important; 
font-weight:bold; font-size:30px; padding:30px 0 0 490px; background:url(/travelresources/Images/midscreen/intermediate_screen_img.png) no-repeat; 
width:710px; height:141px; margin:0 auto; line-height:30px;}


#searchInter .row #searchContent .bottImg span, #searchInter .row #searchContent .bottImgResp span { font-family:Arial; font-size:11px; color:#666; display:block; text-align:left;}
#searchInter .row #searchContent .midIcons{ text-align:center}
#searchInter .row #searchContent .midIcons span { display:block; line-height:28px}
#searchInter .row #searchContent .midIcons span.checkOut{ padding-left:20%}
.rotate-1 {transform: rotate(90deg);}
.rotate-50 {transform: rotate(-90deg);}
.verification .row .container h1 {margin: -4% auto 0!important;}
.verification { padding-top:2.8%}
.verification .row .container p{
    color: #000000;
    font-size: 84%;
    padding-top: 3%;
    margin-bottom: 0px;
}
.verification .row .container .col-md-5 p{ float:left}
.verification .row .container .col-md-5 img{}
.verification .row .container h4.blue {color:#046c9a!important;}
  #loader {width: 100%;height: 84px;}
  div#oloader_canvas_0_1 {top: 204px!important;width: 100%!important;height: 100px!important;left: 0!important;}
  div#oloader_overlay_0_1 {display: none!important;}
img#oloader_loader_0_1 {box-shadow: inset 0 0 10px #DDDFE0!important;    border: 1px solid #DEDEDE;}



#searchInter .txt-container { display:none;}
.dot {background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 79, 115, 1) 10%, rgba(0, 159, 230, 1) 50%, rgba(0, 9, 115, 1) 100%) repeat scroll 0 0;float: left;height: 16px; width: 12px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 0; margin-right:2px; opacity: 0;}
#loadingOuter {text-align: center;width: 46%!important;border: 1px solid #DDDFE0;padding-top: 3px; margin:0 auto; height:23px; border-radius:10px;
   -moz-box-shadow:    inset 0 0 10px #DDDFE0;
   -webkit-box-shadow: inset 0 0 10px #DDDFE0;
   box-shadow:         inset 0 0 10px #DDDFE0;}
#loadingdots { /*margin-left:40%;*/ margin-left:1%}
.content ul {width:55%; margin:0 auto; padding-top:2%; display:table;}
.content ul li {  list-style-type:none; width:33.33%;line-height:24px; display:table-cell; text-align:center; }
.content ul li.midDate {text-align:center;}
.content ul li h5 { font-size:130%;}
.content ul li div.arrow { background:url("/travelresources/Images/arrow.jpg") no-repeat center;}
.content ul li div.arrow2 { background:url("/travelresources/Images/arrow2.jpg") no-repeat center;  }
.content ul li div.arrow center, .content ul li div.arrow2 center  { padding-left:7px;}

    /*.hidden-xs,*/ .visible-md{ display:block!important}
    .hidden-md, .visible-xs{ display:none!important}
 
/*-------mid screen responsive-------------*/

@media only screen and (min-width:240px) and (max-width:500px) {

#searchInter .row .container h1 img { width: 86%;}
#searchInter .row #searchContent { padding-top:9%}
    .verification .col-md-5 { display:none}
    

}
@media only screen and (min-width:240px) and (max-width:730px) {
    
    .hidden-xs, .visible-md{ display:none!important}
    .hidden-md, .visible-xs{ display:block!important}
    #searchInter .row #searchContent .bottImgResp { text-align:center;/*padding: 4% 0 1%;*/ color:#9e0b0f !important; margin-top:30px !important; font-weight:bold; 
font-size:30px; padding:31px 0 0 26px; background:url(/travelresources/Images/midscreen/intermediate_screen_img_res.png) no-repeat; width:260px; height:150px; 
margin:0 auto; line-height:30px;}
        #searchInter .row #searchContent .bottImgResp span { text-align: center;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    #searchInter .row #searchContent .bottImg { font-size: 26px !important;}
}
.back-grey {
    background-color: #f3f3f3;
    box-shadow: 0px 0px 2px 0px #908e8e;
    padding-top: 30px;
    padding-bottom: 30px;
}
.mart25 {
    margin-top: 24px;
}
.red-font {
    font-family: impact;
    margin-top: 0px;
    font-size: 24px;
    color: #940202;
}
.brr1{
    border-right: 1px solid #777;
}
.col-md-8.back-grey {
    background-color: #e9e9e9 !important;
}