@font-face {
    font-family: 'sourcesansprobold';
    src: url('../fonts/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Bold.woff') format('woff'),
         url('../fonts/SourceSansPro-Bold.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Bold.svg#sourcesanspro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesansprolight';
    src: url('../fonts/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Light.woff') format('woff'),
         url('../fonts/SourceSansPro-Light.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Light.svg#sourcesansprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesansprosemibold';
    src: url('../fonts/SourceSansPro-SemiBold.eot');
    src: url('../fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
         url('../fonts/SourceSansPro-SemiBold.woff') format('woff'),
         url('../fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
         url('../fonts/SourceSansPro-SemiBold.svg#sourcesansprolightsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sourcesansproreg';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
         url('../fonts/SourceSansPro-Regular.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular.svg#sourcesansproreg') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%
}

body {
    font-family: 'sourcesansproreg';
    font-weight: 400;
    color: #333;
    line-height: 1;
    font-size: 14px;
    background: #f7f7f7
}

body,
html {
    height: 100%
}
ul, li {list-style: none;padding:0;}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    color: #000;
    margin: 0 0 20px;
}

h2>small,
h4>span {
    text-transform: none
}

h1,
h2 {
    color: #5d5d5d;
    font-size: 20px;
    margin: 0 0 38px
}

h1>span,
h2>span {
    border-bottom: 3px solid;
    display: inline-block;
    line-height: 125%;
    padding-bottom: 4px
}

label,
td,
th {
    line-height: 1
}

h2>small {
    font-size: 22px;
    color: #5d5d5d
}

h3 {
    font-size: 16px;
    margin: 0 0 25px;
    text-align: center
}

h4,
h4>small {
    font-size: 14px
}

h4 {
    margin-bottom: 12px
}

h4>small {
    text-transform: uppercase;
    
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 13px;
    margin: 0 0 10px
}

h1>span,.guide-box,
.ptooltip1,.log-btn-wrap,
.tooltip1 .tooltiptext, .guide-box:after,
.ptooltip1-wrap .tooltiptext:after,.nav>li ,[type=checkbox]:checked+label:before ,
.tooltip1 .tooltiptext:after  ,.hom-icon:hover a.know-mo ,
h2>span, .tab-menu li.active a, .tab-menu li, .cury-link::before, .select-style::before, .travel-select > a > span::before {
    border-color:#01AD52;
}

.btn,
button,
input[type=button],
input[type=submit], .btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus, #sync1 .item, #sync2 .synced .item ,
.btn-primary:hover,.range-wrap.home-miles.top-ab,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover, .menu-wrap , .log-btn-wrap, .range-wrap .ui-slider-horizontal .ui-slider-handle,.contact-wrap ul li span, .link,.choose-currency table th ,.row-col ,
.range-wrap .ui-state-default , #accordion h4.panel-title a i,.hoterl-pop .modal-body,.hoterl-pop .nav>li.active a ,
.category-links li a i, .tab-menu li:before , .tab-menu li a>span  {
    background: #008346;
}


.navbar-nav>li>ul li.active a,.owl-item .item.one>div>div>div strong , .owl-item .item.five>div>div>div strong , .item-list>div>div p span , .grid-list p span, .grid-list aside a.btn:hover,.log-btn-wrap,
.result-month>strong , .click-link , .travel-select>a>span, .travel-select>a:hover , .search-heading td>strong.points , .glyphicon-star , .hotel-btn strong , .gr-hotel li:last-child strong , .contact-wrap ul li figure small.glyphicon-earphone,.bonus-sec h3 ,.choose-currency label ,
.contact-wrap ul li figure small.glyphicon-envelope, .guide-box:after,.item-list.details-para h6 span ,
.ptooltip1-wrap .tooltiptext:after,.scrollToTop span ,
.tooltip1 .tooltiptext:after , .range-wrap.aveb.ffp-avi .btn.ave , .btn.text-style , .cury-link ul>li>a , .btn.otl-link  ,
.navbar-nav>li>ul li:hover a,a,.hom-icon:hover a.know-mo ,
.log-btn:hover, .nav > li:hover > a, .range-wrap.home-miles .btn, 
.btn-wr .btn:hover, a.btn:hover, .range-wrap.home-miles h4, h4>small, .footer-sec ul li:hover a ,
input[type=button]:hover, .banner-sec>div>div p , [type=radio]:not(:checked)+label:before, [type=radio]:checked+label:after ,
input[type=submit]:hover,.cury-link::before, .select-style::before, .travel-select > a > span::before, [type=radio]+label::before  {
    color: #01AD52;
}
.range-wrap.home-miles.show-b.top-ab {background:none;}
.form-control::-webkit-input-placeholder {
    color: #969696;
    opacity: 1;
    text-transform: none
}

.form-control::-ms-input-placeholder {
    color: #969696;
    opacity: 1;
    text-transform: none
}

.form-control::-moz-placeholder {
    color: #969696;
    opacity: 1;
    text-transform: none
}

label,
optgroup,
select {
    text-transform-: capitalize
}
input, a {
    transition: all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

input[type=email],
input[type=number],
input[type=text] {
    text-transform: none
}

input[type=email],
input[type=file],
input[type=number],
input[type=password],
input[type=text],
optgroup,
select,
select.form-control,
textarea {
    height: 30px;
    border-radius: 0;
    background: #eee;
    box-shadow: none;
    padding: 2px 10px;
    color: #5d5d5d;
    width: 100%;
    border: none;
    font-size: 14px;
    margin: 0 0 19px
}

button,
input,
optgroup,
select,input[type="file"],
select option,
textarea, select.form-control {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; outline: 0;
    font-family:  'sourcesansproreg';
}
select.form-control::-ms-expand  {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select.form-control::-ms-expand {
    display: none; visibility: hidden;
} 
select {
    font-size: 14px;
    margin: 0;
    background: 0 0!important;
    position: relative;
    z-index: 1
}

.select-style {
    position: relative;
    background: #eee
}
.ui-datepicker-month {position:relative;}
.cury-link:before,
.select-style:before, .travel-select>a>span:before {
    content: '';
    width: 13px;
    font-size: 15px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid;
    display: block;
    position: absolute;
    right: 6px;
    top: 12px;
    z-index: 1
}

.cury-link:before {
    border-top: 7px solid #60533e;
    top: 14px
}

select.form-control::-ms-expand,
select.ui-datepicker-month::-ms-expand,
select.ui-datepicker-year::-ms-expand {
    display: none
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    background: url(../images/web-portal/arrow.jpg) 92% 10px no-repeat #eee!important
}

select option {
    border: none;
    background: #eee
}

label {
    display: block; font-weight: normal;
    font-size: 15px;
    color: #333;
    margin: 0 0 12px
}

.btn,
button,
input[type=button],
input[type=submit], 
#userUploadEmailer input[type="file"]{
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    padding: 10px;
    display: block;
    margin: 0 0 10px;
    border: none;
    cursor: pointer;
    line-height: 11px
}

.btn-wr .btn:hover, a.btn:hover, .log-btn:hover,
input[type=button]:hover,
input[type=submit]:hover, .btn-file:hover {
    background: #eee;
}

textarea {
    min-height: 152px;
    resize: none
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    border: none;
    outline: 0
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    border: none
}

button[disabled],
input[disabled] {
    cursor: default;
    color: #999;
    border-color: #ccc
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

.form-control:focus {
    background: #f7f7f7
}


.btn-primary {
    min-width: 100px
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff
}

#message,
.error,
.star {
    color: red
}

.msg-wrpa .message #message {
    padding: 0 15px
}

.message #message {
    margin: 0 0 10px;
    padding: 0
}

#message {
    font-size: 12px;
    padding: 0 15px
}

.error,
.errorSpan {
    word-spacing: -1px;
    color: red
}

.errorSpan.aa {
    word-spacing: -1px;
    letter-spacing: -.4px
}

.error.act {
    bottom: -14px
}

.error.expd {
    bottom: inherit;
    top: 60px
}

.login-form ul li .error.act {
    bottom: -18px
}

.login-form.forgot-wrap ul li .error.act {
    bottom: -20px
}

.error.review {
    position: initial
}

.radio-wrap {
    padding: 0 0 0 30px
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    height: 25px;
    -webkit-transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    transition: .28s ease
}

[type=radio]+label:after,
[type=radio]+label:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    transition: .28s ease
}

[type=radio]:not(:checked)+label:before {
    border-radius: 50%;
    border: 2px solid 
}

[type=radio]:checked+label:after {
    width: 9px;
    height: 15px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid ;
    border-bottom: 2px solid ;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 16% 139% 0;
    -moz-transform-origin: 16% 139% 0;
    -ms-transform-origin: 16% 139% 0;
    -o-transform-origin: 16% 139% 0;
    transform-origin: 16% 139% 0
}

.check-box {
    padding: 3px 0 0 25px
}

.innerpad,
td,
th {
    padding: 10px
}

.error {
    font-size: 12px;
    position: absolute;
    bottom: 6px
}

#adtexpiryError1.error {
    bottom: 0;
    font-size: 12px
}

.address-wrap .error {
    position: inherit
}

.flight-book-form .col-sm-4,
.flight-book-form .col-xs-12 {
    position: relative
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

[type=checkbox]+label {
    position: relative;
    height: auto
}

[type=checkbox]+label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

.wrapper,
body.home .wrapper,
header,
sub,
sup {
    position: relative
}

dl,
pre,
table {
    margin: 0 0 10px
}

[type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, .46)
}

[type=radio]+label::before {
    border: 2px solid ;
    border-radius: 50%;
    height: 20px;
    width: 20px
}

[type=radio]+label::after {
    top: -7px
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #FF0102;
    border-bottom: 2px solid #FF0102;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.check-box a {
    font-size: 16px
}

a.red-link:active,
a.red-link:focus,
a.red-link:hover {
    color: #333
}

.red {
    color: red
}

code,
pre,
thead th {
    color: #333
}

dt,
li {
    color: #333;
    font-size: 14px;
    margin-bottom: 14px;
    line-height: 130%
}

code,
kbd,
pre,
samp,
small,
tt,
var {
    font-size: 12px
}

dd {
    margin: 0 0 20px 10px
}

ul {
    margin: 0 0 20px
}

ol {
    list-style-type: decimal;
    margin: 0 0 20px 17px
}

ol ul,
ul ul {
    list-style-type: circle
}

ol ol {
    list-style-type: lower-latin
}

p {
    margin-bottom: 16px;
    line-height: 18px
}

blockquote,
cite,
dfn,
q,
var {
    font-style: italic
}

blockquote {
    quotes: none;
    background: 0 0;
    color: #666
}

small {
    line-height: 1.75
}

pre {
    font-size: 15px;
    line-height: 1.5;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

kbd,
samp,
var {
    color: #666;
    font-family: 'sourcesansprobold';
}

abbr,
acronym {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    cursor: help
}

sub,
sup {
    font-size: 12px;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5px
}

sub {
    bottom: -.25px;
    font-size: 100%;
    text-transform: none
}

.log-btn,
.navbar-nav>li>a {
    text-transform: capitalize;
    letter-spacing: 1px
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto
}

a {
    text-decoration: none;
    font-size: 13px;
    display: inline-block
}

a:focus,
a:hover {
    color: #333;
    text-decoration: none
}
a.disabled {
  pointer-events: none;
}
table {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    color: #333;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid
}

.logo,
.logo:hover,
.navbar-nav>li>a, .cury-link li > a, .log-btn,
.navbar-nav>li ul li a {
    color: #60533e
}

caption {
    font-variant: small-caps
}

td,
th {
    vertical-align: top;
    font-size: 14px
}

td:first-child,
th:first-child {
    margin-top: 0
}

thead th {
    text-align: left;
    border-bottom: 2px #888 solid
}

tbody td,
tbody th {
    text-align: left;
    border-top: 1px solid #ccc
}

.aligM.tb.table-responsive th,
.copyright,
.footer-sec ul,
.log-btn-wrap,
ul.social {
    text-align: center
}

.table-striped tbody tr:nth-of-type(2n+1), .table-striped thead tr:nth-of-type(2n+1)  {
    background-color: #f7f7f7
}
.table > thead + tbody {border-top:1px solid #ddd;}
.table-striped thead tr span {color:#333;}
#accordion.cate h4.panel-title a i.elec:before,
.category-links li a i.dining:before,
.category-links li a i.elec:before,
.category-links li a i.gift:before,
.category-links li a i.other:before,
.category-links li a i.travel:before,
.owl-next,
.owl-pagination .owl-page:nth-child(1) a,
.owl-pagination .owl-page:nth-child(1) a:before,
.owl-pagination .owl-page:nth-child(2) a,
.owl-pagination .owl-page:nth-child(2) a:before,
.owl-pagination .owl-page:nth-child(3) a,
.owl-pagination .owl-page:nth-child(3) a:before,
.owl-pagination .owl-page:nth-child(4) a,
.owl-pagination .owl-page:nth-child(4) a:before,
.owl-pagination .owl-page:nth-child(5) a,
.owl-pagination .owl-page:nth-child(5) a:before,
.owl-prev,
.tab-toggle-menu,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker-next .ui-icon,
[class*=icon-],
[class^=icon-] {
    background-image: url(../images/web-portal/sprite.png);
    background-repeat: no-repeat
}

/*body.home .wrapper {
    min-height: auto;
    margin: 0 auto
}*/

.wrapper {
    margin: 0 auto;
    min-height: 100%;
    height: auto!important
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.container.inner-content.error-wrapper {
    max-width: 477px;
    box-shadow: 7px 5px 14px -1px rgba(0, 0, 0, .35);
    margin: -72px auto 10px;
    
}

.container.inner-content {
    background: #fff;
    margin: 0 auto 61px;
    position: relative;
    min-height:300px;
}

.row-fields.row {
    margin: 0 -15px
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.mobile-menu {
    display: none
}

header {
    z-index: 10
}

.logo {
    margin: 1px 0 7px 4px;
    width: 113px; float: left;
    padding-top: 10px;
}

.right-logo {float: right; width:113px; margin:9px 10px 0 0;}

.navbar-toggle {
    margin: 0;
    background: 0 0;
    width: 52px;
    padding: 0;
    float: none;
}

.navbar-toggle .icon-bar {
    height: 3px;
    width: 100%
}

.navbar-toggle:focus {
    border: none
}

.right-logo {
    float: right;
    width: 110px;
    padding: 0 
}

.log-btn,
.login-head .rig-logo {
    float: left
}

.menu-wrap {
    position: relative;
    
}

/*.menu-wrap .container {
    background: url(../images/web-portal/header-border.jpg) bottom left repeat-x
}*/
/*
.menu-wrap.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
     Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,f5f5f5+80,cdcdcd+100 
background: #f5f5f5;  Old browsers 
background: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 80%, #cdcdcd 100%);  FF3.6-15 
background: -webkit-linear-gradient(top, #f5f5f5 0%,#f5f5f5 80%,#cdcdcd 100%);  Chrome10-25,Safari5.1-6 
background: linear-gradient(to bottom, #f5f5f5 0%,#f5f5f5 80%,#cdcdcd 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cdcdcd',GradientType=0 );  IE6-9 
    z-index: 5
}*/

.container-col.pad {
    padding: 51px 0 0
}

.navbar-header {
/*    background: url(../images/web-portal/header-border.jpg) left bottom repeat-x;*/
    padding: 5px 0 0px
}

.nav {
    margin: 0
}

.nav>li {
    margin: 0;
    border-bottom: 1px dotted ;
    position: relative
}

.nav>li:last-child,
.navbar-nav>li>ul li:last-child {
    border: none
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: 0 0
}

.navbar-nav>li>ul li {
    margin: 0;
    list-style: none
}

.navbar-nav>li ul li a {
    font-size: 16px;
    display: block;
    position: relative
}


/*.log-btn,
.log-btn:hover {
    color: #fff
}*/

.toggle-menu {
    z-index: 1
}
.cury-link ul li,
.navbar-nav>li>ul li, .log-btn  {
    border-color:#60533e;
}
.log-btn {
    font-family: 'sourcesansprobold';
    font-size: 10px;
    background:#008346; 
    color:#fff;
/*    border: 2px solid #B12B3A;*/
    border-radius: 4px;
    display: inline-block;
    padding: 5px 7px;
    margin: 4px 4px 3px
}

.banner-btn{
    background-color: #008346 !important;
    padding: 12px 0px !important;
    max-width: 28% !important;
}

.navbar-nav>li>ul {
    list-style: none;
    display:none;
    position: relative;
    width: 100%;
    z-index: 6;
    background: rgba(255, 255, 255, 1)
}

.cury-link ul li a.kuwait-flg:before,
.cury-link ul li a.qatar-flg:before,
.cury-link ul li a.uae-flg:before,
.navbar-nav>li ul li.mil:nth-child(4) a:before,
.navbar-nav>li ul li.sop:nth-child(5) a:before,
.navbar-nav>li ul li:first-child a:before,
.navbar-nav>li ul li:last-child a:before,
.navbar-nav>li ul li:nth-child(2) a:before,
.navbar-nav>li ul li:nth-child(3) a:before {
    width: 24px;
    content: '';
    position: absolute
}

.navbar-nav>li ul li a {
    padding: 10px 10px 10px 10px
}

.navbar-nav>li ul li a i { color: #FF0102; margin:0 5px 0 0; display: inline-block; font-size: 20px; width: 24px; text-align: center; }
.navbar-nav>li ul li a i.fa-plane {
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg); top:-13px;
}

.cury-link ul li,
.navbar-nav>li>ul li {
    border-bottom:1px dotted;
}



.navbar-nav>li ul li.first a:before {
    top: 9px
}

.cury-link ul li a.kuwait-flg:before {
    background: url(../images/web-portal/sprite.png) -132px -216px no-repeat;
    height: 15px;
    left: 5px;
    top: 12px;
    width: 25px
}

.cury-link ul li a.uae-flg:before {
    background: url(../images/web-portal/sprite.png) -95px -216px no-repeat;
    height: 15px;
    left: 5px;
    top: 12px;
    width: 25px
}

.cury-link ul li a.qatar-flg:before {
    background: url(../images/web-portal/sprite.png) -34px -216px no-repeat;
    height: 17px;
    left: 2px;
    top: 12px;
    width: 28px
}

/*.navbar-nav>li ul li.hol:nth-child(3) a:before,
.navbar-nav>li ul li:nth-child(2) a:before {
    background: url(../images/web-portal/sprite.png) -226px -217px no-repeat;
    left: 6px;
    top: 10px;
    height: 16px
}

.navbar-nav>li ul li.mil:nth-child(4) a:before {
    background: url(../images/web-portal/sprite.png) -258px -215px no-repeat;
    left: 6px;
    top: 8px;
    height: 26px
}

.navbar-nav>li ul li:last-child a:before{
    background: url(../images/web-portal/sprite.png) -167px -249px no-repeat;
    left: 8px;content:'';  position: absolute;
    top: 7px;
    height: 24px
}

.navbar-nav>li>ul li.sop a:before {
    background: url(../images/web-portal/sprite.png) -290px -215px no-repeat;
    left: 8px;content:'';  position: absolute;
    top: 7px; width:24px;
    height: 24px
}*/


.footer-sec{
/*    background:url(../images/web-portal/footer-bg.jpg) repeat-x top left;*/
background: #fff;
}


.toggle-menu {
    opacity: 1;
    width: 39px;
    height: 25px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 0
}

.range-wrap.home-miles {
    margin: 0 auto;
    padding: 0;
    border: none;
    text-align: center;
    clear: both;
    position: relative;
    top: 4px
}

.range-wrap.home-miles .gift-icon {
    width: auto;
    margin: 0 5px 0 0; font-size:20px;
    padding: 0
}

.range-wrap.home-miles>div {
    overflow: hidden;
    margin: 0;
    max-width: 100%
}

.range-wrap.home-miles .btn,
.range-wrap.home-miles .gift-icon,
.range-wrap.home-miles h4 {
    display: inline-block;
    vertical-align: middle
}

.range-wrap.home-miles h4 {
    font-size: 12px;
    font-weight: 700;
    line-height: 234%;
    margin: 0 10px 0 0
}

.range-wrap.home-miles .btn {
    font-size: 17px;
    line-height: 129%;
    margin: 0;
    padding: 0
}

.toggle-menu .icon-bar {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    top: 9px;
    left: 0;
    -webkit-transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out;
    transition: margin .15s ease-out .25s, opacity .15s ease-out .25s, -webkit-transform .15s ease-out
}

.toggle-menu .icon-bar.bar.bar-1 {
    margin-top: -9px
}

.toggle-menu .icon-bar.bar.bar-3 {
    margin-top: 9px
}

.toggle-menu.open-menu .icon-bar {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s;
    transition: margin .15s ease-out, opacity .15s ease-out, -webkit-transform .15s ease-out .25s;
    width: 71%
}

.toggle-menu.open-menu .icon-bar.bar-1 {
    margin-top: -1px;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.toggle-menu.open-menu .icon-bar.bar-2 {
    opacity: 0;
    filter: alpha(opacity=0)
}

.toggle-menu.open-menu .icon-bar.bar-3 {
    margin-top: -1px;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.login-logo {
    display: none
}

.islamic-logo {
    float: right;
    pointer-events: none;
    cursor: default
}

.container.top-logo {
    padding: 10px
}

.login-head .login-logo {
    display: block
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto
}

.footer-sec {
    padding: 10px 0  10px
}

.footer-sec ul {
    margin: 0 auto 2px;
    padding: 0;
    width: 291px
}

.footer-sec ul li {
    display: inline-block;
    padding: 0 12px;
    margin: 0 0 10px
}

.footer-sec ul li:first-child {
    padding-left: 0;
    border-left: none
}

.footer-sec ul li a {
    display: block;
    text-transform: capitalize;
    color: #171717;
    font-size: 15px
}

.footer-sec ul li a span {
    text-transform: none
}

.copyright {
    display: block;
    color: #666;
    font-size: 12px
}

.footer-sec ul.social {
    overflow: hidden;
    margin: 10px auto 0; font-size:20px;
}

.footer-sec ul.social li {
    padding: 0
}

.container.inner-content.mm {
    position: relative
}

ul.social {
    display: block;
    margin: -39px 0 20px;
    vertical-align: top
}

ul.social li {
    margin: 6px 0;
    display: inline-block;
    vertical-align: top
}
ul.social li:nth-child(2) {
    padding-left:20px;
}

ul.social li a {
    width: 30px;
    display: block;
    margin: 0; 
}

ul.social li span {
    font-size: 0
}



select#roomtype {
    padding:2px 30px 0px 10px;
}

.social {margin:0; }
.social li {float:left; }
.social li a{display:block;}

.languageStyle{
    text-transform:uppercase;  
    position: absolute;
    top: 40%;
    right: 35%;
}
.languageStyle a{
    color:#60533e;
    font-size: 14px;
    margin:0 5px;
}
.languageStyle span{
    margin-top:-10px;
    display:inline;
}
.languageStyle a:focus, .languageStyle a:hover, .languageStyle a:active, .languageStyle a:visited{    
    color:#008346;
}


.act-btn,
.hom-icon a.know-mo {
    font-family: 'sourcesansprobold';
    text-transform: uppercase
}

ul.listed li,
ul.listing li ul,
ul.listing li ul li {
    list-style-type: disc
}

.btn.otl-link,
.click-link,
.grid-list p a,
.guide-link,
.item-list>div>div a,
.pas-sec>a,
.result-month>strong {
    text-decoration: underline
}

.con-bg,
.slider-sec {
    background: 0 0
}

.top-pad {
    margin-top: 0
}

.no-js #loader {
    display: none
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0
}

.se-pre-con {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-: url(../images/web-portal/right-logo.png) center 33% no-repeat #fff
}

.se-pre-con #circular3dG {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 50px
}

.back-bg>img {
    width: 100%
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto
}

#owl-demo {
    position: relative;
    z-index: 3
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    z-index: 3
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    -ms-perspective: 1200px;
    -ms-perspective-origin-x: 50%;
    -ms-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    -ms-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    -ms-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.act-btn {
    border: 2px solid #fff;
    border-radius: 26px;
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    width: 113px
}

.act-btn:hover {
    color: #012252;
    border-color: #012252
}

.hom-icon {
    background: url(../images/web-portal/web-portal/web-portal/_blue-dot.jpg) left bottom repeat-x rgba(0, 0, 0, 0)
}

.hom-icon a.icon {
    display: block;
    width: 148px;
    margin: 20px auto 8px;
    border-radius: 50%
}

.hom-icon h3 {
    font-size: 15px;
    margin-bottom: 10px;
    color: #fff
}

.hom-icon a.know-mo,
.hom-icon p {
    color: #fff;
    font-size: 10px;
    text-align: center
}

.hom-icon p {
    line-height: 13px;
    margin: 0 0 10px
}

.hom-icon a.know-mo {
    background: 0 0;
    border: 1px solid #0258a5;
    width: auto;
    border-radius: 15px;
    padding: 5px 11px;
    margin: 0 auto;
    display: inline
}

.hom-icon.last:hover,
.hom-icon:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#B12B3A+0,ed6d04+100 */
    background: #B12B3A; /* Old browsers */
    background: -moz-linear-gradient(top, #B12B3A 0%, #ed6d04 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #B12B3A 0%,#ed6d04 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #B12B3A 0%,#ed6d04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B12B3A', endColorstr='#ed6d04',GradientType=0 ); /* IE6-9 */
}

.hom-icon:hover a.know-mo {
    background: #fff;
    border: 1px solid 
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-buttons {
    position: absolute;
    top: 39%;
    left: 0;
    width: 100%
}

.owl-next,
.owl-prev {
    width: 26px;
    height: 54px;
    position: absolute;
    background-repeat: no-repeat;
    font-size: 0
}

.owl-prev {
    left: 10px;
    background-position: -238px 10px;
}

.owl-next {
    right: 10px;
    background-position: -278px 10px;
}

.owl-pagination {
    text-align: center
}

.owl-pagination .owl-page:hover {
    border-color: #f3757a;
    background: #fff
}

.owl-item .item {
    position: relative
}

.owl-item .item.two>div>div>div strong {
    color: #fff;
    width: 275px;
    float: right
}


.owl-item .item.five>div>div>div strong span,
.owl-item .item.one>div>div>div strong span {
    color: #000
}

.owl-item .item.white>div>div>div strong {
    color: #fff
}

.owl-item .item.five>div>div>div strong {
    float: right
}

.owl-item .item>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1024px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 24px 40px 0
}

.owl-item .item>div h2 {
    color: #fff;
    text-shadow: 2px 3px 5px #002148;
    font-family:'sourcesansprobold';
    text-align: center
}

.cutout-wrap .btn.ave,
.cutout-wrap h4 {
    text-shadow: 0 3px 3px #1a1a1a;
    color: #fff
}

.owl-item .item>div p,
.owl-item .item>div p>span {
    color: #fff;
    font-family: 'sourcesansprolight';
    font-size: 13px;
    line-height: 20px
}

.owl-item .item>div p>span {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -ms-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.con-bg .col-sm-2 {
    position: relative;
    min-height: 1px;
    padding: 7px 10px 29px 15px
}

@media screen and (min-width:540px) and (max-width:767px) {
    .owl-pagination .owl-page {
        margin: 14px auto
    }
}

.banner-sec {
    text-align: center;
    position: relative
}

.banner-sec>div {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.banner-sec>div>div {
    display: table;
    width: 100%;
    height: 100%
}

.banner-sec>div>div>div {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 12% 0 0 10px
}

.banner-sec>div>div p {
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    line-height: 127%;
    margin: 0
}

.banner-sec>div>div p.mil-ban {
    padding: 0 20px 0 0
}

.banner-sec img {
    display: block;
    width: 100%;
    height: 500px !important;
}

.no-pre,
.owl-pagination,
.ui-datepicker-buttonpane {
    display: none
}

/*.banner-sec img.log-ban {
    min-height: 160px;
    padding-top: 35px;
}*/



.flight-book-form {
    background: #fff;
    padding: 20px 10px
}

.radio-sec {
    overflow: hidden;
    margin: 0 0 17px
}

.radio-wrap {
    float: left;
    width: 157px
}

.radio-wrap label {
    margin: 0
}

.show-btn {
    font-size: 12px; color:#ed1c24;
    font-style: italic
}

button.btn,
input[type=button].btn {
    margin: 0;
    float: right;
    min-width: 100px
}

.table-striped.bty button.btn {
    margin: 0 auto;
    float: none
}

.ui-menu.ui-widget {
    max-width: 300px;
    width: 100%;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto
}

.category-links,
.grid-list>figure a,
.item-list>div,
.item-wrap,
.pagination,
.right-head.pes {
    overflow: hidden
}

.ui-menu .ui-menu-item:hover a {
    background: #eee
}

.ui-datepicker-next .ui-icon {
    background-position: -224px 0;
    width: 12px;
    height: 12px
}

.ui-datepicker-prev .ui-icon {
    background-position: -210px 0;
    width: 12px;
    height: 12px
}

input[type=text]#memberDob.datepicker12,
input[type=text].datepicker,
input[type=text].hasDatepicker {
    background: url(../images/web-portal/date.png) 99% 2px no-repeat #eee
}

.login-content {
    max-width: 602px;
    width: 100%;
    padding: 27px 29px;
    margin: -50px auto 50px;
    background: #fff;
    position: relative;
    box-shadow: 7px 5px 14px -1px rgba(0, 0, 0, .35)
}

.login-content .logo {
    color: #012252;
    margin: -3px 0 19px
}

.login-logo-wrap {
    text-align: left;
    margin: 0 0 38px
}

.forgot-links,
.login-form ul li.btn-wr {
    text-align: center;
    margin: 26px 0 0 0;
}

.login-form-wrap {
    display: table;
    width: 100%;
    margin-bottom: 4px
}

.login-form,
.login-icon {
    display: table-cell
}

.login-icon {
    width: 124px;
    vertical-align: middle;
    background: url(../images/web-portal/sep.png) center right no-repeat
}

.login-form {
    width: 400px;
    vertical-align: top;
    padding: 0
}

.forgot-links {
    padding: 0
}
.login-form ul.forgot-links { margin: 10px 0 0 ; }
.login-form ul.forgot-links li, .login-form ul.forgot-links li:first-child {
    margin: 0;
    display: inline-block;
    padding: 0 15px;
    position: relative
}

.login-form ul li.btn-wr input[type=button] {
    margin-: 21px 0 0
}

.btn-wr .btn,
.btn-wr input[type=button],
.btn-wr input[type=submit] {
    float: none;
    display: inline-block;
    width: 129px;
    margin: 0
}

.btn-wr.cen input[type=button] {
    display: block;
    margin: 0 auto
}

.login-form .btn-wr input[type=submit] {
    margin-: 14px 0 0
}

.forgot-links li:first-child:before,
.forgot-links li:nth-child(2):before {
    content: '';
    width: 1px;
    background: #5d5d5d;
    top: 0;
    right: -10px;
    position: absolute;
    height: 100%
}

.forgot-links li:first-child,
.forgot-links li:nth-child(2) {
    border: none
}

.forgot-links li a {
    display: block;
    font-style: italic;
    color: #5d5d5d;
    font-size: 12px;
    text-transform: capitalize
}

.login-form ul li {
    position: relative;
    margin: 0 0 23px
}
.login-form ul li.captcha { display: inline-block; width: 100%;}
.login-form ul li.captcha img { margin:0 10px 0 0;}

.login-form ul li.captcha img, .login-form ul li.captcha input[type="text"] { float: left; width: auto; }
.login-form ul li.captcha input[type="text"] { margin:12px 0 0 0; width: 70%;}
.forgot-links li:nth-child(2)::before { display: none;}
.login-form-wrap .login-form ul li:nth-child(even) {
    margin: 0 0 10px
}

.login-errr .login-form .error {
    bottom: -20px;
    position: absolute
}

.login-form .error {
    position: relative
}

.login-form.forgot-wrap .error {
    bottom: -18px
}

.login-form ul li:first-child .errorSpan {
    position: absolute;
    top: -22px;
    width: 100%;
    font-size: 12px;
    color: red;
    left: 0;
    word-spacing: normal;
    letter-spacing: normal;        
}

.login-form ul {
    margin: 0
}

.login-form ul li.btn-wr input[type=submit] {
    margin-: 14px 5px 0
}

.container.inner-content.shop-page {
    background: 0 0;
    margin: 0 auto
}

.left-col {
    margin: 0 0 23px
}

.left-col>div {
    background: #fff
}

.left-col>div,
.right-col>div {
    padding: 20px 10px
}

.range-wrap {
    border-bottom: 2px solid #f7f7f7;
    margin: 0 -10px 18px;
    padding: 0 10px
}

.range-wrap>div,
.range-wrap>p {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 15px
}

.range-wrap>p input,
.range-wrap>p label {
    display: inline-block;
    font-size: 12px;
    background: 0 0;
    padding: 0;
    margin: 0;
    line-height: 1;
    height: auto
}

.range-wrap>p label {
    width: 33%
}

.range-wrap>p input {
    width: 64%
}

.range-wrap .ui-widget.ui-widget-content {
    border: none;
    height: 3px;
    background: gray
}

.range-wrap .ui-slider-horizontal .ui-slider-handle,
.range-wrap .ui-state-default {
    font-weight: 400;
    color: #454545;
    border-radius: 50%;
    border: none
}

.range-wrap .ui-slider-horizontal .ui-slider-handle {
    top: -8px
}

.right-col>div.item-wrap {
    background: #fff
}

.category-links {
    margin: 0;
    padding: 0
}

.category-links>li {
    float: left;
    width: 100%;
    padding: 0 22px;
    margin: 0
}

.category-links li a {
    text-align: left;
    padding: 0 0 0 35px;
    position: relative
}

#accordion.cate .panel-body ul,
.category-links>li>ul {
    margin: 0 0 0 23px
}

#accordion.cate h4.panel-title a {
    font-family: 'sourcesansproreg';
}

#accordion.cate .panel-body ul li.active a,
#accordion.cate .panel-body ul li:hver a,
#accordion.cate h4.panel-title a[aria-expanded=true],
.category-links li.active>a,
.category-links li:hover>a,
.filtersec,
.gr-hotel li strong,
.path-info li strong,
.search-heading td>strong,
.tb.table-responsive th,
.trip-summary li strong {
    font-family: 'sourcesansprobold';
}

#accordion.cate h4.panel-title a.none[aria-expanded=true],
#accordion.cate h4.panel-title a.none[aria-expanded=false] {
    background: 0 0
}

#accordion.cate .panel-body ul li,
.category-links>li>ul>li {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 3px 0 3px 11px
}

#accordion.cate .panel-body ul li:before,
.category-links>li>ul>li:before {
    background: url(../images/web-portal/red-arrow.png) no-repeat;
    position: absolute;
    top: 13px;
    left: 0;
    content: '';
    width: 4px;
    height: 8px
}

.hoterl-pop.summary .nav>li,
.item-list.details-para>div,
.item-list.details-para>div>aside,
.item-list.details-para>div>div {
    width: 100%
}

#accordion.cate .panel-body ul li a,
.category-links>li>ul>li a {
    line-height: 137%;
    padding: 0
}

#accordion.cate .panel-body ul li a,
.category-links li a {
    display: block;
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 28px
}

.hoterl-pop.summary .nav>li a {
    border-radius: 0
}

.item-list.details-para>div {
    margin: 0 0 20px
}

.item-list.details-para figure {
    float: left;
    width: 65%; max-width: 150px;
}

.item-list.details-para h2 {
    text-transform: none
}

#accordion.cate h4.panel-title a {
    position: relative
}

#accordion.cate h4.panel-title a i {
    position: relative;
    margin: 0 -2px 0 0;
    top: 10px;
    left: -5px
}

#accordion h4.panel-title a i,
.category-links li a i {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: 0 15px 0 0;
    border-radius: 50%
}

#accordion h4.panel-title a i.elec:before,
.category-links li a i.dining:before,
.category-links li a i.elec:before,
.category-links li a i.gift:before,
.category-links li a i.other:before,
.category-links li a i.travel:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    margin: auto
}

.category-links li a i.dining:before {
    background-position: -231px -162px;
    height: 20px;
    width: 21px
}

#accordion h4.panel-title a i.elec:before,
.category-links li a i.elec:before {
    background-position: -233px -162px;
    height: 24px;
    width: 18px
}

.category-links li a i.gift:before,
.category-links li a i.other:before,
.category-links li a i.travel:before {
    background-position: -227px -161px;
    width: 30px;
    height: 30px
}

.right-col {
    background: 0 0
}

.right-head {
    background: #fff;
    margin: 0 0 19px
}

.right-col h1 {
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 19px;
    color: #333
}

.search-item {
    display: inline-block;
    width: 100%
}

.search-item,
.search-item li {
    margin: 0;
    position: relative
}

.search-item li input[type=button].ser-btn {
    border-radius: 0;
    height: 30px;
    position: absolute;
    right: 9px;
    top: 20px
}

.search-item li {
    float: left;
    width: 60%;
    padding: 0 10px 0 3px;
    position: relative
}

.search-item li.last {
    position: relative;
    z-index: 3
}

.search-item li:last-child {
    width: 40%
}

.search-item li label {
    color: #333;
    font-size: 12px;
    margin: 0 0 8px
}

.right-col>div.item-list {
    overflow: hidden;
    padding: 0;
    margin: 0 0 19px;
    background: 0 0
}

.item-list>figure {
    margin-right: 10px;
    width: 100%
}

.item-list>div {
    background: #fefefe;
    margin: 0 0 0 10px;
    min-height: 100px;
    padding: 0;
    width: 100%
}

.item-list>div>div {
    float: left;
    width: 76%
}

.item-list>div>div p {
    margin: 0;
    line-height: 18px;
    padding: 0 10px 0 0
}

.item-list>div>div a {
    color: #0a32ff;
    text-transform: capitalize
}

.item-list>div>aside {
    float: right;
    width: 103px;
    text-align: center
}

.item-list>div>aside a.btn {
    margin: 0
}

.item-list>div>aside span,
.item-list>div>aside strong {
    display: block;
    color: #333
}

.item-list>div>aside strong {
    font-size: 22px;
    margin: 0 0 6px
}

.item-list>div>aside span {
    font-size: 12px;
    margin: 0 0 11px
}

.grid-list {
    text-align: center;
    border: 1px solid #f3f3f3;
    padding: 15px;
    height: 298px;
    margin: 0 0 20px
}

.pagination,
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span,
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-radius: 0
}

.grid-list>div {
    text-align: left
}

.grid-list div>div {
    height: 65px; text-align: center;
}

.grid-list>figure {
    width: 150px;
    margin: 0 auto 15px
}

.grid-list>figure a {
    display: block
}

.grid-list>figure a:hover img {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5)
}

