/* cyrillic-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v34/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

.layout-top-navigation, thead {
    background-color: #243746!important;
}

.entry-title, .page-title, .widget-title, .left-navigation ul.menu > li.menu-separator {
    color: #243746!important;
    border-color: #243746!important;
}

.gnl-blue-panel {
    background-color: #243746!important;
    color: #fff!important;
    font-family: Lato, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.gnl-blue-panel p {
    font-family: 'Raleway'!important;
    font-weight: normal;
}

.gnl-blue-panel h1 {
    font-family: 'Raleway'!important;
    color: #fff!important;
    font-size: 3.125rem;
    font-weight: 100!important;
}

.gnl-invest-row-height {
    
}

/* .gnl-div-middle {
    display: flex;
  justify-content: center;
  align-items: center;
}
 */

.gnl-div-middle{
    width: 38%;
    padding: 10px;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 1rem;
    /* margin-right: 1rem; */
}

.gnl-video {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .gnl-video-container {
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 10%;
} */


@media only screen and (min-width: 1030px) {
    .gnl-invest-column {
        flex: 50%;
        padding: 10px;
        margin-top: 10%;
        margin-bottom: 5%;
        margin-left: 1rem;
        margin-right: 1rem;
        width: 80%;
    }

    .gnl-invest-row {
        display: flex;
    }

    .mobile-only {
        display: none!important;
    }
}

@media only screen and (max-width: 1030px) {
    .gnl-invest-column {
        flex: 100%;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 3rem;
    }

 .gnl-blue-panel {
        width: 100%;
        margin-left: 0;
    }


    .gnl-blue-panel h1 {
        margin-top: 10%;
    }

    .gnl-invest-column p {
        margin-left: 5%;
        margin-right: 5%;
    }

    .gnl-video {
        height: 300px;
    }

    .desktop-only {
        display: none!important;
    }

    .gnl-div-middle{
    width: 90%;
    padding: 10px;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 1rem;
    margin-right: 1rem;
}
}

@media only screen and (max-width: 500px) {
    .gnl-video {
        height: 200px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 1030px) {
    .gnl-div-middle {
       width: 95%;
      /*  margin-left: 20%;
        margin-right: 20%; */
    }
}

.gnl-card-top {
    border: 1px solid #D9D9D6;
    border-radius: 0.5rem;
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.gnl-card-top:hover {
    opacity: 0.7;
}

.gnl-card-bottom {
    border: 1px solid #D9D9D6;
    border-radius: 0.5rem;
    height: 80px;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 1rem;
}

.gnl-card-bottom:hover {
    text-decoration: none;
    background-color: #f2f2f2;
}

@media print, screen and (min-width: 64em) {
    .gnl-cards-row {
        display: flex;
        flex-wrap: wrap;
    }
    .gnl-card {
        flex: 2;
        width: calc(50% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
        overflow: hidden;
    }

    
}

@media print, screen and (max-width: 64em) {
    .gnl-card {
        flex: 1;
        width: 100%;
        padding-left: 1rem;
        overflow: hidden;
    }
}

.gnl-header-white {
    position: absolute;       
    bottom: 0;                
    left: 0;                  
    right: 0;                 
    padding-left: 16px; 
    color: #fff!important;
}

.gnl-header-white h2 {
    color: #fff!important;
    font-size: 2.025rem;
}

.gnl-header-black {
    position: absolute;       
    bottom: 0;                
    left: 0;                  
    right: 0;                 
    padding-left: 16px; 
    text-align: center;
}

.gnl-card-icon {
    position: relative;
    width: 70px;
    height: 70px;
    margin-left: 10px;
    margin-top: 5px;
}

.gnl-card-icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.slideshow-container {
    position: relative;
    max-width: 100%;   
    margin: auto;  
    margin-top: 3rem;     
}

.gnl-slides {
    display: none;
    border: 1px solid #D9D9D6;
    border-radius: 0.5rem;      
    width: 100%;
    height: 500px;      
}

.gnl-slide-button {
    cursor: pointer;
    position: absolute; 
    top: 50%;
    width: auto;
    padding: 16px;
    color: white;
    background-color: black;
    border: none;
    border-radius: 3px;
    font-size: 18px;
}

.gnl-slide-display-left {
    left: 0;
    transform: translateY(-50%);
}

.gnl-slide-display-right {
    right: 0;
    transform: translateY(-50%);
}

.gnl-slider-header {
    position: absolute;             
    left: 0;                  
    right: 0;                 
    padding-left: 42px;
    padding-top: 42px;  
    color: #fff!important;
}

.gnl-slider-header h2 {
    color: #fff!important;
    font-size: 3.025rem;
}

.gnl-slider-left {
    position: absolute;       
    bottom: 0;                
    left: 0;                  
    right: 0;                 
    padding-left: 42px; 
    color: #fff!important;
    max-width: 35%;
    font-size: 1.7rem;
}

.gnl-slider-left p {
    font-family: 'Raleway'!important;
}

.gnl-slider-right {
    position: absolute;       
    bottom: 0;                  
    right: 0;                 
    padding-right: 42px; 
    color: #fff!important;
    max-width: 35%;
    font-size: 1.7rem;
}

.gnl-slider-right p {
    font-family: 'Raleway'!important;
}

.gnl-three-cards {
    display: flex;
    flex-flow: row wrap;
    margin-top: 3rem;
}

@media print, screen and (min-width: 64em) {
    .gnl-single-card {
        flex: 0 0 auto;
        width: calc(33.3333333333% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media print, screen and (max-width: 64em) {
    .gnl-single-card {
        flex: 0 0 auto;
        width: 100%;
        margin-left: -1rem;
        margin-right: 1rem;
    }
    .gnl-three-cards {
        margin-left: -1rem;
        margin-right: 1rem;
    }
}

.gnl-single-card {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
    text-decoration: none;
    border: 1px solid #D9D9D6;
    border-radius: 0.5rem;
    padding: 2rem 1.5rem 2.125rem;
    margin-bottom: 2rem;
    transition: background-color 0.25s ease-out;
}

.gnl-single-card:hover {
    text-decoration: none;
    background-color: #f2f2f2;
}

.card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    margin-bottom: 1.5rem;
}

.card-icon img {
    max-height: 4rem;
    margin: 0;
}

.card-content {
    display: flex;
    flex-flow: column;
    color: #3c3c3c;
}

.gnl-page-content {
    margin-bottom: 10rem;
}

.gnl-invest-bottom {
    height: 500px;   
    border: 1px solid #D9D9D6;
    border-radius: 0.5rem; 
}

.gnl-invest-bottom p {
    visibility: hidden;
  }

.gnl-mobile-content {
    margin-top: 20px;
}

.gnl-mobile-content-header {
    position: absolute;  
    padding-top: 42px;  
    color: #fff!important;
}

.gnl-mobile-content-header h2 {
    color: #fff!important;
    font-size: 3.025rem;
}

.gnl-mobile-content-text {
    position: absolute;  
    padding-top: 20%;  
    color: #fff!important;
    max-width: 35%;
    font-size: 1.4rem;
    text-align: center;
}

.gnl-mobile-content-text p {
    font-family: 'Raleway'!important;
}

.gnl-mobile-slides {
    border: 1px solid #D9D9D6;
    border-radius: 0.5rem;      
    width: 100%;
    height: 600px;  
    display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;    
}

@media print, screen and (max-width: 600px) {
    .gnl-mobile-content-text {
        position: absolute;  
        padding-top: 20%;  
        color: #fff!important;
        max-width: 90%;
        font-size: 1.1rem;
        text-align: left;
    }

    .gnl-mobile-content-header h2 {
        font-size: 2.6rem;
    }
}

@media print, screen and (max-width: 500px) {
    .gnl-mobile-content-text {
        position: absolute;  
        padding-top: 30%;  
        color: #fff!important;
        max-width: 90%;
        font-size: 1.1rem;
        text-align: left;
    }

    .gnl-mobile-content-header h2 {
        font-size: 1.7rem;
    }
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    opacity: 0.9;
}

a:not([class^='a2a']):not(.button):not([href$='.pdf'])[target='_blank']::after {
    display: none;
}

a[href$='.pdf']::after {
    display: none;
}