/* news card */
.news-card{
    /* margin-left: calc(-50% - 25px); */
    width: 100%;
    box-shadow: 5px 5px 20px #eef1f2;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    overflow: hidden;
}
.news-card:hover{
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.news-image{
    width: 100%;
    padding-bottom: 56%;
    position: relative;
	/* background-size:contain; */
}
.news-time{
    /* position: absolute; */
    left: 0px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 100;
    color: #ffc52b;
    background-color: #263c90;
    padding: 0px 20px;
    text-align: center;
    text-transform: uppercase;
	display:inline-block;
	margin-bottom:20px;
}
.news-content{
    padding: 40px;
    width: 100%;
    height: 280px;
    background: #FFF;
    text-align: left;
	position:relative;
}
.news-cat{
    color: #3fbcaf;
    font-size: 20px;
    margin: 0 0 20px 0;
    font-size: 16px;
    letter-spacing: 2px;
	text-transform: uppercase;
}
.news-title{
    color: #263c90;
    /* font-size: 24px; */
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* line-height: 29px; */
    line-height: 20px;
}
.news-description{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
}
.download-btn{
    /* height: 50px; */
    color: #263c90;
    font-size: 14px;
    position: absolute;
    bottom: 33px;
    transition: color .3s ease;
    -webkit-transition: color .3s ease;
	top: 40px;
    right: 40px;
}
.download-btn:hover{
    color: #ffc52b;
}
.download-icon{
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: #263c90;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.download-btn:hover{
    color: #3fbcaf;
}
.download-btn:hover .download-icon{
    background-color: #3fbcaf;
}
.download-icon > div{
    height: 50%;
    width: 1px;
    position: absolute;
    top: 25%;
    left: calc(50% - 1px);
    background-color: #fffc;
    border-radius: 1px;
}
/* .download-btn:hover .download-icon > div{
    -webkit-animation: 1.2s ease-out 0s infinite running downloadAnim;
            animation: 1.2s ease-out 0s infinite running downloadAnim;
} */
@-webkit-keyframes downloadAnim { 
    0% { top: -20%; opacity: 1; } 
    100% { top: 25%; opacity: 1;}  
}
@keyframes downloadAnim { 
    0% { top: -20%; opacity: 1; } 
    100% { top: 25%; opacity: 1; }  
}
.download-icon > div::before, .download-icon > div::after{
    content: "";
    display: inline-block;
    background-color: inherit;
    height: 60%;
    width: 100%;
    transform-origin: bottom;
    transform: rotate(43deg);
    border-radius: 1px;
    position: absolute;
    bottom: 0;
}
.download-icon > div::after{
    transform: rotate(-43deg);
}
/* news card */

/* blog card */
.blog-card{
    margin: 0 auto 50px auto;
    width: 80%;
    /* box-shadow: 0 0 1em #DEE3E5; */
    box-shadow: 5px 5px 20px #eef1f2;
    text-align: right;
    position: relative;
    min-width: 880px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
	display:block;
}
.blog-card:hover{
    transform: scale(1.02);
}
.blog-image{
    width: 44%;
    height: 100%;
    position: absolute;
    left: 0;
    display: inline-block;
}
.blog-time{
    /* position: absolute;
    left: 0px; */
    position: absolute;
    right:0px;
    top: 0px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: 100;
    color: #ffc52b;
    background-color: #263c90;
    padding: 0 16px;
    text-align: center;
    text-transform: uppercase;
	display:inline-block;
}
.blog-content{
    display: inline-block;
    padding: 30px;
    width: 56%;
    height: 280px;
    background: #FFF;
    text-align: left;
}
.blog-cat{
    color: #3fbcaf;
    font-size: 20px;
    margin: 0 0 20px 0;
    font-size: 16px;
    letter-spacing: 3px;
    height: 20px;
}
.blog-title{
    color: #263c90;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-description{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* blog card */

/* video card */
.video-card{
    width: 22%;
    /* width: 100%; */
    margin-right:4%;
    float: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 50px;
}
a:nth-child(4n) .video-card{
    margin-right: 0;
}
.video-thumb{
    width: 100%;
    padding-bottom: 56%;
    position: relative;
}
.video-thumb::after{
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(../icon/btn_play_inactive.svg);
    background-size: 15% auto;
    background-position: center;
    /* opacity: 0.9; */
    background-color: #00000088;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.video-card:hover .video-thumb::after{
    opacity: 1;
    background-image: url(../icon/btn_play_active.svg);
    background-color: #00000022;
}
.video-title{
    font-size: 16px;
    text-align: center;
    color: #263c90;
    margin-top: 10px;
    height: 50px;
}
/* video card */

/* gallery */
.gallery-block{
    position: relative;
    padding: 50px 0 30px 0;
}
.gallery-block:nth-child(even){
    background-color: #eef1f2;
}
.gallery-block > h1{
    font-size: 24px;
    font-weight: 900;
    color: #263c90;
}
.views-field-title > h4 {
    font-size: 24px;
    font-weight: 900;
    color: #263c90;
}
.gallery{
    overflow: hidden;
    max-height: 250px;
    text-align: left;
    width: 956px;
    margin: auto;
}
.gallery img{
    width: 120px;
    margin: 6px;
}
.gallery.showall{
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    max-height: 800px;
}
.show_all{
    margin: 22px auto 8px auto;
    display: inline-block;
    padding: 6px 20px;
    color: #263c90;
    transition: opacity .3s ease, height .2s ease .2s, margin .2s ease .2s;
    -webkit-transition: opacity .3s ease, height .2s ease .2s, margin .2s ease .2s;
    font-size: 14px;
    font-weight: 900;
    cursor: pointer;
    border-radius: 5px;
}
.show_all:hover{
    color: #ffc52b;
    background-color: #263c90;
}
.show_all.hide{
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
}
/* gallery */

/* popup */
.fb_vedio_group .fancybox-stage, .fb_vedio_group .fancybox-slide{
    pointer-events: none;
}
.fb_vedio_group .fancybox-slide--video .fancybox-content{
    width: 768px !important;
    height: 450px !important;
    pointer-events: auto;
}
.fb_photo_group .fancybox-content{
    /* max-width: 80% !important; */
    pointer-events: auto;
}
.fb_vedio_group .fancybox-toolbar,
.fb_vedio_group .fancybox-navigation{
    width: 768px;
    height: 450px;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    text-align: right;
    /* opacity: 1; */
    /* display: block; */
    position: absolute;
    pointer-events: none;
    z-index: 100;
}
.fancybox-inner .fancybox-button{
    background-color: transparent;
}
.pop_btn.fancybox-button--close{
    height: 44px;
    width: 104px;
    top: -44px;
    background: #263c90;
    color: #ffc52b;
    font-size: 14px;
    line-height: 24px;
    pointer-events: auto;
    /* opacity: 1; */
}
.pop_photo.fancybox-button--close{
    top: 0;
}
.pop_btn.fancybox-button--close:hover{
    color: #ffc52b;
}
.pop_btn.fancybox-button--close::before{
    content: "CLOSE";
    display: inline-block;
    margin-right: 10px;
}
.pop_btn.fancybox-button svg{
    width: 16px;
    height: 16px;
    display: inline-block;
    fill: #ffc52b;
    margin-top: -2px;
}
/* .fancybox-navigation .fancybox-button--arrow_right */
.fancybox-navigation .pop_btn.fancybox-button[disabled]{
    opacity: 0;
}
.fancybox-navigation .pop_btn.fancybox-button--arrow_left,
.fancybox-navigation .pop_photo.fancybox-button--arrow_right{
    background: transparent;
}
.fancybox-navigation .pop_btn.fancybox-button--arrow_left > div{
    transform: translate(-200%, 0) rotate(180deg);
    background-image: url(../icon/ico_right_yellow.svg);
    background-size: contain;
    pointer-events: auto;
}
.fancybox-navigation .pop_photo.fancybox-button--arrow_left > div{
    transform: translate(0%, 0) rotate(180deg);
}
.fancybox-navigation .pop_btn.fancybox-button--arrow_right > div{
    transform: translate(200%, 0);
    background-image: url(../icon/ico_right_yellow.svg);
    background-size: contain;
    pointer-events: auto;
}
.fancybox-navigation .pop_photo.fancybox-button--arrow_right > div{
    transform: translate(0%, 0);
}

/* popup */




@media (max-width: 1024px){
    /* news card & blog card*/
    .news-content{
        padding: 20px;
    }
    .filter-result .news-card{
        width: 100%;
        margin-right: 0;
    }
    .filter-result .news-card:nth-child(3n+2),
    .filter-result .news-card:nth-child(2n+1){
        margin-right: 0;
    }

    .blog-card{
        margin: 0 auto 30px auto;
        width: 100%;
        height: auto;
        min-width: unset;
    }
    .blog-image{
        position: relative;
        height: 0;
        width: 100%;
        padding-bottom:56%;
    }
    .blog-content{
        width: 100%;
        padding: 16px;
        height: 240px;
    }
    .filter-result .news-content{
        padding: 16px;
        height: 260px;
    }
    .news-cat, .blog-cat{
        margin: 0 0 10px 0;
    }
    .news-title, .blog-title{
        margin: 0 0 8px 0;
        font-size: 24px;
        line-height: 32px;
    }
	.blog-card .blog-cat{
		display:inline-block;
	}
    .download-btn {
        bottom: 12px;
    }
    /* news card & blog card*/

    /* video card */
    .video-card{
        width: 48%; 
        /* width: 100%; */
        margin-right: 4%;
        margin-bottom: 25px;
    }
    a:nth-child(4n) .video-card {
        margin-right: 4%;
    }
    a:nth-child(2n) .video-card {
        margin-right: 0;
    }
    /* video card */

    /* popup */
    .fb_vedio_group .fancybox-slide{
        padding: 4%;
    }
    .fb_vedio_group .fancybox-toolbar, 
    .fb_vedio_group .fancybox-navigation{
        z-index: 99994;
    }
    .fb_vedio_group .fancybox-slide--video .fancybox-content,
    .fb_vedio_group .fancybox-toolbar, 
    .fb_vedio_group .fancybox-navigation {
        width: 92vw !important;
        height: 70vw !important;
    }
    .fancybox-navigation .pop_btn.fancybox-button--arrow_left > div{
        transform: translate(0%, 0) rotate(180deg);
    }
    .fancybox-navigation .pop_btn.fancybox-button--arrow_right > div {
        transform: translate(0%, 0);
    }
    /* popup */

    /* gallery */
    .gallery-block > h1{
        width: 92%;
        margin: 0 auto;
        font-size: 20px;
    }
    .gallery-block > p{
        width: 92%;
        margin: 0 auto;
        font-size: 12px;
        padding-top: 8px;
    }
    .gallery{
        width: 92%;
        padding: 3.5% 0 0 0;
        max-height: 66vw;
    }
    .gallery.showall {
        transition: all 1.5s ease;
        -webkit-transition: all 1.5s ease;
        max-height: 3000px;
    }
    .gallery img{
        float: left;
        width: 31%;
        /* margin: 10px 12px 10px calc(50% - 132px); */
        margin: 0 0 3.5% 0;
    }
    .gallery a:nth-child(3n+2) img{
        margin: 0 3.5% 3.5% 3.5%;
        /* margin: 10px calc(50% - 132px) 10px 12px; */
    }
    .show_all {
        margin: 10px auto 8px auto;
        padding: 4px 20px;
    }
    /* gallery */
}

@media (max-width: 1500px){
        .newscards .download-icon {
        margin-left: 5px;
    }

}

.blog-card .blog-cat{
    text-transform: uppercase;
}


@media (max-width: 1024px){
    .pager__items a span{
        display:none;
    }
}


.pager__items{
    text-transform: uppercase;
}

.whitepaper-card.views-row .news-content{
    padding-left:30px;
    padding-right:30px;
}

@media (max-width: 1400px){
    .news-card.views-row .news-content a.download-btn{
        right:28px;
    }
}

.fg-news a.news-content,
.fg-storie a.news-content{
    height:260px;
}