.grid-list.img-wrp>figure {
    height: 100px
}

.grid-list.img-wrp>figure>div {
    vertical-align: middle;
    display: table;
    height: 100%;
    width: 100%
}

.grid-list.img-wrp>figure>div>div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.grid-list.img-wrp>figure img {
    max-height: 100px; width:auto;
}

.grid-list aside {
    padding: 10px 0 0;
    border-top: 1px dotted #d8d8d8
}

.grid-list aside span,
.grid-list aside strong {
    display: block
}

.grid-list aside strong {
    font-size: 22px;
    margin: 0 0 6px
}

.grid-list aside span {
    font-size: 12px;
    margin: 0;
    line-height: 1;
    height: 31px
}

.grid-list aside span>span {
    display: inline;
    position: relative;
    top: 20px
}

.grid-list aside a.btn {
    width: 112px;
    float: right
}


.grid-list p a {
    color: #0a32ff;
    text-transform: capitalize
}

.grid-list aside a.btn:hover {
    background: #eee;
}

.pagination {
    display: block;
    margin: 20px auto;
    width: 100%;
    text-align: center
}

.pagination>li {
    display: inline-block
}

.pagination>li>a,
.pagination>li>span {
    background: #5d5d5d;
    color: #fff;
    border-color: #6e6e6e;
    text-transform: capitalize;
    border-radius: 0!important
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background: #444;
    color: #fff;
    border-color: #767676
}

