/*=============================================================================
  [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; }



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

.btn,
.btn:focus { 
    margin: 0 auto;
    background-position: center 25px;
    max-width: 180px;
    font-size: 1.6em;
}

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



/*------------------------------------------------------------------
 # [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
-------------------------------------------------------------------*/



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

.group .cols { 
    margin: auto;
    max-width: 1300px;
}

/*------------------------------------------------------------------
 # [Cols] ::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-20151202.jpg') center center no-repeat;
    background-size: cover;
    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-title {
    font-size: 3.8em;
    text-align: center;
    margin-bottom: 50px;
}

.statistics .group-title {
    font-size: 3.8em;
    margin-bottom: 20px;
}

.group .text { 
    font-size: 2em;
    line-height: 1.8em;
}

.group-1,
.divisions-of-the-a-b-won-pat-international-airport-authority { 
    background-image: none; 
}


/* [.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-20151202.png') 0 0 no-repeat;
    z-index: -1;
}

.quote:before {
    background-image:url('/img/ui/icons/quote-20151202.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 */

/* [.introduction] ::start */
.introduction {
    letter-spacing: 0.04em;
    padding-top: 50px;
}

.introduction .quote {
    max-width: 550px;
    font-size: 2em;
}

.introduction .quote:before {
    top: -10px;
    left: -18px;
}

.introduction .quote:after {
    bottom: -10px;
    right: 100px;
}
/* [.introduction] ::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 */


/* [.epilogue] ::start */
.epilogue { letter-spacing: 0.04em; }

.epilogue .quote {
    position: absolute;
    font-size: 2em;
    max-width: 550px;
}

