@font-face {font-family:'gothambold';
    src:url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
        url('../fonts/gotham-bold-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal}

@font-face {font-family:'gothamlight';
    src:url('../fonts/gotham-light-webfont.woff2') format('woff2'),
        url('../fonts/gotham-light-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal}

html, body, ul, li, p, a, h1, h2, h3, h4, h5, h6, div, input, label, figure, button {margin:0; padding:0; outline:none; font-weight:normal}
* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none; border:0; -webkit-font-smoothing:antialiased}
body {font-family:'gothamlight'}
select, textarea, input[type=submit], input[type=date], button {-webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:'gothamlight'; margin:0; background:none}
select {color:#000}
input[type="number"] {-moz-appearance:textfield}
a {text-decoration:none}
b, h1, h2, h3, h4, h5, h6 {font-family:'gothambold'; font-weight:normal}
ul li {list-style:none}
.clear {clear:both}
.container {width:calc(100% - 190px); margin-left:120px; position:relative}
.mobile {display:none}

nav {width:85px; height:calc(100vh - 30px); background:#000; position:fixed; z-index:999; left:15px; top:15px; border-radius:15px; padding:15px 10px; text-align:center}
nav ul li {margin-bottom:40px}
nav ul li:nth-child(1) {margin-bottom:calc(50vh - 310px)}
nav ul li img {width:35px}
nav ul li:nth-child(1) img {max-width:100%; width:auto}
nav ul li:nth-child(2) img {width:30px}
nav ul li:nth-child(7) img {width:40px}
nav ul li a {font-family:'gothambold'; text-transform:uppercase; font-size:7px; color:#fff}

header {width:100%; background:#000; color:#fff; border-radius:15px; position:absolute; top:15px; padding:18px 25px 11px; display:flex; justify-content:space-between; z-index:99999}
header h1 {font-size:18px; text-transform:uppercase; line-height:22px}
header h1 b, .search h2 b {color:#f00; font-size:22px; line-height:22px}
header h1 span {font-family:'gothamlight'}
header h1 a {font-family:'gothamlight'; text-transform:capitalize; text-decoration:underline; color:#fff; font-size:15px; padding-left:22px; background:url(../images/icons/edit.svg) left 3px center no-repeat; background-size:16px}
header > ul {display:flex; align-content:flex-end; flex-wrap:wrap}
header > ul > li {margin:12px 0 0 20px}
header > ul > li:nth-child(1) img {width:20px}
header > ul > li:nth-child(2) img {width:20px}
header > ul > li:nth-child(3) img {width:40px}
header > ul > li span {background:#f00; border-radius:50%; width:16px; text-align:center; display:block; margin-left:8px; color:#fff; font-size:13px; position:relative; top:-31px}

#showRightPush {background:0; border:0; cursor:pointer}
.intro #showRightPush, .contact #showRightPush {filter:invert(1)}
.cbp-spmenu {background:#333; position:fixed; padding-top:10px; overflow-x:scroll; width:auto; height:100%; min-width:225px; top:0; right:-100%; z-index:99999}
.cbp-spmenu a {display:block; font-size:18px; line-height:50px; padding:0 35px; border-bottom:1px solid rgba(0,0,0,0.2); height:50px; color:#fff}
.cbp-spmenu > a {font-family:'gothambold'}
.cbp-spmenu div {border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:20px}
.cbp-spmenu div p {font-size:18px; line-height:50px; padding-left:35px; cursor:default; font-family:'gothambold'}
.cbp-spmenu div a {height:40px; padding-left:50px; border-bottom:0; line-height:40px}
.cbp-spmenu a span {font-size:10px}
.cbp-spmenu.cbp-spmenu-open {right:0; box-shadow:10px 10px 50px #000}
.cbp-spmenu-push {overflow-x:hidden; position:relative; left:0}
.cbp-spmenu-push-toleft {left:auto}
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s ; transition:all 0.3s}
#close, #close2 {border:none; background:url(../images/icons/close.svg) no-repeat; background-size:16px; display:block; cursor:pointer; width:18px; height:18px; margin-top:12px; position:relative; left:calc(100% - 40px)}

.popup {background:rgba(0,0,0,0.8); width:100%; height:100vh; position:fixed; z-index:99999; display:none}
.popup .container {border-radius:15px; background:#fff; width:90%; height:400px; max-width:800px; margin:0 auto; align-self:center; padding:30px}
.popup .container > a {width:40px; height:40px; background:#D71B21; border-radius:15px; position:absolute; padding:10px; right:-15px; top:-15px}
.popup .container > a img {max-width:100%}
.popup ul {display:flex; flex-wrap:wrap; overflow-x:hidden; margin-top:18px; position:relative; height:300px}
.popup ul li {flex:0 0 33.33%}
.popup ul li a {color:#000; font-size:15px; line-height:25px}

.search {background:#f4f4f4; position:relative; top:115px; border-radius:15px; padding:18px 25px 28px; margin-bottom:135px}
#search {position:absolute; top:-115px}
.search h2 {text-transform:uppercase; background:url(../images/icons/search.svg) left center no-repeat; padding-left:30px; background-size:21px; font-size:22px}
.search h2 span {color:#c7c7c7}
.search form {display:flex}
.search form input, .search form select, .search form p {font-size:20px; letter-spacing:-0.5px; line-height:45px; border-bottom:1px solid #707070}
.search form select {flex:0 0 calc(32% - 185px); margin-right:20px}
.search form select:nth-child(1) {margin-right:30px}
.search form select:nth-of-type(3) {flex:0 0 calc(34% - 185px)}
.search form a {position:absolute; margin:35px 0 0 calc(32% - 200px)}
.search form a img {width:33px}
.search form input[type=date] {margin-right:20px; flex:0 0 180px}
.search form .from, .search form .till {flex:0 0 60px; margin:0 10px}
.search form p {border-bottom:0}
.search form input[type=submit] {border-bottom:0; background:url(../images/icons/magnifying-glass.svg) center no-repeat #D71B21; background-size:15px; border-radius:15px; margin-left:25px; flex:0 0 50px}

.banner {margin:20px 0; display:flex; justify-content:space-between}
.hero img {width:100%; display:block}

.hero {flex:0 0 calc(100% - 280px); position:relative; overflow:hidden; min-height:540px; border-radius:15px}
.slider {z-index:1; width:100%; cursor:default}
.slider .slider__wrap {
  display:flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.slider .slider__wrap .swiper-slide {
  width:100%;
  flex-shrink: 0;
  opacity: 0;
  height:100%;
  background: #999;
  border-radius: 20px;
  pointer-events: none;
  transition: all 0.3s;
}
.slider .slider__wrap .swiper-slide-active, .slider .slider__wrap .swiper-slide-prev, .slider .slider__wrap .swiper-slide-next {
  opacity: 1;
  pointer-events: auto;
}
.slider .slider__controls {
  position: relative;
  z-index: 12;
}
.slider .slider__controls .slider__pagination {
  margin-top: -40px; margin-left:20px
}
.slider .slider__controls .slider__pagination .swiper-pagination-bullet {
  width: 8px;
  height:8px;
  display: inline-block;
  background: #fff;
  opacity: 0.2;
  margin: 0 5px;
  border-radius: 0px;
  transition: opacity 0.5s, background-color 0.5s, width 0.5s;
  transition-delay: 0.5s, 0.5s, 0s;
}
.slider .slider__controls .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.slider .slider__controls .slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff;
  width: 100px;
  transition-delay: 0s;
}

.weather {width:260px; background:#0056AA; border-radius:15px}
.weather .overview {background:url(../images/weatherBG.png) center no-repeat; background-size:cover; width:100%; border-radius:15px; color:#fff; padding:10px 15px}
.weather .overview .dateandtime {font-size:18px; text-transform:uppercase; display:flex; justify-content:space-between}
.weather .overview .cityW {border-top:1px solid rgba(255,255,255,0.5); text-transform:uppercase; margin-top:3px; padding-top:4px; font-size:15px}
.weather .overview .temp {display:flex}
.weather .overview .temp img {width:87px; height:fit-content}
.weather .overview .temp h4 {font-size:60px; font-family:'gothamlight'; line-height:85px}
.weather .overview .temp h4 span {font-size:15px; position:relative; top:-35px; left:-6px}
.weather .overview .temp h6 {font-size:29px; font-family:'gothamlight'; opacity:0.6; margin-top:12px}
.weather .overview .temp h6 span {font-size:15px; position:relative; top:-10px}
.weather .overview .summary {text-transform:uppercase; font-size:15px; margin-top:-10px}

.stats {color:#fff; padding:10px 15px}
.stats h5 {text-transform:uppercase; font-size:19px; line-height:30px}
.stats ul li {border-top:1px solid rgba(255,255,255,0.5); display:flex; line-height:26px; font-size:15px; text-align:center}
.stats ul li:nth-child(1), .stats ul li:nth-child(2) {border-top:1px solid #fff}
.stats ul li:nth-child(1) {line-height:30px} 
.stats ul li p:nth-child(1) {border-right:1px solid #fff; flex:0 0 105px; text-align:left}
.stats ul li p:nth-child(2) {border-right:1px solid #fff; flex:0 0 42px}
.stats ul li p:nth-child(3) {border-right:1px solid #fff; flex:0 0 50px}
.stats ul li p:nth-child(4) {flex:0 0 40px}

.all-flights, .radar, .videos, .articles, .routes {position:relative}
#flights, #radar, #videos, #articles, #routes {position:absolute; top:-100px}
.all-flights .blinker {background:#D71B21; color:#fff; border-radius:15px; font-family:'gothambold'; padding:3px 10px; font-size:18px; margin-left:45px; display:inline-block; 
animation:blink-animation 1s steps(5, start) infinite; -webkit-animation:blink-animation 1s steps(5, start) infinite}
@keyframes blink-animation {to {visibility:hidden}}
@-webkit-keyframes blink-animation {to {visibility:hidden}}

#DOI {width:86px}
#FT, #TT {width:42px}
.selectTagWidth {display:none}

.all-flights h2, .radar h2, .videos h2,.articles h2, .routes h2 {font-size:38px; text-transform:uppercase; padding-left:45px; background:url(../images/icons/departure.svg) left center no-repeat; background-size:35px; letter-spacing:-2px; line-height:45px}
.all-flights form p, .radar p, .videos > p, .articles > p, .routes > p {font-size:18px; line-height:20px; display:inline-block}
.all-flights form input, .all-flights form select {color:#003683; font-size:18px; font-family:'gothambold'; line-height:24px; background:url(../images/icons/dropdown.png) bottom center no-repeat; padding-bottom:8px}
.all-flights form b {width:6px; height:6px; background:url(../images/icons/gray-arrow.svg); display:block; position:absolute; left:160%; top:24px}
.all-flights form input[type=date] {width:150px}
.all-flights ul {margin:15px 0}
.all-flights ul li {font-size:18px; display:flex; color:#fff; line-height:46px}
.all-flights ul li:nth-child(even) {background:#003683}
.all-flights ul li:nth-child(odd) {background:#0056AA}
.all-flights ul li:nth-child(1) {background:#E5A246}
.all-flights ul li p {padding:0 15px; border-left:1px solid #e6e6e6; position:relative}
.all-flights ul li:nth-child(1) p:last-child img {width:22px; top:5px; position:relative}
.all-flights ul li p:nth-child(1) {border-left:0; flex:0 0 100px; padding-left:30px}
.all-flights ul li p:nth-child(2) {flex:0 0 110px}
.all-flights ul li p:nth-child(3) {flex:0 0 145px}
.all-flights ul li p:nth-child(3) img {max-width:100%; top:5px; background:#fff; position:relative}
.all-flights ul li p:nth-child(4) {flex:0 0 calc(100% - 760px)}
.all-flights ul li p:nth-child(5) {flex:0 0 50px; padding:0 5px; text-align:center}
.all-flights ul li p:nth-child(6) {flex:0 0 280px}
.all-flights ul li p:nth-child(7) {padding:0 30px}
.all-flights ul li p:nth-child(7) img {width:15px; cursor:pointer}
.all-flights ul li p:nth-child(7) sup {width:15px; height:15px; position:absolute; background:url(../images/icons/green.svg); background-size:15px; top:8px; left:38px; display:none}
.all-flights ul li p:nth-child(7).active sup {display:block}
.add-more, .videos > a, .articles > a {background:#D71B21; border-radius:12px; display:inline-block; color:#fff; padding:8px 15px; font-size:18px; margin-bottom:60px}

.radar h2 {background:url(../images/icons/radar-chart.svg) left center no-repeat; background-size:32px}
.radar p a {color:#000; text-decoration:underline}
.radar iframe {width:100%; height:625px; margin-top:10px; border-radius:0 0 15px 15px}

.count {background:#001B42; background:linear-gradient(90deg,rgba(0, 27, 66, 1) 0%, rgba(0, 0, 0, 1) 100%); border-radius:15px; color:#fff; padding:27px; display:flex; justify-content:space-between; margin:50px 0}
.count .content-left {max-width:450px}
.count h3 {font-size:36px; letter-spacing:-1px}
.count p {font-size:18px; margin-top:10px; line-height:20px}
.count ul {display:flex}
.count ul li {margin-left:60px}
.count ul li h6 {font-size:55px; letter-spacing:-2px; margin:20px 0 -15px}
.count ul li:last-child b {display:block; text-align:center; font-size:11px; line-height:20px}
.count ul li img {width:90px}

.videos h2 {background:url(../images/icons/videoB.svg) left top 8px no-repeat; background-size:30px; padding-left:35px}
.videos > a, .articles > a {margin:-30px 0 0; right:0; position:absolute}
.video-list li {flex:0 0 32.5%; margin:10px 0}
.video-list iframe {width:100%; height:230px; border-radius:15px; margin:10px 0}
.video-list li img {width:36px; height:36px; border-radius:50%; margin:0 10px 40px 0; float:left}
.video-list li h4 {padding:0 10px 3px 0}
.video-list li p {font-size:14px; line-height:20px}

.articles {margin:50px 0}
.articles h2 {background:url(../images/icons/blog.svg) left top 7px no-repeat; background-size:33px; padding-left:35px}
.articles ul, .video-list {display:flex; flex-wrap:wrap; justify-content:space-between}
.articles ul li {flex:0 0 32.5%; margin-top:10px}
.articles ul li .image {width:100%; height:220px; border-radius:15px}
.articles ul li:nth-child(1) .image, .articles ul li:nth-child(4) .image {background:url(../images/blogs/blog1.jpg) center; background-size:cover}
.articles ul li:nth-child(2) .image, .articles ul li:nth-child(3) .image, .articles ul li:nth-child(5) .image, .articles ul li:nth-child(6) .image {background:url(../images/blogs/blog2.jpg) center; background-size:cover}
.articles ul li p {font-size:22px; margin:20px 0 15px; line-height:22px}
.articles ul li h6 {font-size:16px; text-transform:uppercase; color:#003683}

.routes {width:calc(100% + 78px); overflow-x:hidden; overflow-y:clip}
.routes h2 {background:url(../images/icons/directions.png) left top 7px no-repeat; background-size:33px; padding-left:35px}
.routes ul {display:flex; margin-top:30px}
.routes ul li {background:#0257AA; flex:0 0 175px; margin-right:6px; border-radius:15px; color:#fff; padding:5px 15px; position:relative}
.routes ul li h3 {font-size:36px; letter-spacing:-1px}
.routes ul li p {font-size:18px; margin:30px 0 10px; line-height:20px; max-width:130px}
.routes ul li div {position:absolute; right:-30px; bottom:-52px; font-size:200px; opacity:0.5}
.routes ul .bg1 div {right:0}
.routes ul .bg1 {background:#EDB165; background:linear-gradient(30deg,rgba(119, 89, 51, 1) 0%, rgba(237, 177, 101, 1) 100%)}
.routes ul .bg2 {background:#88C5FF; background:linear-gradient(30deg,rgba(136, 197, 255, 1) 0%, rgba(2, 87, 170, 1) 100%)}
.routes ul .bg3 {background:#88C5FF; background:linear-gradient(30deg,rgba(1, 44, 85, 1) 0%, rgba(100, 177, 252, 1) 100%)}
.routes ul .bg7 {background:#0257AA; background:linear-gradient(90deg,rgba(2, 87, 170, 1) 0%, rgba(0, 0, 0, 1) 100%)}
.routes ul .bg8 {background:#02213E; background:linear-gradient(90deg,rgba(2, 33, 62, 1) 0%, rgba(0, 0, 0, 1) 100%)}
.routes ul .bg9, .routes ul .bg10 {background:#000}
.routes ul .bg10 div {right:-80px}

.slick-prev, .slick-next {position:absolute; top:calc(50% - 20px); display:none; width:20px; height:20px; color:transparent; border:none; outline:none; background:transparent;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%)}
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
.slick-slide {display:none; float:left; height:100%; min-height:1px; margin-right: 6px}
[dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block;border-radius:50%}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-vertical .slick-slide {display:block; height:auto}

footer {border-radius:15px; background:#000; margin:50px 0 30px; color:#fff; padding:30px 30px 15px}
footer ul {display:flex; justify-content:space-between; flex-wrap:wrap}
footer ul li {flex:0 0 32%; font-size:18px; margin-bottom:50px}
footer ul li > h4 {color:#E5A246; margin-bottom:20px}
footer ul li p {cursor:pointer}
footer ul li a, footer .copyright p a {color:#fff}
footer .contact {border-top:1px solid #707070; margin-top:-10px; padding-top:40px; flex-wrap:nowrap}
footer .contact li {flex:0 0 140px}
footer .contact li:nth-child(3) {flex:0 0 450px}
footer .contact li:nth-child(5) {flex:0 0 55px; margin-left:30px}
footer .contact li > img {max-width:100%}
footer .contact div {padding-left:50px; background:url(../images/icons/contact-us.svg) no-repeat; background-size:40px}
footer .contact div h4 a {color:#E5A246}
footer .contact li:nth-child(4) > a img {width:40px; margin-top:20px}
footer .contact li:nth-child(4) > a:first-of-type {margin-left:50px}
footer .copyright {display:flex; margin-top:20px; justify-content:space-between}
footer .copyright p {font-size:10px}

@media screen and (min-width:1441px) {
	
}