.pagination-sec {
    padding: 10px 20px
}

.item-list>div>div h3 {
    margin: 0 0 11px;
    text-align: left;
    text-transform: capitalize
}

.tab-content>div h2,
.tab-menu li a {
    text-transform: capitalize;
    color: #000
}

.hoterl-pop.summary .tab-content>div {
    height: auto;
    min-height: auto;
    overflow: auto;
    padding: 20px 10px 0
}

.gr-hotel,
.hotel-detail-wrap,
.redeem-wrap ul,
.result-month,
.search-form,
.trip-summary li {
    overflow: hidden
}

.redeem-wrap {
    background: #fff;
    padding: 15px;
    margin: 0 0 20px
}

.redeem-wrap ul li {
    margin: 0
}

.redeem-wrap ul li .select-style,
.redeem-wrap ul li input,
.redeem-wrap ul li label {
    margin: 0 0 5px
}

.redeem-wrap ul li select {
    margin: 0
}

.smiple-con {
    padding: 177px 10px 0
}

.myaccount-wrap {
    background: #f7f7f7
}

.myaccount-wrap .container.inner-content {
    background: 0 0;
    position: relative;
    margin: -75px auto 61px
}

.tab-menu {
    background: #fff;
    padding: 20px
}

.tab-menu li {
    position: relative;
    margin-bottom: 30px;
    display: none
}