.epilogue .quote:before,
.epilogue .quote:after {
    position: absolute;
    display: block;
    content: '';
    height: 40px;
    width: 40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.epilogue .quote:before {
    top: -10px;
    left: -15px;
    background-image:url('/img/ui/icons/epilogue-quote-20151202.png');
}

.epilogue .quote:after {
    bottom: -13px;
    right: 160px;
    background-image:url('/img/ui/icons/epilogue-quote-20151202.png');

    transform: rotate(180deg);
}

.ie8 .epilogue .quote:after {
    bottom: 23px;
    right: 120px;
    background-image:url('/img/ui/icons/epilogue-quote-20151202.png');
}

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


/* [.message-from-the-governor-and-lt-governor] ::start */
.message-from-the-governor-and-lt-governor .col-2 { margin-top: 30px; }
.message-from-the-governor-and-lt-governor .seal { margin-bottom: 50px; }

.message-from-the-governor-and-lt-governor .btn:hover,
.message-from-the-governor-and-lt-governor .btn:focus {
    color: #adc8f8;
}

.message-from-the-governor-and-lt-governor .two-col .governor {
    width: 50%;
    float: left;
}

/*.message-from-the-governor-and-lt-governor .group-title { text-align: left; }*/
.message-from-the-governor-and-lt-governor .caption { font-size: 2em; }
/* [.message-from-the-governor-and-lt-governor] ::end */


/* [.divisions-of-the-a-b-won-pat-international-airport-authority] ::start */
.divisions-of-the-a-b-won-pat-international-airport-authority .data-list { font-size: 1.8em; }
.divisions-of-the-a-b-won-pat-international-airport-authority .hd-2 { border-color: #192d52; }
.divisions-of-the-a-b-won-pat-international-airport-authority .btn:hover,
.divisions-of-the-a-b-won-pat-international-airport-authority .btn:focus {
    color: #3c598f;
}
/* [.divisions-of-the-a-b-won-pat-international-airport-authority] ::end */


/* [.finance] ::start */
.finance { background-image: none; }
/* [.finance] ::end */

/* [.safety-and-operations] ::start */
.safety-and-operations { background-image: none; }
/* [.safety-and-operations] ::end */

/* [.air-service-development] ::start */
.air-service-development { background-image: none; }
/* [.air-service-development] ::end */

/* [.air-service-development] ::start */
.downloadable-files .group-title,
.financials .group-title {
    text-align: left;
    margin-bottom: 20px;
}
/* [.air-service-development] ::end */

/* [.epilogue] ::start */
.epilogue { background-image: none; }
.epilogue { background-image:url('/img/pages/index/img-8-20151202.jpg'); }
/* [.epilogue] ::end */

/* [subpage content] ::start */
.text-group { font-size: 1.2em; }
.text-group p { line-height: 1.8em; }
.text-quote { font-size: 2.4em !important; }
/* [subpage content] ::end */

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



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

.cover {
    min-height: 600px;
    background-image:url('/img/pages/index/cover-20151203.jpg');
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}

.cover-footer {
    min-height: 840px;
    background-image: none;
    /*background-image:url('/img/pages/index/cover-footer-20151203.jpg');*/
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}

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

    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

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

.touch .introduction { background-image:url('/img/pages/index/img-1-20151202.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-20151202.jpg');
    background-color: #fff;
}

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

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

.ie8 .cover { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-20151202.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-20151202.jpg',sizingMethod='scale')";
}
.ie8 .cover-footer { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/cover-footer-20151202.jpg', sizingMethod='scale');

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

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

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-1-20151202.jpg', sizingMethod='scale')";
}
.ie8 .divisions-of-the-a-b-won-pat-international-airport-authority { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-2-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-2-20151202.jpg',sizingMethod='scale')";
}

.ie8 .message-from-the-governor-and-lt-governor { background-color: #142b53; }

.ie8 .cargo-and-takeoff-weight { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/guam-map-20151202.png', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/guam-map-20151202.png', sizingMethod='scale')";
}
.ie8 .landing-takeoffs {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/pattern-gray-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/pattern-gray-20151202.jpg', sizingMethod='scale')";
}
.ie8 .transit {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/pattern-blue-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/pattern-blue-20151202.jpg',sizingMethod='scale')";
}
.ie8 .departures {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/pages/index/statistics/departures-20151202.png', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/pages/index/statistics/departures-20151202.png', sizingMethod='scale')";
}
.ie8 .arrivals {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/arrivals-20151202.png', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/statistics/arrivals-20151202.png', sizingMethod='scale')";
}
.ie8 .finance { 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-3-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-3-20151202.jpg', sizingMethod='scale')";
}
.ie8 .safety-and-operations {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-4-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-4-20151202.jpg', sizingMethod='scale')";
}
.ie8 .air-service-development {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-6-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-6-20151202.jpg', sizingMethod='scale')";
}
.ie8 .epilogue {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-8-20151202.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pages/index/img-8-20151202.jpg', sizingMethod='scale')";
}

