.onlyDesktop{
display: inline-block;
}
@media (max-width: 576px){
.onlyDesktop{
display: none;
}
}
.unselectable {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
      }
	  .offer-Remark{
font-size: 14px;
line-height: 140%;
color: #666;
}
.offer-Remark .list-decimal, .offer-Remark .list-lower-alpha, .offer-Remark .list-disc{
    margin: 0;
    padding-left: 1rem;
}
.offer-Remark .list-decimal>li{
    width: 100%;
	text-align: left;
	padding-left: 0.25rem
}
.tablx .head-blue{
background:#054c9b;
color:#FFF;
padding:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
font-size: 18px;
}
.offer-remark{
	color:#666;
	}
.TncTablx {
 margin:6px 0;
 border:1px solid #999999;
 text-align:center;
 border-collapse:collapse;
}
.TncTablx td {
 padding:5px;
 border:1px solid #999999;
 vertical-align: middle;
 text-align: center;
}
.TncTablx .head {
 background-color:#666666;
 color:#FFFFFF;
}

.list-disc{
	list-style-type:disc;
	}
.list-disc>li{
	list-style-type:disc;
	}
.list-decimal{
	list-style-type:decimal;
	}
.list-decimal>li{
	list-style-type:decimal;
	}
.list-lower-alpha{
    list-style-type: lower-alpha;
}
.list-lower-alpha>li{
    list-style: lower-alpha;
}
.list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc{
    margin: 0;
    padding-left: 20px;
}
.remark .list-decimal, .remark .list-lower-alpha, .remark .list-disc{
    margin: 0;
    padding-left: 15px;
}
.list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li{
    margin: 2px 0;
	position: relative;
	}
.f12{
	font-size: 12px;
	line-height:140%;
	}
.f14{
	font-size: 14px;
	line-height:140%;
	}
.f16{
	font-size: 16px;
	line-height:140%;
	}
.f18{
	font-size: 18px;
	line-height:140%;
	}
.f20{
	font-size: 20px;
	line-height:140%;
	}
.f24{
	font-size: 24px;
	line-height:120%;
	}
.f30{
	font-size: 30px;
	line-height:1;
	}
@media (max-width: 576px){
.f20{
	font-size: 18px;
	line-height:140%;
	}
.f24{
	font-size: 22px;
	line-height:140%;
	}
.f30{
	font-size: 28px;
	line-height:120%;
	}
	.f36{
	font-size: 30px;
  line-height:120%;
	}
}
.f36{
	font-size: 36px;
  line-height:100%;
	}
.f48{
	font-size: 48px;
  line-height:120%;
	}
body.small-font-size .f12{
    font-size: 10px;
}
body.large-font-size .f12{
    font-size: 14px;
}
body.small-font-size .f14{
    font-size: 12px;
}
body.large-font-size .f14{
    font-size: 16px;
}
body.small-font-size .f16{
    font-size: 14px;
}
body.large-font-size .f16{
    font-size: 18px;
}
body.small-font-size .f18{
    font-size: 16px;
}
body.large-font-size .f18{
    font-size: 20px;
}
body.small-font-size .f20{
    font-size: 18px;
}
body.large-font-size .f20{
    font-size: 22px;
}
body.small-font-size .f24{
    font-size: 22px;
}
body.large-font-size .f24{
    font-size: 26px;
}
body.small-font-size .f30{
    font-size: 26px;
}
body.large-font-size .f30{
    font-size: 34px;
}
body.small-font-size .f36{
    font-size: 32px;
}
body.large-font-size .f36{
    font-size: 40px;
}
body.small-font-size .offer-Remark{
    font-size: 10px;
}
body.large-font-size .offer-Remark{
    font-size: 14px;
}
body.small-font-size #tncContent{
    font-size: 11px;
}
body.large-font-size #tncContent{
    font-size: 14px;
}
body.small-font-size .offer-Remark{
    font-size: 11px;
}
body.large-font-size .offer-Remark{
    font-size: 14px;
}
#tncContent{
    font-size: 12px;
	line-height: 140%;
	}

