/*=============================================================================
  [site.enhanced.css]
  ============================================================================*/

.minimal { display: none; }
.enhanced { display: block; }

ul, ol { font-size: 1.0em; }

#main-container { }

#container {
    position: relative;
    z-index: 1;
}

#main-content { margin-left: 350px; }

#logo { float: left; }

.inner-content-details { position: relative; }

p.text,
.text-group p {
    font-size: 1.8em;
}




/*------------------------------------------------------------------
 # [List] ::start
-------------------------------------------------------------------*/

.list-1 { font-size: 2.4em; }
.list-1 li a:hover { color: #355590; }

.list-3 { font-size: 2.4em; }

.iconized-list li { background-position: 0 5px; }

/*------------------------------------------------------------------
 # [List] ::end
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Overlay] ::start
-------------------------------------------------------------------*/

.loading-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:url('/img/ui/overlay-bg-default-20170719.jpg') center 60px no-repeat;
    background-size: 100% auto;
    z-index: 1000;
}

.loading-wheel {
    width: 100px;
    height: 100px;
    margin-top: -40px;
    margin-left: -40px;
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    border-width: 30px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -animation: spin 1s linear infinite;
}

.overlay-wrapper .loading-wheel {
    border-style: double;
    border-color: #fff transparent;
}


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


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

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

/*------------------------------------------------------------------
 # [Overlay] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Content Loading] ::start
-------------------------------------------------------------------*/

.content-loading-overlay { background: none; }
.content-loading-overlay { height: 0; }