.ie8 .introduction { background-color: #FDFFE8; }
.ie8 .message-from-the-governor-and-lt-governor { background-color: #142b53; }
.ie8 .divisions-of-the-a-b-won-pat-international-airport-authority { background-color: #FFFFFF; }
.ie8 .landing-takeoffs { background-color: #635F60; }
.ie8 .transit { background-color: #0C72BA; }
.ie8 .cargo-and-takeoff-weight,
.ie8 .departures,
.ie8 .arrivals,
.ie8 .finance,
.ie8 .safety-and-operations,
.ie8 .air-service-development,
.ie8 .epilogue {
    background-color: #E3C100;
}

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

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

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

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




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

.statistics header { text-align: center; }

.statistics .col-item {
    width: 50%;
    overflow: visible;
}

.statistics .content-wrapper .col-item { width: 48%; }
.statistics .content-wrapper .col-1 { margin-right: 4%; }
.statistics .content-wrapper .col-2 {
    margin-right: 0;
    /*width: 50%;*/
}

.group-full-width.group .cols { max-width: none; }


/* [Arrivals and Departures] ::start */
#arrivals-and-departures header {
    position: absolute;
    padding: 0;
}

#arrivals-and-departures .title { display: none; }


#arrivals-and-departures .col-item {
    margin-top: 50px;
    min-height: 500px;
    max-height: 500px;
}

.arrivals header {
    top: -50px;
    left: -10px;
}

.arrivals { background: no-repeat 90% center / cover; }

.list-rounded-style-1 {
    margin: auto;
    width: 70%;
    max-height: none;
}

.list-rounded-style-1 .featured-item {
    top: 20px;
    left: 130px;
}

.list-rounded-style-1 .year-2013 {
    top: -30px;
    left: 55px;
}

.list-rounded-style-1 .year-2012 {
    top: -45px;
    left: -10px;
}

.list-rounded-style-1 .year-2011 {
    top: -35px;
    left: -40px;
}

.list-rounded-style-1 .year-2010 {
    top: -30px;
    left: -10px;
}

.list-rounded-style-1 .year-2009 {
    top: -55px;
    left: 60px;
}

#departures .content-wrapper { min-height: 490px; }
#departures header {
    bottom: 30px;
    right: 0;
}

.departures { background: no-repeat center / cover; }

.departures .progress-list .list-item.active .year {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.departures .progress-list .list-item .year {
    border-color: #7D713E;
    color: #7D713E;
}

.departures .progress-list .list-item .progress {
    background-color: #7D713E;
    color: #E4C200;
}

.progress-list { margin-top: 10px; }
/* [Arrivals and Departures] ::end */


/* [Transit] ::start */
#transit {
    overflow: visible;
    background-image: none;
}

#transit .content-wrapper { padding: 20px 0; }

#transit header { margin-bottom: 40px; }
#transit header:after { top: 0; }

#transit .title { margin: 0; }

#transit .col-item { margin-bottom: 0; }

#transit .list,
#transit .intro {
    width: 80%;
    margin: 0 auto 30px;
}

#transit .intro .year { font-size: 2em; }

#transit .intro .value {
    color: #524947;
    font-size: 1.4em;
    display: block;
}

#transit .list-item .value { font-size: 1.2em; }
/* [Transit] ::end */

/* [#landing-takeoffs] ::start */
#landing-takeoffs { background-image: none; }
/* [#landing-takeoffs] ::end */


/* [Cargo and Takeoff Weight] ::start */
#cargo-and-takeoff-weight { background: no-repeat left center / cover; }

#cargo-and-takeoff-weight .col-1 {
    padding-right: 4%;
    border-right: 1px dashed #7D723A;
}

#cargo-and-takeoff-weight .list-4 .list-item,
#cargo-and-takeoff-weight .list-box-style-1 .list-item {
    margin-right: 4%;
    width: 48%;
}

#cargo-and-takeoff-weight .list-4 .list-item:nth-child(even),
#cargo-and-takeoff-weight .list-box-style-1 .list-item:nth-child(even) {
    margin-right: 0;
}

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

/* [Cargo and Takeoff Weight] ::end */