.mt5{
margin-top: 5px;
}
.mb5{
margin-bottom: 5px;
}
.hotelsdotcom_color{
color: #191E3B;
}
.new-pink{
color: #E4015C;
}
.new-orange{
color: #F07C10;
}
.new-blue{
color: #0066b3;
}
.visa-color{
color: #00489e;
}
.mastercard-color{
color: #eb001b;
}
.mt5{
	margin-top:5px;
	}
.p20{
	padding:20px;
	}
.offer-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.offer-col{
padding: 5px 15px;
}
@media (max-width: 576px){
.offer-row{
flex-wrap: wrap;
}
.offer-col{
width: 100%;
}
}
a.blue-button{
background-image: linear-gradient(180deg, #054c9b, #0066b3);
border-radius: 50px;
padding: 10px 30px;
color: #ffffff;
border: 0;
cursor: pointer;
width: 100%;
text-align: center;
max-width: 200px;
font-weight: bold;
}
.blue-button:hover{
transform: scale(1.1);
}
a.red-button{
background-image: linear-gradient(180deg, #c3001b, #eb001b);
border-radius: 50px;
padding: 10px 30px;
color: #ffffff;
border: 0;
cursor: pointer;
width: 100%;
text-align: center;
max-width: 200px;
font-weight: bold;
}
.red-button:hover{
transform: scale(1.1);
}
.blue-button-sms{
background-image: linear-gradient(180deg, #054c9b, #0066b3);
background-color: #054c9b;
border-radius: 20px;
padding: 10px 30px;
color: #fff;
border: 0;
display: inline-block;
position: relative;
font-weight: bold;
}
.red-button-sms{
background-image: linear-gradient(180deg, #c3001b, #eb001b);
background-color: #eb001b;
border-radius: 20px;
padding: 10px 30px;
color: #fff;
border: 0;
display: inline-block;
position: relative;
font-weight: bold;
}

.offerDetail-tablx{
border-collapse: separate;
border-top: 1px solid #191E3B;
border-bottom: 1px solid #191E3B;
}
.offerDetail-tablx td{
padding: 15px;
text-align: center;
vertical-align: middle;
position: relative;
border-bottom: 1px solid #191E3B;
}
.offerDetail-tablx td.title-head-visa{
background-color: #00489e;
border-radius: 15px 15px 0 0;
color: #fff;
font-weight: bold;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #fff;
}
.offerDetail-tablx td.title-head-master{
background-color: #eb001b;
border-radius: 15px 15px 0 0;
color: #fff;
font-weight: bold;
border-bottom: 0;
}
.offerDetail-tablx td.title-head{
background-color: #EB011B;
border-radius: 15px 15px 0 0;
color: #fff;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #fff;
}
.offerDetail-tablx .td-right-line::after{
content: "";
position: absolute;
background-color: #191E3B;
width: 1px;
height: calc(100% - 20px);
right: 0;
top: 10px;
}

.cfa-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -15px;
margin-right: -15px;
}
.cfa-col{
width: calc(50% - 30px);
padding: 20px;
text-align: center;
background-color: #FEF2F4;
border-radius: 15px;
margin: 15px;
}
@media (max-width: 576px){
.cfa-col{
width: 100%;
}
}
.white-arrow{
position: relative;
display: inline-block;
}
.white-arrow::before{
content: "";
width: 10px;
height: 100%;
background: url("images/ffffff-arrow.png");
background-size: 100% 65%;
position: absolute;
right: -15px;
background-position: center;
background-repeat: no-repeat;
}
.visa-title{
display: inline-block;
padding: 0 15px;
background-color: #fff;
margin-left: 20px;
}
.visa-title-container{
background-image: linear-gradient(to right, #00489e 50%, transparent);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
}
.mastercard-title{
display: inline-block;
padding: 0 15px;
background-color: #fff;
margin-left: 20px
}
.mastercard-title-container{
background-image: linear-gradient(to right, #eb001b 50%, transparent);
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
}