.content-loading-overlay .loading-wheel { border-color: #E7E7E7 transparent; }

.content-loading-overlay .loading-wheel {
    position: fixed;
    left: 95%;
    top: 90%;
    width: 50px;
    height: 50px;
}

/*------------------------------------------------------------------
 # [Content Loading] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Groups] ::start
-------------------------------------------------------------------*/

.group { 
    position: relative;
    background-color: transparent;
}

.group__header { text-align: left; }

.group__title {
    font-size: 1.7em;
    text-align: left;
}

.group__subtitle { font-size: 2.7em; }


/* [.quote] ::start */
.quote {
    position: relative;
    font-size: 2em;
}

.quote:before,
.quote:after {
    position: absolute;
    display: block;
    content: ' ';
    height: 40px;
    width: 40px;
    background:url('/img/ui/icons/quote-20170719.png') 0 0 no-repeat;
    z-index: -1;
}

.quote:before {
    background-image:url('/img/ui/icons/quote-20170719.png');
}

.quote:after { transform: rotate(180deg); }

.quote footer { margin-top: 20px; }
/* [.quote] ::end */


/* [video and image intro] ::start */
.video-caption,
.image-wrapper,
.video-wrapper {
    text-align: center;
}
/* [video and image intro] ::end */


/* [Progress Tracker] ::start */
.ie8 .departures .progress-list .list-item:first-child .progress { width: 85%; }
.ie8 .departures .progress-list .list-item:nth-child(2) .progress { width: 85%; }
.ie8 .departures .progress-list .list-item:nth-child(3) .progress { width: 80%; }
.ie8 .departures .progress-list .list-item:nth-child(4) .progress { width: 50%; }
.ie8 .departures .progress-list .list-item:nth-child(5) .progress { width: 60%; }
.ie8 .departures .progress-list .list-item:last-child .progress { width: 30%; }

.ie8 .landing-takeoffs .progress-list .list-item:first-child .progress { width: 90%; }
.ie8 .landing-takeoffs .progress-list .list-item:nth-child(2) .progress { width: 88%; }
.ie8 .landing-takeoffs .progress-list .list-item:nth-child(3) .progress { width: 83%; }
.ie8 .landing-takeoffs .progress-list .list-item:nth-child(4) .progress { width: 81%; }
.ie8 .landing-takeoffs .progress-list .list-item:nth-child(5) .progress { width: 70%; }
.ie8 .landing-takeoffs .progress-list .list-item:last-child .progress { width: 68%; }
/* [Progress Tracker] ::end */



/* [Downloadable Files | Financials] ::start */
.downloadable-files .group-title,
.financials .group-title {
    text-align: left;
    margin-bottom: 20px;
}

.financials .list li a:hover,
.financials .list li a:focus {
    text-decoration: underline;
    opacity: 0.8;
}

.financials img:hover,
.downloadable-files img:hover {
    opacity: 0.95;
}
/* [Downloadable Files | Financials] ::end */


/* [subpage content] ::start */
.text-quote { font-size: 2.4em !important; }
/* [subpage content] ::end */

/*------------------------------------------------------------------
 # [Groups] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Backgrounds] ::start
-------------------------------------------------------------------*/

.bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;

    background-position: 350px center;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg-1 { background-position: 350px top; }

.bg-8 { background-position: 350px top; }

.touch .group {
    background-position: center center;
    background-repeat: no-repeat;
}

.touch .introduction { background-image:url('/img/pages/index/img-1-20170719.jpg'); }
.touch .message-from-the-governor-and-lt-governor { background-color: #142b53; }

.touch .divisions-of-the-a-b-won-pat-international-airport-authority { 
    background-image:url('/img/pages/index/divisions-of-the-a-b-won-pat-international-airport-authority/img-2-20170719.jpg');
    background-color: #fff;
}

.touch .finance { background-color: #224d77; }
.touch .financials { background-color: #142B53; }
.touch .downloadable-files { background-color: #FFFFFF; }
.touch .epilogue { background-image:url('/img/pages/index/img-8-20170719.jpg'); }
.touch .annual-report { background-image:url('/img/pages/index/img-9-20170719.jpg'); }

/*+++++++++++++++++++++
 # [IE8] ::start
 +++++++++++++++++++++*/
.ie8 .bg { display: none; }

.ie8 .cover { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-20170719.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-20170719.jpg',sizingMethod='scale')";
}
.ie8 .cover-footer { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-footer-20170719.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-footer-20170719.jpg', sizingMethod='scale')";
}
.ie8 .loading-overlay {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ui/overlay-bg-20170206.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/ui/overlay-bg-20170206.jpg', sizingMethod='scale')";
}
.ie8 .introduction { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-1-20170719.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-1-20170719.jpg', sizingMethod='scale')";
}

.ie8 .cover-footer { z-index: 10000; }

.ie8 .bg-group { background-color: #132B53; }

.ie8 .financials { background-color: #1c466e; }
.ie8 .downloadable-files { background-color: #FFFFFF; }
/*+++++++++++++++++++++
 # [IE8] ::end
 +++++++++++++++++++++*/

/*------------------------------------------------------------------
 # [Backgrounds] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Overview Box] ::start
-------------------------------------------------------------------*/

.overview-box { font-size: 0.75em; }

.overview-box .btn { padding-bottom: 45px; }

/*------------------------------------------------------------------
 # [Overview Box] ::end
-------------------------------------------------------------------*/







/*------------------------------------------------------------------
 # [Minimal, Browser Width: 640] ::start
 ------------------------------------------------------------------*/

@media screen and (max-width: 640px) {

    .minimal { display: block; }
    .enhanced { display: none; }

}

/*------------------------------------------------------------------
 # [Minimal, Browser Width: 640] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 up] ::start
 ------------------------------------------------------------------*/

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

    .list-2 { clear: both; }
    .list-2 li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .list-2 li:nth-child(even) { margin-right: 0; }
    .list-2 li:hover { opacity: 0.5; }

    .ie8 .list-2 li { width: 48%; }
}

/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 up] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 to 1079] ::start
 ------------------------------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 1079px) {

    .bg-group { background-color: #132B53; }

}

/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 to 1079] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 0 to 960] ::start
 ------------------------------------------------------------------*/

@media screen and (max-width: 960px) {

    .introduction .overview-box { max-width: none; }

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 0 to 960] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 0 to 1079] ::start
 ------------------------------------------------------------------*/

@media screen and (max-width: 1079px) {

   .inner-content-details { position: static; }

    .group { 
        background-position: center center;
        background-repeat: no-repeat;
    }

    .downloadable-files { background-color: #FFFFFF; }

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 0 to 1079] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080 up] ::start
------------------------------------------------------------------*/

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

    .group-title,
    .video-wrapper,
    .video-caption {
        text-align: left;
    }

    /* [Overlay] ::start */
    .loading-overlay {
        background-image:url('/img/ui/overlay-bg-20170719.jpg');
        background-position-y: top;
    }
    /* [Overlay] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080 up] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1300] ::start
 ------------------------------------------------------------------*/

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

    /* [Overview Box] ::start */
    .overview-box {
        margin: auto;
        max-width: 450px;
    }
    /* [Overview Box] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1300] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1500 up] ::start
 ------------------------------------------------------------------*/

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

    .col-style-1 .col-1 { width: 60%; }
    .col-style-1 .col-2 { width: 40%; }

    .col-style-2 .col-1 { width: 60%; }

    .col-style-2 .col-2 { 
        margin-left: 10%; 
        width: 30%; 
    }

    .col-style-3 .col-1 { 
        margin-right: 4%;
        width: 60%; 
    }

    .col-style-3 .col-2 { width: 36%; }

    .col-style-4 .col-1 { 
        margin-right: 4%;
        margin-bottom: 0;
        width: 35%;
    }

    .col-style-4 .col-2 { 
        padding-top: 60px;
        width: 61%;
        overflow: visible;
    }

    .col-style-5 .col-item { 
        margin-right: 4%;
        width: 48%;
        overflow: visible;
    }

    .col-style-5 .col-2 { margin-right: 0; }

    .financials .col-style-4,
    .downloadable-files .col-style-4 {
        overflow: visible;

        -webkit-justify-content: top;
        -ms-flex-pack: top;
        justify-content: top;

        -webkit-align-items: top;
        -ms-flex-align: top;
        align-items: top;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
    }

    .ie8 .downloadable-files .col-style-4 .col-1,
    .ie8 .financials .col-style-4 .col-1 {
        margin-top: 20%;
        margin-bottom: 0;
    }


    /* [Groups] ::start */
    .group .group__item {
        padding: 0;
        border: none;
    }
    /* [Groups] ::end */


    /* [Overlay] ::start */
    .loading-overlay { background-position-y: top; }
    /* [Overlay] ::end */


    .financials img,
    .downloadable-files img {
        -webkit-transform: rotate(-10deg);
        -moz-transform:    rotate(-10deg);
        -ms-transform:     rotate(-10deg);
        -o-transform:      rotate(-10deg);
        transform:         rotate(-10deg);
    }


    .financials .group-title,
    .downloadable-files .group-title {
        margin-top: 50px;
    }

    /* [video and image intro] ::start */
    .video-caption,
    .image-wrapper,
    .video-wrapper {
        text-align: left;
    }
    /* [video and image intro] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1500 up] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1800 up] ::start
 ------------------------------------------------------------------*/

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

    /* [Overlay] ::start */
    .loading-overlay { background-position-y: bottom; }
    /* [Overlay] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1800 up] ::end
 ------------------------------------------------------------------*/





/* =============================================================================
  [site.navigations.enhanced.css]
  ============================================================================*/

/*------------------------------------------------------------------
 # [Head Navigation] ::start
 ------------------------------------------------------------------*/
#head-navigation {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 20px;
    height: 100%;
    width: 350px;
    background-repeat: no-repeat;
    background-position: center 95%;
    overflow: hidden;
}

#head-navigation.with-logo { background-image:url('/img/ui/logo-20150505.png'); }

/*.csstransitions .head-navigation {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}*/

#head-navigation li { border-bottom: none; }

#head-navigation li a {
    margin-bottom: 15px;
    padding: 5px 15px;
}

