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


/*------------------------------------------------------------------
 # [Colors] ::start
 ------------------------------------------------------------------*/
.c-1 { color: #FFFFFF !important; }
.c-2 { color: #002954 !important; }
.c-3 { color: #0073CA !important; }
.c-4 { color: #000000 !important; }
/*------------------------------------------------------------------
 # [Colors] ::end
 ------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Font-Face] ::start
 ------------------------------------------------------------------*/
.ff1 { font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif !important; }
.ff2 { font-family: 'Museo 300 Regular', Arial, Verdana, sans-serif !important; }
.ff3 { font-family: 'Roboto Regular', Arial, Verdana, sans-serif !important; }
/*------------------------------------------------------------------
 # [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 {
    color: #002954;
    font-family: 'Museo 300 Regular', 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; }

p.text,
.text-group p {
    line-height: 1.5;
}


/*------------------------------------------------------------------
 # [Headings] ::start
 ------------------------------------------------------------------*/
.hd-1, .hd-2, .hd-3, .hd-4 {
    margin: 0 0 20px;
    text-transform: uppercase;
}
.hd-1 { font-size: 3em; }
.hd-2 {
    font-size: 2em;
    letter-spacing: 0.03em;
}
.hd-3 { font-size: 1.5em; }
.hd-4 { font-size: 1.2em; }
/*------------------------------------------------------------------
 # [Headings] ::end
 ------------------------------------------------------------------*/


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

.btn,
.btn:focus,
.btn:visited { 
    position: relative;
    display: inline-block;
    padding-right: 25px;
    color: #0073CA;
    font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif;
    font-size: 1.5em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
}

.btn:after {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    content: ' ';
    border-top: 9px solid #0073CA;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.btn:hover,
.btn:focus {
    opacity: 0.8;
    cursor: pointer;
}

/*------------------------------------------------------------------
 # [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-02-20170705.png') 0 0 no-repeat;
}

/* [.list-box-style-1] ::start */
.list-box-style-1 {
    list-style: none;
    margin-bottom: 50px;
    font-family: 'Familiar Pro 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: 'Familiar Pro 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 */


/* [.number-list] ::start */
.number-list {
    list-style: decimal; 
    padding-left: 20px;
} 

.number-list .list__item {
    margin-bottom: 20px;
}

.number-list .list__item:last-child { margin-bottom: none; }
/* [.number-list] ::end */

/* [.disc-list] ::start */
.disc-list {
    list-style: disc;
    padding-left: 20px;
}

.disc-list .list__item { margin-bottom: 15px; }
.disc-list .list__item:last-child { margin-bottom: 0; }
/* [.disc-list] ::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 {
    position: relative;
    padding: 40px 4.166666667%;
    background-position: center 0;
    background-repeat: no-repeat;
    border-bottom: 20px solid #DDDDDD;
}

.group__header { text-align: center; }

.group__title {
    margin: auto;
    padding: 0;
    border: none;
    color: #0073CA;
    font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif;
    font-size: 1.5em;
    text-align: center;
    letter-spacing: 0.03em;
}

.group__subtitle {
    margin: auto auto 20px;
    color: #002954;
    font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif;
    font-size: 2.5em;
    letter-spacing: 0.02em;
}

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

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

.group .group__item {
    padding-bottom: 85px;
    margin-bottom: 80px;
    border-bottom: 1px dashed #DDDDDD;
}

.group .group__item:last-child {
    padding-bottom: 0;
    margin-bottom: auto;
    border-bottom: none;
}


/* [Backgrounds] ::start */
.bg { background-color: #FFFFFF; }

.bg-9 { background-color: #E3C100; }
/* [Backgrounds] ::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 */


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


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


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

.overview-box {
    position: relative;
    margin-bottom: 30px;
    padding: 25px 30px;
    background-color: #C4202A;
    color: #FFF;
    border-top: 10px solid #0F6DB4;
    font-size: 0.9em;
    text-align: left;
}

.overview-box .text { line-height: 1.6; }

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


/*------------------------------------------------------------------
 # [Image Holder] ::start
-------------------------------------------------------------------*/

.img-holder {
    position: relative;
    margin-bottom: 20px;
    color: #FFF;
    font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif;
    text-align: center;
    overflow: hidden;
}

.img-holder img {
    margin-bottom: 15px;
    border: 3px solid #FFFFFF;

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

/*------------------------------------------------------------------
 # [Image Holder] ::end
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
 # [Name Holder] ::start
-------------------------------------------------------------------*/

.name-holder {
    margin-bottom: 10px;
    width: 100%;
    color: #002954;
    font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif;
    font-size: 1.6em;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 0.08em;
}

.name-holder__text,
.name-holder__subtitle {
    display: block;
    font-family: 'Museo 300 Regular', Arial, Verdana, sans-serif;
    font-size: 0.8em;
    font-style: italic;
    letter-spacing: 0.02em;
}

.name-holder__text { margin-bottom: 5px; }

/*------------------------------------------------------------------
 # [Name Holder] ::end
-------------------------------------------------------------------*/


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

.separator {
    display: block;
    padding-top: 85px;
    margin-bottom: 80px;
    border-bottom: 1px solid #DDDDDD;
    clear: both;
}

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



/*------------------------------------------------------------------
 # [Browser Width: 480 up] ::start
 ------------------------------------------------------------------*/

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

    .list-4 .list-item { width: 33.333333333%; }

    .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: 'Roboto Regular', 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: #002954;
    color: #1a7cc5;
}

#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: 13px 12px 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]
  ============================================================================*/


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


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

.cover {
    position: relative;
    margin-top: 60px;
    padding: 0;
    background-position-y: bottom !important;
    border-bottom: none;
}


/* [.cover-footer] ::start */
.cover-footer { 
    min-height: 200px;
    padding: 0;
    border-bottom: 0;

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

.cover-footer__img { display: none; }

.site-details-wrapper {
    position: relative;
    margin: 30px 20px auto;
}

.site-details {
    display: inline-block;
    padding: 15px;
    color: #000000;
    font-size: 1.6em;
    text-align: center;
}

.site-title {
    font-size: 1.4em;
    display: block;
    margin-bottom: 20px;
    font-family: "Familiar Pro Bold", Verdana, Arial, sans-serif;
    text-transform: uppercase;
}

.contacts {
    display: block;
    margin-bottom: 20px;
}

.contacts, 
.location {
    font-family: 'Roboto Regular', Verdana, Arial, sans-serif;
}

.site-details .link { 
    color: #000000;
    font-family: "Familiar Pro Bold", Verdana, Arial, sans-serif;
    text-decoration: none;
}

.site-details .dot-separator:before {
    display: inline-block;
    content: '\2022';
}

/* [.cover-footer] ::end */

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




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

.introduction { background-color: #fff; }

.introduction .img--s-1 { width: 100%; }

.introduction .info-box { 
    margin-bottom: 15px;
    padding: 20px;
    font-family: 'Roboto Regular', Verdana, Arial, sans-serif;
    color: #fff;
    text-align: center;
}

.introduction .info-box:last-child { margin-bottom: 0; }

.introduction .info-box.col-2 { background-color: #828e96; }
.introduction .info-box.col-3 { background-color: #0070cd; }
.introduction .info-box.col-4 { background-color: #002855; }

.introduction .info-box-label {
    margin: 0 0 10px 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.4em;
}

.introduction .info-box-description p.text,
.introduction .info-box-description .text-group p {
    line-height: 1.6em;
}

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

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




/*------------------------------------------------------------------
 # [Executive Management Message | The Guam Airport Team] ::start
-------------------------------------------------------------------*/

.executive-management-message-the-guam-airport-team .twenty-four-seven-logo {
    display: block;
    margin: 0 auto;
}

.executive-management-message-the-guam-airport-team .text-lead { 
    font-style: italic;
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.4em;
}

/*------------------------------------------------------------------
 # [Executive Management Message | The Guam Airport Team] ::end
-------------------------------------------------------------------*/




/*------------------------------------------------------------------
 # [Capital Improvement Projects | Air Service Development] ::start
-------------------------------------------------------------------*/

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

.capital-improvement-projects-air-service-development .col-1 .list,
.capital-improvement-projects-air-service-development .col-1 .list .label {
    font-weight: 700;
}

.capital-improvement-projects-air-service-development .col-1 .list__item__details { font-weight: 400; }

.capital-improvement-projects-air-service-development .col-1 { 
    margin-bottom: 80px;
    padding-bottom: 85px;
    border-bottom: 1px solid #DDDDDD;
}

.capital-improvement-projects-air-service-development .col-3 { 
    padding: 30px;
    background-color: #0c66a8;
}

.capital-improvement-projects-air-service-development .col-3 .btn:after { border-top-color: #000000; }

/*------------------------------------------------------------------
 # [Capital Improvement Projects | Air Service Development] ::end
-------------------------------------------------------------------*/




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

.our-flight-network { background-color: #FFFFFF; }

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





/*------------------------------------------------------------------
 # [Safety and Operations | Community Outreach] ::start
-------------------------------------------------------------------*/

.safety-and-operations-community-outreach .lead {
    padding: 30px 0;
    color: #002954;
    border-top: 5px solid #0073CA;
    border-bottom: 5px solid #0073CA;
    font-weight: 700;
    font-size: 2.2em;
    letter-spacing: -0.03em;
}

/*------------------------------------------------------------------
 # [Safety and Operations | Community Outreach] ::end
-------------------------------------------------------------------*/




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

.our-past-leaders .group__item {
    margin-bottom: auto;
    padding-bottom: 0;
    border-bottom: none;
}

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




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

.giaa-milestones { 
    padding: 0;
    background-color: #ffffff !important;
}
.giaa-milestones .img--timeline { display: none; }

.giaa-milestones .group__overview {
    padding: 25px;
    background-color: #a0cce8;
    border-bottom: 4px solid #002855;
}

.giaa-milestones .timeline {
    padding: 30px;
    background-color: #2979bf;
}

.giaa-milestones .timeline__item {
    margin-bottom: 20px;
    list-style-type: none;
}

.giaa-milestones .timeline__item:last-child { margin-bottom: 0; }

.giaa-milestones .timeline__year { 
    display: block;
    margin-bottom: 20px;
    padding-bottom: 6px;
    font-family: 'Familiar Pro Bold', Arial, sans-serif;
    font-size: 1.3em;
    border-bottom: 2px solid #002855;
}

.giaa-milestones .timeline__event { color: #ffffff; }
.giaa-milestones .timeline__event p { font-size: inherit; }

.giaa-milestones .img-holder {
    position: relative;
    padding: 20px 20px 0 20px;
    background:url('/img/pages/index/giaa-milestones/pattern-01.jpg') #2979bf 0 0 repeat;
}

.giaa-milestones .img-holder img {
    margin: 0;
    border: none;
}

.giaa-milestones .img-holder__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 10;
    background-color: rgba(0, 40, 85, 0.8)
}

.giaa-milestones .img-holder__caption-label {
    margin: 0 0 10px 0;
    color: #ffffff;
}

.giaa-milestones .img-holder__caption-label .label-1, 
.giaa-milestones .img-holder__caption-label .label-2 { 
    display: block;
}

.giaa-milestones .img-holder__caption-label .label-1 { 
    text-transform: uppercase;
    font-size: 0.75em;
} 

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

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



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

.financials {
    background:url('/img/pages/index/financials/bg.jpg') 0 0 / cover no-repeat;
}

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



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

.statistics { background-color: #3071B5; }

.statistics .group__title {
    color: #002954;
    font-size: 5em;
    font-weight: 700;
}
.statistics .group__subtitle {
    color: #FFFFFF;
    font-size: 2em;
    letter-spacing: 0.1em;
}

.statistics .economic-driver {
    padding: 30px;
    background-color: #FFFFFF;
    color: #3071B5;

    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}

.statistics .economic-driver__title {
    margin: auto;
    color: #3071B5;
    font-family: 'Roboto Regular', Verdana, Arial, sans-serif;
    font-size: 4em;
    line-height: 1;
    letter-spacing: 0.1em;
}

.statistics .economic-driver__subtitle {
    margin-bottom: 20px;
    font-family: 'Familiar Pro Bold', Verdana, Arial, sans-serif;
    font-size: 2.2em;
    letter-spacing: 0.6em;
}

.statistics .cols {
    margin-top: 50px;
    border: 4px solid #FFFFFF;
}

.statistics .cols .col-item {
    padding: 30px;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
}
.statistics .cols .col-item:last-child { border-bottom: none; }


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

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

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

.statistics .progress-list .progress {
    padding: 6px;
    width: 0;
    background-color: #002954;
    color: #3071B5;
    text-align: right;
}

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

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

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

/* [Takeoff Weight] ::start */
.statistics .takeoff-weight .list .list-item {
    list-style: none;
    margin-bottom: 10px;
    padding: 4px 10px 2px 0;
    background: none;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    text-align: right;
    line-height: 1.8;
}
.statistics .takeoff-weight .list .list-item:last-child { margin-bottom: auto; }

.statistics .takeoff-weight .list .year {
    float: left;
    padding: 5px;
    background-color: #FFFFFF;
    color: #3071B5;
    text-align: center;
    line-height: 1;
}
/* [Takeoff Weight] ::end */


/* [Departures] ::start */
.statistics .departures .animated-progress-list .list-item .progress { width: 75%; }
.statistics .departures .animated-progress-list .list-item.active .progress {
    background-color: #FFFFFF;
    color: #3071B5;
}
.statistics .departures .progress-list .list-item.active .year { border-color: #FFFFFF; }

.statistics .departures .animated-progress-list .list-item.list-item--2016 .progress { width: 85%; }
.statistics .departures .animated-progress-list .list-item.list-item--2012 .progress { width: 70%; }
.statistics .departures .animated-progress-list .list-item.list-item--2011 .progress { width: 40%; }
/* [Departures] ::end */


/* [Landing/Takeoffs] ::start */
.statistics .landing-takeoffs .progress-list .year,
.statistics .landing-takeoffs .progress-list .progress {
    float: right;
}
.statistics .landing-takeoffs .animated-progress-list .list-item .progress { width: 85%; }
.statistics .landing-takeoffs .animated-progress-list .list-item.list-item--2015 .progress { width: 80%; }
.statistics .landing-takeoffs .animated-progress-list .list-item.list-item--2014 .progress { width: 70%; }
.statistics .landing-takeoffs .animated-progress-list .list-item.list-item--2013 .progress { width: 67%; }
.statistics .landing-takeoffs .animated-progress-list .list-item.list-item--2012 .progress { width: 64%; }
.statistics .landing-takeoffs .animated-progress-list .list-item.list-item--2011 .progress { width: 55%; }

.statistics .landing-takeoffs .progress-list .list-item.active .progress {
    background-color: #FFFFFF;
    color: #3071B5;
}

.statistics .landing-takeoffs .progress-list {
    margin: auto;

    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.statistics .landing-takeoffs .progress-list .list-item .progress {
    color: #B1C9E3;
    text-align: right;
}

.statistics .landing-takeoffs .progress-list .list-item .year {
    color: #FFFFFF;
    border: none;

    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/* [Landing/Takeoffs] ::end */


/* [Arrivals] ::start */
.statistics .arrivals .list-rounded-style-1 .list-item {
    opacity: 0;
    visibility: hidden;
}

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

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

/* [Progress Tracker] ::end */

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