.tab-menu li.active {
    display: block!important;
    margin: 0
}

.available-text,
.red-tab th span,
.tab-menu.tab li {
    display: block
}

.tab-toggle-menu {
    position: absolute;
    top: 20px;
    right: 30px;
    background-position: -150px 0;
    font-size: 0;
    width: 25px;
    height: 25px;
    z-index: 2
}

.tab-toggle-menu.tab-link {
    background-position: -149px -27px;
    width: 26px;
    height: 26px
}

.tab-menu.tab li.active {
    margin: 0 0 30px
}

.tab-menu li:before {
    content: '';
    width: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

#transaction,
.search-form {
    position: relative
}

.tab-menu li a {
    font-size: 14px;
    line-height: 24px
}

.tab-menu li.active a {
    border-bottom: 3px solid #008346;
}

.tb,
.tb.table-responsive table,
.tb.table-responsive td,
.tb.table-responsive th {
    border: none
}

.tab-content>div {
    background: #fff
}

.tab-content>div h2 {
    font-size: 16px;
    padding: 19px 20px;
    margin: 0
}

.aveb h4>span,
.innerpad h3,
.tra-tab th span {
    text-transform: capitalize
}

.tb {
    padding: 2px
}

.tb.table-responsive td,
.tb.table-responsive th {
    padding: 11px 17px;
    width: 20%
}

.tb.table-responsive th {
    border-right: 1px solid #fff; vertical-align: top;
}

.pro-tab td:first-child {
    width: 24%
}

.pas-sec>span {
    float: left;
    line-height: .5;
    padding: 12px 0 0
}

.pas-sec>a {
    float: right
}

.search-form {
    background: #f7f7f7;
    border: 1px solid #bebebe;
    width: 220px;
    margin: 0 0 20px 19px
}

.select-style.room {
    margin: 0 0 20px
}

.search-form input[type=submit],
.search-form input[type=text] {
    background: 0 0;
    color: #000;
    font-size: 12px;
    border-radius: 0;
    margin: 0
}

.search-form input[type=submit] {
    font-size: 0
}

.search-form span {
    float: left;
    width: 34px;
    height: 23px;
    border-right: 1px solid #bebebe;
    background: url(../images/web-portal/search-bg.png) center center no-repeat;
    padding: 0
}

.search-form input[type=text] {
    float: left;
    width: 82%;
    height: 23px
}

.search-form input[type=button] {
    border-radius: 0;
    color: #fff;
    height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 24px
}

.result-month {
    padding: 0 20px; margin:-9px 0 10px 0;
}
#transactionSummary .col-md-12.text-center {margin:0;}
.table-responsive th {vertical-align: top; }
.pagination#myPager01{margin:0;} 
.result-month>span,
.result-month>strong {
    float: left;
    font-size: 14px;
    padding: 10px
}

.result-month>span {
    padding: 10px 100px 10px 10px
}


.tra-tab {
    margin-bottom:10px
}

.tra-tab th span {
    display: block;
    color: #000;
    font-size: 14px
}

.detail-table .table>tbody>tr>th,
.red-tab .table>tbody>tr>th,
.tra-tab .table>tbody>tr>td {
    border-right: 1px solid #fff
}

.available-text {
    font-style: italic;
    font-size: 12px;
    color: #000;
    padding: 0 10px 23px 20px
}

.red-tab .table>tbody>tr>td,
.red-tab .table>tbody>tr>th {
    padding: 8px
}

.click-link {
    font-size: 12px
}

.red-tab .table>tbody>tr>td:first-child,
.red-tab .table>tbody>tr>th:first-child {
    width: 35%
}

.red-tab .table>tbody>tr>th:first-child span {
    display: inline
}

.detail-table table {
    text-align: center
}

.right-tab-col {
    padding: 0
}

.sum-box {
    padding: 20px
}

.forgot-wrap.login-form,
.result-wrap {
    padding: 0
}

.sum-btn-wrap input.btn[type=button] {
    float: left;
    margin: 0 10px 0 0
}

.sum-box div.select-style,
.sum-box input[type=text] {
    margin: 0 0 20px
}

.captcha-sec>img {
    float: left;
    margin-right: 10px
}

.captcha-sec>input[type=text] {
    float: left;
    margin: 10px 0 0;
    width: 57%
}

.login-form ul li.captcha-sec {
    display: inline-block;
    width: 100%
}

.search-wrap h1 {
    text-align: center
}

#circular3dG {
    position: relative;
    width: 80px;
    height: 80px;
    top: -20px;
    margin: auto
}

.circular3dG {
    position: absolute;
    background-color: #f28424;
    width: 17px;
    height: 17px;
    border-radius: 18px;
    -o-border-radius: 18px;
    -ms-border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    animation-name: bounce_circular3dG;
    -o-animation-name: bounce_circular3dG;
    -ms-animation-name: bounce_circular3dG;
    -webkit-animation-name: bounce_circular3dG;
    -moz-animation-name: bounce_circular3dG;
    animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal
}

.select-hover,
.travel-select>a {
    position: relative
}

#circular3d_1G {
    right: 23px;
    top: 4px;
    animation-delay: .45s;
    -o-animation-delay: .45s;
    -ms-animation-delay: .45s;
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s
}

#circular3d_2G {
    right: 36px;
    top: 14px;
    animation-delay: .6s;
    -o-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s
}

#circular3d_3G {
    right: 43px;
    top: 26px;
    animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s
}

#circular3d_4G {
    right: 40px;
    top: 39px;
    animation-delay: .9s;
    -o-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s
}

#circular3d_5G {
    right: 24px;
    top: 43px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s
}

#circular3d_6G {
    right: 5px;
    top: 28px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s
}

#circular3d_7G {
    right: 0;
    top: 8px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s
}

#circular3d_8G {
    right: 10px;
    top: 0;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

@keyframes bounce_circular3dG {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(.3)
    }
}

@-o-keyframes bounce_circular3dG {
    0% {
        -o-transform: scale(1)
    }
    100% {
        -o-transform: scale(.3)
    }
}

@-ms-keyframes bounce_circular3dG {
    0% {
        -ms-transform: scale(1)
    }
    100% {
        -ms-transform: scale(.3)
    }
}

@-webkit-keyframes bounce_circular3dG {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.3)
    }
}

@-moz-keyframes bounce_circular3dG {
    0% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(.3)
    }
}

.path-info {
    margin: 0
}

.path-info li {
    margin: 0 0 10px;
    text-align: center
}

.result.tab-content>div {
    background: 0 0
}

.search-item.modifysearchform li,
.search-item.modifysearchform li:last-child {
    padding: 0 5px;
    width: 100%
}

.travel-select,
.travel-select>a {
    background: #eee;
    margin: 0;
    height: 30px;
    display: block
}

.select-hover,
.travel-select>a {
    padding: 2px 10px;
    color: #5d5d5d;
    line-height: 193%
}

.select-hover {
    display: block;
    background: #eee;
    padding: 0 10px;
    top: -1px;
    width: 100%;
    z-index: 0
}

.drop-down {
    display: none;
    min-height: 50px;
    background: #eee;
    padding: 15px 0 5px
}

.search-item.modifysearchform .select-hover li {
    float: none;
    width: 100%;
    list-style: none;
    padding: 0
}

.search-item.modifysearchform .select-hover li .select-style {
    border: 1px solid silver
}

.travel-select {
    width: 100%;
    float: left
}

.travel-select>a>span {
    position: absolute;
    right: -3px;
    top: 0px;
}

.travel-select.first {
    margin: 0 0 20px;
    position: relative;
    z-index: 1
}

.travel-select ul li {
    margin: 0 0 10px
}

.tab-menu li a>span {
    border-radius: 50%;
    display: block;
    float: left;
    height: 22px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 22px;
    color: #fff;
    line-height: 21px
}

.filtersec {
    background: 0 0;
    margin: 0 0 10px;
    padding: 0 10px 10px;
}

.sep-sec {
    background: #eee;
    height: 8px;
    margin: 0 -15px 16px
}

.search-heading,
.tb-wrap {
    background: #fff
}

.sep-sec.sp {
    margin: 0 -10px 16px
}

.search-heading {
    text-align: center
}

.search-heading td,
.search-heading th {
    width: 20%;
    text-align: center
}

.search-heading td>p,
.search-heading td>small,
.search-heading td>span,
.search-heading td>strong {
    display: block;
    text-align: center
}

.search-heading td>strong {
    font-size: 15px
}

.search-heading td {
    vertical-align: middle
}

.search-heading td>p {
    margin: 0;
    font-size: 11px
}

.search-heading td>small {
    color: #8b8b8b
}

.search-heading td>strong.points {
    font-size: 18px
}

.btn.ave,
.btn.ave:hover {
    color: #333
}

.search-heading input.btn[type=button] {
    border-radius-: 23px;
    float: none;
    font-size: 10px;
    margin: 0 auto;
    padding: 5px 9px
}

.travel-select li label {
    font-size: 12px
}

.left-col,
.right-col {
    padding: 0
}

input.modify-ser[type=button] {
    float: none
}

.search-item.modifysearchform li.modify-ser {
    padding: 20px 5px 0
}

.btn.ave {
    display: block;
    padding: 10px 15px;
    margin: 0 0 19px;
    font-size: 25px;
    background: 0 0;
    text-align: center;
    cursor: default
}

.aveb h4 {
    text-align: center
}

#nav22 select {
    font-size: 12px;
    padding: 2px 13px 5px 5px;
    text-overflow: ellipsis
}

.range-wrap.aveb i {
    width: 81px;
    height: 81px;
    margin: 0 auto 11px;
    display: block
}

#loader-pop,
#loader-pop1,
.trip-summary li a {
    display: inline-block
}

.login-content.search-wrap#loader {
    margin: 0 auto 20px
}

.right-col.review {
    margin-bottom: 30px
}

.right-col.review>div {
    padding:20px 10px 1px;
    background: #fff
}

.trip-summary {
    margin: 0;
    padding: 0
}

.trip-summary li {
    margin: 0;
    border-bottom: 1px dashed #d2d2d2
}

.trip-summary li a {
    padding: 5px 0;
    line-height: 22px;
    color: #333
}

.trip-summary li:last-child {
    border-bottom-: none
}

.trip-summary li span,
.trip-summary li strong {
    float: left;
    font-size: 12px;
    padding: 10px 0
}

.trip-summary li strong {
    width: 55%
}

.trip-summary li span {
    color: #888;
    width: 45%
}

.modal-content {
    border-radius: 0;
    background: #f7f7f7;
    border:5px solid #f7f7f7;
    padding: 15px
}

.hoterl-pop .close,
.modal-content .close {
/*    background: url(../images/web-portal/sprite.png) -280px -170px no-repeat;*/
    width: 20px;
    height: 20px;
    border-radius: 0;
    position: absolute;
    top: 4px;
    color:#ed1c24;
    right:6px;
    opacity: 1
}

#userUploadEmailer input[type="file"]{
    padding: 5px;
    color: #008346;
}

#overlay_form,
.pop-up {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0
}

#overlay_form {
    background: #f7f7f7;
    border: 10px solid #fff;
    border-radius: 0;
    padding: 15px;
    bottom: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    height: 190px;
    margin: auto;
    right: 0;
    width: 270px;
    display: none
}

.pop-up {
    width: 100%;
    background: rgba(0, 0, 0, .9);
    opacity: .5;
    display: none;
    height: 100%
}

#loadingHotelDetail #myModal .gr-hotel li,
#loadingHotelDetail #myModal .gr-hotel li:last-child {
    float: none;
    width: 100%
}

.d-f-b {
    margin: 0;
    display: inline-block;
    width: 100%
}

.d-f-b li {
    float: left;
    margin: 0 7px 0 0;
    width: 31%
}

.d-f-b li:last-child {
    float: right;
    margin: 0
}

.d-f-b select.form-control {
    padding: 2px 4px
}

.search-heading.result {
    border: 0
}

.range-wrap>div.btn-wrap {
    overflow: hidden;
    max-width: 100%
}

.btn-wrap input.btn[type=button] {
    float: left;
    margin: 10px 15px 10px 0;
    border-radius-: 8px;
    width: 46%;
    min-width: auto
}

.hotel-info,
.rating {
    width: 100%;
    text-align: center
}

.btn-wrap input.btn[type=button]:last-child {
    margin-right: 0;
    float: right
}

.stra.glyphicon-star {
    font-size: 16px;
    position: relative;
    top: 0
}

.hotel-detail-wrap {
    border-bottom: 2px solid #f6f6f6;
    margin: 0 0 22px;
    background: #fff;
    padding: 10px
}

.hotel-info {
    margin: 0 0 15px
}

.hotel-info h3 {
    margin: 0 0 10px
}

.hotel-info>small {
    display: block;
    font-size: 13px;
    margin: 0 0 5px
}

.rating,
.rating li {
    display: inline-block
}

.rating {
    margin: 0 0 5px
}