/*------------------------------------------------------------------
 # [Head Navigation] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1079] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 1079px) {

    #head-navigation { 
        position: fixed;
        display: none;
        top: 59px;
        width: 100%;
        height: auto;
    }

    #head-navigation.with-logo { background-image: none; }

    #head-navigation li { border-bottom: 1px solid #2987cc; }

    #head-navigation li a { 
        margin-bottom: 0;
        padding: 16px 10px;
    }

    #main-content { margin-left: 0; }
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1079] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 1080px) {
    .hamburger-menu { display: none; }

    #head-navigation {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        padding: 20px 0;
        height: 100%;
        width: 350px;
        background-repeat: no-repeat;
        background-position: center 95%;
    }

    #head-navigation li { border-bottom: none; }

    #head-navigation li a {
        margin-bottom: 5px;
        padding: 12px 20px;
        letter-spacing: 0.07em;
    }

    #navigation li.active a {

    }
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080] ::end
 ------------------------------------------------------------------*/






/*=============================================================================
  [site.forms.enhanced.css]
  ============================================================================*/

/*------------------------------------------------------------------
 # [Main Search] ::start
 ------------------------------------------------------------------*/
#main-search {
    position: absolute;
    right: 0;
    margin: 0;
    width: 31.25%;
}
/*------------------------------------------------------------------
 # [Main Search] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Smart Form] ::start
 ------------------------------------------------------------------*/

