/* ///////////////////////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*
@font-face {
    font-family: 'Google Sans';
    src: url('/css/sans/GoogleSans-Italic.woff2') format('woff2'),
        url('/css/sans/GoogleSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/css/sans/GoogleSans-Medium.woff2') format('woff2'),
        url('/css/sans/GoogleSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/css/sans/GoogleSans-Regular.woff2') format('woff2'),
        url('/css/sans/GoogleSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/css/sans/GoogleSans-MediumItalic.woff2') format('woff2'),
        url('/css/sans/GoogleSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/css/sans/GoogleSans-Bold.woff2') format('woff2'),
        url('/css/sans/GoogleSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Google Sans';
    src: url('/css/sans/GoogleSans-BoldItalic.woff2') format('woff2'),
        url('/css/sans/GoogleSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
*/
/*
@import url("https://use.typekit.net/hng0hti.css");
body,.popover{font-family: 'Mallory','Arial', sans-serif;   font-size: 14px;}
*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;800&display=swap');

body,.popover{font-family: 'segoe Ui','Arial', sans-serif;   font-size: 14px;}




@import url("https://use.typekit.net/hng0hti.css");
body,.popover,.pika-single{font-family: 'Mallory','Arial', sans-serif !important;   font-size: 14px;}

*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
body,.popover{font-family: 'Figtree','Arial', sans-serif;   font-size: 14px; font-optical-sizing: auto;}

/*

@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;700&display=swap');*/
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700'); */


/* rohit chhetri */
  .text-primary{
    color: #2B6BE0 !important;
  }
  .text-primary:hover{
    color: #2B6BE0 !important;
  }
.badge {
    /* font-weight: normal !important; */
    /* padding: 6px 4px 3px 4px; */
}
.badge-primary-custom {
    color: #1c73e8;
    background-color: #e2f5ff;
    border: 0px solid #1c73e8 !important;
    padding: 5px 8px;
}
/* rohit chhetri */


.masthead {
  
  background:#1459d7;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: bold;
}

.head_line{position: relative; padding-bottom: 7px;}
.head_line::after 
{ content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #1459d7;
  background: linear-gradient(left, transparent 0%,#1459d7 50%,transparent 100%);
background: -webkit-gradient(linear, left top, right top, from(transparent),color-stop(50%, #1459d7),to(transparent));

}
.quick-links a{font-size:15px !important; color:#ccc!important}


.flight-summary .zmdi-info-outline:hover
{
  color:#07569c;
  cursor:pointer;
}

span.error{
    color:red; margin-top:5px; margin-bottom: 0; font-size:13px;
}
input.error{border:solid 1px red;}

.clearbtn {
    position: absolute;
    right: 10px;
    top: -14px;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 19px;
    cursor: pointer;
    color: #ccc;
}
.fow {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.text-high{color:#f9e242;}

.bgshade-1{
    background: #3f80de;
    /*background: #1459d7;
background: -moz-linear-gradient(top, #1459d7 0%, #48c6ef 99%);
background: -webkit-linear-gradient(top, #1459d7 0%,#48c6ef 99%);
background: linear-gradient(to bottom, #1459d7 0%,#48c6ef 99%); background-attachment: fixed;
*/}



.bgshade-2{background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);}
.bgshade-2:hover{background-image: linear-gradient(-60deg, #f09819 0%, #ff5858 100%);}

.bck-square{width:150px; height:150px;}
.text-warning{color:#ff5907 !important;}

.form-check-label{font-size:15px;}
.form-control,.custom-select {color:#000 !important; }
#modifyForm label{color:#000 !important; font-size:13px; }
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}



.card{font-size:15px;}
.card-header{background-color: #eee;cursor:pointer;}


.page-link{border:none; font-size: 15px;}



.only_main:hover .onlylink {display:block !important; cursor:pointer}

.only_main label{cursor:pointer}

#airline_box{max-height:300px; overflow:auto}


.popover-body{font-size:13px !important;}
.popover-header{    font-size: 13px !important;
    font-weight: bold;}

section {
    padding-top: 70px;
}

section .section-title {
    text-align: center;
    color: #000;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #222 !important;
    
}
#footerCopy {
    background: #181818 !important;
}
#footer h6{
    padding-left: 10px;
    border-left: 3px solid #666;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#555;
}
#footer a {
    color: #fff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
    padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
    font-size:25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}
#footer ul.social li:hover a i {
    font-size:30px;
    margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
    color:#fff;
    font-size: 15px;;
}
#footer ul.social li a:hover{
    color:#555;
}
#footer ul.quick-links li a:hover{
    color:#f97150!important;
}
#footer ul.quick-links li{
    padding: 5px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    
}
#footer ul.quick-links li:hover{
    padding: 5px 0;
    margin-left:0px;
    font-weight:500;    
    color:#f97150!important;
}
#footer ul.quick-links li a i{
    margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
     color:#f97150!important;
}

@media (max-width:767px){
    #footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.divMob {
    margin-bottom: 50px;
}
}


.copyright{
    padding:18px 15px;
    font-size: 15px;
    color:#838383;
}


.profile-header {
    transform: translateY(5rem);
}







/* FLIGHTS SECTION */

