/* reset.css start*/
.twidget-container *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
div, span, p, ol, ul, li, table, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.twidget-container { line-height: 1;}
.twidget-container ol, .twidget-container ul { list-style: none;}
.twidget-container table { border-collapse: collapse; border-spacing: 0;}
/* reset.css end*/

.twidget-container a, .twidget-container a:hover{text-decoration:none;}
.clearfix:after, .clearfix:before {content:""; display:table;}
.clearfix:after{clear:both;}
.twidget-container {font-family:'Open Sans', arial, sans-serif; font-size:14px; line-height:1; color:#424242;}
.twidget-container{padding-top:54px; width:1170px; margin-left:auto; margin-right:auto;}
.twidget-container input[type="text"], .twidget-container input[type="email"],  .twidget-container input[type="date"]{border:none; outline:none; background-color:#fff; color:#424242; font-family:'Open Sans', arial, sans-serif; font-size: 14px;  text-align: left;}
.twidget-container input::-ms-clear {display: none;}
.twidget-tab-content button{font-family:'Open Sans', arial, sans-serif; font-weight:600; outline:none; cursor:pointer; font-size:18px; border:none; background:none; }
/*tab links*/
.twidget-tab-links{ position:relative; z-index:9;}
.twidget-tab-links ul {height:51px; margin-bottom: 0px;}
.twidget-tab-links ul li{background-color:#538285; color:white; position:relative; float:left; box-shadow: rgba(0, 0, 0, 0.1) 0 -3px 0 0 inset;}
.twidget-tab-links ul li:first-child{color:white;box-shadow: inset -3px -3px 0 rgba(0,0,0,.1); border-top-left-radius: 3px;}
.twidget-tab-links ul li:last-child{color:white;box-shadow: inset 3px -3px 0 rgba(0,0,0,.1); border-top-right-radius: 3px;}
.twidget-tab-links ul li.twidget-pseudo-input.active{background-color:#070b18; color:white;box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.twidget-tab-links ul li.active {
    color:#fff;
    background-color: #070b18; /* Set your desired active color here */
    box-shadow: none; /* Optional: removes any inset shadow if not needed */
    -webkit-box-shadow: none; /* Same as above for WebKit browsers */
    -moz-box-shadow: none; /* Same as above for Mozilla browsers */
}

.twidget-tab-links ul li a:before{content:''; position:absolute; height:25px; left:0; display:block; background: 50% 0 no-repeat; width:50px; background-size:50px 25px; top:50%; margin-top:-12px;}
.twidget-tab-links li#twidget-flight-li a:before {
  background-image: url(./images/plane.png);
  background-size: auto 17px;
}
.twidget-tab-links li#twidget-holiday-li a:before {
  background-image: url(./images/holiday.png);
  background-size: auto 17px;
}
.twidget-tab-links li#twidget-retreats-li a:before {
  background-image: url(./images/retreats.png);
  background-size: auto 17px;
}
.twidget-tab-links li#twidget-pilgrimage-li a:before {
  background-image: url(./images/pilgrimage.png);
  background-size: auto 17px;
}
.twidget-tab-links li#twidget-car-li a:before {
  background-image: url(./images/car.png);
  background-size: auto 17px;
}
.twidget-tab-links li#twidget-insurance-li a:before {
  background-image: url(./images/insurance.png);
  background-size: auto 17px;
}
.twidget-tab-links a{color:#fff; font-size:16px; font-weight:600; display:block; text-transform:uppercase; padding:0 20px 0 50px; line-height:51px;}


/*tab content*/
.twidget-tab-content{padding:5px 15px 0; background-color:#070b18; border-radius:0 3px 3px 3px; }
.twidget-tab-content input[type="text"]{line-height:50px; height:50px; padding: 0 37px 0 12px; overflow: hidden; text-overflow: ellipsis;}
.twidget-tab-content .twidget-tab{display:none;}
.twidget-tab-content .twidget-tab.active{display:block;}
.twidget-tab-content .twidget-header{display: block; font-family:'Open Sans', arial, sans-serif; height: 30px; line-height: 30px; font-size: 18px; margin-bottom: 5px; margin-top: -5px;}
#twidget-tab2 .twidget-header {margin-bottom: 15px;}
.twidget-tab-content .twidget-header .twidget-logo{font-size: 28px; color: white; float: left; font-weight: 300; line-height: 26px;}
.twidget-tab-content .twidget-header .twidget-logo .twidget-logo-image{display: inline-block; float: left; margin-right: 10px; width: 30px; height: 30px; background-repeat: no-repeat;}

.twidget-tab-content .twidget-header .twidget-title{float: right; color: white;}
.twidget-tab form {margin-top: 10px;}
.twidget-tab-content .twidget-form-list > li{float:left; margin-right:1%; position:relative;}
.twidget-tab-content .twidget-form-list > li:last-child{margin-right:0;}
#twidget-tab1 .twidget-form-list li.twidget-origin,
#twidget-tab1 .twidget-form-list li.twidget-destination{width:19%;}
.twidget-pseudo-input { position: absolute; top: 30px; left: 14px; font-family:'Open Sans', arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-height: 16px;}
.twidget-pseudo-input .twidget-pseudo-name {color: transparent; white-space: nowrap;}
#twidget-tab1 .twidget-form-list .twidget-origin-iata,
#twidget-tab1 .twidget-form-list .twidget-destination-iata {position: absolute; right: 10px; line-height: 50px; margin-top: -50px; font-size: 12px; color: #999;}
#twidget-tab1 .twidget-form-list li.twidget-flight-dates{width:27%;}
#twidget-tab1 .twidget-form-list li.twidget-passengers{width:13%;}
#twidget-tab1 .twidget-form-list li.twidget-submit-button {
    width: 18%;
    margin-top: 4px;
    display: flex;
    align-items: center;
}
.twidget-form-list li .twidget-input-box input{width:100%; border:1px solid #fff;}
.twidget-form-list li .twidget-input-box input:focus{border-color:#fdd835;}
.twidget-form-list li .twidget-input-box label, .twidget-passengers label, .twidget-hotel-guest label {color: white; position: relative; top: -4px; font-size: 12px; display: block;text-align: left;}
.twidget-form-list li button{ height: 50px; margin-top: 11px; text-align:left; width:100%; text-transform:uppercase; background-color:#ee9629; color:#fff; }
.twidget-form-list li.input-daterange > div{float:left; width:50%; }
.twidget-form-list li.twidget-flight-dates .twidget-dep-date .twidget-input-box input,
.twidget-form-list li.twidget-hotel-dates .twidget-start-date .twidget-input-box input{border-right:1px solid #cfd8dc;}
.twidget-form-list li.twidget-flight-dates .twidget-dep-date .twidget-input-box input:focus,
.twidget-form-list li.twidget-hotel-dates .twidget-start-date .twidget-input-box input:focus{border-right-color:#fdd835;}
.twidget-form-list li.input-daterange .twidget-input-box{position:relative;}
.twidget-form-list li.input-daterange .twidget-input-box .twidget-icon-cal,
.twidget-form-list li.input-daterange .twidget-input-box .twidget-icon-cal{background:url(./images/calendar.png) no-repeat 50% 50%; position:absolute; right:0; top:14px; height:50px; width:40px; background-size:14px; cursor: pointer;}
.twidget-form-list li.input-daterange .twidget-input-box .twidget-icon-delete{background:url(./images/icon-delete.png) no-repeat 50% 50%; position:absolute; right:0; top:14px; height:50px; width:40px; background-size:13px; cursor:pointer;}
.twidget-form-list li .twidget-passengers-detail,
.twidget-form-list li .twidget-guest-detail{height:50px; padding:7px 14px; border:1px solid #fff; cursor:pointer; position:relative; background-color:#fff;text-align: left;}
.twidget-form-list li .twidget-passengers-detail.active,
.twidget-form-list li .twidget-guest-detail.active{border-color:#fdd835;}
.twidget-form-list li .twidget-passengers-detail .twidget-pas-no{color:#424242; line-height:20px;}
.twidget-form-list li .twidget-guest-detail .twidget-guest-no{line-height:36px;}
.twidget-form-list li .twidget-passengers-detail .twidget-class{color:#999; font-size:13px; line-height:18px;}
.twidget-form-list li .twidget-passengers-detail:after,
.twidget-form-list li .twidget-guest-detail:after{background-image:url('./images/arrow-down.png'); background-repeat:no-repeat; width:15px; height:8px; background-position:0 0; content:""; top:20px; right:7px; position:absolute; background-size:15px;}
.twidget-form-list li .twidget-passengers-detail.active:after,
.twidget-form-list li .twidget-guest-detail.active:after{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.twidget-tab-content .twidget-tab-bottom{height:30px;}

.twidget-form-list li.twidget-input-locked input[type="text"]{border:1px dashed #fff; color: transparent; background: transparent;}
.twidget-form-list li.twidget-input-locked .twidget-pseudo-name, 
.twidget-form-list li.twidget-input-locked .twidget-pseudo-country-name, 
.twidget-form-list li.twidget-input-locked .twidget-destination-iata { color: white!important; font-weight: 600;} 

.twidget-input-box {

    width: 100%;
   overflow: visible; 

}

.twidget-pseudo-input {
    display: flex;
    align-items: center;  /* Align items vertically */
    justify-content: space-between; /* Space items nicely */
    margin-top: 5px; /* Adjust spacing from the input field */
}
.twidget-pseudo-name, .twidget-pseudo-country-name {
    display: block; /* or inline-block based on your layout */
    width: auto;  /* Adjust width as needed */
}

.twidget-pseudo-country-name {
    margin-top: -6px; /* Negative margin can help align closely spaced elements */
    padding-left: 5px; /* Adds spacing between city and country if inline */
}
.twidget-pseudo-name, .twidget-pseudo-country-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Adds '...' if text is too long */
}
/*datepicker*/
.datepicker {border-radius: 0!important;}
.datepicker-dropdown { padding: 5px 10px 0 10px; height: 260px; }
.datepicker-days {font-family: 'Open Sans', arial, sans-serif}
.twidget-container .input-daterange input{text-align:left; font-size: 0; z-index:1;}
.input-daterange input:first-child {border-radius: 0;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover, .datepicker table tr td.disabled.new {color: #a9a9a9;}
.twidget-date-text{position:absolute; left:12px; top:30px;}
.datepicker .datepicker-switch { width: 160px;}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background-color: transparent;}
.datepicker .prev, .datepicker .next, .datepicker .prev:hover, .datepicker .next:hover {color: transparent;}
.datepicker .next {-webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
.datepicker thead tr:last-child {text-transform: uppercase; font-size: 10px;}
.datepicker table tr td, .datepicker table tr th {border-radius: 0;width: 32px; height: 25px; line-height: 24px; display: inline-block; padding: 0!important;}
.datepicker table tr td, .datepicker table tr td.new, .datepicker table tr td.range {color: #00B9FF;}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {color: black;}
.datepicker-days tr {border-bottom: 3px solid white;}
.datepicker-days .day.range-end {background: url("data:image/svg+xml,%3Csvg%20version%3D'1.2'%20baseProfile%3D'tiny'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2022'%3E%3Cpath%20fill%3D'%2300B9FF'%20d%3D'M4.3%2022H26V0H4.3L0%2011z'%2F%3E%3C%2Fsvg%3E") no-repeat right; background-color: #f5f5f5; color: white;}
.datepicker-days .day.range-start {background: url("data:image/svg+xml,%3Csvg%20version%3D'1.2'%20baseProfile%3D'tiny'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2022'%3E%3Cpath%20fill%3D'%2300B9FF'%20d%3D'M21.7%2022H0V0h21.7L26%2011z'%2F%3E%3C%2Fsvg%3E") no-repeat; background-color: #f5f5f5; padding-right: 3px!important; color: white;}
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { background-color: #f5f5f5; }
.datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {background-color: #00B9FF;}
.datepicker table tr td.range { background-color: #f5f5f5;}
.datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { background-color: #00B9FF;}
.datepicker-cancel-return-date {color: #ffaf1a!important; position: absolute; display: block!important; margin-top: 0; left: 28px; width: 160px!important; line-height: 17px; border: 1px solid #ffa600!important; border-radius: 40px!important; text-align: center!important; font-size: 11px; cursor: pointer;}
/*passenger slection*/
#twidget-passenger-form, #twidget-guest-form{position:absolute; left:0; top:12px; width:270px; padding-top:5px; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.3); z-index:999;}
.twidget-age-group{display:table; width:100%;margin-left: 4px;text-align: left;overflow: hidden;text-overflow: ellipsis;}
.twidget-age-group li{display:table-row;}
.twidget-age-group li .twidget-cell{display:table-cell; height:44px; vertical-align:middle;}
.twidget-age-group li .twidget-age-name{padding-left:20px; width:50%;}
.twidget-age-group li  .twidget-age-select{padding-right:0px; width:40%;}
.twidget-age-select .twidget-dec{width:35px; height:35px; display:inline-block; text-indent:-9999px;cursor:pointer; border-radius:25px; line-height:35px; background:#fff 50% 50%/14px no-repeat; background-image:url('./images/minus.png');}
.twidget-age-select .twidget-dec:hover{background-color:#e0e0e0; }
.twidget-age-select .twidget-num{width:30%; text-align:left; line-height:1.4; display:inline-block;}
.twidget-age-select .twidget-num input{width:100%; padding:0; text-align:center;}
.twidget-age-select .twidget-inc{width:35px; height:35px; display:inline-block; text-indent:-9999px;cursor:pointer; border-radius:25px; line-height:35px; background:#fff 50% 50%/14px no-repeat; background-image:url('./images/plus.png');}
.twidget-age-select .twidget-inc:hover{background-color:#e0e0e0; }
.twidget-age-select input{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.twidget-age-select input::selection {color:currentColor;background:transparent}
.twidget-pas-class{display:table; width:100%; height:44px; border-top:1px solid #e0e0e0;text-align: left;margin-left: 0px;}
.twidget-pas-class .twidget-pass-check{display:table-cell; vertical-align:middle;padding-left:20px;}
.twidget-pas-class .twidget-pass-check input[type="checkbox"]{display:none;}
.twidget-pas-class .twidget-pass-check label{line-height:16px; cursor:pointer; position:relative; padding-left:24px; display:inline-block; color: #424242; font-size: 14px;text-align: left;}
.twidget-pas-class .twidget-pass-check label:before{position:absolute; content:""; top:0; left:0; width:14px; height:14px; border:1px solid #070b18;text-align: left;}
.twidget-pas-class .twidget-pass-check input[type="checkbox"]:checked+label:before{background:url('data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.5%206%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300B9FF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.5%201.1L7.4%200%203.6%203.8%201.1%201.3%200%202.4%203.6%206z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%; background-size:12px;}
.twidget-passengers-ready-button-wrapper { vertical-align: middle; text-align: left; display: block!important; margin-top: 5px; margin-bottom: 20px; }
.twidget-passengers-ready-button {display: inline-block; padding: 0 30px; font-size: 13px; line-height: 43px; border: 1px solid #ffa600!important; border-radius: 40px; text-align: center; margin: 0 auto; color: #ffa600; cursor: pointer; clear: both; }
.twidget-passengers-ready-button:hover { border-color: #ffaf1a; color: #ffaf1a;}
/*hotel*/
#twidget-tab2 .twidget-form-list li.twidget-city-hotel{width:39%;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-dates{width:27%;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-guest{width:13%;}
#twidget-tab2 .twidget-form-list li.twidget-submit-button{width:18%;}
.twidget-icon-hotel{width:40px; height:50px; background:url(./images/hotel.png) no-repeat 50% 50%; background-size:20px; position:absolute; top:12px; right:0;}
/*city hotel autofill*/
.twidget-auto-fill-wrapper{position:absolute; z-index:99; top:50px; left:0; width:100%; box-shadow: 0 0 15px 0 rgba(0,0,0,.3); overflow:hidden; background:#fff;max-height:315px;text-align:left;}
.twidget-auto-fill-wrapper ul li{height:45px; padding:4px 20px; position:relative; overflow:hidden; cursor:pointer; color:#424242; white-space: nowrap;}
.twidget-city-hotel .twidget-auto-fill-wrapper ul li{padding:4px 26px;}
.twidget-auto-fill-wrapper ul li:hover{background-color:#070b18; color:#fff;}
.twidget-auto-fill-wrapper ul li > span.twidget-city-name{display:block; line-height:37px; width: 85%; overflow: hidden; text-overflow: ellipsis;}
.twidget-auto-fill-wrapper ul li:before{position: absolute; top: 13px; left: 0; display: block; width: 26px; background-position: center; background-repeat: no-repeat; content: ''; height: 20px; background-size: 13px;}
.twidget-auto-fill-wrapper ul li.main-city:before{background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%2300B9FF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M3.758%204.984c0%20.686.556%201.243%201.242%201.243.686%200%201.242-.557%201.242-1.243%200-.685-.556-1.242-1.242-1.242-.686%200-1.242.557-1.242%201.242z%22%2F%3E%3Cpath%20d%3D%22M9.66%204.44h-.45C8.957%202.553%207.48%201.064%205.6.795V.3c0-.165-.135-.3-.3-.3h-.6c-.165%200-.3.135-.3.3v.495C2.518%201.065%201.042%202.553.79%204.44H.3c-.165%200-.3.135-.3.3v.6c0%20.165.135.3.3.3h.5c.28%201.85%201.745%203.3%203.6%203.565V9.7c0%20.165.135.3.3.3h.6c.165%200%20.3-.135.3-.3v-.495C7.455%208.94%208.92%207.49%209.2%205.64h.46c.165%200%20.3-.135.3-.3v-.6c0-.165-.135-.3-.3-.3zM5.6%208.21c0-.165-.135-.3-.3-.3h-.6c-.165%200-.3.135-.3.3v.26c-1.452-.25-2.6-1.383-2.867-2.83h.257c.165%200%20.3-.135.3-.3v-.6c0-.165-.135-.3-.3-.3h-.265c.24-1.484%201.397-2.656%202.875-2.91v.26c0%20.165.135.3.3.3h.6c.165%200%20.3-.135.3-.3v-.26c1.478.254%202.636%201.426%202.875%202.91H8.17c-.165%200-.3.135-.3.3v.6c0%20.165.135.3.3.3h.297C8.2%207.087%207.052%208.22%205.6%208.47v-.26z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
.twidget-auto-fill-wrapper ul li.main-hotel:before{background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%2300B9FF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.313%200L0%202.51V10h10V3.812L5.312%202.04V0zm4.062%204.23v4.997h-.938v-5.35l.938.353zM4.687.965v8.262h-2.5V2.142l2.5-1.177zm-3.125%201.47v6.792H.625v-6.35l.938-.44zm6.25%201.207v5.585h-2.5V2.7l2.5.942z%22%2F%3E%3Cpath%20d%3D%22M2.9%202.66h1.2v.6H2.9v-.6zM2.9%204.34h1.2v.6H2.9v-.6zM2.9%206.04h1.2v.6H2.9v-.6zM2.9%207.72h1.2v.6H2.9v-.6zM6.1%204.34h1v.6h-1v-.6zM6.1%206.04h1v.6h-1v-.6zM6.1%207.72h1v.6h-1v-.6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); top: 11px;}
.twidget-auto-fill-wrapper[data-type="avia"] ul li > span.twidget-city-name{line-height:25px;}
.twidget-auto-fill-wrapper ul li > span.twidget-city-name span{color:#999; font-size:13px;}
.twidget-auto-fill-wrapper ul li > span.twidget-city-airport-name{color:#999; font-size:11px;position: absolute; margin-top: -16px; width: 70%; height: 14px; overflow: hidden; text-overflow: ellipsis;}
.twidget-auto-fill-wrapper ul li > span.twidget-num-hotel{position:absolute; top:11px; right:15px; color:#999; line-height:26px; font-size: 11px;}
.twidget-auto-fill-wrapper[data-type="avia"] ul li > span.twidget-num-hotel{top: 5px}
.twidget-auto-fill-wrapper ul li:hover .twidget-num-hotel,
.twidget-auto-fill-wrapper ul li:hover .twidget-city-airport-name,
.twidget-auto-fill-wrapper ul li:hover .twidget-city-name span {color:#fff !important;}
@media (max-width: 1920px){
.twidget-container{width:980px;padding-top: 54px;}
#twidget-tab1 .twidget-form-list li.twidget-origin, #twidget-tab1 .twidget-form-list li.twidget-destination{width:49.5%; margin-bottom:15px;}
#twidget-tab1 .twidget-form-list li.twidget-destination{margin-right:0;}
#twidget-tab1 .twidget-form-list li.twidget-flight-dates{width:43%;}
#twidget-tab1 .twidget-form-list li.twidget-passengers{width:25%;}
#twidget-tab1 .twidget-form-list li.twidget-submit-button{width:30%;}
.twidget-tab-content .twidget-tab-bottom{height:20px;}

}
@media (max-width: 1920px){
.twidget-container{width:900px;}
#twidget-tab2 .twidget-form-list li.twidget-city-hotel{width:100%; margin-right:0; margin-bottom:15px;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-dates{width:43%;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-guest{width:25%;}
#twidget-tab2 .twidget-form-list li.twidget-submit-button{width:30%;}
}
@media (max-width: 900px){
.twidget-container{width:800px;}
}
@media (max-width: 800px)
{
.twidget-container{width:700px;}
}
@media (max-width: 700px)
{
.twidget-container{width:auto; padding-left:0; padding-right:0;}
}
@media (max-width: 650px){
#twidget-tab1 .twidget-form-list li.twidget-origin,
#twidget-tab1 .twidget-form-list li.twidget-destination,
#twidget-tab1 .twidget-form-list li.twidget-passengers,
#twidget-tab1 .twidget-form-list li.twidget-flight-dates{width:49%; margin-right:2%;}
#twidget-tab1 .twidget-form-list li.twidget-passengers,
#twidget-tab1 .twidget-form-list li.twidget-destination{margin-right:0;}
#twidget-tab1 .twidget-form-list li.twidget-submit-button{width:100%; margin-top:0px;}
.twidget-form-list li .twidget-passengers-detail .twidget-pas-no{display:inline-block; line-height:36px;}
.twidget-form-list li .twidget-passengers-detail .twidget-class{display:inline-block; line-height:36px;}

#twidget-tab2 .twidget-form-list li.twidget-hotel-dates{width:49%; margin-bottom:15px; margin-right:2%;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-guest{width:49%; margin-right:0; margin-bottom:15px;}
#twidget-tab2 .twidget-form-list li.twidget-submit-button{width:100%;}
}
@media (max-width: 550px){
.twidget-tab-content .twidget-title{display: none;}
#twidget-tab1 .twidget-form-list > li{width:100% !important; margin-bottom:15px;  margin-right:0 !important;}
#twidget-tab1 .twidget-form-list > li:last-child{margin-bottom:0; margin-top:0;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-dates{width:100%; margin-right:0;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-dates .twidget-form-item{width:100%; margin-bottom:15px;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-dates .twidget-form-item:last-child{margin-bottom:0;}
#twidget-tab2 .twidget-form-list li.twidget-hotel-guest{width:100%;}
}
@media (max-width: 320px){
.twidget-dep-date {margin-bottom: 15px;}
.twidget-tab-links{display:table; width:100%;}
.twidget-tab-links ul{display:table-row;}
.twidget-tab-links ul li{display:table-cell; width:50%;}
.twidget-tab-links ul li a{padding:0; text-indent:-9999px;}
.twidget-tab-links ul li a:before{left: calc(50% - 25px);}
.twidget-form-list li.twidget-flight-dates > div{width:100%;}
.twidget-form-list li.twidget-flight-dates .twidget-dep-date .twidget-input-box input{border-right-color:#fff; border-bottom:1px solid #cfd8dc;}
}
@media (max-width: 240px){
    .twidget-tab-content .twidget-header {display: none;}
}

#formResponse {
    transition: all 0.3s ease;
}
.alert-success, .alert-danger {
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}
.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}


#holidayInquiryForm input, 
#holidayInquiryForm textarea,
#holidayInquiryForm select,
#holidayInquiryForm button,
#holidayInquiryForm label {
    transition: all 0.3s ease-in-out;
}