/*------------------------------------------------------------------
 # [Smart Form] ::end
 ------------------------------------------------------------------*/


/*=============================================================================
  [site.slider.enhanced.css]
  ============================================================================*/



/*=============================================================================
  [sections.enhanced.css]
  ============================================================================*/


/*------------------------------------------------------------------
 # [Cover] ::start
-------------------------------------------------------------------*/

.cover { margin: auto; }

.cover .cover-img {
    display: block;
    width: 100%;
}

/* [.cover-footer] ::start */
.cover-footer {
    background-image: none;
    /*background-image:url('/img/pages/index/cover-footer-20151203.jpg');*/
    background-position: center top;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.site-details-wrapper {
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    margin: auto;
}


.site-details-wrapper .site-title,
.site-details-wrapper .contacts {
    margin-bottom: 0;
}

.site-details-wrapper .site-details { padding: 0; }
/* [.cover-footer] ::end */

/*------------------------------------------------------------------
 # [Cover] ::end
-------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Introduction] ::start
-------------------------------------------------------------------*/

.introduction { background-color: #fff; }

/*------------------------------------------------------------------
 # [Introduction] ::end
-------------------------------------------------------------------*/




/*-------------------------------------------------------------------------
 # [Governor and Lt. Governor Message | Board of Directors Message] ::start
-------------------------------------------------------------------------*/

.governor-and-lt-governor-message-board-of-directors-message img {
    display: block;
    margin: auto;
}

.governor-and-lt-governor-message-board-of-directors-message .our-airport-history > .cols .col-item { width: 48%; }
.governor-and-lt-governor-message-board-of-directors-message .our-airport-history > .cols .col-item:last-child { margin-left: 4%}

.governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-2 .name-holder { text-align: left; }

.governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-2 .img-holder {
    position: absolute;
    right: 20px;
    bottom: 200px;
    width: 180px;
    text-align: center;
}
.governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-2 .img-holder .name-holder { text-align: center; }

.governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-1 {
    margin-right: 5%;
    width: 35%;
}

.governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-2 { width: 60%; }

/*-------------------------------------------------------------------------
 # [Governor and Lt. Governor Message | Board of Directors Message] ::end
-------------------------------------------------------------------------*/





/*------------------------------------------------------------------
 # [Our Flight Network] ::start
-------------------------------------------------------------------*/

.our-flight-network { min-height: 1000px !important; }

.our-flight-network .list .list__item {
    float: left;
    width: 50%;
}

.our-flight-network .runway-img {
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    margin: auto;
}

/*------------------------------------------------------------------
 # [Our Flight Network] ::end
-------------------------------------------------------------------*/





/*------------------------------------------------------------------
 # [Our Past Leaders] ::start
-------------------------------------------------------------------*/

.our-past-leaders > .cols > .col-item {
    float: left;
    width: 51.2%;
}

.our-past-leaders > .cols > .col-2 { width: 48.8%; }

/*------------------------------------------------------------------
 # [Our Past Leaders] ::end
-------------------------------------------------------------------*/





/*------------------------------------------------------------------
 # [GIAA Milestones] ::start
-------------------------------------------------------------------*/

.giaa-milestones .group__overview,
.giaa-milestones .group__overview .group__title,
.giaa-milestones .group__overview .group__subtitle {
    text-align: center;
}

/*------------------------------------------------------------------
 # [GIAA Milestones] ::end
-------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Statistics] ::start
 ------------------------------------------------------------------*/

.statistics {
    margin-top: auto;
    background:url('/img/pages/index/statistics/bg.jpg') center center / cover no-repeat;
}

.statistics .group__header {
    width: 100%;
    text-align: center;
}

.statistics .group__title-holder {
    position: relative;
    top: -15px;
    display: inline-block;
    margin: auto 50px;
    vertical-align: middle;
}
.statistics .group__title {
    padding-top: 40px;
    font-size: 7.8em;
    text-align: inherit;
}
.statistics .group__subtitle { margin-bottom: auto; }

.statistics .economic-driver {
    display: inline-block;
    vertical-align: middle;
}
.statistics .economic-driver__header {
    float: left;
    text-align: left;
}
.statistics .economic-driver__title { font-size: 5em; }
.statistics .economic-driver__subtitle { margin-bottom: auto; }
.statistics .economic-driver__text {
    display: inline-block;
    margin-left: 30px;
    max-width: 300px;
    font-size: 1.1em;
}

.landing-takeoffs .progress-list { max-width: 250px; }

.statistics .takeoff-weight .list .list-item {
    margin-bottom: 5px;
    padding: 3px 10px 2px 0;
    line-height: 1.5;
}

.statistics .takeoff-weight .list .year {
    margin-right: 15px;
    font-size: 0.8em;
}

/*------------------------------------------------------------------
 # [Statistics] ::end
 ------------------------------------------------------------------*/







/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 up] ::start
 ------------------------------------------------------------------*/

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

    .landing-takeoffs .content-wrapper .col-1 {
        padding-right: 4%;
        margin-right: 0;
    }

    .landing-takeoffs .content-wrapper .col-2 { width: 52%; }

}