.rating li {
    margin: 0 10px 0 0
}

.rating li span {
    font-size: 16px
}


.glyphicon-star.gry {
    color: #666
}

.hotel-info>strong {
    display: block;
    color: #999;
    font-size: 14px;
    margin: 0 0 10px
}

.hotel-btn {
    margin: 0 auto;
    width: 150px
}

.hotel-btn a,
.hotel-btn span,
.hotel-btn strong {
    display: block;
    text-align: center;
    margin: 0 0 8px
}

.hotel-btn span {
    font-size: 14px;
    color: #333
}

.hotel-btn strong {
    font-size: 20px;
}

.hotel-detail-wrap figure {
    margin: 0 auto 15px;
    width: 150px;
    text-align: center
}

.hoterl-pop .modal-body {
    margin: 10px 0;
    color: #fff
}

.hoterl-pop .nav>li.active a {
    color: #fff;
    opacity: 1;
    border: 0
}

.hoterl-pop .nav>li a {
    border: 0
}

.hoterl-pop .nav>li:before {
    display: none
}

.hoterl-pop .tab-content h3 {
    padding: 15px 0;
    margin: 10px 0
}

.gr-hotel {
    border-bottom: 1px solid #ececec;
    padding: 0 10px;
    margin: 0 -10px 15px
}

.gr-hotel li:last-child {
    text-align: left
}

.gr-hotel li strong {
    display: block;
    margin: 0 0 8px;
    font-size: 15px
}

.gr-hotel li strong>span {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'sourcesansproreg';
}

#myModal1 p,
.btn.text-style,
.choose-currency label,
.choose-currency table th,
.item.homes>div p,
.table.logo-td>tbody>tr>td strong,
.table.logo-td>tbody>tr>th,
ul.listed li strong {
    font-weight: 700
}

.card-sec h3,
.innerpad h3,
.innerpad p strong,
.right-co>div>div h3 {
    font-family: 'sourcesansprobold';
}

.gr-hotel li:last-child strong {
    font-size: 20px;
}

.gr-hotel li:last-child span {
    display: block;
    margin: 0 0 10px
}

.gr-hotel li:last-child a.btn {
    width: 100px;
    margin: 0 auto
}

.hoterl-pop .tab-content>div {
    height: 300px;
    min-height: 218px;
    overflow-y: scroll;
    padding: 15px 10px
}

.address-wrap,
.booking-btn-wrap,
.bootstrap-select.btn-group .btn .filter-option,
.bootstrap-select.btn-group .div-contain,
.contact-wrap ul,
.delivery-address li:last-child,
.form-col,
.list,
.popup-icon,
.range-wrap.aveb.ffp-avi,
.range-wrap.aveb.ffp-avi>div,
.rewards-head,
.rstpsubmit .btn-wrap,
body.product-wrap {
    overflow: hidden
}

.modal .owl-controls {
    margin: 0
}

#sync1 .item,
#sync2 .item {
    margin: 5px;
    color: #FFF;
    text-align: center
}

#sync1 .item {
    padding: 80px 0
}

#sync2 .item {
    background: #C9C9C9;
    padding: 10px 0;
    cursor: pointer
}

#sync2 .owl-item {
    width: 60px;
    height: 60px
}

#sync2 .item h1 {
    font-size: 18px
}


.address-wrap {
    background: #fff;
    width: 100%;
    margin: -72px auto 50px;
    max-width: 400px;
    padding: 10px 15px;
    position: relative
}

.delivery-address {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
}

.booking-btn-wrap a.btn {
    float: left;
    width: 48%
}

.booking-btn-wrap a.btn:last-child {
    float: right
}

.error-box {
    max-width: 477px;
    width: 100%;
    padding: 20px;
    background: #fff;
    margin: 0 auto 20px;
    text-align: center
}

.error-box h2 {
    margin: 0 0 20px
}

.error-box>span {
    display: block;
    margin: 0 0 10px
}

.error-box>span a {
    display: inline-block
}

#purchasepoint {
    padding: 10px
}

.innerpad h3 {
    text-align: left;
    font-size: 16px;
    margin: 0 0 28px;
    color: #333
}

#accordion .panel,
#accordion1 .panel,
#accordion2 .panel,
#accordion3 .panel,
#accordion4 .panel,
#accordion5 .panel {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #aeaeae;
    border-radius: 0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-color: #aeaeae
}

#accordion #headingOne,
#accordion1 #headingOne,
#accordion2 #headingOne,
#accordion3 #headingOne,
#accordion4 #headingOne,
#accordion5 #headingOne {
    border: none;
    background: 0 0;
    border-radius: 0
}

#accordion h4.panel-title a,
#accordion1 h4.panel-title a,
#accordion2 h4.panel-title a,
#accordion3 h4.panel-title a,
#accordion4 h4.panel-title a,
#accordion5 h4.panel-title a {
    color: #333;
    font-size: 14px;
    font-family: 'sourcesansprobold';
    text-transform: none;
    display: block;
    padding: 18px 0
}

#accordion.cate h4.panel-title a {
    padding: 1px 0 18px
}

#accordion .panel-collapse[aria-expanded=true] .panel-body,
#accordion1 .panel-collapse[aria-expanded=true] .panel-body,
#accordion2 .panel-collapse[aria-expanded=true] .panel-body,
#accordion3 .panel-collapse[aria-expanded=true] .panel-body,
#accordion4 .panel-collapse[aria-expanded=true] .panel-body,
#accordion5 .panel-collapse[aria-expanded=true] .panel-body {
    border: none;
    padding-top: 0
}

.panel-body {
    padding: 15px 0;
    font-size: 14px;
    line-height: 137%
}

.panel-default>.panel-heading {
    background: 0 0;
    padding: 0
}

.panel-group .panel+.panel {
    margin: 0
}

#accordion #headingOne.true h4.panel-title a[aria-expanded=false],
#accordion #headingOne1.true h4.panel-title a[aria-expanded=false],
#accordion h4.panel-title a[aria-expanded=true],
#accordion1 h4.panel-title a[aria-expanded=true],
#accordion2 h4.panel-title a[aria-expanded=true],
#accordion3 h4.panel-title a[aria-expanded=true],
#accordion4 h4.panel-title a[aria-expanded=true],
#accordion5 h4.panel-title a[aria-expanded=true] {
    background: url(../images/web-portal/min-img.png) 100% 15px no-repeat
}

#accordion #headingOne1.true.panel-heading {
    border-color: transparent
}

#accordion h4.panel-title a[aria-expanded=false],
#accordion1 h4.panel-title a[aria-expanded=false],
#accordion2 h4.panel-title a[aria-expanded=false],
#accordion3 h4.panel-title a[aria-expanded=false],
#accordion4 h4.panel-title a[aria-expanded=false],
#accordion5 h4.panel-title a[aria-expanded=false] {
    background: url(../images/web-portal/max-img.png) 100% 15px no-repeat
}

.contact-wrap {
    max-width: 300px;
    width: 100%; text-align: center;
    margin: 0 auto 20px
}

