@import url('//fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@400;500;600;700&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/************ TEMPLATE  ************
Rotator Size: 1000x563 (wide, 2.39:1)

/************ FONTS  ************
Serif: Cormorant Unicase
Sans Serif: Montserrat
font-family: 'Cormorant Unicase', serif;
font-family: 'Montserrat', sans-serif;

/************ COLORS  ************
Blue: #001F4C; rgba(0,31,76,1)
Grey: #808285; rgba(128,130,133,1)

/************ NOTES ************
-Menu bar: rgba(0,31,76,.8)
-Mass Times are static
-Mass Times background: rgba(128,130,133,.8)
-Quicklinks: rgba(0,31,76,.5)
-Subtle dropshadow stuff: menu, rotator, mass times bg, quicklinks, news images, ads, calendar, block titles and buttons
-Text dropshadow on quicklinks are darker for legibility. That text is semibold, as well as the menu bar text

************/

body {color: #333; font-family: 'Montserrat', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #001940; font-size: 3.5rem; font-weight: bold; }
h2 {font-variant-caps: small-caps; color: #001F4C; font-size: 2.5rem;   font-weight: bold;}
.page-header h2 { padding-bottom: 0.25rem; line-height: 2.5rem;}
h3 {color: #001F4C; font-size: 2rem; border-bottom: 1px solid #808285; line-height: 1.3; margin: 0 0 10px 0; font-family: 'Cormorant Unicase', serif;}
h3.mont {font-family: 'Montserrat', sans-serif;}
h4 {color: #001F4C; font-size: 2rem;}
h4.mont {font-family: 'Montserrat', sans-serif;}
h5 {background: #808285; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #001F4C; font-size: 1.5rem; text-transform: uppercase; font-weight: bold;}
h6.mixed {text-transform: none;}
a {color: #808285;}
a:hover {color: black;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p{line-height: 1.1;}
}

@media only screen and (max-width: 767px) {
 h1 {font-size: 2.2rem;}
 h2 {font-size: 1.75rem;}
 h3 {font-size: 1.75rem;}
 h4 {font-size: 1.75rem;}
 h5 {font-size: 1.2rem;}
 h6 {font-size: 1.2rem;}
 p {font-size: 1rem; margin-bottom: 4px;}
 h1, h2, h3 {line-height: 1.2;}
 h4, h5, h6, p{line-height: 1.1;}
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: #001F4C; font-family: 'Montserrat', sans-serif;
}

/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/



/*************** TOP **********************/
/*************** NAVIGATION ***************/
#g-navigation {background: url('/images/template/header-bg.jpg') 100% 0% no-repeat; background-size: cover;}
.homelayout #g-navigation {padding-bottom: 35vw!important; margin-bottom: -35vw!important}
.g-logo img {width: 40%!important; height: auto; margin-bottom: -6vw;}

@media only screen and (max-width: 50.99rem) {
    #g-navigation {background: none;}
    #g-navigation .g-content {margin: 0 .625rem 0 .625rem; padding: 1rem 1.5rem 1rem 1.5rem;}
    .g-logo img {width: 100%!important; margin-bottom: 0;}
}

/**Clarity dropdown- remove border-radius on menu dropdowns:***/
.g-main-nav .g-standard .g-dropdown {border-radius: 0px;}
.g-main-nav .g-dropdown .g-dropdown-column>.g-grid>.g-block.size-100 {border-radius: 0px;}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li.g-go-back+li>.g-menu-item-container {
 border-top-left-radius: 0px;
 border-top-right-radius: 0px;
}
.g-main-nav .g-dropdown .size-100>.g-sublevel>li:last-child>.g-menu-item-container {
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
}

/*Clarity- remove top level dropdown indicatator*/
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none;}
/*clarity increase menu font size, remove capitalization*/
.g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {font-size: 1rem; letter-spacing: 0.1rem; font-weight: 500;}
/*.g-main-nav .g-toplevel {text-transform: none;}*/
.g-main-nav {font-family: 'Montserrat', sans-serif;}

/*************** SLIDESHOW ****************/
.swiper-slide img {height: 100%; width: 100%; object-fit: cover; object-position: center;}

.ss-third:not(.homelayout .ss-third) {display: none;}
.homelayout #g-slideshow {padding: 1vw 5%!important; background: transparent;}
.g-slideshow .g-slideshow-slider .swiper-slide {background-position: center;}
.homelayout #g-slideshow .g-container .g-grid .g-block:first-child {padding-right: 2vw;}
.m-times {background: rgba(128,130,133,.96); height: 33vw!important;}
.m-times :is(.g-content, .platform-content, .platform-content > div, .platform-content > div > div) {height: 100%;}
.m-times .g-content {padding: 1.5vw;}
.m-times h3 {border-bottom: none; font-size: 1.75rem; color: #ffffff; margin-bottom: 0;}
.m-times p {font-size: 0.9rem; margin-bottom: 0.5rem;}

@media only screen and (max-width: 50.99rem) {
    .homelayout #g-slideshow {padding: 0!important;}
    .homelayout #g-slideshow .g-container .g-grid .g-block:first-child {padding-right: 0;}

    .m-times .g-content {padding: 3vw 5vw;}
    .m-times {height: 90vw!important;}
    /*.m-times h3 {border-bottom: none; font-size: 6vw;}
    .m-times p {font-size: 3vw; margin-bottom: 0;}*/
}

/*************** HEADER *******************/
        /*Quicklinks Block Content*/
.ql-bc-1:not(.homelayout .ql-bc-1) {display: none;}
.ql-bc-1 .g-blockcontent {padding: 1vw 5%;}
.ql-bc-1 .g-blockcontent-subcontent {display: flex; flex-direction: row;}
.ql-bc-1 .g-blockcontent-subcontent-block {flex: 1; padding: .5vw}
.ql-bc-1 .g-blockcontent-subcontent-block:first-child {padding-left: 0;}
.ql-bc-1 .g-blockcontent-subcontent-block:last-child {padding-right: 0;}
.ql-bc-1 .g-blockcontent-subcontent-block:not(.ql-bc-1 .g-blockcontent-subcontent-block:first-child) {margin-left: .5vw;}
.ql-bc-1 .g-blockcontent-subcontent-block-content {position: relative;}
.ql-bc-1 .g-blockcontent-subcontent-block-content:hover h4.g-blockcontent-subcontent-title {background: rgba(0,31,76,.7);}
.ql-bc-1 .g-blockcontent-subcontent-block-content :is(img, h4.g-blockcontent-subcontent-title, p.g-blockcontent-buttons) {position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%;}
.ql-bc-1 .g-blockcontent-subcontent-block-content img {
    border-radius: 0;  
    object-position: center; 
    object-fit: cover;
    box-shadow: 0px 0px .5vw rgba(0,0,0,.5);
}
.ql-bc-1 .g-blockcontent-buttons {
    margin: 0;
    padding: 0;
}
.ql-bc-1 .g-blockcontent-buttons a {
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: 100%; 
    width: 100%; 
    background: none;
    border-radius: 0;
    color: transparent;
    z-index: 6;
    border: none;
    margin: 0;
    padding: 0;
}
.ql-bc-1 h4.g-blockcontent-subcontent-title {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    text-align: center;
    background: rgba(0,31,76,.5);
    color: #ffffff;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
}
.g-blockcontent-subcontent-title-text {font-weight: 400;}

.ql-bc-1 .g-blockcontent-subcontent-title-text {
    margin: 0;
    padding: 0;
}

.ql-bc-1.ql-bc-10vw .g-blockcontent-subcontent-block-content {height: 10vw;}
.ql-bc-1.ql-bc-11vw .g-blockcontent-subcontent-block-content {height: 11vw;}
.ql-bc-1.ql-bc-12vw .g-blockcontent-subcontent-block-content {height: 12vw;}
.ql-bc-1.ql-bc-13vw .g-blockcontent-subcontent-block-content {height: 13vw;}
.ql-bc-1.ql-bc-14vw .g-blockcontent-subcontent-block-content {height: 14vw;}
.ql-bc-1.ql-bc-15vw .g-blockcontent-subcontent-block-content {height: 15vw;}
.ql-bc-1.ql-bc-16vw .g-blockcontent-subcontent-block-content {height: 16vw;}
.ql-bc-1.ql-bc-17vw .g-blockcontent-subcontent-block-content {height: 17vw;}
.ql-bc-1.ql-bc-18vw .g-blockcontent-subcontent-block-content {height: 18vw;}
.ql-bc-1.ql-bc-19vw .g-blockcontent-subcontent-block-content {height: 19vw;}
.ql-bc-1.ql-bc-20vw .g-blockcontent-subcontent-block-content {height: 20vw;}

@media only screen and (max-width: 50.99rem) {
    /*.homelayout #g-header {margin: 5vw 0!important; background: #f1f2f2; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}*/

        /*Quicklinks Block Content*/
    .ql-bc-1 .g-blockcontent-subcontent {flex-wrap: wrap;}
    .ql-bc-1 .g-blockcontent-subcontent-block {flex: 50%;} 
    .ql-bc-1 .g-blockcontent-subcontent-block:not(.ql-bc-1 .g-blockcontent-subcontent-block:first-child) {margin-left: 0;}
    .ql-bc-1 .g-blockcontent-subcontent-block-content img {border-radius: 1rem;}
    .ql-bc-1 h4.g-blockcontent-subcontent-title {border-radius: 1rem;}
    .ql-bc-1 .g-blockcontent-buttons {border-radius: 1rem;}
    .ql-bc-1 .g-blockcontent-buttons a {border-radius: 1rem;}
    .ql-bc-1 .g-blockcontent-subcontent-block {border-radius: 1rem;}

    .ql-bc-1.ql-bc-14vw .g-blockcontent-subcontent-block-content {border-radius: 1rem;}
    .ql-bc-1.ql-bc-10vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-11vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-12vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-13vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-14vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-15vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-16vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-17vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-18vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-19vw .g-blockcontent-subcontent-block-content {height: 30vw;}
    .ql-bc-1.ql-bc-20vw .g-blockcontent-subcontent-block-content {height: 30vw;}
}

/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/
.homelayout #g-container-main {padding: 2vw 10%;}
.homelayout #g-container-main h3.g-title {border-bottom: none; background: #001F4C; color: #ffffff; border-radius: .5rem; font-weight: 400;}
.homelayout #g-container-main h2.g-title {border-radius: .5rem; font-weight: 400; font-variant-caps: revert; letter-spacing: 2px; font-size: 2.5rem; }

@media only screen and (max-width: 50.99rem) {
    .homelayout #g-container-main {padding: 2vw 0;}
}
/*************** EXPANDED *****************/
@media only screen and (max-width: 50.99rem) {
    .homelayout #g-expanded .g-content {margin: 0; padding: 0;}
    .homelayout #g-expanded > .g-grid > .g-block:first-child {padding: 5vw 0;}
    .homelayout #g-expanded > .g-grid > .g-block:last-child {padding: 5vw 0; background: #f1f2f2; box-shadow: inset 0px 0px 5px rgba(0,0,0,.2)}
    .zoompics h3.g-title {text-align: center; border-bottom: none;}
    .zoompics .sprocket-lists-portrait {overflow-x: scroll; overflow-y: hidden; width: 100vw; height: 54vh;}
    .zoompics .sprocket-lists-portrait ul {display: flex; flex-direction: row; overflow-x: scroll; overflow-y: hidden; width: fit-content;}
    .zoompics .sprocket-lists-portrait-container li {
        width: 60vw; 
        margin: 2vh 5vw; 
        background: #001F4C; 
        overflow: visible; 
        height: 50vh; 
        position: relative;
        border-radius: 1rem;
        border-bottom: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        box-shadow: 0px 0px 10px;
    }
    .zoompics .portrait-image {
        position: absolute; 
        top: 0; 
        left: 0; 
        right: 0;
        bottom: 10vh; 
        width: 100%; 
        height: 40vh;
        margin: 0;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .zoompics .active .portrait-image img {
        position: absolute;
        top: 0;
        left: 0; 
        right: 0;
        height: 40vh;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .zoompics h4.sprocket-lists-portrait-title {
        background: rgba(0,31,76,.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 10vh;
        height: 40vh;
        width: 100%!important;
        margin: 0!important;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        text-align: center;
        font-size: 4vw;
    }
    .zoompics h4.sprocket-lists-portrait-title a {
        height: 100%;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 5%!important;
    }
    .zoompics .active .sprocket-lists-portrait-item {
        position: absolute;
        bottom: 0;
        top: 40vh;
        left: 0;
        right: 0;
        height: 10vh;
        width: 100%;
    }
    .zoompics .portrait-text {display: none;}
    .zoompics .sprocket-lists-portrait-item a {
        position: absolute; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        width: 100%; 
        height: 10vh; 
        margin-bottom: 0!important; 
        display: flex!important; 
        align-items: center; 
        justify-content: center;
    }
    .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {
        background: #ffffff;
        color: #001F4C;
        margin-bottom: 0;
    }
}

.bc-ph-sidepics .g-blockcontent-subcontent-block.g-blockcontent-subcontent-block-accent1 {background: none;}
.bc-ph-sidepics .g-blockcontent-subcontent {display: flex; flex-direction: column;}
.bc-ph-sidepics h5.g-blockcontent-subcontent-subtitle {display: none;}
.bc-ph-sidepics .g-blockcontent-subcontent-block {border-bottom: 1px solid #808285;}
.bc-ph-sidepics .g-content {padding: 0; margin: 0;}
.bc-ph-sidepics .g-blockcontent-subcontent-block-content > a {float: left;}
.bc-ph-sidepics .g-blockcontent-subcontent-block-content > a img {height: 10vw; width: 10vw; border-radius: 0; margin-right: 1vw; margin-top: 10px; margin-bottom: 10px;}
.bc-ph-sidepics .g-blockcontent-subcontent-title-text {font-size: 1.5vw;}
.bc-ph-sidepics p.g-blockcontent-buttons {margin: 0;}
.bc-ph-sidepics h4.g-blockcontent-subcontent-title {margin: 0;}
.bc-ph-sidepics .g-blockcontent-subcontent-desc {margin: 0; margin-bottom: .625rem;}
.bc-ph-sidepics .g-blockcontent-subcontent-desc p {margin: 0;}
.bc-ph-sidepics .g-grid {flex-flow: column;}

@media only screen and (max-width: 50.99rem) {
    .bc-ph-sidepics .g-blockcontent {overflow-x: scroll; overflow-y: hidden; width: 100vw; height: 54vh;}
    .bc-ph-sidepics .g-blockcontent-subcontent {display: flex; flex-direction: row; overflow-x: scroll; overflow-y: hidden; width: fit-content;}
    .bc-ph-sidepics .g-blockcontent-subcontent-block {
        width: 60vw; 
        margin: 2vh 5vw; 
        background: #001F4C; 
        overflow: visible; 
        height: 50vh; 
        position: relative;
        border-radius: 1rem;
        border-bottom: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        box-shadow: 0px 0px 10px;
    }
    .bc-ph-sidepics .g-blockcontent-subcontent-block-content > a {
        position: absolute; 
        top: 0; 
        left: 0; 
        right: 0;
        bottom: 10vh; 
        width: 100%; 
        height: 40vh;
        margin: 0;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .bc-ph-sidepics .g-blockcontent-subcontent-block-content > a img {
        position: absolute;
        top: 0;
        left: 0; 
        right: 0;
        height: 40vh;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .bc-ph-sidepics h4.g-blockcontent-subcontent-title {
        background: rgba(0,31,76,.5);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 10vh;
        height: 40vh;
        width: 100%!important;
        margin: 0!important;
        justify-content: center;
        align-items: center;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        text-align: center;
        font-size: 4vw;
    }
    .bc-ph-sidepics h4.sprocket-lists-portrait-title a {
        height: 100%;
        width: 100%;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 5%!important;
    }
    .bc-ph-sidepics p.g-blockcontent-buttons {
        position: absolute;
        bottom: 0;
        top: 40vh;
        left: 0;
        right: 0;
        height: 10vh;
        width: 100%;
    }
    .bc-ph-sidepics .g-blockcontent-subcontent-desc {display: none;}
    .bc-ph-sidepics .sprocket-lists-portrait-item a {
        position: absolute; 
        bottom: 0; 
        left: 0; 
        right: 0; 
        width: 100%; 
        height: 10vh; 
        margin-bottom: 0!important; 
        display: flex!important; 
        align-items: center; 
        justify-content: center;
    }
    .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {
        background: #ffffff;
        color: #001F4C;
        margin-bottom: 0;
    }
}

.ph-sidepics-1:not(.homelayout .ph-sidepics-1) {display: none;}
.ph-sidepics-1 h2.g-title {background: #001F4C; color: #ffffff; padding-left: 2vw;}
.ph-sidepics-1 .g-content-array .g-array-item-image {float: left; height: 12vw; width: 12vw; margin-right: 1vw; margin-bottom: 1vw;}
.ph-sidepics-1 .g-content-array .g-array-item-image img {height: 12vw; width: 12vw; object-position: center; object-fit: cover; box-shadow: 0px 0px 10px rgba(0,0,0,.5);}
.ph-sidepics-1 h3.g-item-title {border-bottom: none; font-size: 1.4vw; font-family: 'Montserrat', sans-serif;} 
.ph-sidepics-1 .g-content-array .g-array-item .g-array-item-text {font-size: 1.1rem;}
.ph-sidepics-1 .g-content-array > .g-grid {margin-bottom: 0; padding-top: 1vw;}
.ph-sidepics-1 .g-content-array .g-grid:not(.ph-sidepics-1 .g-content-array .g-grid:nth-last-child(-n+2)) {border-bottom: 1px solid #808285;}
.ph-sidepics-1 .g-content-array {margin-left: 0; margin-right: 0;}
.ph-sidepics-1 .g-content-array > .g-grid > .g-block > .g-content {padding: 0;}
#button-para {text-align: right;}
.ph-sidepics-1 .g-content-array .g-item-title a {color: #001F4C;}

@media only screen and (max-width: 50.99rem) {
    .ph-sidepics-1 h2.g-title {background: #001F4C; color: #ffffff; padding-left: 0; text-align: center;}
    .ph-sidepics-1 .g-content.g-particle > div {overflow-x: scroll; overflow-y: hidden; width: 100vw;}
    .ph-sidepics-1 .g-content-array {display: flex; flex-direction: row; margin: 0!important; overflow: scroll; /*overflow-x: scroll; overflow-y: hidden;*/ width: fit-content;}
    .ph-sidepics-1 .g-content-array > .g-grid {
        width: 60vw; 
        margin: 2vh 5vw; 
        background: #001F4C; 
        overflow: visible; 
        height: 50vh; 
        position: relative;
        border-radius: 1rem;
        border-bottom: none;
        padding: 0;
        display: flex;
        flex-direction: column;
        box-shadow: 0px 0px 10px;
    }
    .ph-sidepics-1 .g-content-array > .g-grid > .g-block {border-radius: 1rem; width: 60vw;}
    .ph-sidepics-1 > .g-content {padding: 0;}
    .ph-sidepics-1 .g-content-array .g-content {height: 100%; width: 100%; border-radius: 1rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0!important;}
    .ph-sidepics-1 .g-inner-box > .g-grid > .g-block > .g-content {padding: 0!important}
    .ph-sidepics-1 .g-array-item {height: 100%; width: 100%; border-radius: 1rem; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
    .ph-sidepics-1 .g-array-item > .g-array-item-text {display: none;}
    .ph-sidepics-1 .g-content-array .g-array-item-image {margin: 0; height: 40vh; width: 60vw; position: absolute; top: 0; left: 0; right: 0; bottom: 10vh; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
    .ph-sidepics-1 .g-content-array .g-array-item-image > a {position: absolute; top: 0; bottom: 10vh; left: 0; right: 0; height: 40vh; width: 60vw; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
    .ph-sidepics-1 .g-content-array .g-array-item-image > a img {position: absolute; top: 0; bottom: 10vh; left: 0; right: 0; height: 40vh; width: 60vw; border-top-left-radius: 1rem; border-top-right-radius: 1rem; overflow: hidden;}
    .ph-sidepics-1 .g-content-array .g-array-item-image img {position: absolute; top: 0; bottom: 10vh; left: 0; right: 0; height: 40vh; width: 60vw; border-top-left-radius: 1rem; border-top-right-radius: 1rem; overflow: hidden;}
    .ph-sidepics-1 .g-array-item-title {
        position: absolute; 
        top: 0; 
        bottom: 10vh; 
        left: 0; 
        right: 0; 
        height: 40vh; 
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,31,76,.5);
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }
    .ph-sidepics-1 .g-array-item-title > h3.g-item-title {font-size: 6vw; text-align: center;}
    .ph-sidepics-1 .g-content-array .g-item-title a {color: #ffffff;}
    .ph-sidepics-1 .g-array-item-read-more {position: absolute; top: 40vh; left: 0; right: 0; bottom: 0; width: 100%; height: 10vh; margin: 0; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; display: flex; justify-content: center; align-items: center;}
    .ph-sidepics-1 .g-array-item-read-more .button {width: auto; background: #ffffff; color: #001F4C;}
    .ph-sidepics-1 .g-content-array-pagination {display: none;}
}

/*************** EXTENSION ****************/
.homelayout #g-extension {background: url('/images/template/paralax.jpg') 100% 100% no-repeat; background-size: cover; background-attachment: fixed; padding: 10vw 10%;}
.homelayout #g-extension h3.g-title {border-bottom: none; font-size: 3rem;}

/*************** BOTTOM *******************/
#g-bottom .admod {margin-top: -2.5vw!important;}

@media only screen and (max-width: 50.99rem) {
    #g-bottom .admod {margin-top: 0!important;}
}

/*************** FOOTER *******************/
#g-footer h6 {
    text-transform: none;
    margin-bottom: 0;
}
#g-footer {padding: 2vw 2vw!important;}
#g-footer {font-family: 'Montserrat', sans-serif;}

/*************** COPYRIGHT ****************/

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #001F4C;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: #ffffff;
    background: #808285;
}

/*************** SECTIONS *****************/
#g-footer a {color: #ffffff;}

/*************** MOBILE *******************/
.g-offcanvas-toggle {color: #001F4C;}
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

/*************** ADS **********************/