.keel-mom .Flights-Results-StopsPlot .axis{
    width:100%;
    height:2px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:rgba(0,0,0,0.2)
}
.keel-mom .Flights-Results-StopsPlot .axis:before,.keel-mom .Flights-Results-StopsPlot .axis:after{
    content:'';
    display:block
}
.keel-mom .Flights-Results-StopsPlot .axis.endots:before,.keel-mom .Flights-Results-StopsPlot .axis.endots:after{
    display:none
}
.keel-mom .Flights-Results-StopsPlot .dot{
    border:1px solid #fff
}
.keel-mom .Flights-Results-StopsPlot .dot.warn{
    width:14px;
    height:14px;
    display:flex;
    align-items:center;
    padding-bottom:1px;
    color:#e8381b;
    border:none
}
.keel-mom .Flights-Results-StopsPlot .dot.warn>svg{
    width:100%;
    height:100%
}
.keel-mom .Flights-Results-StopsPlot .dot-inner{
    display:block;
    border:2px solid rgba(0,0,0,0.2);
    width:8px;
    height:8px;
    background-color:#fff
}
.keel-mom .Flights-Results-StopsPlot.circle .dot .dot-inner{
    border-radius:50%
}
.keel-mom .Flights-Results-StopsPlot.circle .dot{
    border:none
}
.keel-mom .Flights-Results-StopsPlot.circle .dot-inner{
    border:none;
    width:6px;
    height:6px;
    background-color:#585858
}
.keel-mom .Flights-Results-LegInfo {
    margin:0;
    justify-content:space-between
}
.keel-mom .Flights-Results-LegInfo >*{
    margin-bottom:0;
    padding:0
}
.keel-mom .Flights-Results-LegInfo  .col-field{
    min-height:40px
}
.keel-mom .Flights-Results-LegInfo  .col-field>div{
    line-height:20px
}
.keel-mom .Flights-Results-LegInfo  .col-field.select-leg{
    align-self:center;
    min-height:0;
    margin:auto 10px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier,.keel-mom .Flights-Results-LegInfo  .col-field.depart{
    margin-right:20px
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops,.keel-mom .Flights-Results-LegInfo  .col-field.return{
    margin-right:15px
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    text-align:center;
    width:70px
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops .top{
    padding-bottom:9px
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops .bottom{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops .bottom .warn{
    color:#e8381b
}
.keel-mom .Flights-Results-LegInfo  .col-field.time{
    /*width:72px*/
}
.keel-mom .Flights-Results-LegInfo  .col-field.time.return{
    width:90px
}
.keel-mom .Flights-Results-LegInfo  .col-field.time .warn{
    vertical-align:top;
    display:inline-block;
    margin-left:3px
}
.keel-mom .Flights-Results-LegInfo  .col-field.time .bottom.flag{
    display:inline-block;
    padding:0 2px
}
.keel-mom .Flights-Results-LegInfo  .col-field.time .top .base-time{
    font-size:17px
}
.keel-mom .Flights-Results-LegInfo  .col-field.time .top .meridiem{
    font-size:15px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier{
    text-align:center;
    width:90px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top{
    height:30px;
    line-height:inherit
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .bottom{
    line-height:inherit
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier img,.keel-mom .Flights-Results-LegInfo  .col-field.carrier svg{
    height:30px
}
.keel-mom .Flights-Results-LegInfo  .col-field.duration{
    max-width:96px;
    min-width:52px
}
.keel-mom .Flights-Results-LegInfo  .col-field.duration-cabin{
    min-width:60px;
    margin-right:10px
}
.keel-mom .Flights-Results-LegInfo  .col-field.cabin{
    width:55px
}
.keel-mom .Flights-Results-LegInfo  .col-field.date{
    width:65px
}
.keel-mom .Flights-Results-LegInfo  .col-field.fees{
    width:30px;
    padding-right:0;
    text-align:center
}
.keel-mom .Flights-Results-LegInfo  .col-field.fees .top,.keel-mom .Flights-Results-LegInfo  .col-field.fees svg{
    width:20px;
    height:20px;
    margin:auto
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines{
    height:32px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines .airline-1,.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines .airline-2{
    position:relative;
    width:auto;
    height:15px;
    padding:1px 2px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines .airline-1{
    left:0
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines .airline-2{
    top:8px;
    left:-9px
}
.keel-mom .Flights-Results-LegInfo .col-field .top{
    
    font-weight:700;
    font-size:15px;
    letter-spacing:.03em
}
.keel-mom .Flights-Results-LegInfo .col-field .bottom{
    
    font-weight:400;
    font-size:15px;
    color:#0f0f0f;
    letter-spacing:.03em
}
.keel-mom .Flights-Results-LegInfo .select-leg-checkbox .icon{
    border-color:#e4e5ea
}
.keel-mom .Flights-Results-LegInfo .date{
    text-align:center;
    font-size:17px
}
.keel-mom .Flights-Results-LegInfo .date.warn{
    background-color:#dbeeff
}
.keel-mom .Flights-Results-LegInfo .date .bottom{
    font-size:15px
}
.keel-mom .Flights-Results-LegInfo .carrier .bottom{
    margin-top:4px
}
.keel-mom .Flights-Results-LegInfo .stops .bottom,.keel-mom .Flights-Results-LegInfo .carrier .bottom{
    font-size:15px;
    letter-spacing:0;
    color:#344755
}
.keel-mom .Flights-Results-LegInfo .depart{
    text-align:right
}
.keel-mom .Flights-Results-LegInfo .time .warn{
    color:#e8381b;
    font-size:15px
}
.keel-mom .Flights-Results-LegInfo .time .bottom{
    color:#0f0f0f
}
.keel-mom .Flights-Results-LegInfo .time .bottom.flag{
    color:#000;
    background-color:#dbeeff
}
.keel-mom .Flights-Results-LegInfo .time .top span{
    font-size:13px;
    display:inline-block;
    margin-top:-4px
}
.keel-mom .Flights-Results-LegInfo .duration .top{
    font-size:15px;
    
    font-weight:700;
    letter-spacing:0
}
.keel-mom .Flights-Results-LegInfo .cabin .top{
    font-size:15px;
    
    font-weight:400;
    letter-spacing:0;
    color:#a5a7b3
}
.keel-mom .Flights-Results-LegInfo .fees svg,.keel-mom .Flights-Results-LegInfo .fees .top{
    color:#e8381b
}
.keel-mom .Flights-Results-LegInfo .fees svg .alternate-color,.keel-mom .Flights-Results-LegInfo .fees .top .alternate-color{
    fill:#fff
}
.keel-mom .Flights-Results-LegInfo .fees svg .airline-1,.keel-mom .Flights-Results-LegInfo .airline-2{
    border:1px solid #e4e5ea;
    background:#fff
}
.keel-mom .Flights-Results-LegInfo.tight  .col-field.carrier{
    margin-right:0
}
.keel-mom .Flights-Results-LegInfo.tight  .col-field.time,.keel-mom .Flights-Results-LegInfo.tight  .col-field.stops{
    margin-right:10px
}
.keel-mom .Flights-Results-LegInfo.no-carry-on-column  .col-field:last-of-type{
    margin-right:20px
}
.keel-mom .Flights-Results-LegInfo.split-booking  .col-field.date{
    background-color:#fff
}
.keel-mom .Flights-Results-LegInfo.selected-leg .top{
    color:#00baf7
}
.keel-mom .Flights-Results-LegInfo.result-hovered .select-leg-checkbox .icon{
    border-color:#0f0f0f
}
.keel-mom .Flights-Results-LegInfo-Tooltip svg{
    height:14px;
    width:13px;
    color:#fff
}
.keel-mom .Flights-Results-LegInfo {
    margin:0
}
.keel-mom .Flights-Results-LegInfo >*{
    margin-bottom:0;
    padding:0
}
.keel-mom .Flights-Results-LegInfo  .col-field.time.depart,.keel-mom .Flights-Results-LegInfo  .col-field.carrier,.keel-mom .Flights-Results-LegInfo  .col-field.stops{
    margin:0;
    padding:0 10px
}
.keel-mom .Flights-Results-LegInfo  .col-field.time.depart,.keel-mom .Flights-Results-LegInfo  .col-field.stops{
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAECAYAAACk7+45AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMy0wNy0xN1QxMDoxNzo1OCswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTMtMDctMTlUMTA6MjI6MDMrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTMtMDctMTlUMTA6MjI6MDMrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBQUUzN0JBRjA0QzExRTI4NzRGQzc2RTQxNzdGOTI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBQUUzN0JCRjA0QzExRTI4NzRGQzc2RTQxNzdGOTI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEFBRTM3QjhGMDRDMTFFMjg3NEZDNzZFNDE3N0Y5MjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEFBRTM3QjlGMDRDMTFFMjg3NEZDNzZFNDE3N0Y5MjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49UQrUAAAAHUlEQVR42mK8fPnyYQYgYGKAAEYWIGGLLMIAEGAAcLMDhDhefyEAAAAASUVORK5CYII=);
    background-repeat:repeat-y;
    background-position:right center
}
.keel-mom .Flights-Results-LegInfo  .col-field.time.return{
    margin-right:10px;
    margin-left:5px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier{
    width:68px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top{
    position:relative;
    padding:5px 0 3px;
    width:50px;
    height:48px;
    display:inline-block;
    line-height:40px
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top img{
    width:40px;
    display:inline-block;
    vertical-align:middle
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top svg{
    display:inline-block;
    vertical-align:middle
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines{
    padding:2px 0 0
}
.keel-mom .Flights-Results-LegInfo  .col-field.carrier .top.two-airlines img{
    width:24px;
    height:24px
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time{
    line-height:21px;
    min-width:125px
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time.return{
    min-width:125px
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time .top{
    font-weight:700
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time .bottom{
    margin-right:5px
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time .bottom.flag{
    background:none;
    color:#fe5766
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time .name.flag{
    background:rgba(255,97,139,0.5);
    border-radius:2px;
    padding:0 5px
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time span{
    font-size:18px
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time span.layoverWarn{
    display:inline-block;
    color:#fe5766;
    font-size:13px;
    vertical-align:top
}
.keel-mom .Flights-Results-LegInfo  div.col-field.time span.name{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    font-size:15px;
    max-width:100%;
    color:#585858;
    display:block;
    min-width:60px
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops{
    width:100px
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops .duration{
    font-size:15px;
    font-weight:400;
    line-height:16px;
    margin-bottom:5px;
    color:#585858
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops .bottom{
    font-size:15px;
    font-weight:700;
    line-height:16px;
    text-transform:capitalize;
    letter-spacing:0;
    color:#585858
}
.keel-mom .Flights-Results-LegInfo  .col-field.stops .top{
    font-size:18px;
    letter-spacing:0;
    padding-bottom:6px;
    line-height:12px
}
.keel-mom .Flights-Results-LegInfo.LongLeg {
    margin:0
}
.keel-mom .Flights-Results-LegInfo.LongLeg >*{
    margin-bottom:0;
    padding:0
}
.keel-mom .Flights-Results-LegInfo.LongLeg  div.col-field.time,.keel-mom .Flights-Results-LegInfo.LongLeg  div.col-field.time.return{
    width:215px
}
.keel-mom .Flights-Results-LegInfo.LongLeg  .col-field.stops{
    width:120px
}
.Flights-Results-ResultInfo{
    flex:auto;
    display:flex;
    flex-direction:column
}
.Flights-Results-ResultInfo .flights .flight.with-gutter{
    padding-bottom:10px
}
.Flights-Results-ResultInfo .flights{
    display:flex;
    flex:auto;
    flex-direction:column;
    align-items:stretch;
    justify-content:space-around
}
.Flights-Results-ResultInfo.single-line-legs{
    padding:10px 0
}
.Flights-Results-ResultInfo.single-line-legs.multiple-legs .flights{
    justify-content:space-between
}
.Flights-Results-ResultInfo.row-underneath{
    padding-bottom:0
}
.Flights-Results-ResultInfo .airlines{
    padding:6px 3px 5px 28px;
    opacity:.7;
   /* background:url("https://www.momondo.com/res/images/horizon/flights/results/brands/momondo/plane-tail.svg?v=dbac16c1e701c00c7f54c934d1fa37a6377727bc\000026cluster=5") no-repeat 10px 5px;*/
    background-size:15px 15px;
    display:inline-block;
    margin-top:5px;
    margin-bottom:3px;
    font-size:15px;
    
    font-weight:400;
    line-height:12px
}
.Flights-Results-ResultInfo .airlines>span{
    padding-right:3px
}
.Flights-Results-ResultInfo .airlines.train{
    /*background:url("https://www.momondo.com/res/images/horizon/flights/results/brands/momondo/icon-train.svg?v=5e9c503c91cfbb35d5c665afe9da373e51127390\000026cluster=5") no-repeat 10px 5px;*/
    background-size:15px 15px
}
.Flights-Results-ResultInfo .flights .flight{
    position:relative;
    border-bottom:1px solid #e3e6e7;
    padding:10px 0 12px
}
.Flights-Results-ResultInfo .flights .flight.with-gutter{
    padding-bottom:12px
}
.bad-score .Flights-Results-ResultInfo .flights{
    background-color:#fff
}
.bad-score .Flights-Results-ResultInfo .flights .flight{
    border-bottom-color:#e7e2e2
}
.ticketBody .Flights-Results-ResultInfo .flights .flight{
    border:none
}



.detail-shadow{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.05);
}  
.detail-box{
        font-size:15px;
}



.flight-summary:hover{/*box-shadow:rgba(0, 0, 0, 0.176) 0px 16px 48px 0px;*/}


/*TABS*/


.tab_design  {
       overflow: hidden;
}
.tab_design .nav-tabs {
    border-bottom: 0px solid #FFF ;
    
 
}
.bg-light .nav-link{
    font-weight: bold;
}


tab_design .nav-link{
    border:0px;
  background-color:#FFF;
border-left:solid 0px #FFF;
text-align: left;
border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    font-size: 13px;
    color:#333 !important;
    
    
    

}

.tab_design .nav-link:hover{
    background-color: #fff2e8 !important;
}

.tab_design .active{
  background-color: #fff2e8 !important;
  color:#333 !important;
  border:0px;
  border-bottom: #ff5858 solid 2px !important;
} 

/*MATRIX*/
 

.pn-ProductNav_Wrapper {
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
}

.pn-ProductNav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative;
  font-size: 0;
}
.js .pn-ProductNav {
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Remove the default scrollbar for WebKit implementations */
}
.js .pn-ProductNav::-webkit-scrollbar {
  display: none;
}

.pn-ProductNav_Contents {
  float: left;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  position: relative;
}

.pn-ProductNav_Contents-no-transition {
  transition: none;
}

.pn-ProductNav_Link {
  text-decoration: none;
  
  font-size: 13px;
  
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid transparent;
  padding: 0 11px;
  width:120px;
 
}
.pn-ProductNav_Link + .pn-ProductNav_Link {
  border-left-color: #eee;
}
.pn-ProductNav_Link[aria-selected="true"] {
  
}

.pn-Advancer {
  /* Reset the button */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0;
  transition: opacity .3s;
}
.pn-Advancer:focus {
  outline: 0;
}
.pn-Advancer:hover {
  cursor: pointer;
  
}

.pn-Advancer_Left {
  left: 0;
    box-shadow: 3px 0px 4px 0px #aaaaaa;
    padding-right: 10px;
    background-color: #FFF;
}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1;
}

.pn-Advancer_Right {
  right: 0;
    box-shadow: -3px 0px 4px 0px #aaaaaa;
  padding-left:10px;
  background-color:#FFF;
}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1;
}

.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: #bbb;
}

.pn-ProductNav_Indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background-color: transparent;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  
}

  
  @keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}
  
  .animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 12px;
    position: relative;
}

.card .title{font-size:15px;}


.formRow {
  position: relative;
  width: 100%;
}
.formRow--item {
  display: block;
  width: 100%;
}
.formRow--input {
  position: relative;
  padding: 15px 20px 11px;
  width: 100%;
  outline: none;
  border: solid 1px #95989a;
  border-radius: 4px;
  color: #2c3235;
  letter-spacing: .2px;
  font-weight: 400;
  resize: none;
  transition: all .2s ease;
}
.formRow--input-wrapper {
  position: relative;
  display: block;
  width: 100%;
}
.formRow--input-wrapper.active .placeholder {
  top: -5px;
  background-color: #ffffff;
  color: #6f86d6;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-size: 11px;
  line-height: 14px;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
  color: #6f86d6;
}
.formRow--input-wrapper .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
  border-color: #6f86d6;
}
.formRow .placeholder {
  position: absolute;
  top: 25px;
  left: 10px;
  display: block;
  padding: 0 10px;
  color: #95989a;
  white-space: nowrap;
  letter-spacing: .2px;
  font-weight: normal;
  
  transition: all, .2s;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .pax-popover {width: 240px;display:none;border:1px solid #6f86d6; border-radius:0px; padding: 10px;position: absolute;background: #ffffff;z-index: 88888; font-size: 13px;-webkit-box-shadow: 2px 2px 2px 2px rgba(191,191,191,1);-moz-box-shadow: 2px 2px 2px 2px rgba(191,191,191,1);box-shadow: 2px 2px 2px 2px rgba(191,191,191,1);}
    .paxCountField {width: 40px !important;font-size: 13px;text-align: center; border:0px;}
    .pax-popover select{width:100px; padding:4px; border:solid 1px #CCC;}
    
    /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}












.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #6f86d6 ;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #6f86d6 ;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #6f86d6 ;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #6f86d6 ;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }

    
    
        

        
        
        
        
        
        
        
        
        
 /* Ion.RangeSlider
// css version 2.0.3
// � 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}
       
        
        
        
/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// Denis Ineshin, 2014    https://github.com/IonDen
// guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    height: 55px;
}
.irs-with-grid {
    height: 75px;
}
.irs-line {
    height: 5px;
    top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}
    .irs-line-left {
        height: 8px;
    }
    .irs-line-mid {
        height: 8px;
    }
    .irs-line-right {
        height: 8px;
    }

.irs-bar {
    height: 6px;
    top: 32px;
    border-top: 1px solid #007bff;
    border-bottom: 1px solid #428bca;
    background: #c3e2fd;
}
    .irs-bar-edge {
        height: 10px; top: 33px;
        width: 14px;
        border: 1px solid #428bca;
        border-right: 0;
        background: #428bca;
        background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */
        border-radius: 16px 0 0 16px;
        -moz-border-radius: 16px 0 0 16px;
    }

.irs-shadow {
    height: 2px; top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 25px;
    width: 20px;
    height: 20px;
    border: 1px solid #007bff;
    background: #007bff;
    border-radius: 20px;
    -moz-border-radius: 27px;
    cursor: pointer;
}

.irs-slider.state_hover, .irs-slider:hover {
    background: #f5f5f5;
}

.irs-min, .irs-max {
    color: #333;
    font-size: 12px; line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    /* color: #fff; */
    font-size: 11px;
    line-height: 1.8;
    text-shadow: none;
    padding: 1px 5px;
    /* background: #007bff; */
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}
.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}
.irs-grid-pol.small {
    background: #999;
}

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}
        
        
        
        
        
        
        
        
        
        
/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('../img/multiple-select.png') left top no-repeat;
}

.ms-choice > div.open {
    background: url('../img/multiple-select.png') right top no-repeat;
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 13px;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('../img/multiple-select.png') no-repeat 100% -22px;
    background: url('../img/multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('../img/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../img/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('../img/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('../img/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('../img/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
}

.ms-drop .ms-no-results {
    display: none;
}
        
        
.fixed {
  position:fixed;
  top:0;
  z-index:99999;
}        
        

span.jq-dte {
  display: inline-block;
  position: relative;
  padding: 11px 5px;
  margin: 1px;
  background-color: #ffffff;
  border: 1px solid #95989a;
  border-radius: 3px;
}

span.jq-dte-inner {
  border: none;
  padding: 1px;
  margin: 1px;
  white-space: nowrap;
  background-color: #ffffff;
}

span.jq-dte input {
  border: none;
  background-color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 0;
  outline: none;
  vertical-align: middle;
  font-size: 13px;
}

span.jq-dte input.error {
  background-color: #ff9999;
  color: #000000;
}

span.jq-dte.readonly,
span.jq-dte.readonly span.jq-dte-inner,
span.jq-dte.readonly input {
  background-color: #f2f2f2;
  color: #666666;
}

span.jq-dte input.hint {
  color: #999999;
}

span.jq-dte span.separator {
  color: #999999;
}

span.jq-dte span.jq-dte-tooltip {
  display: inline-block;

  font-size: 12px;
  background-color: #f5f5b5;
  border: 1px solid #666666;
  margin: 0;
  margin-top:6px;
  padding: 1px 3px;
  line-height: 125%;
  z-index: 99;
}

span.jq-dte span.jq-dte-errorbox {
  display: inline-block;
  font-size: 13px;
  background-color: #ff9999;
  border: 1px solid #666666;
  margin: 0;
  padding: 1px 3px;
  line-height: 125%;
  white-space: nowrap;
}

  .hovereffect {
  display: inline-block;
  position: relative;
  text-decoration: none;
  
  
}
 .hovereffect:hover {
  
  text-decoration: none;
  
  
}

.hovereffect:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  background-color: #007bff;
  transition: transform 0.3s;
}

.hovereffect:hover:after {
  transform: scaleX(1);
}

.zmdi-chevron-down:before {
    content: '\f2f9';
}


.modify-search-xs{
    width: 100%;
    float: left;
}

.modify-search-xs h3{
    width: 50%;
    float: right;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.modify-search-xs h3 i{
    border: 1px solid #fff;
    padding: 0px 4px;
    border-radius: 3px;
    font-size: 28px;
    top: 2px;
}
.modify-search-xs h3 .zmdi-arrow-right{
    position: absolute;
    right: -7px;
    top: 0;
    border: 0;
    padding: 0px;
}
.left-icon{
    position: absolute;
    left: 0;
}
.right-icon{
    position: absolute;
    right: 0;
}

.modify-search-xs h3:first-child{
    float: left;
}
.modify-search-xs span{
    display: block;
    text-align: center;
    font-size: 12px;
}
.proFont{font-size: 28px;}

@media only screen and (max-width:767px){
    
    .p-3{
        padding: 0.5rem!important
    }
 
    .keel-mom .Flights-Results-LegInfo div.col-field.time span.name{
        font-size: 10px;
    }
    
    .keel-mom .Flights-Results-LegInfo div.col-field.time{
        width: auto;
    }
    
    .keel-mom .Flights-Results-LegInfo div.col-field.time span{
        font-size: 11px;
    }
    .keel-mom .Flights-Results-LegInfo .col-field.time .top .base-time{
      font-size: 11px;  
    }
    .keel-mom .Flights-Results-LegInfo .col-field.time .top .meridiem{
        font-size: 11px;
    }
    .keel-mom .Flights-Results-LegInfo .col-field.stops{
        width: auto;
    }
    .keel-mom .Flights-Results-LegInfo .col-field.stops .duration {
        font-size:11px;
    }
    .keel-mom .Flights-Results-LegInfo .col-field.stops .bottom{
        font-size:11px;
    }
    .detail-shadow img.al{
        width: 20px;
        height: 20px;
    }
    .keel-mom .Flights-Results-LegInfo .col-field.time.depart, .keel-mom .Flights-Results-LegInfo .col-field.carrier, .keel-mom .Flights-Results-LegInfo .col-field.stops{padding-left:0px;}
    
    .tab_design .nav-link{
        font-size: 11px;
    }
    .nav{
        flex-wrap: inherit;
    }
    .nav-link {
    padding: 5px;
}

.pn-ProductNav_Link{
        width: 95px;
        font-size: 10px;
}
.pn-Advancer_Right{
        padding-left: 9px;
}
.pn-Advancer_Left{
        padding-right: 9px;
}
.pn-Advancer_Icon{
    width: 14px;
    height: 22px;
}

.detail-box{
    font-size: 11px;
}
.proFont{font-size: 17px!important;}
.btn-mob{display: block;width: 75%;}
.email-mob{font-size: 9px;}

}





.feed_itm {
    position:relative;
    background: no-repeat center center;
    background-size:cover;
    border: 1px solid white ;
    background-color: black;
    padding: 0px;    
    margin: 0px;
    height:250px;
    text-align: center;
    vertical-align: bottom;
}

.feed_itm_inr {
    width: 100%;
    height: 100%;
    padding: 10px;
    background-color: rgba(3,3,3,0.0);
    color: white;
}


.feed_itm:hover .feed_itm_inr {
    background-color: rgba(3,3,3,0.3);
}

.feed_itm:hover > .feed_itm_inr:before {
    position: absolute;
    top: 35%;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
   font-size:4em;
   color: rgba(255,255,255,0.8);
   font-family: Material-Design-Iconic-Font;
   content: '\f1bf';
}

.feed_itm_ttl {
    margin: 5px 0 0 0;
}

.feed_itm_prc {
    margin: 0!important;
}

.image-block dl, .item_dtls dl {
    margin: 0 0 0 10px!important;
}

.item_desc {
    padding: 0 0 10px 10px;
}
.item_dtls {
    padding: 0 10px 10px 0;
}


.feed_itm_ttl, .item_dtls dt {
    font-size:1.2em;
    font-weight: 200!important;
    letter-spacing: .02em;
    text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}

.item_desc *, .item_dtls * {
    line-height: 1.4!important;
}

.feed_itm_prc, .item_dtls dd {
    font-size: 14px!important;
    font-weight:100;
    color: #BFCFD1;
}


 
.item_desc
{
    text-align: left;
    padding-left: 10px;
    position: absolute;
    bottom: 0;
    left: 0;  
}

.feed_itm_inr .item_dtls {
    padding-right: 10px;
    position: absolute;
    bottom: 0;
    right: 0;  
}


.feed_itm_inr .btn_fav {
  display: block;
  margin: 10px 10px 0 0;
  position: absolute;
  top: 0;
  background-color:transparent;
  border:none;
  color: white;
}
.feed_itm_inr .btn_fav {
    right: 0;
    width: 18px;
    padding: 0!important;
}


.btn_fav .fa-heart {
    color: rgba(239, 51, 26, 0.75);
}


    

.feed_itm_inr.gradient-black{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height:100%;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 65%, rgba(0,0,0,0.55) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 65%,rgba(0,0,0,0.55) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,rgba(0,0,0,0) 65%,rgba(0,0,0,0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}


.login-card-purple {
    background: linear-gradient(145deg, #673AB7, #9C27B0);
}

.login-card-yellow {
    background: linear-gradient(145deg, #FFC107, #FFEB3B);
}

.login-card-light {
    background: linear-gradient(145deg, #eee, #fff);
}

.login-dark {
    background: linear-gradient(145deg, #575b5d, #252b2d);
}

.login-blue {
    background: linear-gradient(145deg, #2196F3, #3F51B5);
}

.login-purple-pink {
    background: linear-gradient(145deg, #3F51B5, #E91E63);
}

.ui-autocomplete-loading { background:url('../img/indicator.gif') no-repeat left center }
.bg-light-green{background:#c7f9d7!important;}
#dep_selected{border-right:1px #ccc dashed}

.borderselected {
    border-top: solid 2px #f7ce03;
    background: #fffeda;
    -webkit-box-shadow: 0px -2px 5px 0px rgba(94,94,94,1);
-moz-box-shadow: 0px -2px 5px 0px rgba(94,94,94,1);
box-shadow: 0px -2px 5px 0px rgba(94,94,94,1);
}
.borderonlyselected {
    border: solid 2px #000;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
    
}

@media (max-width: 991.98px) { 

.filter-main{
    width: 100%;
    max-width: 260px;
    background: #fff;
    border-left: 1px solid #CCC;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 100%;
   display: none;
   z-index: 9999999999;
   -webkit-box-shadow: -5px 0px 5px 0px #03a9f4;
-moz-box-shadow: -5px 0px 5px 0px #03a9f4;
box-shadow: -5px 0px 5px 0px #03a9f4;
margin:0px; 
padding:0px;

}







.filter-main.active{
    display: block;
}

.filter-content{
    width: 100%;
    max-height: calc(100% - 40px);
    overflow-x: hidden;
    overflow-y: auto;
}

.filter-header{
    height: 40px;
    background: #d2d2d2;
    display: flex;
    justify-content: space-between;
    padding: 0 1.25rem;
    align-items: center;
}

.filter-header h6
{

}

.filter-header h4{
    font-size: 24px;
}

.show-filter{
    margin-left: 15px;
   
}

.body-main{
    transition: all .25s ease-in-out;
}

 .body-main.filter-active{
    /*padding-left: 260px;*/
    
}

.body-main.filter-active .fixed-bottom{
    /*padding-left: 260px;*/
}

}




.top-nav{z-index:9999999}
.scrollfix-top{margin-top:0px !important;}
.badge{font-weight: normal !important; /*padding:6px 4px 3px 4px;*/ }

.pointer{cursor:pointer;}



.borderselected{
    background: #fffeda;
    transition: all .25s ease-in-out;
}

.borderselected.active{
    background: #ececec;
}

.borderselected.flash-animation{ 
    animation: blinkingText 1s 1;
}
@keyframes blinkingText{
    0%        { background: #FCED8C;}
    25%        { background: #FDF19F;}
    50%        { background: #FEF5B3;}
    75%        { background: #FEFAC6;}
    100%    { background: #FFFEDA;}
}
.backClass{
    border: 0px solid #fff!important;
    padding: 0px 4px;
    border-radius: 3px;
    font-size: 50px!important;
    top: 2px}
.textOverflow{white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.detailTabs{border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding-bottom: 10px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.smallFont{font-size: 85%; line-height: 20px;}
select{background: #fff;}
.body-main{min-height:800px !important;}

.time_div_top{
    background: #e6ff98;
    bottom: 0;
    height: 30px;
    left: 0;
    margin-left:auto;
    margin-right:auto;
    position: fixed;
    top: 0;
    right: 0;
    width: 135px;
    border-radius: 0px     0    10px  10px;
    font-weight:bold;
    padding: 5px 10px;
    font-size:12px;
    text-align: center;
    z-index: 800000;
  }
  

  .navbar-toggler{border-radius: 0; padding:2px  5px; }
  .navbar-toggler-icon{width: 20px; height:20px;}
  .navText{position: relative; bottom: 3px;}


  
  .col-carousel {
    
    position: relative;
    margin-left:15px;
    margin-right:15px;
}

/* owl nav */
.owl-prev i, .owl-next i {
    color: #777;
}

.owl-prev i:hover, 
.owl-next i:hover {
    color: #8199A3;
}
.owl-item{border-right:solid 1px #e4e4e4}


.owl-prev, .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
    font-size:52px !important;
    line-height:52px !important;
}

.owl-prev {
    left: -20px;
    top:-5px;
}

.owl-next {
    right: -20px;
    top:-5px;
}
.owl-dots{display:none;}
/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}
.owl-carousel .owl-item img.al {    display: inline; 
     width: 32px;; }


     .owl-nav button.disabled i{
        visibility: hidden;
    }
      

  
    .owl-carousel-head .owl-item{border-right:solid 0px #e4e4e4}
    .owl-carousel-head .owl-prev {
        left: -20px;
        top:-5px;
    }
    
    .owl-carousel-head .owl-next {
        right: -20px;
        top:-5px;
    }

    .owl-carousel-head .owl-nav button.disabled i { visibility: visible; }
  
/*
#flight_form .formRow--input{font-weight:normal; font-size:16px;line-height:26px;padding-left:45px;}
#flight_form .formRow .placeholder{font-size:16px;line-height:26px;padding-left:45px; font-weight: normal;}
#flight_form .formRow--input-wrapper{position:relative; }
#flight_form .formRow--input-wrapper i.icf{position: absolute;left: 15px; top: 14px; color: gray; }
#flight_form .formRow--input-wrapper.active .placeholder{font-size:12px; line-height: 15px; padding-left:10px;}
*/


#flight_form .formRow--input{font-weight:normal; font-size:15px !important;line-height:18px;padding-left:45px;}
#flight_form .formRow .placeholder{font-size:15px !important;line-height:18px;padding-left:45px; font-weight: normal;}
#flight_form .formRow--input-wrapper{position:relative; }
#flight_form .formRow--input-wrapper i.icf{position: absolute;left: 13px; top: 10px; color: gray; }
#flight_form .formRow--input-wrapper.active .placeholder{font-size:13px !important; line-height: 15px; padding-left:10px;}


#bus_form .formRow--input{font-weight:normal; font-size:13px;line-height:18px;padding-left:45px;}
#bus_form .formRow .placeholder{font-size:13px;line-height:18px;padding-left:45px; font-weight: normal;}
#bus_form .formRow--input-wrapper{position:relative; }
#bus_form .formRow--input-wrapper i.icf{position: absolute;left: 13px; top: 10px; color: gray; }
#bus_form .formRow--input-wrapper.active .placeholder{font-size:11px; line-height: 15px; padding-left:10px;}

.list-group.list-group-horizontal{
    display: flex;
    flex-direction: row;
}
.list-group.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-right: 0;
     border-right-width: 0;
     border-radius: 0;
}
.list-group.list-group-horizontal .list-group-item:first-child {
    border-top-right-radius:0;
    border-bottom-left-radius:0px;
    border-radius: 0;
}
.list-group.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:0;
    border-right-width: 1px;
    border-radius: 0;
}
.col-field.stops .bottom{
    font-size:12px!important;
    font-weight:normal!important;
    /*color:#1372ada6!important;*/
}
.swapicon{position: absolute; top: 109px; right: 50px; z-index: 1;color: #7389d7!important;}


.formRow--input,.picker__box,.btn,.card-header,.alert,.rounded,.card-img-top,.card,.nav-link,.tab-content,.detailTabs,.form-control,.list-group-item,.breadcrumb,.modal-content{border-radius: 0px !important;}
img {
    image-rendering: auto;
    
  }


  


/*
.breadcrumb_a {
        display: inline-block;
    overflow: hidden;
    border-radius: 
    counter-reset: flag; 
    border:solid 1px #ccc;
}

.breadcrumb_a a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 26px;
    color: white;
    padding: 0 10px 0 60px;
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
}
.breadcrumb_a a:first-child {
    padding-left: 46px;
    border-radius: 5px 0 0 5px;
}
.breadcrumb_a a:first-child:before {
    left: 14px;
}
.breadcrumb_a a:last-child {
    border-radius: 0 5px 5px 0; 
    padding-right: 20px;
}

.breadcrumb_a a.active, .breadcrumb_a a:hover{
    background: #333;
    background: linear-gradient(#333, #000);
}
.breadcrumb_a a.active:after, .breadcrumb_a a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
}
.breadcrumb_a a:after {
    content: '';
    position: absolute;
    top: 0; 
    right: -10px; 
    width: 26px; 
    height: 26px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    
    box-shadow: 
        2px -2px 0 2px rgba(0, 0, 0, 0.4), 
        3px -3px 0 2px rgba(255, 255, 255, 0.1);
     
    border-radius: 0 5px 0 50px;
    
}
.breadcrumb_a a:last-child:after {
    content: none;
}
.breadcrumb_a a:before {
    content: counter(flag);
    counter-increment: flag;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 3px 0;
    position: absolute;
    top: 0;
    left: 30px;
    background: #444;
    background: linear-gradient(#444, #222);
    font-weight: bold;
    padding-left:7px;
}
*/

.flat a, .flat a:after {
    background: white;
    color: black;
    transition: all 0.5s;
}
.flat a:before {
    background: #eee;
    
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
    background: #9EEB62;
}






.step-container {
    background: #ffffff;
    border-radius: 0px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    margin: 0px auto;
    
    overflow: hidden;
  }
  .step-header {
    padding: 20px;
    text-align: center;
  }
  .step-indicator {
    background: #dedede;
    border-radius: 4px;
    display: inline-block;
    height: 8px;
    margin: 0 4px;
    margin-bottom: 20px;
    width: 8px;
  }
  .step-indicator.current {
    background: #888888;
  }
  .step-title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 20px;
  }
  
  .payment {
    height: 55px;
    position: relative;
  }
  .payment-image {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 40px;
    z-index: 2;
  }
  .payment-label {
    border-top: 1px solid #dedede;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-align: center;
            align-items: center;
    letter-spacing: 1px;
    padding: 0 0 0 85px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    margin-bottom:0px;
  }
  .payment-label:hover {
    background: #eeeeee;
  }
  .payment-option {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    opacity: 0;
    outline: none;
    z-index: 2;
  }
  .payment-option:checked {
    right: 20px;
    opacity: 0;
  }
  .payment-option:checked + .payment-label {
    background: #eeeeee;
  }
  .payment-option:after {
    color: green;
    content: "&#10004;";
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: -2px;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in;
    overflow: hidden;
    width: 0px;
  }
  .payment-option:checked:after {
    width: 20px;
  }
  
  .button {
    background: #fc654b;
    color: #ffffff;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    letter-spacing: 1px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .button:hover {
    background: #fc654b;
    color:#FFF;
    text-decoration: none;
  }
.arrowDwn{
    position: absolute;
    right: 15px;
    top: 14px;
    color: gray;
}

.small,small{font-size: 85% !important;}
.close {
    font-size: 55px;
    line-height: 17px;
}
.final-price-span{
    display: block;
    font-size: 11px !important;
    margin: 5px 0 3px 0;
   }
   
   
   .category{
     display: inline-block;
     padding:3px;
     border-radius: 10px;
     padding-left: 25px;
     padding-right: 25px;
     font-weight: bold;
    
   }

   .category.cat-work{background-color: #fa9600; color:#ffffff;}
   .category.cat-industry{background-color: #3d1dce; color:#ffffff;}
   /*.category.cat-news{background-color: #D1FAE5; color:#076047;}
      .category.cat-spl{background-color: #FCE7F3; color:#9E1A50;}
   */
   .category.cat-spl {background-color: #ff0092;color: #ffffff;}
   .category.cat-news {
    background-color: #c8e9ff;
    color: #1200ff;
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;


  }
  @-webkit-keyframes wobble {
  0% {
  -webkit-transform: none;
  transform: none;
  }
  15% {
  -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
  -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
  -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
  -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
  -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes wobble {
  0% {
  -webkit-transform: none;
  transform: none;
  }
  15% {
  -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
  -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
  -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
  -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
  -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  } 



/*
   .category{
    border-bottom: 2em solid #0062A1;
    border-left: .5em solid transparent;
    height:0;
    display: block;
    color: white;
    line-height: 2em;
    position:absolute;
    left:-1.5em;
    top:.5em;
    padding:0 1em;
    text-transform: uppercase;
    margin-left:1em;
    font-weight:bold;
  }
  .category:before {
    content:'';
      width: 0; 
      height: 0; 
    overflow: hidden;
      border-top: .5em solid #0062A1;
      border-left:.5em solid transparent; 
    position:absolute;
    left:-.5em;
    top:2em;
  }
  .category:after {
    content:'';
      width: 0; 
      height: 0; 
    overflow: hidden;
      border-top: 1em solid transparent;
      border-bottom: 1em solid transparent; 
      border-left:.5em solid #0062A1; 
    position:absolute;
    right:-.5em;
    top:0;
  }
  
  .category.cat-work{border-bottom-color: #28a745;}
  .category.cat-work:before{border-top-color: #17802f;}
  .category.cat-work:after{border-left-color: #28a745;}
  .category.cat-industry{border-bottom-color: #6E3895;}
  .category.cat-industry:before{border-top-color: #361C5E;}
  .category.cat-industry:after{border-left-color: #6E3895;}
  .category.cat-news{border-bottom-color: #0089AE;}
  .category.cat-news:before{border-top-color: #05596D;}
  .category.cat-news:after{border-left-color: #0089AE;}
*/
  
.md-modal {
  margin: auto;
    position: fixed;
    top: 10px;
    left: 0;
  right: 0;
    width: 95%;
    /*max-width: 630px;
    min-width: 320px;*/
    height: auto;
    z-index: 900000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 100000;
    opacity: 0;
    background: #fff;
  
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-effect-12 .md-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
    background: rgba(255, 255, 255, 100);
} 

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
    background: transparent;
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.modal-backdrop.show{opacity: .8;}

#bus_form .formRow--input {border: solid 1px #0955c3  !important;}

.filterControl.active{background-color: #e7edfa; font-weight: bold; color:#007bff;}


/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: 0;
  border: none;
}

.modal-header {
  border-bottom-color: #EEEEEE;
  background-color: #FAFAFA;
}



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add ".modal-left" or ".modal-right" in modal parent div, after class="modal".
*******************************/
.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {
  max-width: 800px;
  min-height: calc(100vh - 0px);
}
.modal.modal-left.show .modal-dialog, .modal.modal-right.show .modal-dialog {
  transform: translate(0, 0);
}
.modal.modal-left .modal-content, .modal.modal-right .modal-content {
  height: calc(100vh - 0px);
  overflow-y: auto;
}
.modal.modal-left .modal-dialog {
  transform: translate(-100%, 0);
  margin: 0px auto 0 0;
}
.modal.modal-right .modal-dialog {
  transform: translate(100%, 0);
  margin: 0px 0 0 auto;
}
.feature_ln{
  font-size:11px; font-weight:normal!important; display:inline-block; border:solid 1px #5dbe4a; color:#5dbe4a;
}
/*.card-body{max-height:300px; overflow: auto;}*/

#eac-container-origin_mob,#eac-container-destination_mob {
  box-shadow: 0 0 0 rgba(0,0,0,.15)!important ;
}

.wrapper {
    padding-left: 1em;
    padding-right: 1em;
    margin: auto;
    display: block;
    width: 195px;
}

.cssload-loader {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.cssload-loader {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
        -o-animation: 1.15s infinite ease-in-out;
        -ms-animation: 1.15s infinite ease-in-out;
        -webkit-animation: 1.15s infinite ease-in-out;
        -moz-animation: 1.15s infinite ease-in-out;
}
.cssload-loader:before,
.cssload-loader:after {
    width: 100%; 
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.cssload-loader:before,
.cssload-loader:after {
        content: "";
}

.cssload-loader {
        animation: cssload-animation1 1.73s infinite linear;
        -o-animation: cssload-animation1 1.73s infinite linear;
        -ms-animation: cssload-animation1 1.73s infinite linear;
        -webkit-animation: cssload-animation1 1.73s infinite linear;
        -moz-animation: cssload-animation1 1.73s infinite linear;
}
.cssload-loader:before,
.cssload-loader:after {
        content:"";
        margin: -24px 0 0 -24px;
        top: 50%;
        left: 50%;
        background-color: rgba(30,30,30,0.71);
        animation-name: cssload-animation2;
        -o-animation-name: cssload-animation2;
        -ms-animation-name: cssload-animation2;
        -webkit-animation-name: cssload-animation2;
        -moz-animation-name: cssload-animation2;
}
.cssload-loader:after { animation-direction: reverse;
        -o-animation-direction: reverse;
        -ms-animation-direction: reverse;
        -webkit-animation-direction: reverse;
        -moz-animation-direction: reverse; }





@keyframes cssload-animation1 {
    0% {     transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-o-keyframes cssload-animation1 {
    0% {     -o-transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-animation1 {
    0% {     -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-animation1 {
    0% {     -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-animation1 {
    0% {     -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@keyframes cssload-animation2 {
    0%     { transform: scale(0.2); left:     0%; }
    50%    { transform: scale(1.0); left:    50%; }
    100% { transform: scale(0.2); left: 100%; }
}

@-o-keyframes cssload-animation2 {
    0%     { -o-transform: scale(0.2); left:     0%; }
    50%    { -o-transform: scale(1.0); left:    50%; }
    100% { -o-transform: scale(0.2); left: 100%; }
}

@-ms-keyframes cssload-animation2 {
    0%     { -ms-transform: scale(0.2); left:     0%; }
    50%    { -ms-transform: scale(1.0); left:    50%; }
    100% { -ms-transform: scale(0.2); left: 100%; }
}

@-webkit-keyframes cssload-animation2 {
    0%     { -webkit-transform: scale(0.2); left:     0%; }
    50%    { -webkit-transform: scale(1.0); left:    50%; }
    100% { -webkit-transform: scale(0.2); left: 100%; }
}

@-moz-keyframes cssload-animation2 {
    0%     { -moz-transform: scale(0.2); left:     0%; }
    50%    { -moz-transform: scale(1.0); left:    50%; }
    100% { -moz-transform: scale(0.2); left: 100%; }
}


.cssload-loader:after{background-color: #0042cf !important;}
.cssload-loader:before, .cssload-loader:after{background-color: #0042cf !important;}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: .6;
  }
}


.coup {
  font-size: 14px !important;
}

.owl-carousel-head .m_coup_box{
  position: absolute;
  line-height: normal !important;
  font-size: 14px !important;
  margin-left: 18px;
  margin-top: 18px;
}
.owl-carousel-head .item{
  position: relative;
  
}

.ticket {
  position: absolute;
  /* margin-left: -18px; */
  background-image: radial-gradient(circle at -2px 50%, rgba(20, 89, 215, 0) 6.4px, rgb(20, 89, 215) 8px), radial-gradient(circle at 104% 50%, rgba(20, 89, 215, 0) 6.4px, rgb(20, 89, 215) 8px);
  background-position-x: 0%, 100%;
  background-position-y: 0%, 0%;
  background-repeat: no-repeat;
  background-size: 51% 100%, 51% 100%;
  border-bottom-color: rgb(0, 0, 0);
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(0, 0, 0);
  border-left-style: none;
  border-left-width: 0px;
  border-right-color: rgb(0, 0, 0);
  border-right-style: none;
  border-right-width: 0px;
  border-top-color: rgb(0, 0, 0);
  border-top-style: none;
  border-top-width: 0px;
  box-sizing: content-box;
  color: #fff;
  display: inline-block;
 
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-optical-sizing: auto;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: 100%;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-variation-settings: normal;
  font-weight: 700;
  height: 0px;
  line-height: 16px;
  margin-left: 0px !important;
  margin-bottom: 4px;
  padding-top: 10px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 24px;
  border-radius: 5PX;
  position: relative;
}

.inset_text{
  color: #f2eff7;
  font-size: 68px;
  background-color: #e6e6e6;
  color: transparent;
  text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  margin-bottom:-20px;
  letter-spacing: 2px;
  font-weight: bold;
}

/*  */


@media screen and (max-width:1200px) {
  .inset_text{
      font-size: 60px;
      margin-bottom:-16px;
  }
}

@media screen and (max-width:992px) {
  .inset_text{
      font-size: 40px;
      margin-bottom:-10px;
  }

  .map-address p{
      font-size: 12px;
  }

  .map-address h5{
      font-size: 14px;
  }
}


@media screen and (max-width:768px) {
  .inset_text{
      font-size: 28px;
      margin-bottom:-8px;

  }

  .map-address {
      display: none;
  }
}

@media screen and (max-width:575px) {
  .inset_text{
      font-size: 26px;
      margin-bottom:-7px;
  }
  
  .contact_info{
      text-align: center;
  }

  .contact_info .d-flex{
      justify-content: center;
  }


}


@media screen and (max-width:375px) {
  .inset_text{
      font-size: 20px;
      margin-bottom:-6px;

  }
}


/* ///////////////////////////////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
  
  a {
    text-decoration: none;
  }
  iframe{
    /*height: 35vh;*/
    width: 100%;
    border-radius: 5px;
    border: none !important;
}
  
  .navbar .active {
    color: #569AFE;
    border-bottom: 2px solid #569AFE;
    padding-bottom: 10%;
    width: 100%;
  }
  
  .bg-faded-warning {
    background-color: #feecde;
  }
  
  .fs-7 {
    font-size: 12px;
  }
  
  .read {
    cursor: pointer;
  }


  .amenities_less{
    display: none;
  }

  .outline-none{
    box-shadow: none;
    outline: none;
    border: none;
    background-color: transparent;
  }
  .select{
    width: 20%;
    outline: none;
    border: 1px solid grey;
    padding: 5px;
  }
  .fs-8{
    font-size: 14px;
  }
  .minus-margin{
    margin-left: -5px;
  }
  .mt-6{
    margin-top: 10rem;
  }
  .float-label{
    font-size: 8pt; 
    background-color: white; 
    padding: 0 5px; 
    position: absolute; 
    margin-top: -8px; 
    margin-left: 7%; 
    z-index: 6;
  }
  .w-74{
    width: 74%;
  }
  .btn-transparent{
    background-color: transparent;
  } 

 body {
    scroll-behavior: smooth;
  }
  .satisfaction-img{
    height: 368px;
  }
  .position-name{
    position: relative;
  }
  .payimg{
    opacity: 0.5;
    filter: grayscale(1);
    height: 38px;
  }
  .payimg:hover{
    opacity: 1;
    filter: grayscale(0);
  }
  .resizable-content{
    resize: vertical;
    width: 100%;
    height: 150px;
    max-width: fit-content;
    max-height: fit-content;
    overflow: auto;
  }
  .custom-city{
    cursor: pointer;
  }
  .custom-city img{
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .coupon_active .coupons{
    font-weight: bold;
  }
  .custom-city:hover{
    background-color: #cbdff9;
    /* color: #007bff; */
  }
  .custom-scroll::-webkit-scrollbar {
    width: 8px;
    border: none;
    background-color: white;
  }
/*  */
.img-responsive{
  width: 95%;
}
/*  */
  .childwidth {
    width: 11%;
  }
  .thumb img{
    opacity: 0.5;
  }
  .thumb .active{
    opacity: 1;
    /* border: 2px solid transparent;
    border-image: linear-gradient(45deg, red , yellow);
    border-image-slice: 1;
    border-radius: 5px; */
    border: 4px solid transparent;
    border-radius: 5px;
    background: 
      linear-gradient(to right, white, white), 
      linear-gradient(to right, #f29021 , #fe5d53); 
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
  }

  /* Track */
  .custom-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
  }

  /* Handle */
  .custom-scroll::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;

  }

  /* Handle on hover */
  .custom-scroll::-webkit-scrollbar-thumb:hover {
    background: darkgray;
    width: 8px;
  }

  .hide-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .hide-scroll::-webkit-scrollbar {
    display: none;
  }

  .filter-search-icon {
    top: 8px;
  }

  button {
    box-shadow: none !important;
  }

  .top-bar .scroll-to-fixed-fixed {
    -webkit-box-shadow: 0 8px 10px -6px #666;
    -moz-box-shadow: 0 8px 10px -6px #666;
    box-shadow: 0 8px 10px -6px #666;
  }

  .profile-card-2 {
    background-size: cover;
    background-position: center;
    padding-top: 25vh;
    border-radius: 4.8px;
  }

  .profile-card-3 {
    background-size: cover;
    background-position: center;
    padding-top: 35vh;
    border-radius: 10px;
  }

  .profile-name {
    font-size: 14pt;
    width: 90%;
    border-radius: 10px;
  }

  .profile-name1 {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 80%);
    width: 100%;
    color: white;
    margin: 0 !important;
  }

  .round {
    border-radius: 5px !important;
  }

  .round-right {
    border-radius: 0 5px 5px 0 !important;
  }

  .round-left {
    border-radius: 5px 0 0 5px !important;
  }

  .fs-3 {
    font-size: 28px;
  }

  .fs-6 {
    font-size: 16px;
  }

  .fs-5 {
    font-size: 20px;
  }

  .fs-4 {
    font-size: 24px;
  }

  .fs-1 {
    font-size: 12.8px !important;
  }

  .bg-card {
    background-color: #00a664;
  }

  .fs-small {
    font-size: 12px;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .btn-white {
    background-color: white;
    color: black;
  }

  .fw-semibold {
    font-weight: 600;
  }

  .zmdi-long-arrow-return {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }

  .mt-7 {
    margin-top: 2rem;
  }

  .alert-top {
    top: -150px;
  }

  .bg-overlay:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: black;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 35%;
    background-blend-mode: multiply;
  }
  .bg-overlay-city:before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: black;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0.1;
    background-blend-mode: multiply;
  }

  .dropdown-item:hover {
    background-color: #dcdcdc;
  }

  .cities:hover {
    background-color: #dcdcdc;
  }

  .web-night {
    -webkit-padding-before: 0.42rem !important;
    -webkit-padding-after: 0.42rem !important;
    font-size: 0.8rem;
    -webkit-text-size-adjust: none;
    -webkit-margin-before: 0.3rem !important;
    -webkit-margin-after: 0.3rem !important;
    line-height: 18px;
    padding: 0.54rem 0;
  }

  .web-sub-btn {
    -webkit-padding-before: 0.855rem !important;
    -webkit-padding-after: 0.855rem !important;
    -webkit-padding-start: 0.3rem !important;
    -webkit-padding-end: 0.3rem !important;
    font-size: 1rem !important;
    border: none;
    padding: 0.97rem 0.3rem;
  }

  .bw:hover {
    filter: grayscale(100%);
    transition: 0.5s;
  }

  .bw {
    transition: 0.5s;
  }

  .second-nav active {
    color: #569afe !important;
    border-bottom: 2px solid #569afe;
    padding-bottom: 10%;
    width: 100%;
  }

  .img-btn {
    font-size: 11.2px;
    background-color: black;
    opacity: 0.7;
    color: white;
    transition: 0.3s;
  }

  .img-btn:hover {
    transition: 0.8s;
    background-image: linear-gradient(-60deg, #f09819 0%, #ff5858 100%);
    opacity: 1;
  }

  .font-weight-semibold {
    font-weight: 500 !important;
  }

  .fs-10 {
    font-size: 24px !important;
  }

  .fs-8 {
    font-size: 14.4px !important;
  }

  .fs-9 {
    font-size: 15.04px !important;
  }

  .fs-xm {
    font-size: 11.2px !important;
  }

  .fs-11 {
    font-size: 14px !important;
  }

  .fs-12 {
    font-size: 18px !important;
  }

  .fs-booking-head {
    font-size: 18px !important;
  }

  .align {
    bottom: 25px;
    right: 25px;
  }

  .fs-13 {
    font-size: 13px !important;
  }

  .fs-14 {
    font-size: 38px;
  }

  .lh-1 {
    line-height: 16px;
  }

  .h-6 {
    height: 21rem;
  }

  .img-hover-effect:hover {
    transform: scale(1.2);
    transition: 0.5s;
  }

  .img-hover-effect {
    transition: 0.5s;
    transform: scale(1.1);
  }

  .bg-none {
    background-color: transparent;
  }

  .fs-15 {
    font-size: 32px;
  }

  /* .custom-input{
      border-radius: 0 5px 5px 0 ; 
      font-size: 15px; 
      box-shadow: none ; 
      border: none;
    }
    .custom-input:focus + .input-group-prepend{
      border: 1px solid #007bff;
    } */
  /*  */
  .form-control:focus {
    border-color: #007bff !important;
  }

  /* slide */
  .thumbnails {
    display: block ruby;
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;
    overflow: scroll;
    display: -webkit-box;
  }


  .thumbnail {
    width: 100px;
    height: 70px;
    overflow: hidden;
    list-style: none;
    margin: 0 0.2rem;
    cursor: pointer;
  }


  .thumbnail img {
    width: 100%;
    height: auto;
  }

  .coupon_active{
    background-color: #ecf8f4;
    color: #11a670;
    border: 1px solid #ecf8f4 !important;
    
  }

  /* radio */
  .coupons {
    /* display: block; */
    position: relative;
    padding-left: 28px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cp-border{
border: 1px solid rgba(228,228,228,.7) !important;
}
  .coupons input {
position: absolute;
opacity: 0;
cursor: pointer;
}
  .checkmark {
/* position: absolute;
top: 16px;
left: 0; */
height: 20px;
width: 20px;
background-color: #11a670;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.coupons input ~ .checkmark {
background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.coupons input:checked ~ .checkmark {
background-color:none;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.coupons input:checked ~ .checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
/* .coupons .checkmark:after {
   top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
background-color: white;

} */
p{
  margin-bottom: 0;
}

  /*  */
  /*  */
  .formRow {
position: relative;
width: 100%;
}
.formRow--item {
display: block;
width: 100%;
}
.formRow--input {
position: relative;
padding: 15px 20px 11px;
width: 100%;
outline: none;
border: solid 1px #ccc;
border-radius: 4px;
color: #2c3235;
letter-spacing: .2px;
font-weight: 400;
resize: none;
transition: all .2s ease;
}
.formRow--input-wrapper {
position: relative;
display: block;
width: 100%;
}
.formRow--input-wrapper.active .placeholder {
top: -5px !important;
left: 10px !important;
background-color: #ffffff;
color: #007bff;
text-transform: uppercase;
letter-spacing: .8px;
font-size: 11px;
line-height: 14px;
-webkit-transform: translateY(0);
        transform: translateY(0);
}
.formRow--input-wrapper.active .formRow--input:not(:focus):not(:hover) ~ .placeholder {
color: #007bff;
}
.formRow--input-wrapper .formRow--input:focus, .formRow--input-wrapper .formRow--input:hover {
border-color: #ced4da;
}
.formRow--input-wrapper .formRow--input:focus{
border-color: #007bff;
}
.formRow .placeholder {
position: absolute;
top: 25px !important;
left: 30px !important;
display: block;
padding: 0 5px;
color: #95989a;
white-space: nowrap;
letter-spacing: .2px;
font-weight: normal;

transition: all, .2s;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
pointer-events: none;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

  /*  */

  .form-group {
    position: relative;
    /* margin-bottom: 20px; */
  }

  .form-group input {
    width: 100%;
    padding: 13px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    transition: border-color 0.3s ease;
  }

  .form-group label {
    position: absolute;
    left: 40px !important;
    top: 15px;
    font-size: 14px;
    color: #777;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  }

  .form-group input:focus {
    border-color: #007bff;
    outline: none;
  }

  .form-group input:focus+label,
  .form-group input:not(:placeholder-shown)+label {
    top: -8px;
    font-size: 11.2px;
    color: #007bff;
    background-color: #ffffff;
    padding: 0 4px;
    border-radius: 4px;
    left: 8px !important;
    text-transform: uppercase;
  }

  .filter-search-icon {
    right: 14px;
  }

  /*  */
  .form-group-pan {
    position: relative;
    /* margin-bottom: 20px; */
  }

  .form-group-pan input {
    width: 100%;
    padding: 13px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
    transition: border-color 0.3s ease;
  }

  .form-group-pan label {
    position: absolute;
    left: 20px !important;
    top: 15px;
    font-size: 14px;
    color: #777;
    transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
  }

  .form-group-pan input:focus {
    border-color: #007bff;
    outline: none;
  }

  .form-group-pan input:focus+label,
  .form-group-pan input:not(:placeholder-shown)+label {
    top: -8px;
    font-size: 11.2px;
    color: #007bff;
    background-color: #ffffff;
    padding: 0 4px;
    border-radius: 4px;
    left: 6px !important;
    text-transform: uppercase;
  }

  .irs-min {
    visibility: hidden !important;
  }

  .irs-max {
    visibility: hidden !important;
  }

  /*  */
  .border-custom {
    border: 1px solid #dee2e6;
  }

  .btn-review {
    background: rgb(241, 147, 30);
    background: linear-gradient(180deg, rgba(241, 147, 30, 1) 0%, rgba(253, 94, 82, 1) 100%);
  }

  .btn-review:hover {
    background: rgb(241, 147, 30);
    background: linear-gradient(0deg, rgba(241, 147, 30, 1) 0%, rgba(253, 94, 82, 1) 100%);
  }

  .fs-sm-11 {
    font-size: 14px;
    line-height: 38.4px;
  }

  .mt-sm-4 {
    margin-top: 48px;
  }

  .border-right-sm {
    border-right: 1px solid #dee2e6 !important;
  }

  .btn:active,
  .btn:focus {
    outline: 0 !important;
    box-shadow: none
  }
  .pancol{
    position: absolute;
    top: 15px;
  }

  .panel-heading-full.panel-heading {
    padding: 0;
  }

  .panel-heading-full .panel-title {
    padding: 10px 15px;
  }

  .panel-heading-full .panel-title::after {
    top: 10px;
    right: 15px;
  }

  .detail-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .05);
  }

  .fs-sm-10 {
    font-size: 10px;
  }

  .fs-sm-16 {
    font-size: 20px;
  }

  .fs-sm-12 {
    font-size: 15px;
  }

  .lh-sm-2 {
    line-height: 24px;
  }

  .fs-32 {
    font-size: 32px;
  }

  .fs-33 {
    font-size: 40px;
  }

  .top {
    top: 15px;
  }

  .d-inline-flex-sm {
    display: inline-flex;
  }

  .rounded-pill {
    border-radius: 75px !important;
  }

  .left-sm {
    left: 37%;
  }

  .top-svg {
    top: 17px;
  }

  #top {
    bottom: 40px;
    right: 40px;
  }

  /*  */
  @media only screen and (max-width: 991px) {
    .w-md-50 {
      width: 50% !important;
    }

    .w-md-100 {
      width: 100%;
    }

    .border-left-sm {
      border-left: 1px solid #dee2e6;
    }

    .top {
      top: 8px;
    }

    #top {
      bottom: 40px;
      right: 40px;
    }
    .position-name{
      position: absolute;
      width: 100%;
      right: 0;
      top: 40px;
      background-color: #eeeeee;
      border-bottom: 1px solid #d0d0d0;
    }

    .filter-header {
      position: fixed;
      top: 0;
      z-index: 6;
      width: 30%;
    }

    #filter {
      position: fixed;
      top: 0;
      z-index: 7;
      left: 0;
      width: 30%;
      overflow: scroll;
      height: 100vh;
      background-color: white;
    }
    #filter_form{
      background-color: #E5E5E5; 
      height: 100vh;
    }

    .g-sm-2 {
      width: 86%;
      margin: auto;
    }

    .filter-search-icon {
      right: 30px;
      top: 15px;
    }


    /* .img-res{
        height: 125px;
      } */
    .border-right {
      border-right: none !important;
    }

    .border-sm {
      border-top: 1px solid grey;
      opacity: 0.2;
    }

    .lh-sm-2 {
      line-height: 19px;
    }

    .fs-32 {
      font-size: 24px;
    }

    .fs-33 {
      font-size: 28px;
    }

    .childwidth {
      width: 23%;
    }
  }

  @media only screen and (max-width: 787px) {
    .pancol{
      position: static;
    }
    .position-name{
      position: absolute;
      width: 100%;
      right: 0;
      top: 40px;
      background-color: #eeeeee;
      border-bottom: 1px solid #d0d0d0;
    }
    .filter-header {
      position: fixed;
      top: 0;
      z-index: 6;
      width: 50%;
    }
    #filter {
      position: fixed;
      top: 0;
      z-index: 7;
      left: 0;
      width: 50%;
      overflow: scroll;
      height: 100vh;
    }
    #filter_form{
      background-color: #E5E5E5; 
      height: 100vh;
    }
    .filter-search-icon {
      right: 35px;
      top: 18px;
    }

    #top {
      bottom: 25px;
      right: 25px;
    }
  }

  @media only screen and (max-width: 550px) {
    .mt-6 {
      margin-top: 0rem;
      font-size: 18px;
    }
    .satisfaction-img{
      height: 240px;
    }

    .filter-search-icon {
      top: 18px;
    }

    .alert-top {
      top: -44px;
    }
    .position-name{
      position: absolute;
      width: 100%;
      right: 0;
      top: 40px;
      background-color: #eeeeee;
      border-bottom: 1px solid #d0d0d0;
    }
    .filter-header {
      position: fixed;
      top: 0;
      z-index: 6;
      width: 80%;
    }
    #filter {
      position: fixed;
      top: 0;
      z-index: 7;
      left: 0;
      width: 80%;
      overflow: scroll;
      height: 100vh;
    }
    #filter_form{
      background-color: #E5E5E5; 
      height: 100vh;
    }
    .childwidth {
      width: 18%;
    }

    .left-sm {
      left: 21%;
    }

    #top {
      bottom: 10px;
      right: 10px;
    }

    .fs-booking-head {
      font-size: 12px !important;
    }

    .d-inline-flex-sm {
      display: block;
    }

    .mt-sm-4 {
      margin-top: 0;
    }

    .h-6 {
      height: 15rem;
    }

    .fs-32 {
      font-size: 20px;
    }

    .fs-33 {
      font-size: 24px;
    }

    .align {
      bottom: 10px;
      right: 18px;
    }

    .fs-5 {
      font-size: 17.6px;
    }

    .w-md-50 {
      width: 100% !important;
    }

    .fs-10 {
      font-size: 24px !important;
    }

    .fs-8 {
      font-size: 12px !important;
    }

    .fs-sm-8 {
      font-size: 12px !important;
      line-height: 16px;
    }

    .fs-9 {
      font-size: 11.84px !important;
    }

    .fs-sm-10 {
      font-size: 8px;
    }

    .border-right {
      border-right: none !important;
    }

    .border-sm {
      border-top: 1px solid grey;
      opacity: 0.2;
    }

    .bg-custom {
      background-color: grey;
      background-blend-mode: multiply;
    }

    .border-right {
      border-right: none;
    }

    .br-1 {
      margin-bottom: 2rem;
    }

    .mt-7 {
      margin-top: 0rem;
    }

    .fs-14 {
      font-size: 24px;
    }

    .mt-sm-7 {
      margin-top: 12px !important;
    }

    .fs-sm-11 {
      font-size: 12px;
    }

    .border-right-sm {
      border-right: 1px solid #dee2e6 !important;
    }

    .border-bottom-sm {
      border-bottom: 1px solid #dee2e6 !important;
    }

    .fs-15 {
      font-size: 26px;
      line-height: 32px;
    }

    .fs-sm-xm {
      font-size: 12px !important;
    }

    .fs-sm-xm-nav {
      font-size: 12px !important;
    }

    .prepend {
      top: 15px !important;
    }

    .fs-sm-16 {
      font-size: 16px;
    }

    .fs-sm-12 {
      font-size: 12px;
    }

    .lh-sm-2 {
      line-height: 18px;
    }

    /* .img-res{
        height: 63px;
      } */
  }

  input {
    border: none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
  }

.breadcrumb {
      background-color: transparent !important;
}

.box {
  color: white;
  background: rgb(149,224,97);
  background: linear-gradient(90deg,rgba(149,224,97,1)0%,rgba(14,227,171,1)100%);
  border: none;
  text-align: center;
  padding: 2px 3px;
  width: 100%;
  font-size: 12px;
}

      #razorpay img{
    width: 100%;
  }
  #cashfree img{
    width: 85%;
  }
  #juspay img{
    width: 70%;
  }
  #payu img{
    width: 25%;
  }
  @media only screen and (max-width: 550px) {
    #razorpay img{
      width: 72%;
    }
    #cashfree img{
      width: 60%;
    }
    #juspay img{
      width: 50%;
    }
    #payu img{
      width: 22%;
    }
  }
  
  .filter{
    filter: grayscale(100%);
    opacity: 0.4;
  }
  .filter-none{
    filter: grayscale(0%);
    opacity: 1;
  }

/*  */
apps-fileview.texmex_20240418.00_p1
hotel_styles.css
Displaying hotel_styles.css.