.contact-wrap > div { border:1px solid #ddd; padding: 15px; text-align: center;}

.contact-wrap h2 { font-size:14px; font-weight: bold; margin: 15px;}
.for-error .error {
    position: static
}

.social-wrap { max-width: 600px; width: 100%; margin:0 auto; text-align: center; }
.social-wrap .social  { margin: 0; display: block; float: none;}
.social-wrap .social li { float: none;}

.error.myacc {
    position: initial
}

.banner-sec.red {
    text-align: left;
    position: relative;
    margin: 0 0 30px
}

.left-co,
.right-co {
    text-align: center
}

.rewards-head {
    height: 214px;
    margin: 0 0 20px
}

.slider-con-rew {
    margin: -47px auto 0;
    max-width: 1024px;
    width: 100%;
    height: 100%;
    position: relative
}

.slider-con-rew h1 {
    padding: 20px 14px 10px;
    background: rgba(255, 255, 255, 1);
    margin: 0
}

.slider-con-rew>div {
    background: rgba(255, 255, 255, 1);
    height: 100.15%;
    width: 100%;
    padding: 18px 19px
}

.slider-con-rew>div h2,
.slider-con-rew>div li,
.slider-con-rew>div p {
    color: #333
}

.left-co .link:focus,
.left-co .link:hover,
.left-co h2,
.left-co p,
.link,
.right-co h2,
.right-co h3 {
    color: #fff
}

.slider-con-rew>div h2 {
    margin: 0 0 29px;
    font-size: 18px
}

.slider-con-rew>div p {
    margin: 0 0 16px;
    font-size: 12px
}

.slider-con-rew>div ul {
    margin: 0 0 0 14px
}

.slider-con-rew>div li {
    list-style: none;
    margin: 0 0 5px;
    font-size: 12px
}

.redemption-sec {
    position: relative;
    background: url(../images/web-portal/Untitled-2.png) no-repeat;
    background-size: 100% 100%
}

.redemption-sec>img {
    width: 100%;
    margin: 0
}

.redemption-sec-con {
    margin: 0 auto;
    max-width: 1024px;
    padding: 19px 0 0
}

.left-co ul li .link {
    width: 117px;
    text-align: center
}

.left-co {
    padding: 0;
    position: relative;
    margin: 0 0 17px
}

.left-co>i {
    margin: 0 auto 20px
}

.left-co>i img {
    width: 38px
}

.left-co h2 {
    margin: 0 0 16px;
    font-size: 18px
}

.left-co p {
    font-size: 12px;
    margin: 0 0 1px
}

.link {
    margin: 20px auto;
    padding: 9px 19px
}

.left-co .link {
    margin: 21px auto 20px
}

.right-co>div>div {
    float: left;
    width: 50%;
    height: 321px;
    position: relative
}

.right-co>div>div .link {
    right: 0;
    margin: 0 auto;
    width: 108px;
    position: absolute;
    bottom: 25px;
    left: 0
}

.right-co>div>div i {
    margin: 0 auto 27px
}

.right-co>div>div h3 {
    font-size: 12px
}

.right-co>div>div ul {
    text-align: left;
    margin: 0 0 20px 23px
}

.right-co>div>div:last-child ul {
    margin: 0 0 38px 30px
}

.right-co>div>div ul li {
    list-style: none;
    margin: 0 0 5px;
    color: #fff;
    font-size: 12px
}

.bonus-sec {
    background: #fff;
    margin: 0 auto 21px;
    padding: 20px 0 2px
}

.bonus-sec .contact-wrap {
    margin: 0
}

.bonus-sec .contact-wrap li {
    width: 100%;
    list-style: none
}

.bonus-sec h3 {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: left
}

.bonus-sec p {
    margin: 0 0 8px;
    font-size: 12px
}

.bonus-sec .list-re {
    margin: 0 1px 0 14px
}

.bonus-sec .list-re li {
    list-style: disc;
    margin: 0 0 21px;
    font-size: 14px;
    line-height: 18px
}

.card-sec a.link {
    position: inherit;
    margin: -6px 0 10px
}

.innerpad h2 {
    margin: 30px 0 20px
}

.rstpsubmit .btn-wrap .btn {
    float: left;
    margin: 0 10px 0 0;
    min-width: 46%
}

.innerpad a {
    font-size: 14px
}

.slider-con-rew a:focus,
.slider-con-rew a:hover {
    color: #c33
}

.card-sec a:focus,
.card-sec a:hover {
    color: #fff
}

.slider-con-rew h2 small {
    color: #333
}

.bonus-sec .card-sec {
    padding: 20px;
    text-align: center
}

.bonus-sec .card-sec i {
    margin: 0 0 20px;
    display: block
}

.bonus-sec .card-sec h3 {
    text-align: center
}

.bonus-sec .card-sec ul {
    text-align: left;
    margin: 0 auto 20px;
    width: 100%
}

.hide-error.hide-msg {
    display: none
}
.modal-content .hide-error.hide-msg  {display: block;}
.card-sec h3 {
    text-transform: none;
    font-size: 20px
}

.card-sec li.list-re {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 15px
}

.table-responsive.tra-tab .table td:first-child,
.table-responsive.tra-tab .table th:first-child,
.tra-tab.aligM .table td:first-child,
.tra-tab.aligM .table th:first-child {
    text-align: left
}

.popup-icon li,
.table-responsive.tra-tab .table td,
.table-responsive.tra-tab .table th,
.tra-tab.aligM .table td,
.tra-tab.aligM .table th {
    text-align: center
}

body.for-footer .footer-sec {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.forgot-links li:first-child::before {
    right: -2px
}

.login-form ul li:first-child {
    margin: 0 0 23px;
    padding: 0 15px
}

.btn-wr .btn {
    margin:-1px 5px 0
}

.review .search-heading .btn {
    width: 108px;
    margin: 0 auto;
    padding: 5px
}

.currecy-pop {
    margin: 0 0 20px
}

.currecy-pop li {
    display: inline-block;
    width: 47%
}

.currecy-pop li a,
.currecy-pop li a img {
    display: inline-block;
    width: 100%;
    border-radius: 9px
}

#myModal1 .modal-dialog {
    margin: 30px auto;
    max-width: 426px;
    width: 92%
}

.trip-summary li a.last-li-btn {
    margin: 20px auto;
    display: block;
    color: #fff;
    width: 128px
}

.logo-wrap {
    overflow: hidden
}

.logo-wrap .logo,
.logo-wrap .right-logo {
    padding: 0
}

.logo-wrap .logo {
    margin: 5px 0 20px
}

.popup-icon {
    margin: 0 0 20px
}

.popup-icon li {
    width: 25%;
    float: left;
    margin: 0
}

.popup-icon li a,
.popup-icon li img {
    display: inline-block;
    padding: 0 1%
}

.popup-icon li img {
    width: 54%
}

.choose-currency label {
    line-height: 187%;
    margin: 0 0 15px;
    font-size: 17px;
    text-transform: capitalize
}

.choose-currency input.btn[type=button] {
    float: left
}

.choose-currency .row.row-fields {
    margin: 0 0 50px
}

.choose-currency table {
    display: table;
    width: 100%
}

.choose-currency table td,
.choose-currency table th {
    vertical-align: middle!important;
    width: 25%;
    text-align: center;
    display: table-cell
}

.guide-box,
.ptooltip1,
.ptooltip1 .tooltiptext ol li,
.tooltip1 .tooltiptext,
.tooltip1 .tooltiptext h3,
.tooltip1 .tooltiptext ol li {
    color: #fff;
    text-align: left;
    text-transform: none
}

.choose-currency select.form-control,
.choose-currency table td {
    font-size: 16px
}

.choose-currency table td input.btn[type=button] {
    float: none;
    margin: 0 auto
}

.choose-currency table th {
    color: #fff;
    font-size: 17px
}

.tb.table-responsive td {
    position: relative
}

.tb.table-responsive td .tooltip1 {
    left: 140px;
    position: absolute;
    top: 12px
}

.ptooltip1-wrap,
.row-fields label .tooltip1 {
    left: 109px;
    position: absolute;
    top: -3px
}

.tb.table-responsive td.toll .tooltip1 {
    left: 197px
}

.guide-box,
.ptooltip1,
.tooltip1 .tooltiptext {
    background-color: #fff;
    border: 4px solid ;
    left: -98px;
    padding: 20px 10px 0;
    position: absolute;
    top: 26px;
    box-shadow: 1px 3px 8px #717171;
    display: none;
    width: 257px;
    z-index: 1
}

.tooltiptext.ptooltip1 {
    left: -98px
}

.guide-box {
    left: 7px;
    width: 237px
}

.guide-box ol.check-mark li {
    padding: 0;
    margin: 0 0 10px;
    font-style: normal;
    list-style: disc
}

.guide-link {
    font-style: italic;
    position: relative
}
.guide-link  button.btn.info-icon-wrp { color: #008346; }
.glyphicon-info-sign::before {
    font-size: 13px
}

.guide-box:after,
.ptooltip1-wrap .tooltiptext:after,
.tooltip1 .tooltiptext:after {
    border-color: transparent transparent ;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 40%;
    margin-left: -5px;
    position: absolute;
    top: -14px
}

.guide-box:after {
    left: 50%
}

#confirmation .col-sm-3,
.about-page.innerpad h3,
.about-page.innerpad h3 span,
.hide-sec,
.miles-page .grid-list p,
.miles-page .item-list.details-para figure {
    text-align: center
}

.exp-text {
    color: #666;
    font-size: 12px;
    display: block;
    margin: 0 0 10px
}

.miles-page .partners-wrap h2 {
    margin: 0 0 14px
}

.range-wrap.aveb.ffp-avi h4 {
    float: left;
    margin: 0 0 15px;
    padding: 18px 0 0
}

.range-wrap.aveb.ffp-avi>div {
    float: left;
    margin: 0;
    padding: 0;
    width: 206px
}

.range-wrap.aveb.ffp-avi .gift-icon {
    float: left;
    width: 20%
}

.range-wrap.aveb.ffp-avi .btn.ave {
    float: left;
    padding: 14px 20px 20px;
    font-weight: 700;
    width: 80%;
    margin: 0 0 12px
}

.range-wrap.aveb.ffp-avi .gift-icon img {
    width: 52px
}

input.sub-btn[type=submit] {
    margin: 10px auto 31px;
    min-width: 100px
}

.loginerror {
    margin: -10px 0 10px
}

.hide-sec {
    display: none;
    padding: 0 0 15px
}

.border-white,
.cutout-wrap .navbar-toggle,
.cutout-wrap.block,
.hide-sec.active1,
.prosn {
    display: block
}

.cutout-wrap {
    background: url(../images/web-portal/web-portal/blue-bg.png);
    position: fixed;
    top: -24%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.cutout-wrap .range-wrap.aveb {
    bottom: 0;
    height: 265px;
    left: 0;
    margin: auto;
    padding: 32px;
    position: fixed;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 345px;
    border: none
}

.cutout-wrap .toggle-menu.open-menu .icon-bar.bar-1,
.cutout-wrap .toggle-menu.open-menu .icon-bar.bar-3 {
    box-shadow: 0 3px 3px #1a1a1a
}

.border-white {
    height: 2px;
    background: #fff;
    margin: 20px 0
}

.cutout-wrap .range-wrap.aveb i {
    height: 86px;
    width: 78px
}

.cutout-wrap h4 {
    font-size: 26px
}

.cutout-wrap .btn.ave {
    font-size: 38px
}

.cutout-wrap .toggle-menu {
    left: auto;
    opacity: 1;
    position: fixed;
    right: 72px;
    top: 39px;
    z-index: 999999
}

.item.homes,
.partners-wrap {
    position: relative
}

.miles-page .grid-list aside a.btn {
    float: none;
    margin: 11px auto;
    color: #fff
}

.miles-page .grid-list {
    height: 261px
}

.miles-page .category-links li a i.elec:before {
    background-position: -233px -112px;
    height: 27px;
    width: 35px
}

.miles-page .item-list.details-para>div>div {
    width: 100%
}

.range-wrap.aveb.ffp-avi {
    margin: 0 0 10px
}

.myaccount-wrap .range-wrap {
    border: none;
    margin: 0 -15px
}

.left-col.add .myaccount-wrap .range-wrap {
    margin: 0 -22px
}

.left-col.add .myaccount-wrap .range-wrap h4 {
    margin: 0 -7px 12px
}

.miles-page .item-list.details-para figure {
    padding: 50px 0
}

.miles-page .item-list.details-para figure img {
    max-width: 300px;
    width: 100%
}

.miles-error.error {
    position: relative;
    bottom: 0;
    margin: 0 0 15px
}

.miles-page .grid-list div>div {
    height: 49px
}

.miles-page label {
    font-size: 14px
}

.miles-page h6 {
    font-size: 16px
}

.panel-body .error {
    bottom: -19px
}

.prosn {
    text-transform: uppercase;
    font-size: 22px;
    margin: 0 0 40px;
    color: #5d5d5d
}

.add-line h2,
.btn.text-style {
    display: inline-block;
    text-transform: capitalize
}

.tol label .tooltip1 {
    left: 68px;
    z-index: 11
}

.tol .tooltip1 .tooltiptext {
    left: -122px
}

.tol .tooltip1 .tooltiptext:after {
    left: 50%
}

.btn.text-style {
    background: 0 0;
    margin: 0;
    line-height: 100%;
    border-radius: 0;
    font-size: 14px;
    width: auto;
    padding: 0
}

.container.inner-content.mm,
.guide-box,
.style-text {
    background: #fff
}

.right-head.pes h2 {
    clear: both
}

.right-head.pes #accordion .panel-collapse[aria-expanded=false] .panel-body {
    border-bottom: 1px solid #eee;
    padding-top: 40px
}

.txtred {
    color: red
}

input.btn[type=button].green_back {
    margin: 0;
    float: left
}

#confirmation,
#purchasepoint {
    padding: 10px;
    background: #fff
}

#confirmation button.btn {
    float: none;
    margin: 0 auto;
    display: inline-block
}

.add-line h2 {
    margin: 0 15px 0 0;
    font-size: 15px;
    width: 99px
}

.add-line {
    margin: 0 0 15px
}

.tb.table-responsive td .tooltip1.ll {
    left: 114px
}

.tooltip1.ll .tooltiptext.div5 {
    left: -104px
}

.tooltip1.ll .tooltiptext::after {
    left: 42%
}

.about-page.innerpad h3>span {
    display: block;
    margin: 9px auto
}

.table.logo-td>tbody>tr>td,
.table.logo-td>tbody>tr>th {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #eee
}

.form-col {
    margin: 0
}

.form-col li {
    width: 49%;
    float: left;
    margin: 0
}

.form-col li:last-child {
    float: right
}

ul.listing li ul {
    padding: 0 0 0 24px
}

ul.listed li {
    margin: 0 0 15px 21px
}

.table.shopp.logo-td>tbody>tr>td,
.table.shopp.logo-td>tbody>tr>th {
    width: 33.33%
}

ul.listing li q {
    display: inline;
    font-style: normal
}

.caseback,
.currecy-sec,
.range-wrap.home-miles.top-ab {
    display: inline-block
}

ul.listing li q:before {
    content: open-quote
}

ul.listing li q:after {
    content: close-quote
}

.item.homes>div {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.item.homes>div p {
    padding: 11% 0 0;
    font-size: 48px;
    color: #fff;
    line-height: 136%
}

.style-text {
    text-align: left
}

.item.homes img {
    width: 100%
}

.jump-remove {
    min-height: 160px;
    padding-top: 35px;
}

.style-text #accordion h4.panel-title a {
    padding: 18px 36px 18px 0;
    line-height: 140%
}

#myModal-two .modal-dialog {
    width: 344px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 168px
}

#myModal-two .modal-body {
    padding: 20px 0;
    line-height: 135%
}

.caseback {
    margin: 0;
    padding: 0
}

.navbar-nav>li.curey-li {
    padding: 40px 6px 37px
}

.range-wrap.home-miles.top-ab {
    left: -546px;
    position: absolute;
    top: 40px;
    width: 146px
}

.bootstrap-select.btn-group,
.bootstrap-select.btn-group[class*=span] {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0
}

.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-search .bootstrap-select.btn-group {
    margin-bottom: 0
}

.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*=span].pull-right,
.row-fluid .bootstrap-select.btn-group[class*=span].pull-right {
    float: right
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px
}

.bootstrap-select:not([class*=span]) {
    width: 140px;
    margin: 0
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select>.btn {
    width: 100%;
    padding: 0;
    font-size: 14px
}

.bootstrap-select>.btn:active,
.bootstrap-select>.btn:focus,
.bootstrap-select>.btn:hover {
    background: 0 0;
    box-shadow: none
}

.bootstrap-select.show-menu-arrow.open>.btn {
    z-index: 1001
}

.bootstrap-select .btn:focus {
    outline-offset: -2px;
    background: 0 0
}

.bootstrap-select.btn-group .btn .filter-option {
    position: absolute;
    left: 12px;
    right: 25px;
    text-align: left
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    right: 12px
}

.bootstrap-select.btn-group .dropdown-menu {
    margin: 0;
    padding: 0;
    min-width: 100%
}

.bootstrap-select.btn-group .dropdown-menu li:first-child a::before,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    background: 0 0
}

.bootstrap-select.btn-group .dropdown-menu li:nth-child(2) a:before {
    background: url(../images/web-portal/sprite.png) -132px -216px no-repeat;
    height: 15px;
    left: 5px;
    top: 14px;
    width: 25px
}

.bootstrap-select.btn-group .dropdown-menu li:nth-child(3) a:before {
    background: url(../images/web-portal/sprite.png) -95px -216px no-repeat;
    height: 15px;
    left: 5px;
    top: 13px;
    width: 25px
}

.bootstrap-select.btn-group .dropdown-menu li.disabled>a,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group>.disabled:focus {
    outline: 0!important
}

.bootstrap-select.btn-group[class*=span] .btn {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default
}

.bootstrap-select.btn-group .dropdown-menu li {
    margin: 0;
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li>a.opt {
    padding-left: 35px
}

.bootstrap-select.btn-group .dropdown-menu li>a {
    min-height: 20px;
    cursor: pointer
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 2.5px
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small {
    color: #64b1d8;
    color: rgba(255, 255, 255, .4)
}

.bootstrap-select.btn-group .dropdown-menu li>dt small {
    font-weight: 400
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.cury-link,
.cury-link li {
    position: relative;
    list-style: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, .2)
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.btn-group,
.btn-group.open .dropdown-toggle {
    border-radius: 0;
    box-shadow: none
}

.cury-link {
    border: 2px solid #60533e;
    border-radius: 19px;
    float: left;
    margin: 31px 0 0;
    text-indent: 3px;
    width: 206px
}

.cury-link li {
    margin: 0
}

.cury-link li>a {
    font-size: 14px;
    padding: 8px 6px;
    text-transform: uppercase
}

.cury-link ul {
    display: none;
    text-indent: 0
}

.cury-link ul>li>a {
    padding: 10px 10px 10px 39px
}

.list-group {
    list-style: disc;
    margin: 0 0 0 44px
}

.hoterl-pop.summary .tab-content>div#conditions,
.hoterl-pop.summary .tab-content>div#partner,
.hoterl-pop.summary .tab-content>div#remember,
.hoterl-pop.summary .tab-content>div#voucher {
    padding: 20px 24px
}

.btn.otl-link {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    margin: 0;
    text-transform: none
}

.pre-fix {
    background: #eee;
    padding: 0 0 0 15px;
    color: #5d5d5d;
    font-size: 14px;
    font-family: 'sourcesansprobold';
}

#phone1 {
    display: inline-block;
    width: auto
}

#welcome-emailer .modal-dialog {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 425px;
    position: absolute
}

#welcome-emailer ul {
    text-align: center
}

#welcome-emailer ul li {
    border-bottom: 1px solid #eee
}

#welcome-emailer ul li figure {
    display: inline-block;
    width: 20%;
    margin: 0 20px 20px 0
}

.link-op a {
    font-size: 14px;
    font-weight: 700
}

#welcome-emailer ul li span {
    text-align: left;
    display: inline-block;
    width: 69%
}

