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


/*------------------------------------------------------------------
 # [Colors] ::start
 ------------------------------------------------------------------*/
.c-1 { color: #ffffff; }
.c-2 { color: #192D52; }
.c-3 { }
/*------------------------------------------------------------------
 # [Colors] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Font-Face] ::start
 ------------------------------------------------------------------*/
.ff1 { font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif; }
.ff2 { font-family: 'Mentone-SemiBold', Arial, Verdana, sans-serif; }
/*------------------------------------------------------------------
 # [Font-Face] ::end
 ------------------------------------------------------------------*/


.minimal { display: block; }
.enhanced { display: none; }
.outline-label { display: none; }


/*------------------------------------------------------------------
 # [Selection] ::start
 ------------------------------------------------------------------*/
::-moz-selection {background:#0c66a8; color:#FFFFFF; text-shadow: none;}
::selection{background:#0c66a8; color:#FFFFFF; text-shadow: none;}
/*------------------------------------------------------------------
 # [Selection] ::end
 ------------------------------------------------------------------*/

body {
    background-color: #0972ce;
    font-family: 'Mentone-SemiBold', Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0;
}

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

.content-item { margin-bottom: 60px; }

/*------------------------------------------------------------------
 # [Headings] ::start
 ------------------------------------------------------------------*/
.hd-1, .hd-2, .hd-3, .hd-4 {
    margin: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}
.hd-1 { font-size: 3em; }
.hd-2 { font-size: 2em; }
.hd-3 { font-size: 1.5em; }
.hd-4 { font-size: 1.2em; }
/*------------------------------------------------------------------
 # [Headings] ::end
 ------------------------------------------------------------------*/




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

.btn,
.btn:focus,
.btn:visited { 
    display: block;
    margin: 20px 0;
    text-align: center;
    padding-bottom: 40px;
    min-height: 40px;
    font-size: 1.4em;
    text-decoration: none;
    text-transform: uppercase;
    background:url('/img/ui/btns/arrow-down-rounded-20151203.png') center 20px no-repeat;
}

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




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

.link,
.link:focus,
.link:visited {
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2em;
}

.link:hover {
    color: #E4C200;
    text-decoration: none;
}

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


/*------------------------------------------------------------------
 # [List] ::start
-------------------------------------------------------------------*/
.list {
    margin: 0;
    padding: 0;
    font-size: 1.6em;
}

.list-1 li { 
    margin-bottom: 10px;
    padding-bottom: 10px;
    list-style: none;
    border-bottom: 1px solid #d7d7d7;
}

.list-1 li:last-child { border-bottom: none; }

.list-1 li a,
.list-1 li a:focus,
.list-1 li a:visited { 
    color: #192D52;
    text-decoration: none;
}

.list-2 li {
    margin-bottom: 0;
    padding-bottom: 0;
    list-style: none;
    background-color: #1e3e5d;
    padding: 10px;
    margin-bottom: 20px;
}

.csstransitions .list-2 li {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.list-2 li:last-child { border-bottom: none; }

.list-2 li a,
.list-2 li a:focus,
.list-2 li a:visited {
    color: #192D52;
    text-decoration: none;
}

.list-2 li:last-child { border-bottom: none; }

.list-3 li a,
.list-3 li a:focus,
.list-3 li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.list-3 li a:hover { color: #CCCCCC; }

.csstransitions .list-3 li {
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.iconized-list li {
    padding-left: 30px;
    background:url('/img/ui/icons/pdf-20151203.png') 0 0 no-repeat;
}

/* [.list-box-style-1] ::start */
.list-box-style-1 {
    list-style: none;
    margin-bottom: 50px;
    font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif;
}

.list-box-style-1 .list-item {
    position: relative;
    float: left;
    width: 30.716723549%;
    margin-right: 3.924914676%;
    min-height: 180px;
    color: #0071CE;
    text-align: center;
    overflow: hidden;
    letter-spacing: 0.05em;
}
.list-box-style-1 .list-item:nth-child(3n),
.list-box-style-1 .list-item:last-child {
    margin-right: 0;
}

.list-box-style-1 .list-item .year {
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
}

.list-box-style-1 .list-item .box-content {
    position: absolute;
    bottom: 0;
    padding: 40px 10px;
    width: 100%;
    background-color: #0071CE;
    color: #E2C022;
}

.list-box-style-1 .list-item .box-content span {
    padding: 5px;
    display: block;
    border: 1px solid #E2C022;
}

.list-box-style-1 .featured-item { color: #524947; }

.list-box-style-1 .featured-item .year {
    top: 17px;
    font-size: 1.2em;
}

.list-box-style-1 .featured-item .box-content {
    padding: 50px 10px;
    background-color: #524947;
}

.list-box-style-1 .featured-item .box-content span {
    background-color: #0071CE;
    color: #FFF;
    border-color: #FFF;
    font-size: 1.2em;
}
/* [.list-box-style-1] ::end */

/* [.list-4] ::start */
.list-4 {
    list-style: none;
    margin: auto;
    font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif;
    font-size: 1.8em;
    letter-spacing: 0.05em;
    text-align: center;
}

.list-4 .list-item {
    position: relative;
    float: left;
    margin-bottom: 10px;
    padding: 25px;
    width: 50%;
    overflow: hidden;
}

.list-4 .year {
    display: block;
    color: #0071CE;
    font-size: 1.5em;
}
.list-4 .value {
    display: block;
    color: #524947;
    line-height: 1.2;
}

.list-4 .featured-item {
    background-color: #0071CE;
    font-weight: 700;
}

.list-4 .featured-item .year { color: #FFF; }

.list-4 .featured-item .value { color: #E7E301; }
/* [.list-4] ::end */


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



#main-container {
    width: 100%;
    border: 0;
    margin: 0;
    /*padding: 4.166666667%;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#main-content { padding:0; }

#masthead { 
    overflow: hidden;
    position: relative;
}

#logo {
    display: none;
    margin:0;
    padding:0;
    text-align: center;
}


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

.overlay { display: none; }

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

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

.group {
    padding: 40px 4.166666667%;
    background-position: center 0;
    background-repeat: no-repeat;
}

.group-title { 
    margin: 20px 0;
    padding: 0;
    border: none;
    font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif;
    font-size: 2.2em;
    text-align: center;
}

.group .text-expander.active { display: none; }

.group .more-content { 
    display: none;
    margin-bottom: 20px;
    /*font-size: 1.5em; */
}

/* [.cover] ::start */
.cover{ 
    min-height: 422px;
    background-position: center 40px;
    background-image:url('/img/pages/index/cover/bg-minimal-20151203.jpg');
    background-color: #0174CF;
}
/* [.cover] ::end */

/* [.cover-footer] ::start */
.cover-footer { 
    min-height: 500px;
    padding: 0;
    background-position: top center;
    background-image:url('/img/pages/index/cover-footer/bg-minimal.jpg');
    background-color: #0174CF;
    background-size: cover;
}

.site-details {
    padding: 50px 10px;
    background-color: #0073CE;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6em;
}

.site-title {
    font-size: 1.4em;
    display: block;
    margin-bottom: 20px;
    font-family: "Prosto Sans Bold",Verdana,Arial,sans-serif;
}

.contacts {
    display: block;
    margin-bottom: 20px;
}
/* [.cover-footer] ::end */

.bg-2, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-10, .bg-12 { background-color: #142B53; }

.bg-9 { background-color: #E3C100; }
.bg-3, .bg-11 { background-color: #FFFFFF; }

/* [.introduction] ::start */
.introduction { 
    padding-top: 100px;
    min-height: 600px;
    background-image:url('/img/pages/index/introduction/bg-minimal-20151203.jpg');
    background-color: #FEF8E7;
}

.introduction .quote { 
    margin: 0;
    color: #192D52;
    font-size: 1.8em;
}

.introduction .quote footer {
    margin-top: 40px;
    float: right;
    font-style: italic;
}
/* [.introduction] ::end */


/* [.epilogue] ::start */
.epilogue { 
    min-height: 600px;
    /*background-color: #FEF8E7;*/
}

.epilogue blockquote { 
    margin: 0;
    color: #FFFFFF;
    font-size: 1.8em;
}

.epilogue blockquote footer { 
    margin-top: 40px;
    float: right;
    font-style: italic;
}
/* [.introduction] ::end */




/* [.message-from-the-governor-and-lt-governor] ::start */
.message-from-the-governor-and-lt-governor { background-color: #142B53; }

.message-from-the-governor-and-lt-governor .seal,
.message-from-the-governor-and-lt-governor .group-title {
    text-align: center;
}

.message-from-the-governor-and-lt-governor .seal {
    display: block;
    margin: 0 auto 20px auto; 
}

.message-from-the-governor-and-lt-governor .group-title { margin-bottom: 30px; }
.message-from-the-governor-and-lt-governor .col-2 { text-align: center; }
.message-from-the-governor-and-lt-governor .img-holder { margin-bottom: 20px; }

.message-from-the-governor-and-lt-governor .caption {
    margin-top: 16px;
    padding-top: 50px;
    text-align: center;
    font-family: 'Mentone-SemiBold', Arial, Verdana, sans-serif;
    font-size: 1.8em;
    background-position: top center;
    background-repeat: no-repeat;
}

.message-from-the-governor-and-lt-governor .ray-tenorio { margin-top: 60px; }

.message-from-the-governor-and-lt-governor .eddie-calvo .caption { 
    background-image:url('/img/pages/index/message-from-the-governor-and-lt-governor/eddie-calvo-signature-20151203.png');
}

.message-from-the-governor-and-lt-governor .ray-tenorio .caption { 
    background-image:url('/img/pages/index/message-from-the-governor-and-lt-governor/ray-tenorio-signature-20151203.png');
}

.message-from-the-governor-and-lt-governor .caption span { display: block; }
.message-from-the-governor-and-lt-governor .img-holder img { margin: auto; }
/* [.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 { 
    background-color: #ffffff;
    background-image:url('/img/pages/index/divisions-of-the-a-b-won-pat-international-airport-authority/bg-minimal-20151203.jpg');
    background-repeat: repeat;
}

.divisions-of-the-a-b-won-pat-international-airport-authority .group-title { 
    margin-top: 20px;
    margin-bottom: 10px;
}

.divisions-of-the-a-b-won-pat-international-airport-authority .btn { color: #192D52; }
.divisions-of-the-a-b-won-pat-international-airport-authority .more-content { font-size: 1em; }
.divisions-of-the-a-b-won-pat-international-airport-authority .col-2 .text { font-style: italic; }

.divisions-of-the-a-b-won-pat-international-airport-authority .data-list { font-size: 1.5em; }
.divisions-of-the-a-b-won-pat-international-airport-authority .data-list dt { font-weight: 700; }

.divisions-of-the-a-b-won-pat-international-airport-authority .data-list dd { 
    margin-bottom: 20px;
    margin-left: 0; 
}
/* [.divisions-of-the-a-b-won-pat-international-airport-authority] ::end */


/* [.finance] ::start */
.finance { background:url('/img/pages/index/finance/bg-minimal.jpg') no-repeat center center; }
/* [.finance] ::end */

/* [.safety-and-operations] ::start */
.safety-and-operations { background:url('/img/pages/index/safety-and-operations/bg-minimal.jpg') no-repeat center center; }
/* [.safety-and-operations] ::end */

/* [.air-service-development] ::start */
.air-service-development { background:url('/img/pages/index/air-service-development/bg-minimal.jpg') no-repeat center center; }
/* [.air-service-development] ::end */

/* [.epilogue] ::start */
.epilogue { background:url('/img/pages/index/epilogue/bg-minimal.jpg') no-repeat center center; }
/* [.epilogue] ::end */

/* [.epilogue] ::start */
.epilogue { background:url('/img/pages/index/epilogue/bg-minimal.jpg') no-repeat center center; }
/* [.epilogue] ::end */

/* [.annual-report] ::start */
.annual-report { background:url('/img/pages/index/annual-report/bg-minimal.jpg') no-repeat center center; }
/* [.annual-report] ::end */

.bg-group {
    background-color: #1C466E;

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


/* [video and image intro] ::start */
.video-caption { 
    display: block;
    margin: 10px 0 30px 0;
    font-size: 1.5em; 
    text-align: center;
}

.text-quote { 
    margin: 20px 0;
    font-size: 1.8em;
    font-style: italic;
}

.image-wrapper,
.video-wrapper {
    text-align: center;
}

.video-item { 
    position: relative;
    display: inline-block;
}

.play-btn {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background:url('/img/ui/btns/play-20150506.png') center center no-repeat;
    opacity: 0.8;

    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.play-btn:hover { opacity: 1; }
/* [video and image intro] ::end */


/* [.financials] ::start */
.financials .col-1 { margin-bottom: 20px; }
.financials .group-title { text-align: left; }
/* [.financials] ::end */


/* [.downloadable-files] ::start */
.downloadable-files { background-color: #ffffff; }
.downloadable-files .group-title { text-align: left; }
/* [.downloadable-files] ::end */


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



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

.statistics {
    padding: 0;
    background-color: #E4C200;
}

.statistics .group-header {
    padding: 20px 4.166666667%;
    text-align: center;
}

.statistics .title {
    margin: 20px auto 40px;
    font-size: 2.8em;
}

.statistics .content-wrapper {
    position: relative;
    padding: 20px 4.166666667%;
    overflow: visible;
}

/* [Transit] ::start */
#transit { background:url('/img/pages/index/statistics/pattern-blue-20151202.jpg') #0272CC no-repeat center center / cover; }

#transit header {
    position: relative;
    text-align: center;
}
#transit header:after {
    position: absolute;
    top: -20px;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
    display: block;
    margin: auto;
    height: 2px;
    width: 100%;
    background-color: #FFF;
    z-index: 10
}

#transit .col-1 { margin-bottom: 20px; }

#transit .col-2 { padding: 10px; }

#transit .intro {
    position: relative;
    padding: 10px;
    outline: 3px dashed #A6AB62;
    background-color: #B9D9F3;
    color: #0071CE;
    text-align: center;
}

#transit .col-2 p {
    margin-bottom: 0;
    font-size: 2em;
}

#transit .title {
    position: relative;
    display: inline-block;
    padding: 12px 10px 8px;
    background-color: #E2BF22;
    color: #524947;
    border: 2px solid #FFF;
    font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    z-index: 100
}

#transit .list-item {
    position: relative;
    color: #E2BF22;
    margin-bottom: 10px;
    list-style-type: none;
}

#transit .list-item .year {
    background-color: #524947;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 80px;
}

#transit .list-item.active {
    color: #FFFFFF;
    font-size: 1.6em;
}
#transit .list-item.active .year {
    color: #524947;
    background-color: #FFFFFF;
    font-size: 0.8em
    width: auto;
}
/* [Transit] ::end */


/* [Landing / Takeoffs] ::start */
#landing-takeoffs { background:url('/img/pages/index/statistics/pattern-gray-20151202.jpg') #655F61 no-repeat center center / cover; }
.landing-takeoffs .col-2 { color: #E2BF22; }
.landing-takeoffs .col-2 .details {
    padding: 20px 4.166666667% 0;
    background-color: #686062;
    border-left: 1px solid #CCCCCC;
}

.landing-takeoffs .col-2 .details .group-text { margin-top: 20px; }
.landing-takeoffs .col-2 span { font-size: 1.4em; }
.landing-takeoffs .col-2 .sub-text { font-size: 0.7em; }

.landing-takeoffs .progress-list .year {
    width: 10%;
    border: none;
}

.touch .landing-takeoffs .progress-list .year {
    padding: 5px 0;
    border: none;
    width: 10%;
    color: #E2BF22;
    text-align: center;
}

.landing-takeoffs .details { text-align: center; }
.landing-takeoffs .details .group-text { text-align: left; }
/* [Landing / Takeoffs] ::end */


/* [Arrivals and Departures] ::start */
.arrivals { background:url('/img/pages/index/statistics/arrivals-minimal-20151202.jpg') no-repeat 90% center / cover; }

.arrivals .title { border-color: #7D7041; }

.departures { background:url('/img/pages/index/statistics/departures-minimal-20151202.jpg') no-repeat center right / cover; }

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

.departures .progress-list .list-item.active .progress {
    background-color: #FFFFFF;
    color: #524947;
}

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

.arrivals-and-departures .title { border-bottom-color: #FFF }

.list-rounded-style-1 {
    position: relative;
    max-height: 450px;
    font-size: 1.4em;
    text-align: center;
    font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif;
}

.list-rounded-style-1 .list-item {
    position: relative;
    display: table;
    height: 80px;
    width: 80px;
    color: #0071CE;
    border: 2px solid #E3E094;
    list-style-type: none;

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

    background-color: rgb(227,193,33);
    background-color: rgba(227,193,33, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3C121, endColorstr=#E3C121);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3C121, endColorstr=#E3C121)";
}

.list-rounded-style-1 .featured-item {
    top: 0;
    left: 180px;
    width: 120px;
    height: 120px;
    background-color: #7D7041;
    color: #FFF;
    border-color: #EAEAEA;
    font-size: 1.3em;
}
.list-rounded-style-1 .featured-item .item-content .value { font-size: 1.2em; }

.list-rounded-style-1 .year-2013 {
    top: -70px;
    left: 95px;
}

.list-rounded-style-1 .year-2012 {
    top: -85px;
    left: 35px;
}

.list-rounded-style-1 .year-2011 {
    top: -75px;
    left: 0;
}

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

.list-rounded-style-1 .year-2009 {
    top: -85px;
    left: 70px;
}

.list-rounded-style-1 .list-item .item-content {
    display: table-cell;
    vertical-align: middle;
}

.list-rounded-style-1 .list-item .item-content .value {
    font-weight: 700;
    font-size: 1em;
}

/*+++++++++++++++++++++
 # [IE] ::start
 +++++++++++++++++++++*/
.ie8 .list-rounded-style-1 .featured-item {
    left: 150px;
    top: 0;
}

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

.ie8 .list-rounded-style-1 .year-2009 {
    left: 80px;
    too: -55px;
}
/*+++++++++++++++++++++
 # [IE] ::end
 +++++++++++++++++++++*/


/* [Progress Tracker] ::start */
.progress-list .list-item {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    list-style-type: none;
}

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

.progress-list .list-item.active .progress {
    background-color: #FFFFFF;
    color: #0C72BA;
}

.progress-list .year,
.progress-list .progress {
    float: left;
}

.progress-list .year {
    padding: 5px 0;
    border: 1px solid #E2BF22;
    width: 15%;
    color: #E2BF22;
    text-align: center;
}

.progress-list .progress {
    padding: 6px;
    width: 0;
    background-color: #524947;
    color: #E2BF22;
    text-align: right;
}

.animated-progress-list .progress {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.progress-list .list-item .progress {
    width: 0;
    opacity: 0;
    visibility: hidden;
}

.departures .animated-progress-list .list-item .progress,
.landing-takeoffs .animated-progress-list .list-item .progress {
    opacity: 1;
    visibility: visible;
}

.departures .animated-progress-list .list-item:first-child .progress { width: 85%; }
.departures .animated-progress-list .list-item:nth-child(2) .progress { width: 85%; }
.departures .animated-progress-list .list-item:nth-child(3) .progress { width: 80%; }
.departures .animated-progress-list .list-item:nth-child(4) .progress { width: 50%; }
.departures .animated-progress-list .list-item:nth-child(5) .progress { width: 60%; }
.departures .animated-progress-list .list-item:last-child .progress { width: 30%; }

.landing-takeoffs .animated-progress-list .list-item:first-child .progress { width: 90%; }
.landing-takeoffs .animated-progress-list .list-item:nth-child(2) .progress { width: 88%; }
.landing-takeoffs .animated-progress-list .list-item:nth-child(3) .progress { width: 83%; }
.landing-takeoffs .animated-progress-list .list-item:nth-child(4) .progress { width: 81%; }
.landing-takeoffs .animated-progress-list .list-item:nth-child(5) .progress { width: 70%; }
.landing-takeoffs .animated-progress-list .list-item:last-child .progress { width: 68%; }

.arrivals .list-rounded-style-1 .list-item {
    opacity: 0;
    visibility: hidden;
}

.arrivals .animated-circles .list-item {
    opacity: 1;
    visibility: visible;
}

.csstransitions .arrivals .animated-circles .list-item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s;
}
/* [Progress Tracker] ::end */
/* [Arrivals and Departures] ::end */

.timeline .group-header { background-color: #FFFFFF; }

/* [Cargo and Takeoff Weight] ::start */
#cargo-and-takeoff-weight { background:url('/img/pages/index/statistics/guam-map-minimal-20151202.jpg') no-repeat 85% bottom / cover; }

#cargo .title { color: #0071CE; }
#cargo .title span { color: #524947; }

.title-1 {
    position: relative;
    color: #524947;
    border-color: inherit;
    line-height: 1;
}

.title-1 span {
    position: relative;
    top: -5px;
    display: inline-block;
    font-size: 0.5em;
    font-style: italic;
    text-transform: none;
}

.text-with-img {
    color: #0071CE;
    font-size: 2em;
    text-align: center;
}

.text-with-img img { display: inline-block; }

.text-with-img p {
    position: relative;
    top: 12px;
    display: inline-block;
    padding-left: 5px;
}
/* [Cargo and Takeoff Weight] ::end */

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



/*------------------------------------------------------------------
 # [Responsive Video] ::start
-------------------------------------------------------------------*/

.fluid-ratio {
    position:relative;
    margin:0;
    padding:0;
    height:0;
    overflow:hidden;
}
.ratio-1-1 { padding-bottom: 100%; /* value for 1:1 aspect ratio */ }
.ratio-4-3 { padding-bottom: 75%; /* value for 4:3 aspect ratio */ }
.ratio-3-2 { padding-bottom: 66.6666667%; /* value for 3:2 aspect ratio */ }
.ratio-16-9 { padding-bottom: 56.25%; /* value for 16:9 aspect ratio */ }
.ratio-3-1 { padding-bottom: 33.3333333%; /* value for 3:1 aspect ratio */ }

.fluid-ratio .media-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin:0;
}

/*------------------------------------------------------------------
 # [Responsive Video] ::end
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Browser Width: 480 up] ::start
 ------------------------------------------------------------------*/
@media screen and (min-width: 480px) {
    .list-4 .list-item { width: 33.333333333%; }

    #cargo-and-takeoff-weight { background-position: 90% bottom; }

    .location,
    .contacts {
        font-size: 1.2em;
    }
}
/*------------------------------------------------------------------
 # [Browser Width: 480 up] ::end
 ------------------------------------------------------------------*/






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


/*------------------------------------------------------------------
 # [Breadcrumbs] ::start
 ------------------------------------------------------------------*/
.breadcrumbs { }

.breadcrumbs.breadcrumbs-1 { 
    border-bottom: 1px solid #ECEDED;
    overflow: hidden;
    margin-bottom: 40px;
}

.breadcrumbs.breadcrumbs-1 ul li {
    float: left;
    overflow: hidden;
    padding-right: 23px;
    margin-bottom: 6px;
    background:url('/img/ui/icons/breadcrumbs-separator.png') center right no-repeat;
}

.breadcrumbs.breadcrumbs-1 ul li:first-child { }

.breadcrumbs.breadcrumbs-1 ul li:last-child {
    background: none;
    padding-right: 0;
}

.breadcrumbs.breadcrumbs-1 ul li a {
    padding: 0 0 4px 0;
    color: #666666;
    text-decoration: none;
    display: inline-block;
    margin-left: 6px;
    font-size: 1.2em;
    line-height: 1.0em;
}

.breadcrumbs.breadcrumbs-1 ul li a:hover {
    color: #2A8ACA;
    text-decoration: underline;
}

.breadcrumbs.breadcrumbs-1 ul li.active a { color: #2A8ACA; }

.breadcrumbs.breadcrumbs-1 ul li:first-child a { margin-left: 0; }

.breadcrumbs.breadcrumbs-2 { }
/*------------------------------------------------------------------
 # [Breadcrumbs] ::end
 ------------------------------------------------------------------*/



/*------------------------------------------------------------------
 # [Head Navigation] ::start
 ------------------------------------------------------------------*/
#head-navigation {
    position: fixed;
    top: 59px;
    display: none;
    padding: 20px 10px 60px;
    width: 100%;
    background-color: #1874B8;
    z-index: 9999;
    height: 100%;
    overflow: scroll;
}

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

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

#head-navigation li a {
    display: block;
    font-family: 'Prosto Sans Bold', Verdana, Arial, sans-serif;
    font-size: 1.4em;
    padding: 12px 20px;
    color: #FFF;
    background-color: #1874B8;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.2;

    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}


#head-navigation li a:hover { background-color: #2685cc; }

#head-navigation li.active a {
    background-color: #FFF;
    color: #142B53;
}

#head-navigation li li { display: none; }


/* [Hamburger Menu] ::start */
.hamburger-menu {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #142B53;
    overflow: hidden;
    z-index: 9999;

    -webkit-box-shadow: 0 1px 5px #79AFD7;
    -moz-box-shadow: 0 1px 5px #79AFD7;
    box-shadow: 0 1px 5px #79AFD7;
}

.hamburger-menu a,
.hamburger-menu a:visited {
    position: relative;
    display: block;
    padding: 12px;
    width: 100%;
    color: #FFF;
    font-size: 2.5em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
}

.hamburger-menu a:hover,
.hamburger-menu a.active {
    background-color: #204584;
}

.csstransitions .hamburger-menu a {
    -webkit-transition: background 0.8s ease-in-out;
    -moz-transition: background 0.8s ease-in-out;
    -o-transition: background 0.8s ease-in-out;
    -ms-transition: background 0.8s ease-in-out;
    transition: background 0.8s ease-in-out;
}

.hamburger-menu .menu-txt {
    position: relative;
    left: -25px;
}

.hamburger-menu .menu-icon {
    position: absolute;
    top: 18px;
    display: inline-block;
    margin-left: -10px;
    height: 24px;
    width: 24px;
    background:url('/img/ui/icons/hamburger-2015050515.png') center center no-repeat;
}
/* [Hamburger Menu] ::end */

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




/*------------------------------------------------------------------
 # [Foot Navigation] ::start
 ------------------------------------------------------------------*/
#foot-navigation ul { font-size: 1.2em; }

#foot-navigation ul li {
    display: inline-block;
    margin-left: 0.416666667%;
}

#foot-navigation ul li:first-child { margin-left: 0; }
/*------------------------------------------------------------------
 # [Foot Navigation] ::end
 ------------------------------------------------------------------*/




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


/*------------------------------------------------------------------
 # [Main Search] ::start
 ------------------------------------------------------------------*/
#main-search {
    display: block;
    margin: 20px 0 0 0;
    position: relative;
}

#main-search legend { display: none; }

#main-search label { display: none; }

#main_search_box_txt {
    display: inline-block;
    width: 99.99%;
    padding: 0.4em 36px 0.4em 0.4em;
    border-top: 1px solid #bbb;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    outline: none;
    text-align: left;
    font-family: inherit;
    font-size: 1.8em;
    line-height: 1.0em;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#main_search_box_txt:hover,
#main_search_box_txt:focus {
    border: 1px solid #333;
}

#main-search ::-webkit-input-placeholder { color: #BAC1C6; }

#main-search :-moz-placeholder { color: #BAC1C6; }

#main_search_btn {
    position: absolute;
    top: 1px;
    right: 0;
    padding: 0.45em;
}
/*------------------------------------------------------------------
 # [Main Search] ::end
 ------------------------------------------------------------------*/





/*------------------------------------------------------------------
 # [Smart Form] ::start
 ------------------------------------------------------------------*/
.smart-form ol:after, 
.smart-form li:after, 
.smart-form li div:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: ".";
}

.smart-form ol {
    margin:0;
    padding:0;
    list-style-type:none;
}

.smart-form ol li {
    width: auto;
    overflow: hidden;
    clear: both;
}

.smart-form { }
.smart-form ol { }
.smart-form .group { }

.smart-form .errors {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
    clear: both;
}

.smart-form .errors li { }

.smart-form .errors label {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #DFE9F0;
    font-size: 0.9em;
    color: #CC0000;
}

.smart-form .errors label:hover { color: #9AB0BF; }

.smart-form .group-label {
    display: none;
    margin: 30px 0 20px 0;
    font-size: 1.2em;
    font-weight: 700;
}

.smart-form .element-wrapper {
    display: block;
    clear: both;
    margin: 0 0 16px 0;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.smart-form .element-wrapper .hint {
    font-size: 0.84em;
    font-style: italic;
}

.smart-form .element-wrapper label { display: block; }

.smart-form .element-wrapper .required em {
    margin-left: 0.1em;
    font-size: 0.9em;
    color: #cc0000;
}

.smart-form .element-wrapper .text,
.smart-form .element-wrapper .textarea {
    width: 99.99%;
    padding: 4px;
    background-color: #FFFFFF;
    border-top: 1px solid #bbb;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    outline: none;
    font-family: inherit;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.smart-form .element-wrapper .recaptcha { display: none; }

.smart-form .element-wrapper .text.error,
.smart-form .element-wrapper .textarea.error {
    border: 1px solid #CC0000;
}

.smart-form .element-wrapper .text:hover,
.smart-form .element-wrapper .textarea:hover,
.smart-form .element-wrapper .text:focus,
.smart-form .element-wrapper .textarea:focus {
    border: 1px solid #333; 
}

.smart-form input[type="submit"] {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 9px 34px 11px;
    background: #333333;
    border: 1px solid #333;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    line-height: 1;
    font-family: inherit;
}

.smart-form input[type="submit"]:hover,
.smart-form input[type="submit"]:focus {
    background: #666666;
}
/*------------------------------------------------------------------
 # [Smart Form] ::end
 ------------------------------------------------------------------*/







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