/*------------------------------------------------------------------
 # [Statistics] ::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%; }

    .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
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 to 1079] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 1079px) {
    .bg-group { background-color: #132B53; }

    .finance,
    .air-service-development,
    .safety-and-operations {
        background-color: #224d77;
    }

    .statistics { background-color: #E4C200; }

    .cover {
        min-height: 1200px;
        margin-top: 60px;
    }
}
/*------------------------------------------------------------------
 # [Minimal, Browser Width: 641 to 1079] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Minimal, Browser Width: 920] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 920px) {
    /* [.landing-takeoffs] ::start */
    .landing-takeoffs .details .group-text { font-size: 1.1em; }
    /* [.landing-takeoffs] ::end */
}
/*------------------------------------------------------------------
 # [Minimal, Browser Width: 920] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 671 to 1499] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 671px) and (max-width: 1499px) {
    /* [.message-from-the-governor-and-lt-governor] ::start */
    .message-from-the-governor-and-lt-governor .col-2 .img-holder { display: inline-block; }
    .message-from-the-governor-and-lt-governor .eddie-calvo { margin-right: 2%; }
    .message-from-the-governor-and-lt-governor .ray-tenorio { margin-top: 0; }
    /* [.message-from-the-governor-and-lt-governor] ::end */

    /* [.divisions-of-the-a-b-won-pat-international-airport-authority] ::start */
    .divisions-of-the-a-b-won-pat-international-airport-authority .data-list dt { 
        float: left;
        width: 40%;
    }
    /* [.divisions-of-the-a-b-won-pat-international-airport-authority] ::end */
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 671 to 1499] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1077 to 1499] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 1077px) and (max-width: 1499px) {
    .message-from-the-governor-and-lt-governor .col-2 { margin: 30px auto 0 auto; }
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1077 to 1499] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1300] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 1300px) {
     /* [Cargo and Takeoff Weight] ::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%;
    }
    /* [Cargo and Takeoff Weight] ::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: center;
        -ms-flex-pack: center;
        justify-content: center;

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

        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;
    }

    /*.introduction { background-image:url('/img/pages/index/img-1-20151208.jpg'); }*/

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

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

    /* [Cargo and Takeoff Weight] ::start */
    #cargo-and-takeoff-weight .list { width: 80%; }
     /* [Cargo and Takeoff Weight] ::end */

    /* [Landing / Takeoffs] ::start */
    .landing-takeoffs .content-wrapper .col-2 img {
        float: left;
        margin-right: 2%;
    }

    .landing-takeoffs .col-2 .details { padding: 20px 4.16667%; }
    /* [Landing / Takeoffs] ::start */
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1500 up] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1079] ::start
 ------------------------------------------------------------------*/
@media screen and (max-width: 1079px) {
   .inner-content-details { position: static; }

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

    .introduction { background-image:url('/img/pages/index/img-1-20151202.jpg'); }

    .introduction blockquote {
        margin: 0;
        padding: 0;
    }

    .message-from-the-governor-and-lt-governor { background-color: #142b53; }

    .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-20151202.jpg');
        background-color: #fff;
    }

    /*.statistics { background-color: #ffffff; }*/
    .epilogue { background-color: #224D77; }
    .financials { background-color: #142B53; }
    .downloadable-files { background-color: #FFFFFF; }
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1079] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 1080px) {
    .group-title,
    .video-wrapper,
    .video-caption {
        text-align: left;
    }

    .introduction { padding-top: 100px; }

    #statistics .group-header { text-align: left; }

    /* [.message-from-the-governor-and-lt-governor] ::start */
    .message-from-the-governor-and-lt-governor .eddie-calvo .caption { 
        background-position: top left;
        text-align: left;
    }

    .message-from-the-governor-and-lt-governor .ray-tenorio .caption { 
        background-position: top left;
        text-align: left;
    }
    /* [.message-from-the-governor-and-lt-governor] ::end */

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

    /* [Landing / Takeoffs] ::start */
    .landing-takeoffs .content-wrapper .col-1 {
        padding-right: 4%;
        margin-right: 0;
    }

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

    /* [Epilogue] ::start */
    .epilogue { background-image: none; }
    /* [Epilogue] ::end */
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080] ::end
 ------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080 to 1400] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 1080px) and (max-width: 1500px) {
    /* [introduction] ::start */
    .introduction .quote,
    .introduction .quote footer {
        background-color: rgba(255, 255, 255, 0.5);

        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    .introduction .quote { padding: 15px; }
    .introduction .quote footer { padding: 10px; }
    /* [introduction] ::end */
}
/*------------------------------------------------------------------
 # [Enhanced, Browser Width: 1080 to 1400] ::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;
        height: 100%;
        width: 350px;
        background-repeat: no-repeat;
        background-position: center 95%;
    }

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

    #head-navigation li a {
        margin-bottom: 15px;
        padding: 5px 15px;
    }
}
/*------------------------------------------------------------------
 # [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]
  ============================================================================*/