.earn-cash {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.item-list.details-para>div>div p span {
    color: #333
}

.item-list.details-para h6 {
    margin: 0 0 15px
}

.item-list.details-para h6 span {
    display: inline-block;
    text-transform: none;
    line-height: 125%;
    padding-bottom: 4px;
    font-size: 14px
}


.simple-pagination ul {
    text-align: center;
}
.simple-pagination li {
    display: inline-block;
    float: none;
}

.light-theme span {
    cursor:pointer;
}

.light-theme a, .light-theme span {

    background: #666;
    color: #FFF;
    border:1px solid #444;
    box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    float: left;

    font-size:14px;
    line-height:24px;
    font-weight: normal;
    text-align: center;

    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;

}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
    text-decoration: none;
    background: #666;
}

.light-theme .current {
    color: #666;
    cursor: default;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);  
    background: #efefef; 
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); 
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); 
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); 
    background: linear-gradient(top, #ffffff 0%,#efefef 100%); 
    border: 1px solid #BBB;
}

.light-theme .ellipse {
    background:  #666;
    border: none; border-radius: 3px;
    border-radius: 0;
    box-shadow: none;
    font-weight: bold;
    cursor: default; border:1px solid #444
}

.light-theme .ellipse input {
    font-size:14px; line-height: 100%; padding: 2px; height: 24px; 
}

.light-theme ul li input[type="number"]
{
    background:#666; width:50px; color:#fff;
}
.right-col > div#showSearchResultFilterDiv {padding-bottom:0;}
.right-col > div#showSearchResultFilterDiv  .col-md-12.text-center, .right-col > div#showHotelFilterDiv  .col-md-12.text-center {margin:0;}
.right-col > div#showSearchResultFilterDiv .light-theme {margin:15px 0 0;}
.right-col > div#showHotelFilterDiv {margin-bottom:0;}

.scrollToTop{
    width:50px;
    height:50px;
    padding:10px;
    text-align:center;
    text-decoration: none;
    position:fixed;
    bottom:50px;
    right:20px;
    display:none;
}
.scrollToTop span {font-size:46px; }
.scrollToTop:hover{
    text-decoration:none;
}
.modifySearchBox.ms a.btn { min-width: 103px; float:left; margin:0 0 0 10px;}
.btn.cancel-btn  { min-width: 103px;
                   float: right;
                   margin: 0 0 0 10px;  } 
button.btn.info-icon-wrp {min-width: auto; padding:0; background: none; float:none; display: inline-block; position: relative; top:-3px; text-align: justify;}
button.btn.info-icon-wrp .info-icon {
    width: 13px; display:block; height:12px;
    padding: 0; background:url(../images/web-portal/info.png) no-repeat;
    position:relative;
}

.lg-popover label .popover{min-width:372px !important;}

