#airlist-country { background-color: rgb(0 0 0 / 35%); -ms-backdrop-filter: blur(4px); -o-backdrop-filter: blur(4px); -moz-backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } #airlist-country .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #airlist-country .airport-lists-wrapper { margin: 0; } #airlist-country .close { font-weight: 300; font-size: 35px; opacity: 1; margin-top: -18px; position: relative; top: 6px; margin-left: 6px; } .airport-lists-wrapper { margin-top: 60px; width: 100%; float: left; } .airp-title { background: #EEF6FF; padding: 15px 0; margin-bottom: 30px; } .airp-title h2, .airp-title h3, .destination_details.destination_page .airp-title h3, .destination_details.destination_page .airp-title h2, #airlist-country .modal-title { margin: 0; color: #333; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } .airport-lists-wrapper .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -20px; } .airport-lists-wrapper .col-xs-12 { color: #333; font-size: 14px; font-style: normal; font-weight: 500; margin-bottom: 20px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .airport-lists-wrapper .col-xs-12.more::before, .airport-lists-wrapper.airline .col-xs-12::before { display: none; } .airport-lists-wrapper .col-xs-12::before { content: ''; background-repeat: no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-position: left top 0px; background-image: url('/resources/images/airplane-left-hover.png'); width: 17px; height: 17px; position: absolute; top: 1px; left: 12px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .airport-lists-wrapper .col-xs-12:hover { padding-left: 36px; } .airport-lists-wrapper.airline .col-xs-12:hover, .airport-lists-wrapper.airline .col-xs-12, .airport-lists-wrapper .col-xs-12.more:hover, .airport-lists-wrapper .col-xs-12.more { padding-right: 15px; padding-left: 15px; } .airport-lists-wrapper .col-xs-12:hover::before { opacity: 1; visibility: visible; } .airport-lists-wrapper .col-xs-12 span { color: #A1A1A1; } a.show-more-airp { color: #333; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; text-decoration: underline; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.show-more-airp:hover { color: #ff6600; } #airlist-country .modal-header { border-color: #f5f5f5; background-color: #f5f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; z-index: 2; } #airlist-country .modal-body { overflow: hidden; } .vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; } .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; } #airlist-country .modal-content { width: inherit; max-width: inherit; height: inherit; margin: 0 auto; pointer-events: all; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .airport-lists-wrapper.airline .col-xs-12 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 28px; } .airport-lists-wrapper.airline .row { margin-bottom: -28px; } .airlcoun-body { padding-top: 5px; padding-left: 10px; } .img-airlcoun { -webkit-box-shadow: 0 0 6px rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 6px rgb(0 0 0 / 10%); box-shadow: 0 0 6px rgb(0 0 0 / 10%); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 35px; width: 35px; min-width: 35px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .airlaunching .airlcoun-body { font-weight: 600; font-size: 15px; color: #000; } .airlaunching .img-airlcoun { padding: 5px; } .airlaunching { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; } /*----------- responsive -----------*/ @media only screen and (min-width:1200px) { #airlist-country .modal-header { padding: 20px 25px; } #airlist-country .modal-body { padding: 25px; } .vertical-alignment-helper { padding: 15px; } #airlist-country .modal-content { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; } } @media only screen and (max-width:1199px) { #airlist-country .modal-body, #airlist-country .modal-header { padding-top: 24px; padding-bottom: 24px; } } @media only screen and (max-width:991px) {} @media only screen and (max-width:767px) { .airp-title h2, .airp-title h3, .destination_details.destination_page .airp-title h3, .destination_details.destination_page .airp-title h2, #airlist-country .modal-title { font-size: 15px; } } @media (max-width:767px) and (min-width:576px) { .airport-lists-wrapper .col-xs-12 { width: 50%; } .vertical-alignment-helper { padding: 15px; } div.airlaunching { padding: 7px 12px; } div.airlaunching .airlcoun-body { font-size: 14px; } } @media only screen and (max-width:575px) { .airp-title h2, .airp-title h3, .destination_details.destination_page .airp-title h3, .destination_details.destination_page .airp-title h2, #airlist-country .modal-title { font-size: 14px; } .airlaunching .airlcoun-body { font-size: 14px; } } @media only screen and (max-width:425px) { .airport-lists-wrapper .col-xs-12 { margin-bottom: 15px; font-size: 13px; } .airport-lists-wrapper .row { margin-bottom: -15px; } .airlaunching .airlcoun-body { font-size: 13px; } .airport-lists-wrapper.airline .col-xs-12 { margin-bottom: 24px; } .airport-lists-wrapper.airline .row { margin-bottom: -24px; } }