/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 up] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 641 to 767] ::start
 ------------------------------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 767px) {

    /* [Governor and Lt. Governor Message | Board of Directors Message] ::start */
    .governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-item { width: 100%; }
    /* [Governor and Lt. Governor Message | Board of Directors Message] ::end */
}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 641 to 767] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 641 to 1079] ::start
 ------------------------------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 1079px) {

    /* [Cover Header] ::start */
    .cover { margin-top: 60px; }
    /* [Cover Header] ::end */
}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 641 to 1079] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 641 to 1079] ::start
 ------------------------------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 1079px) {

    /* [Cover Header] ::start */
    .cover { margin-top: 60px; }
    /* [Cover Header] ::end */
}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 641 to 1079] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 920] ::start
 ------------------------------------------------------------------*/

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

    .landing-takeoffs .details .group-text { font-size: 1.1em; }

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 920] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 960 up] ::start
 ------------------------------------------------------------------*/

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

    /* [Introduction] ::start */
    .introduction__four-column .col-item { min-height: 220px; }
    .introduction__four-column .col-2 { width: 37.5%; }
    .introduction__four-column .col-3 { width: 36.5%; }

    .introduction__four-column .col-3,
    .introduction__four-column .col-4 {
        margin-left: 1%;
    }

    .introduction__four-column .col-4 { width: 24%; }
    .introduction .info-box-description .text-group { font-size: 1em; }

    .introduction .info-box-description p.text,
    .introduction .info-box-description .text-group p {
        font-size: 1.3em;
    }
    /* [Introduction] ::end */
}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 960 up] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1024 up] ::start
 ------------------------------------------------------------------*/

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

    /* [Introduction] ::start */
    .introduction { padding: 15px 0 0 0; }

    .introduction__two-column > .col-1 { 
        position: relative;
        width: 83%;
        margin-right: 2%;
    }

    .introduction__two-column > .col-2 { width: 15%; }

    .introduction__four-column .col-1,
    .introduction__two-column .col-2 {
        display: block;
    }

    .introduction__four-column .col-item { 
        margin-left: 0;
        margin-right: 1%;
        min-height: 290px;
    }

    .introduction__four-column .col-1 { width: 19%; }

    .introduction__four-column .col-2,
    .introduction__four-column .col-3 {
        width: 28%;
    }

    .introduction__four-column .col-4 { width: 21%; }
    /* [Introduction] ::end */


    /* [GIAA Milestones] ::start */
    .giaa-milestones .img-holder {
        display: table;
        width: 100%;
        padding: 0;
    }

    .giaa-milestones .img-holder img,
    .giaa-milestones .img-holder .img-holder__caption {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }

    .giaa-milestones .img-holder img { padding-top: 30px; }

    .giaa-milestones .img-holder .img-holder__caption { 
        position: static;
        padding: 40px;
    }

    .giaa-milestones .img-holder .img-holder__caption-label .label-1 { letter-spacing: 0.08em; }

    .giaa-milestones .img-holder .img-holder__caption .label-2 { font-size: 1.1em; }

    .giaa-milestones .img-holder .img-holder__caption-description { 
        font-size: 1.4em;
        line-height: 1.6em;
    }
    /* [GIAA Milestones] ::end */



}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1024 up] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080 up] ::start
 ------------------------------------------------------------------*/

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

    .cover {
        background:url('/img/pages/index/cover-20170707.jpg') #FFFFFF center bottom no-repeat;

        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto;
    }

    .cover .cover-img { display: none; }

    /* [Cover Footer] ::start */
    .cover-footer { min-height: 600px; }

    .cover-footer .cover-footer__img { 
        display: block;
        width: 100%;
    }

    .site-details-wrapper {  
        position: relative;
        bottom: 0;
        padding: 40px 0;
    }

    .cover-footer__img-wrapper { position: relative; }

    .cover-footer__img-wrapper:before {
        position: absolute;
        bottom: -25px;
        left: 0;
        right: 0;
        display: block;
        content: ' ';
        margin: 0 auto;
        width: 60px;
        height: 60px;
        background:url('/img/pages/index/cover-footer/footer-icon.png') bottom center no-repeat;
        z-index: 100;
    }
    /* [Cover Footer] ::end */

    /* [Introduction] ::start */
    .introduction__two-column > .col-1 { width: 100%; }
    .introduction__two-column > .col-2 { display: none; }

    .introduction__four-column > .col-1 { display: none; }

    .introduction__four-column  .col-item { 
        margin-left: 1%;
        margin-right: 0; 
    }

    .introduction__four-column .col-2,
    .introduction__four-column .col-3 { 
        width: 36.5%; 
    }

    .introduction__four-column .col-4 { 
        margin-right: 1%;
        width: 23%;
    }
    /* [Introduction] ::end */


    /* [Governor and Lt. Governor Message | Board of Directors Message] ::start */
    .governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-item { width: 100%; }
    /* [Governor and Lt. Governor Message | Board of Directors Message] ::end */


    /* [Statistics] ::start */
    #cargo-and-takeoff-weight .list-4,
    #cargo-and-takeoff-weight .list-box-style-1 {
        margin: 0 auto 40px;
    }

    .landing-takeoffs .content-wrapper .col-1 {
        padding-right: 4%;
        margin-right: 0;
    }

    .landing-takeoffs .content-wrapper .col-2 { width: 52%; }
    /* [Statistics] ::end */
}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080 up] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1300] ::start
 ------------------------------------------------------------------*/

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

    /* [Statistics] ::start */
    #cargo-and-takeoff-weight .list-box-style-1 .list-item {
        margin-right: 3.924914676%;
        width: 30.716723549%;
    }
    #cargo-and-takeoff-weight .list-box-style-1 .list-item:nth-child(even) { margin-right: 3.924914676%; }
    #cargo-and-takeoff-weight .list-box-style-1 .list-item:nth-child(3n) { margin-right: 0; }

    #cargo-and-takeoff-weight .list-4 .list-item {
        margin-right: 0;
        width: 33.3333%;
    }
    /* [Statistics] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1300] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1500 up] ::start
 ------------------------------------------------------------------*/

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


    /* [Introduction] ::start */
    .introduction { padding-top: 40px; }

    .introduction__two-column > .col-1 { 
        width: 80.8%;
        margin-right: 2%;
    }

    .introduction__two-column > .col-2 { width: 16.7%; }

    .introduction__four-column > .col-1 { display: block; }

    .introduction__four-column .col-1,
    .introduction__two-column .col-2 {
        display: block;
    }

    .introduction__four-column .col-item { 
        margin-left: 0;
        margin-right: 1%;
        min-height: 265px;
    }

    .introduction__four-column .col-1 { width: 19%; }

    .introduction__four-column .col-2,
    .introduction__four-column .col-3 {
        width: 28%;
    }

    .introduction__four-column .col-4 { width: 21%; }
    /* [Introduction] ::end */


    /* [Governor and Lt. Governor Message | Board of Directors Message] ::start */
    .governor-and-lt-governor-message-board-of-directors-message > .cols > .col-1 { width: 45%; }
    .governor-and-lt-governor-message-board-of-directors-message > .cols > .col-2 {
        margin-left: 10%;
        width: 45%;
    }
    /* [Governor and Lt. Governor Message | Board of Directors Message] ::end */


    /* [Executive Management Message | The Guam Airport Team] ::start */
    .executive-management-message-the-guam-airport-team > .cols > .col-1 { 
        width: 50%;
        margin-right: 10%;
    }

    .executive-management-message-the-guam-airport-team > .cols > .col-1 .group__contents { max-width: 450px; }

    .executive-management-message-the-guam-airport-team > .cols > .col-2 { width: 40%; }

    .executive-management-message-the-guam-airport-team .twenty-four-seven-logo { 
        margin: 0;
        text-align: left;
    }
    /* [Executive Management Message | The Guam Airport Team] ::end */



    /* [Capital Improvement Projects | Air Service Development] ::start */
    .capital-improvement-projects-air-service-development .col-1 { 
        width: 49%;
        margin-right: 2%;
    }

    .capital-improvement-projects-air-service-development .col-2 { display: none; }

    .capital-improvement-projects-air-service-development .col-3 { 
        padding: 40px;
        width: 49%;
    }
    /* [Capital Improvement Projects | Air Service Development] ::end */


    /* [Safety and Operations | Community Outreach] ::start */
    .safety-and-operations-community-outreach > .cols > .col-item { width: 45%; }
    .safety-and-operations-community-outreach > .cols > .col-1 { margin-right: 10% }
    /* [Safety and Operations | Community Outreach] ::start */


    /* [Statistics] ::start */
    .statistics {
        margin: auto !important;
        padding: 0;
    }

    .statistics .group__cols {
        display: table;
        margin-top: auto;
        width: 100%;
        border-width: 0 0 1px;
    }

    .statistics .group__cols-1 {
        margin-top: 40px;
        border-top-width: 1px;
    }

    .statistics .group__cols .col-item {
        float: none;
        display: table-cell;
        width: auto;
        border-right: 1px solid #FFFFFF;
        border-bottom: none;
        vertical-align: middle;
    }

    .statistics .takeoff-weight figure,
    .statistics .takeoff-weight .list {
        display: inline-block;
        vertical-align: middle;
    }

    .statistics .takeoff-weight figure { margin-right: 60px; }

    #cargo-and-takeoff-weight .list { width: 80%; }

    .landing-takeoffs .content-wrapper .col-2 img {
        float: left;
        margin-right: 2%;
    }

    .landing-takeoffs .col-2 .details { padding: 20px 4.16667%; }
    /* [Statistics] ::end */

}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1500 up] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1600 up] ::start
 ------------------------------------------------------------------*/

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

    /* [GIAA Milestones] ::start */
    .giaa-milestones .group__overview,
    .giaa-milestones .timeline,
    .giaa-milestones .img-holder {
        display: none;
    }

    .giaa-milestones {
        padding: 0 !important;
        margin: 0 !important;
    }

    .giaa-milestones .img--timeline {
        display: block;
        width: 100%;
    }
    /* [GIAA Milestones] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1600 up] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1700 up] ::start
 ------------------------------------------------------------------*/

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


    /* [.introduction] ::start */
    .introduction__four-column .col-1 { width: 20%; }

    .introduction__four-column .col-2,
    .introduction__four-column .col-3 {
        width: 27%;
    }

    .introduction__four-column .col-4 { width: 20%; }

    .introduction__two-column > .col-2 { width: 16%; }

    .introduction .info-box-description p.text,
    .introduction .info-box-description .text-group p {
        font-size: 1.4em;
        line-height: 1.7em;
    }
    /* [.introduction] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1700 up] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1800 up] ::start
 ------------------------------------------------------------------*/

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

    /* [Governor and Lt. Governor Message | Board of Directors Message] ::start */
    .governor-and-lt-governor-message-board-of-directors-message > .cols > .col-1 { width: 33%; }
    .governor-and-lt-governor-message-board-of-directors-message > .cols > .col-2 {
        margin-left: 10%;
        width: 57%;
    }

    .governor-and-lt-governor-message-board-of-directors-message { background:url('/img/ui/miscellaneous/planes-20170612.jpg') 45% bottom no-repeat; }

    .governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-1 {
        margin-right: 5%;
        width: 38%;
    }

    .governor-and-lt-governor-message-board-of-directors-message .board-of-directors-message > .cols .col-2 { width: 57%; }
    /* [Governor and Lt. Governor Message | Board of Directors Message] ::end */


    /* [Capital Improvement Projects | Air Service Development] ::start */
    .capital-improvement-projects-air-service-development .cols { 
        display: table;
        width: 100%;
        border-spacing: 10px;
    }

    .capital-improvement-projects-air-service-development .col-item {
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .capital-improvement-projects-air-service-development .col-1,
    .capital-improvement-projects-air-service-development .col-3 { 
        width: 30%;
    }

    .capital-improvement-projects-air-service-development .col-2 { width: 40%; }

    .capital-improvement-projects-air-service-development .col-3 { padding-bottom: 40px !important; }

    .capital-improvement-projects-air-service-development .col-2 { 
        background:url('/img/pages/index/capital-improvement-projects-air-service-development/img-01.jpg') 0 0 no-repeat;
    }
    /* [Capital Improvement Projects | Air Service Development] ::end */


    /* [Our Flight Network] ::start */
    .our-flight-network { background:url('/img/pages/index/our-flight-network/bg-20170612.jpg') no-repeat left top / 100% auto; }

    .our-flight-network .bg-mirror { display: none; }

    .our-flight-network .list-wrapper {
        position: absolute;
        right: 32%;
    }

    .our-flight-network .list .list__item {
        float: none;
        width: 100%;
    }

    .our-flight-network .runway-img {
        top: auto;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    /* [Our Flight Network] ::end */


    /* [Safety and Operations | Community Outreach] ::start */
    .safety-and-operations-community-outreach { background:url('/img/pages/index/safety-and-operations/bg-20170612.jpg') #FFFFFF center top / auto 100% no-repeat; }

    .safety-and-operations-community-outreach > .cols > .col-item { width: 25%; }

    .safety-and-operations-community-outreach > .cols > .col-1 { margin-right: 50%; }

    .safety-and-operations-community-outreach > .cols > .col-2 {
        padding-bottom: 260px;
        background:url('/img/pages/index/safety-and-operations/featured-photo-20170612.jpg') center bottom no-repeat;
    }
    /* [Safety and Operations | Community Outreach] ::end */

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1800 up] ::start
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1900 up] ::start
 ------------------------------------------------------------------*/

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

    .statistics .group__header {
        position: absolute;
        top: 315px;
    }

    .statistics .group__title { padding-top: 20px; }

    .statistics .group__cols-1 {
        margin-top: auto;
        margin-bottom: 200px;
        border-bottom: 1px solid #FFFFFF;
    }

    .statistics .group__cols-2 { border-top: 1px solid #FFFFFF; }

    .statistics .group__cols .departures { width: 37.5%; }
    .statistics .departures .group__img {
        position: absolute;
        right: 20px;
        bottom: 0;
    }
    .statistics .departures .progress-list .list-item { width: 90%; }

    .statistics .group__cols .cargo { width: 25%; }

    .statistics .group__cols .landing-takeoffs { width: 37.5%; }

    .statistics .group__cols .landing-takeoffs .group__img { margin-top: 30px; }

    .statistics .group__cols .landing-takeoffs .group__img,
    .statistics .group__cols .landing-takeoffs .group__list {
        float: left;
        width: 50%;
    }

}

/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1900 up] ::start
 ------------------------------------------------------------------