body.MyAccount .user-info-div .popup-img-wrap { text-align: center; margin:0 auto 20px;  }
body.MyAccount .user-info-div .popup-img-wrap li {display:inline-block; width: 32%;margin: 0;vertical-align: middle; border: none;}
body.MyAccount .user-info-div .popup-img-wrap li > div {width:80px; height:100px; border:1px solid #008346; margin:0 auto; display: table;}
body.MyAccount .user-info-div .popup-img-wrap li > div figure {width:100%; margin:0; display:table-cell; vertical-align: middle;}
body.MyAccount .user-info-div .popup-img-wrap li > figure {max-width: 85%; width:100%; margin: 0 auto; }
body.MyAccount .user-info-div p > span {font-size:20px; font-weight: bold;}
.btn.caseback1 {background: none; font-size:0;}
.myaccount-wrap.mob-wrpa .trip-summary li:last-child span {padding:10px 0 10px;}

/* Home Page CSS */

.home .footer-sec, body.MyAccount .footer-sec {position: fixed; width:100%; bottom:0; left:0; z-index: 10}
.home .wrapper {min-height:100%; height: 100% !important;}
.home header {z-index: 999;}
.home body.home {background:url(../images/banner/screenfour.jpg) no-repeat;}
.span5 {
    width: 470px;
}
.homeBox h1 , .homeBox h1 small{
    margin-bottom:20px;
    color: #000; font-family: 'sourcesansprobold'; font-size:25px;
    line-height: normal;
    text-transform: capitalize;
}
.homeBox h1 small { display: block;}
.homeBox p {
    color: #000;
}

.btn-primary {
    color: #fff;
    background-color: #1771a2;
    *background-color: #1771a2;
    font-size: 18px;
    padding: 10px 30px;
}
.homeBox {
    padding-top-: 14%;
    position: relative;
    z-index: 10;
}
.bannerImg {
    position: absolute;
    top: 11.3%;
    left: 0;
    width: 100%;
    height: 100%;
}
.usernavBox , .slider-blw-link {
    z-index: 100;
    position: fixed;
    bottom: 48px;
    left: 0; margin:0;
    width: 100%;
}
.span5 .btn-primary {max-width: 100px;}
.usernavBox li , .slider-blw-link li {
    display: block; margin:0;
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}   

.usernavBox li a {
    border-top: 4px solid #686868;
    line-height: 95px;
    height: 78px;
    display: block;
    color: #696c71;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #f8f8f8;
}
.usernavBox li a span {
    width: 62px;
    height: 61px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -31px;
}
.usernavBox li a span { width:62px; height:61px; background: #e9e9e9; border:1px solid #c9c9c9; border-radius: 50%;}
/*.usernavBox li.one a span {background-position:0 -317px; }
.usernavBox li.two a span {background-position:-69px -317px; }
.usernavBox li.three a span {background-position:0 -247px; width:68px }
.usernavBox li.four a span {background-position:-69px -247px; }*/
.usernavBox li a span i { font-size: 30px; color: #008346; position: relative; top:-11px;}
.usernavBox li.two a span i {
    -ms-transform: rotate(-30deg); /* IE 9 */
    -webkit-transform: rotate(-30deg); /* Safari */
    transform: rotate(-30deg); top:-13px;
}
.usernavBox li.active a{background:#008346; color:#fff;border-color:#302f2f;}
.bannerImg img {width:100%;}
/*body.MyAccount {background:url("../images/web-portal/my-profileBg.jpg") no-repeat;}*/
body.MyAccount .wrapper {height:100% !important; min-height: 100% !important; overflow: hidden;}
body.MyAccount .container-col {height:100%;}
body.MyAccount .pagination {margin: 0;}
body.MyAccount .myaccount-wrap {position: absolute;top: 0;width: 100%;left: 0;height: 100%;background: none;}
body.MyAccount .container.inner-content {margin:0 auto; max-width: 100%;}
body.MyAccount .container.inner-content {height:100%;}
body.MyAccount .tab-menu { text-align: center;padding: 0;width:145px; overflow:auto; position: fixed; top:0; left:0; z-index:1; height: 100%;float: left;padding:82px 0 25px;background:#eeeeee;}
body.MyAccount .right-col {padding:69px 0 0 125px;float: right;height: 100%;  width: 100%;}
body.MyAccount .tab-menu li { border-bottom:1px solid #c7c7c7; border-right: none; padding-:5px 0; color: #bcbcbc; background: #eeeeee; width: 100%; }
body.MyAccount .tab-menu li{}
body.MyAccount .tab-menu li i{
    margin:10px auto; position: relative;
display: block;
border-radius: 25px;
width: 47px;
line-height: 43px;
height: 47px;
background: #b9b9b9;}
body.MyAccount .tab-menu li.active {display: block !important;}
.myaccount-wrap .tab-menu li:hover a {color:#fff;}
body.MyAccount .tab-menu li:hover i, body.MyAccount .tab-menu li.active i{background:#01AD52;}
body.MyAccount .myaccount-wrap .tab-menu li.active, body.MyAccount .myaccount-wrap .tab-menu li:hover { background: #008346; border-color:#c7c7c7; color:#fff;}
body.MyAccount .myaccount-wrap .tab-menu li a {border-width: 0; font-size: 12px;line-height: 130%; padding:7px 8px 15px 8px; color: #bcbcbc; }
body.MyAccount .myaccount-wrap .tab-menu li.active a  {color:#fff;}
/*body.MyAccount .tab-menu li:last-child {margin-bottom:49px;}*/
body.MyAccount .tab-menu li i span { font-size: 20px;position: relative;top: 5px; color: #fff;}
body.MyAccount .tab-menu li i:before { position: absolute; top:12px; right:0; left:0; margin: auto; width:100%; height:100%; background:url("../images/web-portal/sprite.png") no-repeat; content: ''; display: none; }
body.MyAccount .tab-menu li:first-child i:before { background-position:  -5px -395px;  width: 18px;height: 19px; }
body.MyAccount .tab-menu li:nth-child(2) i:before { background-position: -26px -395px;width: 16px;height: 20px; }
body.MyAccount .tab-menu li:nth-child(3) i:before { background-position: -44px -395px;width: 21px;height: 21px; }
body.MyAccount .tab-menu li:nth-child(4) i:before { background-position: -66px -395px;width: 19px;height: 21px; }
body.MyAccount .tab-menu li:nth-child(5) i:before { background-position:-90px -395px;width: 19px;height: 21px; }
body.MyAccount .tab-menu li:nth-child(6) i:before, body.MyAccount .tab-menu li:nth-child(7) i:before { background-position:-114px -395px;width: 17px;height: 23px; }
body.MyAccount .right-col > div.left-col {height:100%; overflow: auto; background: #eee; padding:0 10px; width: 243px; position: fixed; right:0;}
body.MyAccount .right-col > div.left-col .trip-summary {overflow: hidden; margin:0 0 0px;}
/*body.MyAccount .right-col > div.left-col .trip-summary li { float:left; width:50%; border: none;}*/
body.MyAccount .right-col > div.left-col .trip-summary li:last-child, body.MyAccount .right-col > div.left-col .trip-summary li:first-child {width:100%;}
body.MyAccount .right-col > div.left-col .trip-summary li span {padding:3px 0;}
body.MyAccount .left-col > div {background: none; padding:20px 0;}
body.MyAccount .left-col > div > a {font-size: 10px; margin:-6px 0 15px;display:block; width:80px;}
body.MyAccount .left-col > div > .range-wrap h2 { background: #8c8d8e; padding:10px; color: #fff; font-size:12px; text-align: center; text-transform: none; margin:0 -10px 0;}
/*body.MyAccount .myaccount-wrap .right-tab-col.right-col > div {padding:0;}*/
body.MyAccount .myaccount-wrap .tab-menu li:hover a{color:#fff;}
body.MyAccount .right-col > div {background:none;}
body.MyAccount .right-col > div {width: 100%;padding: 0 245px 0 0;height: 100%;}
body.MyAccount .user-info-div {position: fixed; bottom:59px; right:253px; background: rgba(0,0,0,.25); padding:20px; width:282px; color:#fff;}
body.MyAccount .currecy-div {
     min-width: 282px; max-width: 100%; position: fixed; bottom:59px; right:253px; background: rgba(0,0,0,.25); padding:20px; color:#fff;
}
body.MyAccount .currecy-div .fig-pic {width:67px; margin:0 0 20px; float: right; text-align: center; color:#fff; }
body.MyAccount .currecy-div .fig-pic figure {margin:0 0 3px;}

body.MyAccount .currecy-div .fig-pic a {color:#fff;}
body.MyAccount .currecy-div p.con-text {max-width: 300px; width:100%; position: relative; top:-4px; font-family: 'sourcesansproreg';}
body.MyAccount .currecy-div p.con-text span {display:block; }
body.MyAccount .user-info-div { bottom:51px; right:253px; left:inherit; top:inherit; max-width: 300px; text-align: center; display: none; }
body.MyAccount .tab-content, body.MyAccount .tab-pane  {height:100%;}
body.MyAccount .tab-pane {padding-top:34px; padding-bottom:60px; overflow: auto;}
body.MyAccount .right-col > div span.ave {font-size:75px; padding:0; color:#fff; text-align: left; display:block; margin:0; font-family: 'sourcesansprobold';line-height: 96%;}
body.MyAccount .right-col > div span.crecy-name { text-align: right; display: block; margin:0 0 15px;}
body.MyAccount .right-col > div a.btn {width:100%;}
body.MyAccount .right-tab-col.right-col > div.col-sm-9  {padding:12px 239px 0 16px;}
body.MyAccount .tab-content > div h2 {font-size:20px;}
body.MyAccount .table td,body.MyAccount  .tb.table-responsive td,body.MyAccount  .tb.table-responsive th {padding:20px; font-size:12px; border-bottom: 1px solid #dcdcdc;}
body.MyAccount .detail-table td { border-right:1px solid #dcdcdc;}
/*body.MyAccount .table > thead + tbody#passengerSec { border-right:2px solid #dcdcdc; border-bottom:2px solid #dcdcdc; }*/
body.MyAccount .table {border:1px solid #dcdcdc;}
body.MyAccount .table-responsive{padding:0 24px 20px 20px; margin-bottom:25px;}
body.MyAccount h1, body.MyAccount h2 {text-transform: none;}
body.MyAccount .tb.table-responsive.pro-tab td:last-child, body.MyAccount #expiry .tb.table-responsive.pro-tab th:last-child { text-align: right;  }
body.MyAccount .tb.table-responsive th, body.MyAccount .tra-tab .table > tbody > tr > td, body.MyAccount  .tb.table-responsive th,body.MyAccount   #redempage td{border-right:1px solid #dcdcdc; }
body.MyAccount #expiry .tb.table-responsive.pro-tab th {border-right:none;}
body.MyAccount #redemption .table tr th span {display:inline-block;}
body.MyAccount #redemption .table th, body.MyAccount #redemption .table td {text-align: center; width: auto;}
body.MyAccount #redemption .table td:first-child {text-align: left;}
body.MyAccount .caseback,  .closePassn-wrap {display: none;}
.rghtBorder {border-right:1px solid #dcdcdc !important; }
/*body.MyAccount .closePassn-wrap { display: inline-block; }*/
body.MyAccount .top .log-btn, .top .log-btn.last {margin:28px 2.5px 0px;}
.tab-menu.search-pg li a {cursor: initial;}
.tab-menu.search-pg li:hover a {color:#000;}
body.MyAccount .table-responsive.tra-tab .table th:first-child , body.MyAccount #redemption .table th:first-child,
body.MyAccount .table > thead:first-child > tr:first-child > th{text-align: center;}
body.MyAccount .trip-summary li strong { padding:4px 0 0;}
.redeem-wrap input[type="button"].btn#suborder {margin-right:20px;} 

body.MyAccount .addPassn {float:left; }
body.MyAccount .closePassn {float:right;}
body.MyAccount .addPassn, body.MyAccount .closePassn { color:#fff; max-width:137px; width: auto;} 

body.MyAccount .passenForm {}
body.MyAccount .passenSec {display:none;}

.passenForm, .passenForm ul {width:100%; display: inline-block; }
.passenForm > ul {max-width:670px; margin: 0;}
.passenForm > ul > li {float:left; width:60%; position: relative; }
.passenForm > ul > li:nth-child(odd) {width:36%;}
.passenForm > ul > li label { }
.passenForm > ul .error {left:0;  }
.passenForm > ul > li input[type="button"] {min-width: 102px;}
.passenForm > ul > li > ul > li { display:inline-block;margin:0; position: relative; width: 40%;}
.passenForm > ul > li label i.fa-star { color:red; font-size:5px; position: relative; top:-5px;}
.passenForm > ul > li > ul > li:first-child{width:70px; display: inline-grid !important;}
.passengerTable .table th , .passengerTable .table td { text-transform: capitalize; text-align: center; vertical-align: middle;}
.passengerTable .table th {background-: #fff;}
.passengerTable .table td {border-right:1px solid #dcdcdc;}
.passenForm > ul > li:nth-child(2)  .select-style {width:70px;}
.passengerTable .table th:nth-child(2) , .passengerTable .table td:nth-child(2) {width:50px;} 
body.MyAccount .btnW {margin:0 0 13px; overflow: hidden;}
.centerError {margin:0 0 10px; color:red;}
#userUploadEmailer .modal-dialog { max-width: 400px; width:100%; text-align: center; }
#userUploadEmailer .file-input {margin:0 0 10px;}
#userUploadEmailer input[type="submit"] {margin:4px auto 0; min-width: 100px; float:right;}
#userUploadEmailer p {font-size:12px; margin:0 0 10px; }
#userUploadEmailer .listed {margin:0;  }
#userUploadEmailer .listed li {margin:0 0 0px 0;font-size:12px;  position:relative; display: inline-block; padding-top: 20px;}

#userUploadEmailer h2 {margin:0 0 15px; font-size:  17px;}
.addPassInfo {margin:0 0 15px;}
.listUseInfo {margin:0 0 15px; padding:0; text-align: center;}
.listUseInfo li {display:inline-block; margin:0 3px 5px; }
.listUseInfo li a, .listUseInfo li a span {display: block;}
.listUseInfo li a span {text-transform: capitalize;}
.userPassengerInfo  .modal-dialog, #hotelPassengerInfo .modal-dialog {max-width: 400px; width:100%; }
.userPassengerInfo  .modal-dialog h2,  #hotelPassengerInfo .modal-dialog h2 {margin:0 0 20px;}
.userPassengerInfo .modal-dialog { margin: 0 auto;}

.logoSec {  margin: 0 0 15px; display: inline-block; width: 100%; }
.logoSec li:first-child {float:left; width: 150px; margin: 0 0 0 -17px;}
.logoSec li:last-child {float:right; width: 125px;  margin:10px 0 0 0;}

#activePopup .modal-dialog {max-width:500px; text-align: center; height: 333px; top:0; right:0;bottom: 0; left:0; position: absolute; margin: auto;}
#activePopup .modal-dialog h2 {margin:0 0 20px;}
#activePopup  .modal-body {text-align: center;}
#activePopup .btn {max-width: 150px; margin:30px auto 0; display: block;}
#activePopup  .modal-body  p {padding:0 5%;}

.logo-td tr:last-child td { font-weight: bold;}
.mobilesec { background: #eee; height: 30px;  position: relative; }
.mobilesec span {position: absolute; top:6px; left: 20px; font-family: 'sourcesansproreg'; color: #5d5d5d; }
.mobilesec input[type="number"]  {padding-left: 53px;}
#mytravel .span5, #online .span5 { float: right;}
#mytravel .btn , #online .btn {float:none; margin-: 0 auto; }
body.MyAccount #profile  { background: none;}
body.MyAccount #myTable14 .table-striped, body.MyAccount #myTableTravelMiles .table-striped, body.MyAccount #myTablePaymentsMade .table-striped { 
border-collapse:separate; }

.topup{margin-top:-5.5%;}

#errorPopup  .modal-dialog  {

top: 0;

right: 0;

left: 0;
max-width: 300px; width: 300px; height: 97px;
bottom: 0;

margin: auto;

overflow-y:hidden; padding:0!important;

position: absolute;}

.myacc.passengerEr { 
    position: relative;
    top: 8px;
    left: 20px;
}

#errorPopup .error { color:#60533e;}
body.MyAccount #addressSec .passenSec {display: block;}
.address-wrap.passenForm .error {bottom: 1px;}
.passenForm.address-wrap > ul > li input[type="button"] {float:left;}

.flight-book-form.changePass .error {
    bottom: inherit;
    top: 61px;
}

.login-form.forgot-wrap .error { bottom: inherit; clear: both;}

/*.redemptionIocns { text-align: center; margin: 0; }
.redemptionIocns li { display: inline-block; margin:0 9px; }
.redemptionIocns li a { color:#fff; font-size:17px;}*/

.login-form.changePassSec ul li:first-child {padding:0;}
.login-form.changePassSec .error.myacc { position: relative; bottom: 17px;}
.login-form.changePassSec .btn.cancel-btn { float: none; margin:19px 0 0 10px; }
.checkdiv { margin:-19px 0 20px 0;}

.popover-title{
    padding: 3px 14px;
    background-color: transparent;
    border-color: transparent;
}

.noMrgnBtm{
    margin-bottom:20px;
}

.hCapitalize{
    text-transform: capitalize;
}
h1.btmMar{
    margin:0 0 20px !important;
}

.mrgntop{
    margin-top:20px;
}
.orderedlist{
    padding-left:10px; 
}
.orderedlist li{
    list-style-type: inherit;
}
.unorderedList{
    padding-left: 15px;
    padding-top: 10px;
}
.unorderedList2{
    padding-left: 55px;
    padding-top: 0px;
}
.unorderedList li, .unorderedList2 li{
    list-style-type: square;
}

.aboutTable{margin-top: 15px;}
.aboutTable tr th{
    background-color: #f0f1f2;
    text-align: center;
    vertical-align: middle !important;
}
/*.aboutTable tr:nth-child(2) th:first-child{
    text-align:left;
}*/
.aboutTable tr td{
    text-align: center;
    vertical-align: middle !important;
}



.inner-content .right-col > .add{
    padding-top: 10px !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #008346;
    background: #008346;
}

.asterisk{
    color:#ed1c24;
}

.rghtAlign{
    width: 450px;
}

.aboutbanner > img{
    width:100%;
    height:95%;
    padding-top:3%;
}

.travelmilesbanner > img, .flightsbanner > img, .hotelbanner > img, .promotionbanner > img{
    width:100%;
    height:72%;
    padding-top:0%;
}
/*.travelmilesbanner > img{
    height:84%;
    padding-top:0%;
}
.flightsbanner > img{
    padding-top:3%;
}
.hotelbanner > img, .promotionbanner > img{
    padding-top:2%;
}*/
.travelmilestxt, .flightstxt, .hoteltxt, .promotiontxt{
    text-align: center;
    top:235px;
    left: 34%;
    position: absolute;
}
.travelmilestxt h1, .flightstxt h1, .hoteltxt h1, .promotiontxt h1{
    color:#fff;
    font-size:32px;
    text-transform: uppercase;
    text-shadow:1px 1px 5px rgba(0,0,0,0.5);
    letter-spacing: 1.5px;
}
.travelmilestxt .banner-btn, .flightstxt .banner-btn, .hoteltxt .banner-btn, .promotiontxt .banner-btn{
    margin: 0 auto;
}
.travelmilestxt .banner-btn{
    margin-top:65%;
    margin-right:-43%;
}


.myAccputBanner > img{
    height:100% !important;
}
.btn-file {
    border-radius: 5px !important;
    background-color: #008346 !important;
    padding: 7px 0px 9px 0 !important;
    font-size: inherit !important;
}
.btn-file:hover{
    background: #008346;
}


.login-form-wrap .changeEmail ul li:nth-child(even) {
    margin: 0 0 23px;
}
.changeEmail ul li:first-child{
    margin: 0 0 0;
    padding: 0;
}
.login-form-wrap .changeEmail ul li:nth-child(3){
    margin: 0;
}

.langActive{
    color:#008346 !important;
    text-decoration: underline;
}

.container.inner-content.error-wrapper{
    min-height: 200px;
}

.stopInfoicon{
    top:0 !important;
}

button.btn.info-icon-wrp .flightPassDetailtt, button.btn.info-icon-wrp .hotelPassDetailtt{
    top:2px;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.tab-menu li a {
    text-transform: initial !important;
}
.passengerTable .table th, .passengerTable .table td, .resetCapitalize {
    text-transform: initial !important; 
}

.edit1{
    padding-right: 5px;
}

.ajaxErrorPage{
    margin-top: 7%;
}

.mrgnTop{
    margin-top: 10px !important;
}

.cancellationFormMain{    
    width:50% !important;
    min-height: 245px !important;
}
.cancellationForm{
    padding: 40px !important;
    margin: 0 auto !important;    
}
.cancellationFormMainBtn{
    display: table; margin: 0 auto;
}

.modSearchFix{
    position: relative;
}

.footer_banner{
    padding-top: 75px;
}
.footer_banner img{
    height: 100% !important;
}

.mrgnbtmzero{
    margin-bottom: 14px !important;
}
.blkelment, .blkelment2{
    display: block;
    margin-bottom: 8px;
}
.blkelment2{
    bottom: 0 !important;
}

.passDetlModal{
    float: left;
    border: 2px solid #008346 !important;
    padding: 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    width: 31%;
    text-align: center;
    height: 140px;
}
.passDetlModal img{
    margin-bottom: 12px
}
.passDetlModal p{
    line-height: .2em;
}
.passDetlModal p:nth-child(2){
    word-break: break-all;
    line-height: 14px;
    height: 28px;
}

.errorfooter {
    color: red
}

.childAge div:first-child{
    padding: 0 3px 0 0;
}
.childAge div:last-child{
    padding: 0 0px 0 3px;
}


.subheading{
    color: #333;
    font-size: 14px;
    font-family: 'sourcesansprobold';
}

.flightpdHead{
    margin-bottom: 20px;
}
.cautionTxt{
    color:#f00;
    font-size: 13px;
}

/* Firefox fixes */
@-moz-document url-prefix() { 
    #userUploadEmailer input[type="file"]{
        display: ruby-base-container;
    }
    .bannerImg{
        top-:11.5%;
    }
    .travelmilesbanner > img, .flightsbanner > img, .hotelbanner > img, .promotionbanner > img{
        height:73%;
        padding-top:0%;
    }
    #namePrefix{
        padding-left: 6px;
    }
    .passenForm > ul > li > ul > li:first-child {
        width: 70px;
        float: left;
        margin-right: 2px;
    }
    .tab-menu li:last-child {
        padding-bottom: 50px !important;
    }
}


/* IE 10 fixes */
_:-ms-input-placeholder, :root .usernavBox li a span .fa-globe {
    position:absolute !important;
    left:16px !important;
    top:15px !important;    
}
_:-ms-input-placeholder, :root .usernavBox li a span .fa-plane {
    position:absolute !important;
    left:14px !important;
    top:13px !important;    
}
_:-ms-input-placeholder, :root .usernavBox li a span .fa-building {
    position:absolute !important;
    left:17px !important;
    top:15px !important;    
}
_:-ms-input-placeholder, :root .usernavBox li a span .fa-gift {
    position:absolute !important;
    left:15px !important;
    top:15px !important;    
}
_:-ms-input-placeholder, :root .tab-menu li:last-child {
    padding-bottom: 50px !important;
}

_:-ms-input-placeholder, :root .myacc.passengerEr { 
    position: relative !important;
}

/*_:-ms-input-placeholder, :root body.MyAccount .myaccount-wrap .tab-menu li a {
    line-height: 100%; padding:7px 10px; 
}*/
_:-ms-input-placeholder, :root .error.myacc {
    position: static;
}
_:-ms-input-placeholder, :root .bannerImg {
    top:11.5%;    
}

_:-ms-input-placeholder, :root .ieFixAddPassDetails {
    float:left;   
}
_:-ms-input-placeholder, :root .ieFixAddPassDetails > select {
    width:70px;   
}

_:-ms-input-placeholder, :root #namePrefix{
    padding-left: 7px;
}

_:-ms-input-placeholder { 
    color: #ccc !important;
    font-weight: 400 !important;
}


select::-ms-value {background: none; color:inherit;}

select::-ms-expand {display: none; }
_:-ms-input-placeholder, :root select{
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none !important;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    overflow:hidden;
    width: 120%;
}

.select-style {
    width-: 100px;
    overflow: hidden;
}

.select-style select {
    width-: 150px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

/* IE10–11 */
@supports (-ms-accelerator:true) {
   /* IE Edge 12+ CSS */
    .bannerImg {
        top:10%;    
    }
}