/* Minification failed. Returning unminified contents. (3313,1): run-time error CSS1019: Unexpected token, found '}' */ /* global */ body{margin:0; font:400 12px/18px Helvetica,Arial,sans-serif; position:relative; height:100%} html{-webkit-text-size-adjust:100%} h1,h2,h3,h4,ul,p{margin:0; padding:0; list-style:none} a, span.close-ic{-webkit-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-tap-highlight-color:transparent} a{color:#333; outline:none} a:active{text-decoration:none} .none{display:none } .lft{float:left} .rgt{float:right} .f9{font-size:12px!important} .f10{font-size:10px!important} .f11{font-size:11px!important} .f12{font-size:12px!important} .f14{font-size:14px!important} .f16{font-size:16px!important} .f18{font-size:21px!important} .f20{font-size:20px!important} .f22{font-size:22px!important} .cgrey{color:#666!important} .cdgray{color:#333!important} .clgray{color:#9d9d9d!important} .cblue { color: #086aa7 !important } .clblue{color:#0088cd!important} .cdblue{color:#075485!important} .cnew{color:#08c3d6!important} .cblk{color:#000!important} .corg{color:#fd5021!important} .cred{color:#ff0000!important} .cwhite{color:#fff!important} .cgrn {color: #00a651 !important} .cdgrn{color:#4f834e!important} .cpurp{color:#4f2072} .b-d { display:block; } .wrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .m-bullet{margin:0 0 0 15px!important; padding:0} .m-bullet li{list-style:square!important} .row{float:left; width:100%} .row, input, .bdr-box, .select, textarea{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box} .no-txt{text-indent:-99999px} .txt-c{text-align:center} .txt-r{text-align:right} .txt-sdw-wht{text-shadow:0px 1px 0px rgba(255,255,255,.4)} .txt-sdw-blk{text-shadow:0px 1px 0px rgba(0,0,0,.2)} .d-i{display:inline!important} .v-m{vertical-align:middle!important} .p-r{position:relative!important} .p-a{position:absolute!important} .d-ib{display:inline-block!important} .d-it{display:inline-table!important} .dash-btm{border-bottom:1px dashed #e4e4e4!important} .dash-top{border-top:1px dashed #e4e4e4!important} .bdr-btm{border-bottom:1px solid #e4e4e4} .bdr-top{border-top:1px solid #bababa} .no-m{margin:0!important} .lh-n{line-height:normal!important} .td-n{text-decoration:none} .no-bdr{border:0!important} .prmry-bg { /*background: #005183 !important;*/ background: #005183 !important; } .c22 { /* color: #1c355a !important;*/ } .c45 { font-weight: bold; font-size: 12px !important; } .c46 { font-size: 14px !important; font-weight: normal; } .scndy-bg{background:#0088cd!important} .new-bg{background:#00d1db!important} .white-bg{background:#fff!important} @font-face{font-family:'common'; src:url('../i/opt/common-v2.ttf') format('truetype'); font-weight:normal; font-style:normal} .i-set{font-family:'common'} /* end */ /* loader */ #spin, .page-loader{border-bottom:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #118ACB; border-top:2px solid #118ACB; border-radius:100%; height:8px; width:8px; -webkit-animation:spin .6s infinite linear; -moz-animation:spin .6s infinite linear; -ms-animation:spin .6s infinite linear; animation:spin .6s infinite linear; position:absolute; right:5px; top:50%; margin-top:-5px} .page-loader{width:40px; height:40px; margin:-20px 0 0 -20px; left:50%; top:50%; background:rgba(0,0,0,.05); display:none; position:fixed} @keyframes spin{from{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform: rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} to{-webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform: rotate(359deg); -ms-transform:rotate(359deg); transform:rotate(359deg)}} @-moz-keyframes spin{from{-moz-transform:rotate(0deg); transform:rotate(0deg)}to{-moz-transform:rotate(359deg); transform:rotate(359deg)}} @-webkit-keyframes spin{from{-webkit-transform:rotate(0deg); transform:rotate(0deg)}to{-webkit-transform:rotate(359deg); transform:rotate(359deg)}} @-ms-keyframes spin{from{-ms-transform:rotate(0deg); transform:rotate(0deg)}to{-ms-transform:rotate(359deg); transform:rotate(359deg)}} @-o-keyframes spin{from{-o-transform:rotate(0deg); transform:rotate(0deg)}to{-o-transform:rotate(359deg); transform:rotate(359deg)}} /* end */ /* header */ .header{height:46px; border-bottom:1px solid #eaeaeb; background:#fff} .header .img{font-family:'common'; background:url(//c.fareportal.com/n/portals/92/m/opt/logo2.png) no-repeat -20px 0; display:inline-block; -moz-background-size:136px 39px; -o-background-size:136px 39px;-webkit-background-size:136px 39px;background-size:136px 39px} .header .logo{width:111px;height:39px;margin:6px 0 0} .header .btn { width: 45px; height: 100%; border-right: 1px solid #eaeaeb; background: none; color: #e30303 !important; text-decoration: none; line-height: 46px; font-size: 32px; font-weight: 700 } .header .logo-sm{font-weight:400} .header .more{border-left:1px solid #eaeaeb; border-right:0; font-weight:400; font-size:26px} .header .cart{right:60px; top:13px; z-index:1; color:#005183; font-size:28px; line-height:18px} .header .cart span{line-height:6px; right:-3px} .header .cart-view{width:100%; z-index:1009; text-align:left; padding:10px; background:#fff; top:45px; -moz-box-shadow:0 0 200px 500px rgba(0, 0, 0, 0.75); -webkit-box-shadow:0 0 200px 500px rgba(0, 0, 0, 0.75);box-shadow:0 0 200px 500px rgba(0, 0, 0, 0.75)} .header .cart-view:before{border-right:6px solid transparent; border-left:6px solid transparent; border-bottom:6px solid #fff; content:""; position:absolute; top:-6px; right:67px} .header .sep-btm{padding:10px 0} .header .cart-view .sep-btm:last-child{border:0} .mainContent{width:100%; overflow:hidden} .mainContent.showSideNav{margin-left:-275px} .sideNav{background:#414042; width:275px; color:#a7a9ac; position:absolute; overflow:hidden; height:100%; right:0; top:0; -moz-box-shadow:0 -2px 2px rgba(0, 0, 0, .4) inset; -webkit-box-shadow:0 -2px 2px rgba(0,0,0,.4) inset; box-shadow:0 -2px 2px rgba(0,0,0,.4) inset; z-index:1006} .sideNav ul{border-bottom:1px solid #59585a} .sideNav li{display:block; line-height:46px; height:50px; border-bottom:1px solid #2c2a2b; font-size:20px; text-indent:20px; position:relative} .sideNav li:first-child{font-weight:700; position:relative} .sideNav li a{border-top:1px solid #59585a; color:#fff; text-decoration:none; font-size:16px; display:block} .sideNav li a:active{background:#333132; color:#fe9601} .sideNav li select{opacity:0; width:100%; display:block; z-index:1; position:absolute; top:0; height:50px} .sideNav li i{background:rgba(255,255,255,.05); padding:3px 6px; position:absolute; right:8px; top:15px; text-indent:0; line-height:normal; font-weight:bold; font-style:normal} .avl{position:relative} .avl:before{content:""; background:#79e922; position:absolute; right:10px; top:12px; width:8px; height:8px; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .sideNav .img{font:400 24px/46px 'common'; vertical-align:middle; width:29px; height:30px; margin:0 10px 0 -5px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} .sideNav .close-ic{position:absolute; top:0; right:0; border-left:1px solid #2c2a2b; width:45px; height:100%} .sideNav .close-ic b{width:45px; height:100%; border-left:1px solid #59585a; display:block; margin:0; color:#ff9600; font-size:30px; text-indent:2px} .telno{text-decoration:none; line-height:15px; margin:8px 14px 0 0; float:right} .telno span.cblk{text-decoration:underline} /* end */ .blue{background:#005282} .blue h1{font-size:1.2em; color:#fff; display:block; text-align:center; padding:10px 0} .gray{background:#a7a9ac !important} .de-high{background:#dde4e9; border:1px solid #c5cace; color:#1283c3} .ylw-high{background:#f9f9df} .sec-btn{background:#4d2973!important} .gray-bg{background:#f6f6f6; padding:4px 10px} .btn-in{color:#111; text-decoration:none; border:1px solid #d0d0d0; display:inline-block; position:relative; padding:4px 7px; background:#fff; border-bottom-width:2px} .btn-in:active{background:#EDEDED} .cta-btn { background-color: #e30303; color: #fff; text-decoration: none; text-align: center; border-bottom: 1px solid #b13817; display: block; clear: both; font-weight: bold; } .cta-btn:active{background-color:#f23400} .cta-btn2{background-color:#efefef; color:#999; border-bottom:1px solid #c9c9c9} .cta-btn2:active{background-color:#fff} .cta-btn.deactive{background:#cdcdcd; border-bottom-color:#a7a9ac} del *{text-shadow:none!important} .val,.val2{position:relative} .val:after{width:0; height:0; border-top:8px solid #e30a03; border-left:10px solid transparent; border-right:10px solid #E30A03; border-bottom:8px solid transparent; position:absolute; right:0; top:0; content:""; z-index:9} .val:before{content:"*"; color:#fff; position:absolute; z-index:99; right:3px; top:-1px; text-shadow:none; font-size:15px} .val2:after{content:"*"; color:#d80700; position:absolute; z-index:99; right:-7px; top:-3px; text-shadow:none; font-size:15px} .ok,.ok2{position:relative} .ok:after{width:0; height:0; border-top:8px solid #03b629; border-left:10px solid transparent; border-right:10px solid #03b629; border-bottom:8px solid transparent; position:absolute; right:0; top:0; content:""; z-index:9} .ok:before{content:"*"; color:#fff; position:absolute; z-index:99; right:3px; top:-1px; text-shadow:none; font-size:15px} .ok2:after{content:"*"; color:#00941f; position:absolute; z-index:99; right:-7px; top:-3px; text-shadow:none; font-size:15px} .dash-up{border-top:1px dashed #bebebe!important} .dash-down{border-bottom:1px dashed #bebebe!important} .out-sdw{-moz-box-shadow:0 0 1px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px rgba(0,0,0,.2)} .inset-sdw{-moz-box-shadow:0 -2px 2px rgba(0, 0, 0, .4) inset; -webkit-box-shadow:0 -2px 2px rgba(0,0,0,.4) inset;box-shadow:0 -2px 2px rgba(0,0,0,.4) inset} a.cta-btn.loading{background-image:-webkit-linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;background-size:50px 50px;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-ms-animation:move 1s linear infinite;animation:move 1s linear infinite;overflow:hidden} a.cardSaved__button.loading {background-image: -webkit-linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);background-image: -moz-linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);background-image: -ms-linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);background-image: linear-gradient(-45deg,#ff6000 25%,transparent 25%,transparent 50%,#ff6000 50%,#ff6000 75%,transparent 75%,transparent);-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;-ms-background-size: 50px 50px;background-size: 50px 50px;-webkit-animation: move 1s linear infinite;-moz-animation: move 1s linear infinite;-ms-animation: move 1s linear infinite;animation: move 1s linear infinite;overflow: hidden} .p-bar{background-color:#a9daf6; background-image:-webkit-linear-gradient(-45deg,#ccf9ff 25%,transparent 25%,transparent 50%,#ccf9ff 50%,#ff6000 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,#ccf9ff 25%,transparent 25%,transparent 50%,#ccf9ff 50%,#ccf9ff 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,#ccf9ff 25%,transparent 25%,transparent 50%,#ccf9ff 50%,#ccf9ff 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#ccf9ff 25%,transparent 25%,transparent 50%,#ccf9ff 50%,#ccf9ff 75%,transparent 75%,transparent);-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;background-size:50px 50px;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-ms-animation:move 1s linear infinite;animation:move 1s linear infinite;overflow:hidden} @-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}} @-moz-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}} @-ms-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}} @keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}} /* tabs */ .tabnav{background:#005282;padding:0 15px;overflow:hidden} .tabnav li{display:block;float:left;margin-right:2%;cursor:pointer;list-style:none} .tabnav li a{background:#118acb; color:#fff;font-size:14px;font-weight:700;text-align:center; text-decoration:none; display:block; padding:6px 0; position:relative} .tabnav li.active a{background:#fff;color:#044c7f} .tabnav li a:active{background:#0066A2; color:#fff} .tabnav.tab2 li{width:49%} .tabnav.tab3 li{width:32%} .tabnav li:last-child{margin-right:0} .tabs2{border-bottom:1px solid #9A9A9A} .tabs2 li{width:49.5%; border-top:1px solid #9a9a9a; border-right:1px solid #8f8f8f; height:25px} .tabs2 li a{height:24px; line-height:24px; color:#a8a9ab; text-align:center; text-decoration:none; text-transform:uppercase; display:block; background:#fff; position:relative} .tabs2 li a.active, .tabs2 li a:active{color:#000; height:25px} .tabs2 li:last-child{border-left:1px solid #9a9a9a; border-right:0} .tab-cont{margin:1%; border:1px solid #9a9a9a; border-top:0; float:left; width:98%} .tabs3{background:#f1f2f2; border-top:1px solid #fff; border-bottom:1px solid #fff} .tabs3 li{width:33.33%; border-right:1px solid #fff; position:relative} .tabs3 li a{height:55px; line-height:12px; color:#000; text-decoration:none; display:block; padding:12px 0 0 7px} .tabs3 li a.active, .tabs2 li a:active{background:#fff} .tabs3 li:last-child{border-right:0} /* end */ /* ic */ .ico{display:inline-block} .ico.tip{width:14px; height:14px; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background:#999; position:relative; vertical-align:middle; font:italic 11px/normal Georgia} .ico.tip:before, .ico.cross:before{position:absolute; color:#fff} .ico.tip:before{top:0; right:6px; content:"i"} .ico.cross:before{top:-1px; right:4px; content:"x"; font:normal 11px/normal Arial} .ico.tip.lrg{width:20px; height:20px; font-size:17px} .ico.tip.lrg:before{right:8px} .ico.cross.lrg:before{right:6px; font:normal 16px/normal Arial; top:-1px} /* end */ .pb h3{background:#ededed; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; padding:5px 10px; font-weight:400} .pb .cont{padding:10px} /* tooltip */ .tooltip{background:#F8F8F8; color:#A7A9AC; font-size:11px; margin:6px; padding:8px; text-align:left} /* end */ /* modal and dialog */ .modal{position:absolute; left:0px; right:0px; top:0px; z-index:1003; background:#fff; overflow:hidden; -moz-box-shadow:0 0 200px 500px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 0 200px 500px rgba(0, 0, 0, 0.8);box-shadow:0 0 200px 500px rgba(0, 0, 0, 0.8); line-height:18px} .modal .hd h1, .msg-dialog h1, .modal .hd h2, .msg-dialog h2{color:#fff; display:block; font-size:15px; text-indent:10px; line-height:38px} div.modal .hd, div.msg-dialog .hd { /*background:#03bfd7;*/ background: #1f4c8f; line-height: 38px } .modal .close.rgt, .msg-dialog .close.rgt{border-left:1px solid #fff; width:38px; height:38px; font-size:25px; font-family:'common';text-decoration:none} .modal .close.lft, .msg-dialog .close.lft{width:38px; height:100%; border-right:1px solid #fff; font-family:'common'; text-decoration:none; line-height:38px; font-size:25px; font-weight:700} .modal .close.active, .msg-dialog .close.active{background-color:#00a4b9} div.modal .cta-btn{padding:10px 0; font-size:20px} .modal .btnl{position:absolute; bottom:0; left:0; width:100%; padding:6px 0; font-size:28px; text-align:center} .modal .ajax-load{background-image:-webkit-linear-gradient(-45deg,#f1f2f2 25%,transparent 25%,transparent 50%,#f1f2f2 50%,#f1f2f2 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,#f1f2f2 25%,transparent 25%,transparent 50%,#f1f2f2 50%,#f1f2f2 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,#f1f2f2 25%,transparent 25%,transparent 50%,#f1f2f2 50%,#f1f2f2 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,#f1f2f2 25%,transparent 25%,transparent 50%,#f1f2f2 50%,#f1f2f2 75%,transparent 75%,transparent);-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-ms-background-size:50px 50px;background-size:50px 50px;-webkit-animation:move 1s linear infinite;-moz-animation:move 1s linear infinite;-ms-animation:move 1s linear infinite;animation:move 1s linear infinite} .modal.ext .ajax-load{height:350px} .modal-fixed{position:fixed; bottom:15px; min-height:92%; -webkit-backface-visibility:hidden} .modal-fixed .cta-btn{bottom:0; position:absolute; width:100%} .msg-dialog{position:fixed; z-index:1003; top:0; width:100%; height:100%; -webkit-backface-visibility:hidden; right:0; left:0} .msg-dialog:before{background:rgba(0, 0, 0, 0.8); content:""; width:100%; height:100%; position:fixed; left:0; right:0; top:0; bottom:0} .msg-dialog section { position: absolute; top: 50%; left: 5%; right: 5%; background: #fff; z-index: 100; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8) } .msg-dialog ul{padding:10px} .msg-dialog li{font-size:14px; padding:0 0 0 10px; margin-bottom:10px} div.msg-dialog .cta-btn{font-size:20px; padding:10px 0} .fader {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1002} /* end */ /* list view */ .list-view ul,.list-view li{border:none; padding:0; margin:0} .list-view li a, .list-view li label{display:block; color:#005282; text-decoration:none; line-height:50px; border:1px solid #b8b8b8;border-top:0} .list-view li div.cont{width:150px; display:inline-block; text-align:left} .list-view .img{font:400 26px/50px 'common'; vertical-align:middle; width:29px; height:30px; margin:0 5px 0 0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} .list-view .feed{font-size:23px} .list-view2 li{border-bottom:1px solid #e4e4e4; padding:4px 10px} /* end */ /* footer */ #dvMstFooter, .deals{background:#f0f0f0} .footer-nav{margin:15px auto 0; width:96%} .footer-nav li{float:left; width:25%; text-align:center; line-height:14px} .footer-nav a{display:block; color:#044C7F; text-decoration:none; font-size:10px; font-weight:bold; padding:6px 0} .footer-nav a:active{text-decoration:underline} .footer{padding:15px 10px; line-height:16px} .footer p{margin:0; color:#888} .footer a{color:inherit; display:inline-block} /* end */ /* error */ .ErrorMsg { color: #E9371F; background: #FFFFB7; padding: 5px; border-top: 1px solid #E9371F !important; border-bottom: 1px solid #E9371F !important } .error__message { color: #E9371F; background: #FFFFB7; padding: 5px; /*border: 1px solid #E9371F !important;*/ } .ErrorMsg{color:#E9371F; background:#FFFFB7; padding:5px; border-top:1px solid #E9371F!important; border-bottom:1px solid #E9371F!important} .ErrorMsg ul{margin:0; padding:0} .ErrorMsg li{list-style:square; margin-left:15px} .ErrorMsg li a{color:#454545; font-weight:bold; margin:5px 0; display:block} .SuccessMsg{color:#048200; display:none; background:#e8fbe7; padding:5px; border:1px solid #15a710; font-weight:bold} .SuccessMsg ul{margin:0; padding:0} .SuccessMsg li{list-style:square; margin-left:15px} .error{border:1px solid #FF0000} div.error, span.error{border:none; color:#ff0000} /* end */ .round{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px} .airbdr{margin:4px; font-size:9px} .airbdr img{border:1px solid #d6d6d6; display:block} .nxtslide{position:absolute;height:100%;width:20px;z-index:1;right:-22px;-webkit-box-shadow:0 0 15px #00fcff;-moz-box-shadow:0 0 15px #00fcff;box-shadow:0 0 15px #00fcff} .act-fast{background:#1d8bcb; color:#fff; font-size:10px; line-height:18px; width:104px; text-align:center; position:relative; -moz-border-radius-topleft:.2em;-webkit-border-top-left-radius:.2em;border-top-left-radius:.2em; -moz-border-radius-bottomleft:.2em;-webkit-border-bottom-left-radius:.2em;border-bottom-left-radius:.2em; top:7px; right:15px} .act-fast:before{content:""; right:-10px; position:absolute; border-left:10px solid #1d8bcb; border-top:9px solid transparent; border-bottom:9px solid transparent;} .act-fast:after{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; width:3px; height:3px; position:absolute; right:-3px; top:7px; content:""; background:#fff} .act-fast span{margin:2px 0 0 2px; background:#eee!important} .act-fast span:before{color:#1D8BCB!important} .lmf{background:#FED585; color:#333; text-shadow:none!important; width:130px; font-size:9px} .lmf:before{border-left-color:#FED585} .lmf span.i{background:url(//c.fareportal.com/n/portals/92/m/flyNow2X.png) no-repeat 0 0!important; width:30px; height:10px; -moz-background-size:30px 10px!important;-o-background-size:30px 10px!important;-webkit-background-size:30px 10px!important;background-size:30px 10px!important; display:inline-block; vertical-align:middle; margin:0} .table table{border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd} .table td{line-height:normal; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd} .fly-ico{background:url(//c.fareportal.com/n/portals/92/m/fly.png) no-repeat; display:inline-block} .fly-ico.google{background-position:4px -19px; vertical-align:middle; white-space:nowrap; overflow:hidden; width:60px} .fly-ico.fly2{width:93px; height:20px; background-position:0 0; vertical-align:middle} #signinButton{padding-top:10px} #signinButton a{display:block; padding:6px 0 6px 42px; position:relative; color:#fff; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .4) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255,.4) inset; box-shadow:0 1px 0 rgba(255, 255, 255,.4) inset; line-height:18px} #signinButton a.fb{background:#3b5998; border:1px solid #2f4a7f} #signinButton a.gl{background:#df4f35; border:1px solid #d0452e} #signinButton a.fb:before, #signinButton a.gl:before{position:absolute; top:2px; left:3px; content:"\e625"; font-family:'common'; font-size:20px; padding:5px 4px; -moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.2); box-shadow:1px 0 0 rgba(255, 255, 255, 0.2)} #signinButton a.fb:before{border-right:1px solid #2f4a7f} #signinButton a.gl:before{content:"\e627"; border-right:1px solid #d0452e} #signinButton .or{border-bottom:1px solid #cacaca; margin:20px 0} #signinButton .or i{top:-10px; left:50%; margin-left:-24px; background:#fff; padding:0 15px; font-weight:bold} .rewards p{font-size:13px; margin:20px 0} .rewards div{font-size:26px; margin:0 auto; clear:both; width:210px} .rewards div span{font-size:60px; right:-5px; top:-7px} .rewards div b{font-size:34px; line-height:40px} .rewards ul{clear:both; margin:5px auto 15px; width:218px; font-size:13px; padding-left:18px} .rewards li{position:relative; line-height:22px} .rewards li:before{content:"\e603"; position:absolute; left:-30px; top:0; font-family:"common"; font-size:35px} /* form */ input[type="email"], input[type="password"], input[type="text"], input[type="search"], input[type="number"], input[type="tel"], textarea{padding:8px; font-family:Helvetica,Arial,sans-serif; display:block; width:100%; outline:0; color:#000; border-radius:0; -webkit-border-radius:0; border:1px solid #8F8F8F; margin:10px 0; font-size:14px; -webkit-appearance:none; -moz-appearance:textfield} input:focus{-webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline:none; -webkit-focus-ring-color:rgba(255, 255, 255, 0)} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} input:invalid, input:focus:invalid{box-shadow:none} select{-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0} .select{position:relative; border:1px solid #8f8f8f; margin:10px 0; padding:8px; text-decoration:none; background:#fff; font-size:14px} .select select{display:block; width:100%; opacity:0; position:absolute; top:0; left:0; height:100%; z-index:3} .select:before{content:""; position:absolute; right:7px; top:13px; z-index:2; width:0; height:0; border-top:8px solid #016dab; border-left:6px solid transparent; border-right:6px solid transparent} .select-sml{padding:4px 18px 4px 10px; margin:0; border:1px solid #d0d0d0} .select-sml:before{right:4px; top:9px; border-top-width:4px; border-left-width:3px; border-right-width:3px} .checkbox label{display:block; font-size:14px; position:relative; padding-left:25px; margin:10px 0} .checkbox label:before{width:12px; height:12px; background:#fff; content:""; left:2px; top:2px; position:absolute; z-index:1; border:1px solid #cacaca} .checkbox input[type='checkbox']{display:none} .checkbox input[type='checkbox']:checked + label:after{content:"\e603"; position:absolute; z-index:5; left:-4px; top:2px; color:#0088cc; font-size:26px; text-align:center; line-height:12px; font-family:'common'} .checkbox input[type='checkbox']:checked + label:before{border:1px solid #0088cc} .num-slider a{background:#118acb; display:block; width:24px; height:24px; text-align:center; line-height:24px} .num-slider a:active{background:#005282} .num-slider input{width:40px; border:0; margin:0; padding:.3em; text-align:center; font-weight:700} .radio li{float:left} .radio a, .radio label{display:block; color:#a7a9ac; font-size:12px; line-height:16px; text-decoration:none; text-align:left; padding:10px 5px 10px 22px; margin-right:1px; position:relative; white-space:nowrap} .radio li a:before, .radio li label:before{position:absolute;content:"";top:50%;left:10px;margin:-8px 0 0 -7px;border:2px solid #a7a9ac;z-index:2;width:12px;height:12px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .radio a.active, .radio input:checked + label{color:#044c7f} .radio li a.active:before, .radio li input:checked + label:before{position:absolute;content:"";top:50%;left:10px;margin:-8px 0 0 -7px;border:2px solid #044C7F;z-index:2;width:12px;height:12px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .radio li a.active:after, .radio li input:checked + label:after{position:absolute;content:"";top:50%;left:15px;margin:-4px 0 0 -8px;z-index:1;background:#044C7F;width:8px;height:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .radio.right a{padding:12px 35px 12px 10px} .radio.right li a:before{right:10px; left:auto; margin:-8px 0 0 0} .radio.right li a.active:before{right:10px; left:auto; margin:-8px 0 0 0} .radio.right li a.active:after{right:15px; left:auto; margin:-4px -1px 0 0} .radio.right a.active{color:#555!important} input.float:focus + label:before{color:#0088cd} input.float:focus + label:before, input.float:valid + label:before, input.float.float-p:invalid + label:before, input.float.float-p[readonly] + label:before { -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translate(0, -18px); transform: translate(0, -18px); font-size: 9px } input.float:invalid + label:before{content:attr(alt)} input.float + label{display:block; pointer-events:none; position:absolute; padding:14px 10px; font-size:16px; height:100%; left:0; top:0; width:100%} input.float + label:before{content:attr(placeholder); display:inline-block; white-space:nowrap; -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out; color:#aaa} /* end */ /* collapse */ .b_fee img{max-height:22px;margin:-2px 0} .awrap {margin:0 0 5px; line-height:18px} .awrap dt{border: 1px solid #CCC;padding: 8px 30px 8px 8px;clear: both;position: relative; background:#fff} .awrap dt:after{content:'+'; font-size:2em; color:#999; position:absolute; top:8px; right:10px} .awrap.active dt:after{content:'-'; font-size:3em; top:5px; right:10px} .awrap dd {display:none; margin:0; padding:8px 8px 0; border:1px solid #ccc; border-top:none} .awrap.active dd {display:block; background:#fff} /* end */ .login{margin-bottom:16px} .login .onoffswitch{vertical-align:middle; display:inline-block} .addons2 li{width:124px; padding:2px 0 0 14px; border:0; display:inline-table; position:relative} .addons2 li:before{content:"\e603"; font-size:21px; color:#118ACB; position:absolute; left:-5px; top:3px; font-family:'common'} .add-on ul{margin-top:5px} .add-on li{width:122px; padding:2px 0 0 12px; float:left; position:relative; line-height:normal} .add-on li:before{content:"\e603"; position:absolute; left:-6px; top:-3px; font-family:'common'; color:#666; font-size:21px} .readonly .label{color:#666} .readonly td, .readonly th{vertical-align:top; padding:3px 0; color:#000; text-align:left;} .readonly.box{border:1px solid #e4f0f7} .readonly.box td, .readonly.box th{padding-left:5px} .readonly.box th{background:#f7fcff; border-bottom:1px solid #e4f0f7; overflow:hidden} .readonly.box .arw{background:url(//c.fareportal.com/n/portals/92/m/conf-ico.png) no-repeat right -56px} .blue-bg{background-color:#e4f0f7!important} /* toggle switch */ .onoffswitch{position:relative; width:40px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none} .onoffswitch-checkbox{display:none} .onoffswitch-label{display: block; overflow: hidden; cursor: pointer; height:24px; padding: 0; line-height:24px; border: 2px solid #CCCCCC; border-radius:24px; background-color: #FFFFFF; transition: background-color 0.15s ease-in} .onoffswitch-label:before{content: ""; display: block; width:24px; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right:12px; border: 2px solid #CCCCCC; border-radius:24px; transition: all 0.15s ease-in 0s} .onoffswitch-checkbox:checked + .onoffswitch-label{background-color:#00a651} .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before{border-color:#00a651} .onoffswitch-checkbox:checked + .onoffswitch-label:before{right:0px} .onoffswitch-checkbox:disabled, .onoffswitch.disabled{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3} /* end */ .path td{border-bottom:2px solid #cacaca; line-height:22px} .path td.active{color:#0088cd; border-bottom:2px solid #0088cd} .path td.active:before{width:0; height:0; border-bottom:4px solid #0088cd; border-left:4px solid transparent; border-right:4px solid transparent; content:""; position:absolute; bottom:0; left:50%; margin-left:-2px} .path td{border-right:0} section.cont{background:#fff; border-bottom:1px solid #bababa; margin-bottom:14px} section.cont h2 {background-color: #0e61b5;padding: 4px 10px} section.cont .msg{padding:6px 10px; border-bottom:1px solid #e4e4e4} section.cont section{padding:10px} section.cont table.form{border:0; margin:0} section.blockquote{margin:14px 0 40px; padding:8px 10px} section.blockquote:before{width:0; height:0; border-top:12px solid #fff; border-left:12px solid transparent; border-right:12px solid transparent; content:""; position:absolute; bottom:-6px; left:4px; -moz-transform:rotate(-90deg); transform:rotate(-90deg)} section.blockquote:after{content:attr(title); display:inline-block; white-space:nowrap; position:absolute; bottom:-30px; left:0; font-size:11px} section.blockquote.next:after{left:auto; right:0} section.blockquote.next:before{right:4px; -moz-transform:rotate(90deg); transform:rotate(90deg); left:auto} #dvInsurance .note:before{width:0; height:0; border-top:6px solid #f6f6f6; border-left:6px solid transparent; border-right:6px solid transparent; content:""; position:absolute; bottom:-6px; left:50%; margin-left:-3px} #dvInsurance .cont.bdr-top{position:fixed; bottom:0} summary.book-msg{padding:10px 10px 10px 54px; background:#fff} summary.error{border:0} summary.included{background:#e0efd8; padding-left:44px} summary.error:before{content:"\e607"; position:absolute; left:4px; top:18px; color:#ff4e06; font-family:'common'; font-size:50px} summary.cancel:before, summary.success:before, summary.included:before{content:"\e62f"; position:absolute; left:10px; top:5px; color:#0f89ca; font-family:'common'; font-size:36px} summary.cancel:before{content:"\e635"; color:#ff0000} summary.included:before{color:#3b753b; font-size:26px; top:14px} summary.success div{color:#0088cd} summary.error div{color:#ff4e06} summary.included div{color:#4f834e} summary.cancel div{color:#f00} #dvloginErrorM li{ margin-bottom:0; padding: 0} #termCondBrb{cursor: pointer;text-decoration: underline;} .phonenumber_wrap{margin: 10px 20px; border: 1px solid rgb(143, 143, 143); border-radius: 5px; box-shadow: 0px 1px 0px 0px; padding: 10px;} .phonenumber{ color: #7b7b7b; font-size: 16px; font-weight: 600; } .phonenumber a{text-decoration:none; color:#7b7b7b} .info-color{ color:#008000; } /* new Design for AB Testings*/ .widget .tabs a.active{color:#fff; background:#118ACB;border-radius:20px;-moz-border-radius: 20px;-webkit-border-radius:20px;} .widget .fields, .widget .fields { padding: 5px 15px 0 15px; color: #000; min-height: 55px; position: relative; background: #fff; } .widget .same-dropnew { padding: 5px 15px 0 15px; color: #5f6774; min-height: 45px; position: relative; background: #fff; } .same-dropnew label { border-bottom: 1px solid #ddd; } .wrap-txt:before { box-shadow: none !important; position: absolute; right: 0; width: 30px; height: 22px; content: ""; } .widget .halfrow{width:50%; box-sizing:border-box; float:left;} .txt-r{ text-align:right } .widget .fromandTo{ color: #333333; font-size: 25px; line-height: 30px; } .widget .flightinfo{ color: #333333; font-size: 25px; line-height: 49px; display:block } .icon-adult_senior:after{ content:'\e964'; font-size: 23px; padding-right: 4px; color:#666666 } .icon-adult_senior--search:after{ content:'\e964'; font-size: 17px; padding-right: 2px; color:#666666 } .icon-child:after{ content:'\e962'; font-size: 23px; padding-right: 4px; color:#666666 } .icon-infant:after{ content:'\e963'; font-size: 23px; padding-right: 4px; color:#666666 } .icon__rs:after{ font-size: 16px !important; vertical-align: text-bottom; } .icon-new-hotel:before { content: "\e965"; font-size:30px; color:#666666 } .icon-new-hotels:before { content: "\e965"; font-size:30px; color:#666666; vertical-align: bottom; } .icon-new-hotels--rs:before { content: "\e965"; font-size: 25px; color:#666666; vertical-align: bottom; } .icon-new-hotel--search:before { content: "\e965"; font-size:22px; color:#666666 } .travelers__txt { font-size: 18px; line-height: 28px; vertical-align: super; /*color: #000;*/ color: #2e4b75; padding-right: 10px; font-weight: bold; } .placeholder__txt{ font-size:18px; color:#000 } .icon__OND{ position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; } .icon__OND:after{ content:'\e961'; font-size:30px; color: #118acb; } .icon__ONDsearch:after{ content:'\e960'; font-size:12px; } .icon__oneway{ position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -22px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(48deg); } .icon__oneway:after{ content:'\e92e'; font-size:45px; color: #118acb; } .icon__onewaysearch:after{ content:'\e91f'; font-size:20px; vertical-align:bottom } .fields-nonstop{ padding: 10px 15px 0 15px; color: #000; background: #fff; text-align:right; } .fields-nonstoptxt{ display:inline-block; font-size:14px; color:#000; vertical-align:top } .switch-btn{ display:inline-block; } input.cmn-toggle-round + label { padding: 2px; width: 35px; height: 13px; background-color: #dddddd; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } input.cmn-toggle-round + label:before { right: 1px; background-color: #f1f1f1; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round + label:after { width: 20px; height:20px; background-color: #118ACB; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; margin-top:-2px; } input.cmn-toggle-round:checked + label:before { opacity: 0.35; border-radius: 100px; background-color: #118ACB; } input.cmn-toggle-round:checked + label:after { margin-left: 18px; } .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .remove-btnnew{ position: absolute; right: 0; top: -22px; font-size: 12px; line-height:14px; color: #333333; padding: 2px 8px; font-weight: bold; z-index: 3; text-decoration: none; } .v-alignbottom{ vertical-align:bottom } .tagnew{ border: 1px solid #D6D6D6; color: #fea11c; top: -23px; padding: 1px 5px; border-radius: 2px; font-size:12px; line-height:14px; left:15px; } .padd-top-bottom{ padding-top:20px; padding-bottom:10px; } .padd-top5{ padding-top:5px; } .recent_search{ display: block; float: left; width: 50%; } .recent_search--hotel{ padding-right: 10px; vertical-align: -moz-middle-with-baseline; } .cblack{ color:#000 !important; } .cgray60{ color:#666 !important; } .text__alignR{ text-align:right } .after__fill{ color:#666666; font-size:12px; line-height:14px; } .line:after{ /*content:'';*/ border-right:1px solid #D1D1D1; height:24px; display:inline-block; padding-left:10px; vertical-align:top } .line__search:after{ content:''; border-right: 1px solid #d1d1d1; height: 20px; display: inline-block; padding-left: 7px; vertical-align: top; } .hoteliocn__search{ font-size:24px !important; } .person-icon__search { font-size:20px !important; } .inputbox__height{ min-height: 76px; } .txtwrap{ margin-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; } .txtwraps{ margin-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; } .recent_searchhotel{ display: block; float: left; width: 60%; } .recent_searchResult{ display: block; float: left; width: 40%; } .travelers__txt--search{ font-size: 12px; line-height: 14px; vertical-align: super; padding-right: 10px; } /* new Design for AB Testings*/ /* cro Update Inactivity Modal popup start*/ .tfn__input--cro { border: 1px solid #f2f2f2 !important; border-radius: 3px !important; background-color: #f2f2f2 !important; padding: 12px !important; margin-bottom: 15px !important; } .saveMore__wrap { padding: 0 20px; text-align: center; } .saveMore__txt { font-size: 22px; margin: 0px; font-weight: normal; padding-bottom: 15px; } .saveMoreDetails--txt { font-size: 14px; line-height: 19px; position: relative; width:290px; } .newSearch--Txt { padding: 12px 0px; display: block; color: #1787cd; } .signUp--txt { font-size: 18px; font-weight: normal; padding-bottom: 8px; } .offer--txt { font-size: 14px; padding-bottom: 3px; } .sessionSignOut__tooltip { padding: 10px; border-radius: 5px; font-size: 11px; color: #666; line-height: 14px; text-align: left; } .sessionSignOut__list { padding: 10px 10px 0px 10px !important; margin: 0px; list-style-type: disc !important; } .sessionSignOut__list li { font-size: 11px; padding: 0px; margin-bottom: 4px; } .sessionSignOut__popupWrap { border: solid 1px #ccc; background-color: #fff; color: #000; position: absolute; top: -150px; width: 245px !important; left: 41px; } .sessionpopup--close { color: #575757; padding: 4px; position: absolute; right: 2px; top: 4px; font-size: 14px; text-decoration: none; } .airportName__wrap { padding: 0 10px; } .close--icon { color: #fff; background: #575757; border: solid 2px #fff; border-radius: 100%; padding: 4px; position: absolute; right: -10px; top: -10px; font-size: 18px; text-decoration: none; } .callIcon--btn { background: #2878b0; background: -moz-linear-gradient(left,#2878b0 0%,#2b9fe7 100%); background: -webkit-linear-gradient(left,#2878b0 0%,#2b9fe7 100%); background: linear-gradient(to right,#2878b0 0%,#2b9fe7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2878b0',endColorstr='#2b9fe7',GradientType=1); color: #fff; -webkit-box-shadow: 0 1px 0 7px rgba(255,255,255,1); -moz-box-shadow: 0 1px 0 7px rgba(255,255,255,1); box-shadow: 0 1px 0 7px rgba(255,255,255,1); font-size: 45px; line-height: 45px; padding: 17px; border-radius: 100%; position: absolute; left: 50%; margin-left: -45px; top: -49px } .box--block { display: block; } .signUp--txt { font-size: 18px; font-weight: normal; padding-bottom: 8px; } .callNow-wrap { text-align: center; padding: 52px 0 10px 0; } .offer--txt { font-size: 14px; padding-bottom: 3px; } .airportName__wrap { padding: 0 10px; } .getFareAlerts--button { background-color: #1787cd !important; border-bottom: solid 1px #1787cd !important; box-shadow: none !important } .text__center { text-align: center; } .bookBanner__arrowbox:after, .bookBanner__arrowbox:before { top: 100%; left: 81%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .bookBanner__arrowbox:after { border-color: rgba(255,255,255,0); border-top-color: #fff; border-width: 10px; margin-left: -10px } .bookBanner__arrowbox:before { border-color: rgba(222,222,222,0); border-top-color: #ccc; border-width: 11px; margin-left: -11px } .bookBanner__arrowbox { background: #fff; border-radius: 5px; } .callIcon--img { background: #2878b0; background-image: url('../I/callImage.png'); -webkit-box-shadow: 0px 1px 0 7px rgba(255,255,255,1); -moz-box-shadow: 0px 1px 0 7px rgba(255,255,255,1); box-shadow: 0px 1px 0 7px rgba(255,255,255,1); font-size: 45px; line-height: 45px; padding: 17px; border-radius: 100%; position: absolute; left: 50%; margin-left: -40px; top: -49px; width: 50px; height: 50px; background-size: 100% 100%; } .callNow-wrapnew { text-align: center; padding: 33px 0 10px 0; } .availableNow__wrap { margin: 0px; padding: 10px; } .availableNow__wrap li { display: inline-block; padding-left: 5px; } .availableNow--iocn { display: inline-block; background: #23ca22; width: 15px; height: 15px; border-radius: 100px; } /* cro Update Inactivity Modal popup End*/ /* Payment API UI Design Start*/ .paymentMethod__heading { margin: 0px; font-size: 12px; margin-bottom: 10px; color: #9d9d9d; } .cardSaved__button { display: block; background: #fd5021; color: #fff; font-size: 14px; text-align: center; text-decoration: none; padding: 10px; font-weight: bold; } .chrome__browser { display: block; font-size: 11px; text-align: center; color: #999; } .payment__method { display: block; text-align: center; font-size: 15px; color: #0088cd; } .or__wrap { display: block; text-align: center; margin: 10px; font-size: 14px; color: #999; } .card__images { width: 100%; margin: 10px 0 0 0; } .transactionsSecure__txt { display: block; text-align: center; font-size: 10px; } @font-face { font-family: 'fltList'; src: url('../i/opt/flt-list.ttf') format('truetype'); font-weight: normal; font-style: normal } .ico { font-family: 'fltList'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } /* Payment API UI Design End*/ /*Avg price css*/ section.cont .avg--price-total { display: table; width: 100%; padding: 5px 0 0; } section.cont [class*="sub--total--"] { padding: 5px 10px; } .sub--total--first span { color:#666 !important; } .sub--total--last span { color: #9b9b9b !important; } .avg--price-total span { font-size: 14px; } .sub--total--three { background: #E9F2F7; color: #146BA5; font-weight: bold; } .sub--total--three > span { color: #c42a2a !important; } .sub--total--three > .cblue { line-height:15px; } .sub--total--three > span.cdgray { line-height:22px; display:block; } /*Avg price css*/ @font-face { font-family: 'home'; src: url('../i/opt/new-home.ttf') format('truetype'); font-weight: normal; font-style: normal } .ico-set { font-family: 'home' } /* Google APi Css start*/ .googleApi-wrap { padding: 0px 10px 0px 10px; background: #f0f0f0 } .btn--googleApi { display: block; text-align: center; width: 80%; margin: 0 10% ; border: solid 1px #0088cd; padding: 10px; background: #fff; font-size: 12px; text-decoration: none; font-weight: bold; color: #0088cd; border-radius: 3px; } .icon--card { font-size: 30px; font-weight: normal; vertical-align: bottom; margin-right: 6px; } .supported__txt { text-align: center; font-size: 10px; color: #9d9d9d; width: 80%; margin: 0 10% 10px; } /* Google APi Css End*/ /*Avg price css*/ /*Diable Button click start */ .disable_a_href { pointer-events: none; } /*Diable Button click end */ .collapsible { background-color: #0e61b5; padding: 4px 10px; color: white; cursor: pointer; width: 100%; border: none; text-align: left; outline: none; font-size:14px; } .collapsible:hover { background-color: #0e61b5; } .colapseContent {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;} .sign-in-or-devider { font-size: 14px; font-weight: bold; text-align: center; margin: 10px 0px; } .signin_with_facebook, .signin_with_google { width: 100%; background-color: #32599a; text-align: center; border-radius: 2px; padding: 10px 0px; margin-top: 10px; font-size: 14px; } .signin_with_facebook, .signin_with_Agent { width: 100%; background-color: #32599a; text-align: center; border-radius: 2px; padding: 10px 0px; margin-top: 10px; font-size: 14px; } .signin_with_google { background-color: #d04532; color: #f1d4c4; } .signin_with_Agent { background-color: #116eab; color: #f1d4c4; } .signin_with_facebook a, .signin_with_google a { color: #fff; text-decoration: none; } .signin_with_facebook a, .signin_with_Agent a { color: #fff; text-decoration: none; } .enter-mail-label { color: #9e9ea6; font-size: 11px; display: block; } .sign-in-text-box, .sign-in-Password-box { border: none !important; border-bottom: 1px solid #cdcdcd !important; width: 100%; } #txtlguser { border: none; } .secondPhaseNamesDiv { width: 100%; float: left; } .secondPhaseNamesDiv span { width: 45%; float: left; } .SingUpSecondName { margin-left: 20px; } .secondPhaseNamesDiv label, .secondPhaseNamesDiv input[type=text] { } .mobile-modal-content { border: none; border-radius: 5px; } .mobile-modal-body { padding: 0px; } .mobile-modal-header, .mobile-modal-footer { border: none; } .sign-in-next { width: 100%; /*background-color: #03bfd8;*/ background-color: #e30303; text-align: center; border-radius: 2px; padding: 10px 0px; border: 0px; color: #fff; font-size: 14px; } .sign-in-first-phase { display: block; } .sign-in-first-phase.hide { display: none; } .sign-in-second-phase { display: block; } .sign-in-second-phase.hide { display: none; } .second-phase-mainHeading { font-size: 20px; text-align: center; color: #000; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } .second-phase-subHeading { text-align: center; font-size: 14px; } .sign-in-second-phase-form { margin-top: 40px; } .sign-in-second-phase-form label { font-size: 12px; font-weight: normal; margin-top: -6px; } .sign_in_from { margin-top: 20px; } .btnSignin { color: #87888a; } .signLogo { color: #116eab; } .forgotlink{ float: right; right: 5px; position: relative; bottom: 34px; text-decoration: none; color: #4590bd; } .resetpwd{ display: block; text-decoration: none; } .cncl_btn{ display: block; text-align: center; padding: 15px 0px; text-decoration: none; font-size: 18px; color: #4590bd; } .pwd-link{ text-align:center; padding:10px; } .pwd-link .pbold{ font-weight:bold; } .pwd-link p{ color:#3b951a; } .resend p{ color:#3B951A; text-align:center; display:block; } .resend .bold{ font-weight:bold; } .send_it-again { text-decoration: none; display: block; text-align: center; padding: 10px 5px; color: #4590BD; } .signin_btn1 { text-decoration: none; display: block; text-align: center; /*background: #21BFD6;*/ background: #e30303; padding: 14px 0px; color: #fff; } .mid-scrn-bg{position:fixed; left:0; top:0; background:#fff; width:100%; height:100%; z-index:99999} .mid-scrn-cont{width:290px; height:300px; text-align:center; margin:-150px 0 0 -145px; left:50%; top:50%; position:fixed; z-index:999999; line-height:normal} .mid-scrn-cont p{line-height:16px} .mid-scrn-cont .logo{display:inline-block; color:#118acb; font-size:70px; top:22px; width:52px; height:81px; font-family:'common'} .mid-scrn-cont .logo:before { /*content:"\e62e";*/ position:absolute; right:-10px } .mid-scrn-cont #btnClose{font-size:40px; right:-12px; top:-25px} .mid-sep{-moz-box-shadow:0 10px 20px #fff inset; -webkit-box-shadow:0 10px 20px #fff inset; box-shadow:0 10px 20px #fff inset; background:#000; height:1px; margin:10px 0} .loader-spin{border-radius:50%; bottom:0; height:120px; left:50%; margin:0 0 0 -60px; position:absolute; right:0; top:0; width:120px; -webkit-animation:midspin .6s infinite linear; -moz-animation:midspin .6s infinite linear; -ms-animation:midspin .6s infinite linear; animation:midspin .6s infinite linear} .loader-spin:before{background:linear-gradient(#118acb, #fff 60%) repeat scroll 0 0 rgba(0, 0, 0, 0); background-image:-webkit-linear-gradient(#118acb, #fff 60%); background-image:-moz-linear-gradient(#118acb, #fff 60%); border-radius:50%; content:''; left:0; height:100%; position:absolute; width:100%} .loader-spin:after{background-color:#fff; border-radius:50%; content:''; height:95%; left:2.5%; position:absolute; top:2.5%; width:95%} @keyframes midspin{from{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform: rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} to{-webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); -o-transform: rotate(359deg); -ms-transform:rotate(359deg); transform:rotate(359deg)}} @-moz-keyframes midspin{from{-moz-transform:rotate(0deg); transform:rotate(0deg)}to{-moz-transform:rotate(359deg); transform:rotate(359deg)}} @-webkit-keyframes midspin{from{-webkit-transform:rotate(0deg); transform:rotate(0deg)}to{-webkit-transform:rotate(359deg); transform:rotate(359deg)}} @-ms-keyframes midspin{from{-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(359deg); transform:rotate(359deg)}} .stop{-webkit-animation:inherit; -moz-animation:inherit; -ms-animation:inherit; animation:inherit} /* Basic Economy popup css start*/ .c55 { background: #eff4f6 none repeat scroll 0 0; color: #1c355a; font-size: 15px; height: 39px; line-height: 39px; padding: 0 10px; text-transform: uppercase; } .basicEcomoy__arrowbox { background: #fff; border: 1px solid #118acb; padding: 10px; width: 300px; position: absolute; right: -6px; bottom: 23px; color: #5B6270; } .basicEcomoy__arrowbox:after, .basicEcomoy__arrowbox:before { top: 100%; left: 90%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .basicEcomoy__arrowbox:before { border-color: rgba(194, 225, 245, 0); border-top-color: #118ACB; border-width: 9px; margin-left: -9px; } .close__box{ float: right; color: #fff; background-color: #118acb; width: 65px; margin-right: -10px; text-align: center; line-height: 18px; height: 19px; margin-bottom: -10px; } /* Basic Economy popup css start*/ /*Middle Name Css Start*/ .meddleName__editlink{ color:#118acb; } .middleName__info{ border-top: 1px solid #eee; padding: 15px } .middlename__list{ padding:10px 0px !important; } .middlename__list li{ padding-left:0px !important; } /*Middle Name Css Start*/ /*Upsell fare family start*/ .upsell-wrap{ width:100%; background-color:#fff; color:#666 } .upsell-wrap tbody tr td:last-child, .upsell-wrap thead tr th:last-child{ border-left: 2px solid #FF9600; border-right: 2px solid #FF9600 !important; box-shadow: 0 0 0 0 #FF9600; } .border--bottom{ border-bottom: 2px solid #FF9600; } .upsell-wrap .border--top{ border-top: 2px solid #FF9600 !important; } .upgrade-img:after{ content: ""; background: url("../i/upgrade.png") no-repeat; height: 35px; left: -4px; position: absolute; top: -2px; width: 35px; background-size: 100% 100%; } .upgrade-img:before{ background-color: #52687f; content: ""; height: 16px; left: -2px; position: absolute; top: -2px; width: 18px; } .upsell-wrap tr td{ text-align:center; border-left:1px solid #D7D7D7; border-top:1px solid #D7D7D7; } .upsell-wrap tr td:last-child{ text-align:center; border-right:0px solid #D7D7D7; border-top:1px solid #D7D7D7; } .upsell-wrap tr td:first-child{ text-align:left; padding:5px; } .table-header { background-color: #52687F; color: #fff !important; font-weight: normal !important; border-top: none !important; padding:10px 0; width:98px; } .upsell-wrap tr td:last-child{ color: #009500; } /*more info start*/ .moreinfo { font:400 12px Helvetica,Arial,sans-serif; vertical-align:top; } /*more info end*/ .upsell-moreinfo { padding: 10px; } .upsell-moreinfo ul{ padding-left:15px; } .upsell-moreinfo ul li{ border:none !important; height:auto !important; padding:5px 0; width:100%; list-style-type: disc; } .upsell-moreinfo ul li p{ padding-top:8px; line-height:18px; } /*Upsell fare family start*/ /* Freeze Btn start*/ .buttonfix{ position: fixed; bottom: 0px; margin: 0px; right: 0px; z-index: 999; line-height: 0px; } .bottom_space{ margin-bottom: 33px; } /* Freeze Btn End*/ @font-face { font-family: 'home'; src: url('../i/opt/new-home.ttf') format('truetype'); font-weight: normal; font-style: normal } .ico-set { font-family: 'home' } /* new Baggage Design start*/ .baggage-wrap { position: fixed; bottom: 0; left: 0px; z-index: 2; right: 0; top: 0; background-color: #eee } .baggage-wrap header { background: #005282; height: 51px; border-bottom: 1px solid #87abc0; color: #fff; padding: 4px 0; } .baggage-wrap footer { position: fixed; width: 100%; bottom: 0; left: 0; right: 0; border-top: 1px solid #e5e5e5; z-index: 1003; } .baggage-wrap .legend { background: #fff; } .baggage-wrap .baggage__header { font-size: 16px; border-bottom: dotted 1px #eee; padding: 15px 10px; } .baggage-wrap .baggageheader__heading { padding: 10px; display: inline-block; } .baggage-wrap .legend .price { color: #5b6270; padding: 13px 95px 13px 13px; border-top: 2px solid #e5e5e5; background: #f9f9f9; line-height: 22px; } .baggage-wrap .legend .btn { right: 0; top: 0; background: #d7d7d7; width: 90px; height: 90px; padding-top: 4px; line-height: 43px; color: #fff; font-weight: bold; background: #ef4e25; } .baggage-wrap .royalSlider { background: #fff } .baggage-wrap .royalSlider img { margin-right: 10px; opacity: .35 } .baggage-wrap .royalSlider a { display: block; border-bottom: 2px solid #fff; color: #cecece; margin-left: 12px; padding-top: 16px; text-decoration: none } .baggage-wrap .royalSlider a.active { border-color: #108acb; color: #5b6270 } .baggage-wrap .royalSlider a.selected { color: #5b6270 } .baggage-wrap .royalSlider a.active img, .baggage-wrap .royalSlider a.selected img { opacity: 1 } .baggage-wrap .royalSlider a.selected:before { background: url('../svg/check.svg') no-repeat 0 0/cover; position: absolute; top: 20px; left: 18px; content: ""; width: 40px; height: 40px } .baggage-wrap .section-wrap { box-sizing: border-box; border: 1px solid rgba(215, 215, 215, 1); border-radius: 3px; background-color: rgba(255, 255, 255, 1); overflow: hidden; } .baggage-wrap .baggageinfo__wrap { padding: 15px 10px; } .baggage-wrap .baggageinfo__wrap section:first-child { margin-bottom: 15px; } .baggage-wrap .baggagebody__wrap { padding: 10px; } .display--block{ display:block; } .display--inline{ display:inline-block; } .baggage-wrap .traveler--iocn { display: inline-block; float: left; font-size: 27px; padding-right: 5px } .baggage-wrap .icon-traveler2:before { content: "\e912"; font-family: 'home'; vertical-align: text-bottom; } .baggage-wrap .backarrow--iocn { font-size: 72px; font-weight: bold; display: block; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg) } .baggage-wrap .icon-back-arrow:before { content: "\e941"; font-family: 'home'; } .baggage-wrap .confirmseat img { opacity: 5 } .baggage-wrap .confirmseat:after { background: rgba(0,0,0,0) url("../svg/check.svg") no-repeat scroll 0 0/cover; content: ""; height: 50px; left: 8px; position: absolute; top: 12px; width: 50px } .baggage-wrap .baggage--alert { height: auto; clear: both; height: 500px; overflow: scroll; } .baggage-wrap .baggageAlert-wrap { padding: 10px 15px 0px 15px; } .baggage-wrap .baggage__close { text-decoration: none; font-size: 24px; position: absolute; right: 10px; top: 15px; } .baggage-wrap .bottom__space{ padding-bottom:10px; } .baggage-wrap .departReturn__heading { display: inline-block; width: 49% } .baggage-wrap .baggageheading{ padding-bottom:5px; } .baggage-wrap .baggage__arrow{ vertical-align: super; } .baggage-wrap .baggage__price{ margin-left:15% } .baggageclose__icon{ color: #fff; font-size: 24px; text-decoration: none; position: absolute; right: 10px; top: 16px; } .baggage__BottomSpace{ padding-bottom:10px } .baggage-wrap .noset-wrap { text-align: center; padding-bottom: 10px; } .baggage-wrap .space--bottom { padding-bottom: 10px; } .baggage-wrap .txt-c { text-align: center; } .baggage-wrap .cancel-btn { background: #fff; color: #056ba8; border: 1px solid #056ba8; } .baggage-wrap .btns { display: inline-block; width: 46%; padding: 10px; } .baggage-wrap .space { padding: 10px; } .baggage-wrap .padd-r { margin-right: 5%; } @media (max-width: 360px) { .baggage-wrap .baggage--alert { overflow: scroll; height: 451px; clear: both } } @media (max-width: 320px) { .baggage-wrap .baggage--alert { overflow: scroll; height: 353px; clear: both } } /* new Baggage Design End*/ /* Flexible Ticket Start*/ .flexibleTicket-wrap { background-color: #fff; color: #000; position: absolute; top: -106px; width: 300px !important; box-shadow: 0 3px 18px 0 rgba(0,0,0,0.23); } .flexibleTicket__header { padding: 10px; border-bottom: solid 1px #CCCCCC; } .flexibleTicketTXT__wrap { padding: 10px; font-size: 12px; } .flexibleTicket__arrowbox { background: #fff; } .flexibleTicket__arrowbox:after, .flexibleTicket__arrowbox:before { top: 100%; left: 81%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .flexibleTicket__arrowbox:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; } .flexibleTicket__arrowbox:before { border-color: rgba(222, 222, 222, 0); border-top-color: #ccc; border-width: 11px; margin-left: -11px; } .flexibleTicket__close { position: absolute; right: 10px; font-size: 14px; color: #000; font-weight: bold; } /* Flexible Ticket End*/ /* TAC Design Start*/ .travelSeaction__heading { color: #000; font-size: 14px; line-height: 19px; margin: 0px; padding: 6px 0 0 10px; display: inline-block; width: 237px; vertical-align: top; font-weight: normal; } .addon--new ul { margin-top: 5px } .addon--new li { width: 122px; padding: 7px 0 0 17px; float: left; position: relative; line-height: normal; color: #666666 } .addon--new li:before { content: "\e603"; position: absolute; left: -8px; top: 0px; font-family: 'common'; color: #c42a2a; font-size: 25px; } .viewPlan__wrap{ padding:10px 0px 5px 0px; } .viewPlan__txt { color: #118ACB; font-size: 12px; line-height: 14px; } .priceTraveler__txt { font-size: 18px; font-weight: bold; line-height: 20px; text-align: right; color: #005282; } .perperson--txt { height: 12px; color: #999999; font-size: 11px; line-height: 12px; text-align: right; display: block; font-weight: normal; padding-bottom: 10px; } .flipswitch { position: relative; width: 73px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .flipswitch input[type=checkbox] { display: none; } .flipswitch-label { display: block; overflow: hidden; cursor: pointer; border: 0px solid #999999; border-radius: 40px; } .flipswitch-inner { width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -moz-transition: margin 0.3s ease-in 0s; -ms-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .flipswitch-inner:before, .flipswitch-inner:after { float: left; width: 50%; height: 31px; padding: 0; line-height: 31px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .flipswitch-inner:before { content: "Yes"; padding-left: 10px; background-color: #2EA113; color: #FFFFFF; } .flipswitch-inner:after { content: "No"; padding-right: 10px; background-color: #DBDBDB; color: #FFFFFF; text-align: right; } .flipswitch-switch { width: 29px; margin: 1px; background: #FFFFFF; border: 0px solid #999999; border-radius: 40px; position: absolute; top: 0; bottom: 0; right: 42px; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .flipswitch-cb:checked + .flipswitch-label .flipswitch-inner { margin-left: 0; } .flipswitch-cb:checked + .flipswitch-label .flipswitch-switch { right: 0; } .recommended__wrap { position: absolute; right: -7px; top: -33px; } .flexible__link { color: #118ACB } .flexibleBottom__space{ padding-bottom:44px; } .flexible__info { font-size: 18px; text-decoration: none; vertical-align: bottom; color: #0088CE; } .TravelProtection-img { background: url(//c.fareportal.com/n/portals/92/m/travel__safe.png); width: 50px; height: 50px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; } .tac-img { background: url(//c.fareportal.com/n/portals/92/m/travel_aassist.png); width: 50px; height: 50px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; } .flexible-img { background: url(//c.fareportal.com/n/portals/92/m/flexibl.png); width: 50px; height: 50px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; } /* TAC Design End*/ /*start contract message*/ .contractMsg-wrap { background-color: #FFFFFF; color: #000; position: absolute; width: 252px !important; border-radius: 6px; box-shadow: 0 -3px 18px 0 rgba(0,0,0,0.23); z-index: 2; top: 8px; } .contractgroup-wrap { background-color: #FFFFFF; color: #000; position: absolute; width: 252px !important; border-radius: 6px; box-shadow: 0 -3px 18px 0 rgba(0,0,0,0.23); z-index: 2; top: 8px; right: 0px; } .contractMsg__header { padding: 10px 10px 0px 10px; color: #3A465F; font-size: 12px; } .contractMsg--close { position: absolute; right: 12px; font-size: 14px; color: #000; font-weight: bold; top: 10px; } .contractMsgTXT__wrap { padding: 5px 10px 10px 10px; font-size: 12px; color: #5B6270; line-height:17px; } .contractMsggroup__wrap { padding: 22px 10px 10px 10px; font-size: 12px; color: #5B6270; line-height: 17px; } .contractMsg__info { font-size: 18px; text-decoration: none; vertical-align: bottom; color: #fd5021; } .contractMsg__arrowbox:after, .contractMsg__arrowbox:before { bottom: 100%; left: 32%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .contractMsg__arrowbox:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .contractMsg__arrowbox:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -13px; } .contractgroup__arrowbox:after, .contractgroup__arrowbox:before { bottom: 100%; left: 82%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .contractgroup__arrowbox:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .contractgroup__arrowbox:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 13px; margin-left: -13px; } /* end of contract message*/ /* ribbon Css start*/ .box { position: relative; } .ribbon { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span { font-size: 10px; font-weight: bold; color: #FFF; text-align: center; line-height: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#FF9600 0%, #FF9600 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; right: -21px; } .ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #FF9600; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #FF9600; } .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #FF9600; border-bottom: 3px solid transparent; border-top: 3px solid #FF9600; } /* ribbon css end*/ /* supper saver New Design start*/ .superSaver__wrap { background: #f1f1f1; padding: 5px 10px; clear: both; margin: 0 -10px; border-top: dotted 1px #999; border-radius: 0px 0px 5px 5px; } .super--closeButton { position: absolute; right: 5px; top: 7px; text-decoration: none; background: #1787cd; color: #fff; font-weight: bold; padding: 5px; border-radius: 100%; line-height: 12px; } .infoContent-edit{ width: 95%; display: block; } .overflow--hidden{ overflow:hidden } .superTxt__wrap { width: 90%; text-align: justify; display: block; } .super__leanmore { float: right; color: #1787cd; text-decoration:none } .superContent__wrap { position: relative; background: #f1f1f1; overflow: hidden; margin: -5px -10px -5px; padding: 10px; border-radius: 0px 0px 5px 5px; } .slimContract { padding: 10px 0; color: #666; } .slimContract--border { margin-bottom:10px; border-bottom: 1px dashed #c1c1c1; } .slimContract .d-ib { vertical-align: top; line-height: 14px; } .iocn--stops{ font-size: 49px; margin: 0 8px; color:#000; line-height:12px; } .contract-val { display: block; line-height: 14px; } .slimContract .dateSec { padding: 0 0 10px 0; } #dvAirlineImage img { display: inline-block; } #dvAirlineImage figcaption { line-height: 14px; display: inline-block; margin-top: 5px; vertical-align: top; } .infoBlue { float: left; background-color: #ebf8ff; padding: 5px 30px 5px 5px; text-align: justify; position: relative; width: 90%; color: #666666; line-height:14px; } .toggleArrow { position: absolute; right: 10px; top: 6px; } .arrowIcon { border: solid #0088cd; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; cursor: pointer; } .downArrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .upArrow { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .infoBlue.active .infoHead, .infoBlue.active .downArrow, .infoBlue .infoContent, .infoBlue .upArrow { display: none; } .infoBlue .infoHead, .infoBlue .downArrow, .infoBlue.active .infoContent, .infoBlue.active .upArrow { display: block; } .nextday--txt { color:#b53722 } /* supper saver new design End*/ /*My Trips-Confirmation Send Email Start*/ .emailItinerary__wrap { border: 1px solid #0088cd; border-radius: 3px; margin: 5px; padding:5px 0px 5px 0px !important; position:relative; text-align: center; } .email--txt { color: #0088cd; text-decoration:none; font-weight:600 } .email--iocn{ font-size:16px; vertical-align:bottom } .emailItinerary--close { font-size: 16px; text-decoration: none; position: absolute; right: 7px; top: 5px; } .emailItinerary__details { background: #edf1f4; } .emailItinerary__sendWrap{ background:#fff; text-align:left; padding-right:10px; } .emailItinerary__sendWrap .inputs { border: none; width: 79%; display: inline-block; margin-bottom:0px; } .email--successfully { display: none; font-size: 11px; padding-left: 8px; padding-bottom: 10px; color: #3b951a; } .email--error { display: none; font-size: 11px; padding-left: 8px; padding-bottom: 10px; color: #d20922; } .send--btn { background: #1179bd; color: #fff; font-size: 12px; padding: 8px 10px; margin-bottom:5px; display: inline-block; width: 12%; text-align: center; } .selectEmail__wrap { padding: 10px; clear: both; text-align: left; color: #737373; } .select--txt { color: #167cbe; width:12% } /*My Trips-Confirmation Send Email End*/ /*share link Start*/ .share__link { height: 32px; width: 32px; background: #fff; border-radius: 100%; box-shadow: 0 0 1px 0 rgba(0,0,0,.15), 0 1px 3px 0 rgba(0,0,0,.13); position: absolute; text-align: center; line-height: 33px; right: -4px; top: -6px; color: #086aa7; } .shareLink-wrap .i-set.arw { color: #000; position: relative; top: 3px; } .shareLink-wrap { border-radius: 6px; background-color: #FFFFFF; box-shadow: 0 0 1px 0 rgba(0,0,0,0.2), 0 2px 4px 0 rgba(0,0,0,0.13); padding: 10px; } .shareLinkCopy__active { border: 1px solid #056BA8; border-radius: 2px; background-color: #FFFFFF; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); color: #0A6AA7; font-size: 14px; line-height: 17px; display: block; padding: 6px 0px; } .disable { border: #ccc 1px solid; color: #ccc !important; } .disable span { color: #ccc !important; } .copy__txt { background-color: #edffda; color: #009500; font-size: 14px; line-height: 17px; display: block; padding: 8px 0; font-weight: bold; margin-top: 10px; } .shareLinkCopy__heading { font-size: 18px; font-weight: normal; color: #333333; line-height: 22px; margin-bottom: 0px; } .share--close { position: absolute; right: 14px; font-size: 18px; text-decoration: none; color: #000; font-weight: bold; padding: 0px 0px 15px 15px; } .share--btn { border-radius: 2px; background-color: #ef4e25; box-shadow: 0 1px 1px 0 rgba(0,0,0,.22); color: #fff; font-size: 18px; line-height: 22px; text-align: center; display: block; text-decoration: none; padding: 9px 0px; } .bottom__space { margin-bottom: 10px } .shareAirline__info { margin-bottom: 10px; padding: 5px; font-size: 14px; color: #000; } .shareOR__txt { font-size: 14px; color: #979797; font-weight: bold; padding: 8px; } .sendEmail__txt { font-size: 14px; line-height: 17px; text-align: left; margin-top: 0px; margin-bottom: 10px; } .shareCheckbox__txt { color: #999999; font-size: 11px; line-height: 13px; display: inline-block } .bottom__space15 { margin-bottom: 15px; } .user__icon { position: absolute; right: 0; top: 18px; color: #118acb; font-size: 20px; } .link--iocn { vertical-align: bottom } .shareAirline__code { padding: 5px; } .sharetop--iocn { height: 50px; width: 50px; text-align: center; background: #118acb; display: block; color: #fff; font-size: 25px; border-radius: 100%; position: absolute; left: 50%; margin-left: -20px; top: -23px; box-shadow: 0 1px 0 5px rgba(255,255,255,1); line-height: 55px; } .error--iocn { height: 50px; width: 50px; text-align: center; background: #F2DEDE; display: block; color: #ad433e; font-size: 25px; border-radius: 100%; position: absolute; left: 50%; margin-left: -20px; top: -23px; box-shadow: 0 1px 0 5px rgba(255,255,255,1); line-height: 48px; } .label-text { color: #999999; font-family: Helvetica; font-size: 11px; line-height: 13px; } .shareform { width: 100%; text-align:left } .shareform h2 { color: #EF5350; padding: 0px; text-transform: uppercase; } .shareform input { shareform-sizing: border-shareform; shareform-shadow: none; outline: none; border: none; color: #666; border-bottom: 1px solid #D7D7D7; padding: 8px 0px 5px 0px; margin-bottom: 5px; line-height: 16px; } .shareform input.float + label { font-size: 14px; padding: 14px 10px 14px 0px; } .emailValid__message { color: #FF0000; font-size: 10px; line-height: 12px; display: block; float: left; padding-bottom: 8px; } .in-Valid { border-bottom: solid 1px red !important; } .shareform input[type="checkbox"], .shareform input[type="radio"] { position: absolute; right: 9000px; } .shareform input[type="checkbox"] + .label-text:before { content: "\e967"; font-family: 'home'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; width: 1em; display: inline-block; margin-right: 5px; background: #118acb; color: #118acb; padding: 3px; } input[type="checkbox"]:checked + .label-text:before { content: "\e967"; color: #2980b9; animation: effect 250ms ease-in; background: #118acb; color: #fff } input[type="checkbox"]:disabled + .label-text { color: #aaa; } input[type="checkbox"]:disabled + .label-text:before { content: "\f0c8"; color: #ccc; } .copy__btton { border: none; background: none; color: #0a6aa7; } .adviseBookNow__wrap { background-color: #f7f7f7; margin: 0 -10px; padding: 20px; clear: both; margin-bottom: -10px; border-radius: 0px 0px 6px 6px; margin-top: 10px; } .adviseBookNow__heading { color: #3b404d; font-size: 16px; font-weight: bold; line-height: 24px; text-align: left; margin: 0px; } .adviseBookNow__txt { } .adviseBookNow__txt img { display: inline-block; text-align: left; float: left; padding-right: 10px; width: 55px; } .adviseBookNow__txt p { color: #666; font-size: 12px; line-height: 14px; text-align: left; margin-bottom: 15px; } .sorry__txt { color: #333333; font-size: 18px; line-height: 22px; text-align: center; margin-bottom: 10px; } .specialOffer__wrap { display: inline-block; width: 75%; padding-left: 10px; } .promocodicon__wrap--big { width: 50px; height: 50px; display: inline-block; border-radius: 100%; background: rgba(255,166,0,.5); float: left; } .inner__wrap--big { width: 40px; height: 40px; margin: 0 auto; background: #ffa400; display: block; border-radius: 100%; border: solid 2px #fff; margin-top: 3px; font-size: 42px; color: #fff; line-height: 40px; } /*share link End*/ .none{ display:none ; } @media (max-width: 360px) { .baggage-wrap .baggage--alert { overflow: scroll; height: 451px; clear: both } } @media (max-width: 320px) { .baggage-wrap .baggage--alert { overflow: scroll; height: 353px; clear: both } } .ms-pop{background:url(//c.fareportal.com/n/portals/92/m/ms-popover/bg.jpg) no-repeat center 0 #000; color:#fff; margin:0; text-align:center; font-family:Arial; width:100%; position:absolute; top:0; z-index:999; overflow:hidden} .ms-pop .hd{background:#fff; text-align:center; padding-top:6px; height:44px} .ms-pop .logo{width:114px; height:41px; background:url(//c.fareportal.com/n/portals/92/m/ms-popover/logo.png) no-repeat 0 0; display:inline-block} .ms-pop p{font-size:16px; margin:20px 10px; line-height:22px} .ms-pop a{color:#fff; font-size:14px; margin:20px 0 10px; display:inline-block} .ms-pop a:active{text-decoration:none} .ms-pop .btn{background:#f26522; width:260px; line-height:45px; text-decoration:none; font-size:20px; margin:0} .ms-pop .btn:active{background:#f23400} .ms-pop .iphone{width:237px; height:326px; background:url(//c.fareportal.com/n/portals/92/m/ms-popover/iphone.png) no-repeat 0 0; display:block; margin:15px auto 0} .ms-pop .android{width:237px; height:326px; background:url(//c.fareportal.com/n/portals/92/m/ms-popover/android.png) no-repeat 0 0; display:block; margin:15px auto 0} @font-face{font-family:'home'; src:url('../i/opt/new-home.ttf') format('truetype'); font-weight:normal; font-style:normal} .ico-set{font-family:'home'} /* TFN Popup css Start*/ .tfnpopup__wrap{ background:#f4f4f4 !important; } .call-section{ background:#fff; position:relative } .call-section__call{ display:block; color:#494949; font-size:14px; padding-top:15px; } .call-section__close{ position: absolute; right: 10px; top: 10px; font-size: 18px; text-decoration: none; } .call-section__callbutton{ background:#108acb; color:#fff; border-radius:50%; font-size:30px; padding:12px; } .tfnpopup__wrap .tfn__input{ border-bottom: 1px solid #d7d7d7 !important; border:none; background:#f4f4f4 !important; margin-bottom:15px; } .cta-btn--edit{ font-weight:normal !important; border-radius:3px; } .popup_messagelogo{ display: inline-block; font-size: 24px; padding: 8px 10px; vertical-align: bottom; } .popup_messagetxt{ text-align:left; display:inline-block } /* TFN Popup css Start*/ #smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:65px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; } #smartbanner, html.sb-animation {-webkit-transition: all .3s ease;} #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position:absolute; left:5px; top:30px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; } #smartbanner .sb-close:active { font-size:13px; color:#aaa; } #smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); } #smartbanner.no-icon .sb-icon { display:none; } #smartbanner .sb-info { position:absolute; left:98px; top:10px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); } #smartbanner #smartbanner.no-icon .sb-info { left:34px; } #smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 15px; } #smartbanner .sb-info > span { display:block; } #smartbanner .sb-info em { font-style:normal; text-transform:uppercase; } #smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); } #smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; } #smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; } #smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); } #smartbanner.android .sb-close:active { color:#eee; } #smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; } #smartbanner.android .sb-info strong { color:#fff; } #smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none} #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; } #smartbanner.windows .sb-icon { border-radius: 0px; } @font-face{font-family:'home'; src:url('../i/opt/new-home.ttf') format('truetype'); font-weight:normal; font-style:normal} .ico-set{font-family:'home'} .sidePanel { width: 90%; position: fixed; z-index: 9999999; color: #323232; right: 0; top: 0; height: 100%; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-box-shadow: 0 0 200px 500px rgba(0,0,0,.75); box-shadow: 0 0 200px 500px rgba(0,0,0,.75); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out } /*added by rohit for farebuzz logo*/ .fb-logo { background: rgba(0, 0, 0, 0) url("../i/m-logo.gif") no-repeat scroll bottom right; display: inline-block; height: 35px; padding: 10px 0 0 14px; width: 36px; float:left; } .fb-logo1 { background: rgba(0, 0, 0, 0) url("../i/m-logo.gif") no-repeat scroll bottom right; display: inline-block; height: 30px; padding: 10px 0 0 14px; width: 22px; } .fb-logo2 { background: rgba(0, 0, 0, 0) url("../i/m-logo.gif") no-repeat scroll bottom right; display: inline-block; height: 18px; padding: 10px 0 0 28px; width: 20px; } .czwhite { color: #e30303 !important } .c14 { font-size: 16px !important; font-weight: 500; color: #2e4b75 !important; font-family: Arial; text-decoration: none; width: 58% !important; text-align: left !important; } .c15{ font-size:18px !important; } .autosuggest_inner { background: #e5e5e5 !important } .topbg { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 2px 5px 2px #ccc; box-shadow: 1px 2px 5px 2px #ccc; } .white-bg { background: #fff !important; } .sidePanel li:first-child { margin: 40px 0 0; } .sidePanel .close { top: 14px; right: 16px; display: block; } .p-a { position: absolute !important; } .f22 { font-size: 22px !important; } .sidePanel li a { color: #333; display: block; text-decoration: none; padding: 14px 18px 14px 65px; } .sidePanel li i { padding: 3px 6px; position: absolute; right: 8px; top: 15px; text-indent: 0; line-height: normal; font-weight: bold; font-style: normal; background: rgba(255,255,255,.05) } .sidePanel li:before { font-family: 'home'; position: absolute; content: ''; left: 26px; top: 12px; /* color: #818285 */ } .sidePanel .signin:before { font-size: 26px; color: #e30303; content: ""; left: 24px; top: 14px } .sidePanel .mytrip:before { content: ""; font-size: 26px; left: 24px; /*color: #116eab;*/ color: #e30303; } .sidePanel .cardmenu:before { content: ""; font-size: 25px; top: 14px; left: 24px; /*color: #116eab*/ color: #e30303; } .sidePanel .f-status:before { content: ""; font-size: 32px; left: 23px; top: 14px; /*color: #116eab;*/ color: #e30303; } .sidePanel .tools:before { content: ""; font-size: 29px; top: 14px; left: 24px; /*color: #116eab;*/ color: #e30303; } .sidePanel .curr-ico:before { content: ""; font-size: 19px; top: 14px; left: 24px; /*color: #116eab*/ color: #e30303; } .sidePanel .curr-ico .slt-cur { color: #045283; border: 1px solid #045283; padding: 1px 20px 0 6px; right: 14px; top: 12px } .sidePanel .curr-ico select { position: absolute; width: 100%; height: 100%; opacity: 0; display: block; left: 0; top: 0 } .sidePanel .curr-ico .slt-cur:before { content: ""; position: absolute; right: 1px; font-family: 'home' } .sidePanel .curr-ico .ico-set { margin-top: -2px } .sidePanel .feedback:before { content: ""; font-size: 29px; top: 14px; left: 24px; /*color: #116eab;*/ color: #e30303; } .sidePanel .contact:before { content: ""; font-size: 24px; top: 14px; left: 28px; /*color: #116eab*/ color: #e30303; } .last-row { border-bottom: dashed 1px #d3d3d3 } //.sidePanel li:last-child { } .menu__copyright { padding: 10px 10px 10px 32px !important; color: #818285; font-size: 11px; } /*App Banner Start*/ .appBanner__wrap { background-color: #eeeeee; padding: 10px; } .app-banner-content { width: 100%; } .app-banner-logo-img { background-image: url('//c.fareportal.com/n/Portals/92/m/coa_icon.png'); background-size: 45px; background-repeat: no-repeat; height: 45px; width: 30px; display: inline-block; border-radius: 10px; padding: 4px 8px; /* background-color: white; */ box-shadow: 1px 2px 5px #888; background-color: #fff; } .app-banner-sidebar { width: 77%; display: inline-block; padding-top: 14px; vertical-align: top; padding-left: 5px; } .app-banner-image { } .app-banner-text { width: 48%; display: inline-block; color: #666; font-weight: bold; } .app-banner-content .app-banner-btn { float: left; width: 52%; height: 90px; background-color: #eeeeee; } .getApp__button { background-color: #fd5021; border: none; border-radius: 5px; width: 105px; font-size: 16px; color: #fff !important; box-shadow: 1px 3px 8px #888888; text-align: center; padding: 5px !important; line-height: 28px; display: inline-block !important; vertical-align: top; float: right; } /*App banner End*/ @media( max-width: 320px ) { .appBanner__wrap { padding: 10px; } .app-banner-text { font-size: 14px; } .getApp__button { width: 90px; font-size: 14px; } .app-banner-logo { width: 35px; } .app-banner-sidebar { padding-top: 11px; } /* common CSS Start */ body { margin:0px; padding:0px; } p,li,ul,span { margin:0px; padding:0px; } /* common CSS End */ /* Sign In Page CSS Start */ .main-box { max-width:739px; margin:0px auto; overflow:hidden; border:#ebebeb 1px solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; min-height:500px; position:relative; -webkit-box-shadow:2px 2px 5px 2px #ccc; -moz-box-shadow:2px 2px 5px 2px #ccc; box-shadow:2px 2px 5px 2px #ccc; } .main-box-thankyou { max-width:739px; margin:0px auto; overflow:hidden; border:#ebebeb 1px solid; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; min-height:100px; position:relative; -webkit-box-shadow:2px 2px 5px 2px #ccc; -moz-box-shadow:2px 2px 5px 2px #ccc; box-shadow:2px 2px 5px 2px #ccc; } .thank-you-text { font-family:open sans, Arial, Helvetica, sans-serif; font-size:19px; letter-spacing:-0.5px; color:#8b8b8b; text-align:center; padding:24px 30px 40px 30px; } .thank-you-text p { font-size:29px; font-weight:bold; color:#004a80; } .main-box-textpart { width: 47%; float: left; background-color: #0c5ba5; background: url(../I/textpartbg.jpg) no-repeat bottom; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; min-height: 500px; } .close-btn { width:12px; height:10px; position:absolute; right:13px; top:13px; } .text-heading { width:100%; overflow:hidden; font-family:open sans, Arial, Helvetica, sans-serif; font-size:23px; color:#ffffff; font-weight:bold; padding:40px 0 0 0; text-align:center; line-height:29px; } .text-point { width:81%; overflow:hidden; margin:0px auto; } .text-point ul { width:100%; overflow:hidden; padding:33px 0 0 0; } .text-point ul li { width:90%; overflow:hidden; float:left; font-family:open sans, Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; font-weight:normal; padding:0 0 20px 0; line-height:17px; } .text-point ul p { width:25px; overflow:hidden; float:left; padding-top:3px; } .main-box-formpart-main { width:52.5%; float:right; background-color:white; } .main-box-formpart{ padding:30px 44px; } .sign-in-heading { font-family:open sans, Arial, Helvetica, sans-serif; font-size:29px; color:#004a80; letter-spacing:-0.5px; } .social-main { margin-bottom:0px; overflow: hidden; } .social-main ul { width: 100%; overflow: hidden; } .social-main ul li { height:38px; padding-left: 55px; line-height: 39px; border: #c2c5c6 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .fb a, .fb a:visited { color: #8b8b8b; text-decoration: none; display:block; } .fb a:hover, .fb a:active { color: #8b8b8b; text-decoration: none; display:block; } .padd-top34 { padding-top:34px; } .fg a, .fg a:visited { color:#8b8b8b !important; text-decoration: none; /*display:block;*/ } .fg a:hover, .fg a:active { color: #8b8b8b !important; text-decoration: none; /*display:block;*/ } .fb { background: url(../I/facebook-icon.gif) no-repeat left top; } .fg { background: url(../I/google-icon.gif) no-repeat left top; } .or-text { width: 100%; height: 24px; overflow: hidden; text-align: center; background: url(../I/or-img.gif) no-repeat center center; padding-bottom: 8px; margin: 2px 0 10px 0; } .sign-input { width:100%; overflow:hidden; padding-bottom:8px; } .sign-input input { width: 100%; height:36px; margin: 0px; padding: 0 0 0 10px; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; color: #2c2c2c; line-height: 34px; border: #c2c5c6 1px solid; } .sign-keep-forgot { width:100%; overflow:hidden; padding-top:10px; } .sign-keep { width:55%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8b8b8b; vertical-align:top; } .sign-keep p { margin:0px; padding:0 6px 0 0; float:left; } .sign-forgot { width:45%; float:right; font-family:open sans, Arial, Helvetica, sans-serif; font-size:13px; text-align:right; } .sign-forgot a:link { color:#337ab7; text-decoration:none; } .sign-forgot a:hover { color:#337ab7; text-decoration:underline; } .sign-btn { width:100%; overflow:hidden; padding-top:20px; } .sign-btn button { width:100%; height:38px; background:#da0000; border:#da0000 1px solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding-bottom:2px; } .sign-signuplink { width:100%; overflow:hidden; padding-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#8b8b8b; } .sign-signuplink a:link { color:#337ab7; text-decoration:none; } .sign-signuplink a:hover { color:#337ab7; text-decoration:underline; } /* Register V2 CSS Start */ .main-box-reg-textpart { width:47.5%; float:left; background-color:#0c5ba5; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -o-border-radius:10px 0 0 10px; min-height:850px; } .main-box-ind-textpart { width:47.5%; float:left; background-color:#0c5ba5; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -o-border-radius:10px 0 0 10px; min-height:710px; } .main-box-cor-textpart { width:47.5%; float:left; background-color:#0c5ba5; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -o-border-radius:10px 0 0 10px; min-height:710px; } .bottom-img { overflow:hidden; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -o-border-radius:10px 0 0 10px; position:absolute; bottom:0px; } .create-heading { font-family:open sans, Arial, Helvetica, sans-serif; font-size:29px; color:#004a80; letter-spacing:-0.5px; padding:30px 0 0 44px; } .create-sub-text { font-family:open sans, Arial, Helvetica, sans-serif; font-size:14px; color:#8b8b8b; padding:8px 44px 0 44px; } .tab-main { width:100%; overflow:hidden; margin-top:16px; background:#e8eff3; height:36px; } .tab-main ul { height:36px; overflow:hidden; background:#e8eff3; padding-left:20px; } .tab-main ul li { float:left; height:36px; overflow:hidden; background:#e8eff3; font-family:open sans, Arial, Helvetica, sans-serif; font-size:14px; color:#004170; line-height:36px; text-align:center; } .sign-keep input { border:red 1px solid; } .individual { width:100px; } .travel-agent { width:110px; } .cor-travel { width:150px; } .tab-main ul li a:link, a:visited { color:#004170; background:#e8eff3; text-decoration:none; display:block; } .tab-main ul li a:hover, a:active { color:#004170; background:#cbdcec; text-decoration:none; font-weight:bold; } .active-tab a { background:#cbdcec !important; font-weight:bold; } .padd-top0 { padding-top:0px; } .padd-top23 { padding-top:30px; } .or-reg-email-text { width: 100%; height: 24px; overflow: hidden; text-align: center; background: url(../I/or-register-email.gif) no-repeat center center; padding-bottom: 8px; margin: 2px 0 10px 0; } .sign-input select { width: 100%; height:36px; margin: 0px; padding: 0 0 0 10px; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px !important; color: #8b8b8b; line-height: 34px; border: #c2c5c6 1px solid; } .sign-term { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8b8b8b; vertical-align:top; line-height:21px; } .sign-term p { margin:0px; padding:0 6px 0 0; float:left; } .individual-part { width:100%; overflow:hidden; } .travel-agent-part { width:100%; overflow:hidden; } .corporate-part { width:100%; overflow:hidden; } .signup-error-sms { background-color: #ffe9cc; height: auto; padding-bottom: 10px; padding: 8px 16px; color: #2c2c2c; width: 92%; font-size: 12px; border: #f9c28d 1px solid; margin-bottom:8px; } .signup-error-sms p { margin:0px; padding:0 0 2px 0; } /* Register V2 CSS End */ @media screen and (max-width: 767px) { .main-box-formpart-main { width:100%; float:left; } .individual { width:90px; } .travel-agent { width:103px; } .cor-travel { width:121px; } .tab-main ul { padding-left:0px; width:320px; margin:0px auto; } .tab-main ul li { font-size:13px; } .main-box-formpart { padding:0px 22px 30px 22px; } .create-heading { padding-left:22px; } .create-sub-text { padding-left:22px; } } .modalDialoglogin { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity: 1; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: auto; } .modalDialogdiv { width: 570px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; height: 460px; } .closeIframelogin { background: #fff; line-height: 25px; position: absolute; right: 0px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } /* Sign In Page CSS End */