:root {
    --primary-color:#1a4a94;
    --bg-light:#f3f3f3;
    --color-2:#72a9ff;
    --text-light-1:#999999;
    --text-light-2:#87b6ff;
    --bg-dark-2:#252525;
  }
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
body {
    font-family: Rubik;
    background-image:url('./../images/bg.png');
    background-repeat: repeat;
}
a:hover {
    text-decoration: none;
}
a {
    outline: 0!important;
}
.form-control:focus {
    box-shadow: none;
}
.dark-bg {
    color:#ffffff;
    background-color: #1a4a94;
    background-color: var(--primary-color);
}
.dark-2-bg {
    background-color: #252525;
    background-color: var(--bg-dark-2);
}
.dark-bg a, .dark-2-bg a,
.dark-bg p, .dark-2-bg p,
.dark-bg i, .dark-2-bg i {
    color:#ffffff;
}
.bg-gradient {
    background-image: linear-gradient(to top, #1a4a94, rgba(255, 255, 255, 0));
}
.no-borders {
    border:0px!important;
}
.text-color-2,.text-color-2.all-color  * {
    color: #72a9ff;
    color: var(--color-2);
}
.text-color-light-1, .text-color-light-1.all-color * {
    color: #999999;
    color: var(--text-light-1);
}
.icon-left i {
    margin-right:5px;
}
input.bg-light+.input-group-prepend i {
    color:#1a4a94;
    color:var(--primary-color);
}
/* Header */
header {
    box-shadow: 0px 2px 32px 0 rgba(0, 0, 0, 0.07);
}
header + .ad-banner {
    margin-top:1rem;
}
header .container-fluid {
    padding: 15px 0;
    position: relative;
    background: #1a4a94;
    background: var(--primary-color);
}
header .left{
position: relative;
}
header .left:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 999px;
    z-index: 0;
    background-color: #ffffff;
    right: 0px;
    top: -15px;
    bottom: -15px;
}
header .right .right-wrapper {
    padding:0 15px;
    justify-content: space-between;
    height: 100%;
}
header .right .right-wrapper .inner-left {
    margin-left:30px;
    margin-right:30px;
}
#topMenu {
    max-width:90%;
}
header .right .right-wrapper .inner-right > div {
    margin-left:30px;
}
header .right .inner-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-inline li  {
    display: inline-block;
}
.horizontal-menu {
    padding-left:0px;
}
.horizontal-menu > li {
    display: inline-block;
    margin-right:15px;
    white-space: nowrap;
}
#autoNavMoreList li a {
    color:#1a4a94;
    color:var(--primary-color);
}


.height-45 {
    height: 45px;
}
.bg-light {
    background-color: #f3f3f3;
    background-color: var(--bg-light);
}
.logo-container {
    position: relative;
    z-index: 2;
    padding-right:2rem;
    margin-left:auto;
}
header a:hover{
    text-decoration: none;
}
header .horizontal-menu li a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
header ul.horizontal-menu > li:not(.auto-nav-more) > a:hover:after {
    left: 0;
    width:60px;
    background-color: #72a9ff;
    background-color: var(--color-2);
    height:2px;
    content: " ";
    position: absolute;
    bottom:-10px;
}
.socials li {
    display: inline-block; 
}
.socials li:not(:last-child) {
    margin-right:15px;
}
header .socials li a:hover {
    color: #72a9ff;
    color: var(--color-2);
}
#moreMenu {
    position: absolute;
    z-index: 9;
    background: rgb(255, 255, 255);
    padding: 10px 15px;
    width: 200px;
}
#autoNavMoreList {
    padding-left:0px;
    background:#ffffff;
    display: flex;
    flex-direction: column;
}
/* Global */
section:not(:last-child) {
    margin-bottom:14px;
}
 
/* Top Grid */
.top-grid .item{
    position: relative;
}
.top-grid .item .item-bottom {
    position: absolute;
    bottom: 0px;
    padding: 60px 30px 30px 30px;
    display: none;
    width:100%;
}
.top-grid .item:hover .item-bottom {
    display: block;
}
.top-grid h2 {
    font-size: 14px;
    margin-bottom:15px;
    line-height: 1.7;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
}
.horizontal-meta, .horizontal-meta-1,.horizontal-meta-2 {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: left;
}
.horizontal-meta span:not(:last-child){
    margin-right:30px;
}
.horizontal-meta-1 span:not(:last-child):after{
    content : ' | ';
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}
.horizontal-meta-2 span:not(:last-child):after{
    content : ' - ';
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}
/* Four Grid News */
.box-shadow-1-items .item, .box-shadow-1 {
    box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.05);
}
.four-grid-news .item {
    margin-bottom:16px;
    margin-top:16px;
}
.four-grid-news .item img {
    width:100%;
}
.four-grid-news .item .item-bottom {
    padding:20px 24px;
    background-color: #ffffff;
}
.post-title-link-1 {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #323232;
}
.ad-banner {
    text-align: center;
}
.ad-banner> div, .ad-banner .container > div {
    margin: 0 auto;
    text-align: center;
}
/* Video Galeri */
.title-with-bg {
    border-radius: 25px;
    background-color: #1a4a94;
    padding:15px 150px;
    display: table;
    margin: 0 auto;
}
.title-with-bg h1 {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom:0;
}
.videos .col-lg-8 .slider {
    height: 100%;
    background-color: #000000;
    display: flex;
    align-items: center;
}
.slider-for .slick-track {
    display: flex !important;
  }
  
.slider-for .slick-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}
.slider-for .slide-title {
    position: absolute;
    bottom:0px;
    padding:15px;
    background:rgba(26, 74, 148, 0.9);
    color:#ffffff;
    font-size:18px;
    width:100%;
}
.slider-for {
    visibility: hidden;
    opacity: 0;
}
.slider-for.slick-initialized {
    visibility: visible;
    opacity: 1;
}
.slider-for .slick-slide a:first-child, 
.slider-for.slick-slide, 
.slider-for.slider, 
.slider-for.slider .slick-list, 
.slider-for.slider .slick-track {
    height: 100%;
    width:100%;
}
.slider-for .slick-slide img {
    height:100%;
    max-width:unset;
    width:auto;
}
.slider-nav-item{
    padding:5px 8px;
}
.slide-inner {
    display: flex;
    align-items: center;
}
.slide-inner .left {
    flex:1;
    padding:8px;
}
.slide-inner .right {
    flex:2;
    padding:8px;
}
.slider-nav .slider-nav-item {
    box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.05)!important;
    border: solid 1px #eeeeee!important;
    background-color: #ffffff;
}
.slider-nav .slider-nav-item.slick-current {
    background-color: #000000;
}
.slider-nav .slick-current .item-title a {
    color:#ffffff;
}
/* Footer */
footer section {
    margin:0!important;
    padding-top:32px;
    padding-bottom:32px;
}
.footer-1 {
    padding:25px 0;
}
.footer-2 {
    background-color: #f6f7f7;
}
.footer-2 a, .footer-2 li {
    color:#464646;
}
.footer-2 a {
    font-weight: 400;
}
.footer-2 .footer-menu li {
    border-bottom: 1px solid rgba(37, 37, 37, 0.14);
    padding-bottom: 3px;
    margin-bottom: 5px;
}
.footer-2 .footer-menu li:last-child {
    border-bottom: 0;
}
.footer-menu {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    padding-left:0px;
    list-style: none;
}
.footer-menu li.bold-item a {
    font-weight: 500;
}
footer .socials {
    margin-left:auto;
    display: table;
}
footer .socials li:not(:last-child) {
    margin-right:24px;
}
.horizontal-grid-menu {
    padding-left:0px;
    display: flex;
    flex-wrap: wrap;
}
.horizontal-grid-menu li {
    display: inline-block;
    margin-bottom:5px;
    width:14%;
}
.horizontal-grid-menu li a {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #464646;
}
.copyright p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: left;
    color: #464646;
}
.grid-images img {
    width: 100%;
}
.grid-images .item {
    padding:5px;
}
.horizontal-menu-2 {
    padding-left:0px;
    margin-bottom:0px;
}
.horizontal-menu-2 li {
    display: inline-block;
}
.horizontal-menu-2 li:not(:last-child):after {
    content: ' | ';
    margin-left:5px;
    margin-right:5px;
}
.footer-3 {
    padding:15px 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
/* Single */
 
.col-wrapper {
    height: 100%;;
    border-radius: 2px;
    border: solid 1px #f2f2f2;
    background-color: #ffffff;
}
.post-top {
    padding: 30px;
    position: relative;
}
/* Video Fix */
.video .post-top {
    padding:30px 0;
}
.video .post-top > div {
    padding:0 30px;
}
#videocontent {
    display: table;
    margin: 0 auto;
    margin-bottom:15px;
}
/* Video Fix End */
.post-top.with-triangle:after {
    width: 0;
    height: 0;
    border-top: 120px solid white;
    border-left: 120px solid transparent;
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    animation: anim 750ms linear 0s alternate;
    transform-origin: center center 120px;
}
.post-top > div:not(:last-child) {
    margin-bottom:1rem;
}
.post-top h1 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
}
.post-top .image {
    position: relative;
    z-index: 2;
}

.post-top .meta {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
.post-top.centered .meta  {
    justify-content: center;
    text-align: center;
}
.post-top.centered .title h1 {
    text-align: center;
}
.post-content {
    padding:0 30px;
}
.comments {
    margin-left:-8px;
}
.post-detail {
    padding:30px 0;
}
.post-detail p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: left;
    color: #7b7b7b;
}
.post-detail h1 {
    font-size:1.5rem;
}
.post-detail h2 {
    font-size:1.3rem;
}
.post-detail h3 {
    font-size:1.1rem;
}
.post-detail h4 {
    font-size:1rem;
}
.post-detail h1, .post-detail h2,.post-detail h3, .post-detail h4,.post-detail h5,.post-detail h6 {
    color: #7b7b7b;
}
.inner-ad {
    margin-bottom:1rem;
}
.post-content .inner-ad {
   padding: 0px!important;
}
.share-box {
    display: flex;
    align-items: center;
}
.share-box > * {
    margin-right:5px;
}
.share-box .fb_iframe_widget {
    display: flex;
}
.widget:not(:last-child) {
    margin-bottom:30px;
}
.widget .widget-inner {
    padding:20px 24px;
}
 
.widget .widget-title {
    margin-bottom:15px;
}
.widget .widget-inner .widget-content .post > * {
   margin-bottom:12px;
   display: block;
}
.widget .widget-title h1 {
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
}
.widget .post p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: left;
}
.widget .post-title-link-1 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
}
.widget.dark-bg .meta a {
    color: #87b6ff;
    color: var(--text-light-2);
}
.widget .posts-list {
    padding:0 20px 0px 20px;
}
.widget .posts-list .post-item {
    display: flex;
    align-items: center;
}
.widget .posts-list .post-item:not(:last-child) {
    border-bottom: 1px solid #ececec;
}
.widget .posts-list .post-item .left {
    flex:3;
    padding:8px 0;
}
.widget .posts-list .post-item .right {
    flex:4;
    padding:12px;
}
.widget .posts-list .post-item:first-child .left,
.widget .posts-list .post-item:first-child .right {
    padding-top:0px;
}
.widget .posts-list .post-item .meta {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: left;
}
.widget .posts-list .post-item .item-title{
    line-height: 1.3;
}
.widget .posts-list .post-item .item-title a.post-title-link-1 {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
}
/* Gallery Pagination */
.list-group-inline {
    display: flex;
    padding-left:0px;
    flex-wrap: wrap;
}
.gallery-pagination .list-group-inline {
    justify-content: center;
}
.gallery-pagination {
    margin:15px 0;
}
.gallery-pagination .list-group-inline {
    justify-content: center;
}
.gallery-pagination ul li {
    margin-right:5px;
    border: 0;
    padding:0px;
    background-color:transparent!important;
    margin-bottom:10px;
}
.gallery-pagination ul li a {
    background-color: #ffffff;
    padding:10px 12px;
    color:#363c52;
    display: table;
    border-radius: 4px;
    border: solid 1px #dddddd;
}
.gallery-pagination ul li.prev a, 
.gallery-pagination ul li.next a
{
    background-color: #1a4a94;
    background-color: var(--primary-color);
     color:#ffffff;
 }
.gallery-pagination ul li.list-group-item.active a,
.gallery-pagination ul li.list-group-item:hover a
{
    color: #ffffff;
    background-color:#1a4a94;
    background-color:var(--primary-color);
}
.gallery-pagination ul li:last-child {
    margin-right:0px;
}
.gallery-pagination .list-group-item:first-child,
.gallery-pagination .list-group-item:last-child
{
    border-radius: 10px; 
}
.pagination .gallery-pagination {
    margin: 0;
}
.pagination .list-group-inline {
    margin-bottom: 0;
}
/* Gallery Arrows */
.post-top a.next-image, a.prev-image {
    padding: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    position: absolute;
    z-index: 9;
    height: 100px;
    width: 50px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.38);
}
.post-top a.next-image i, a.prev-image i {
    color: #1a4a94;
    color: var(--primary-color);
    font-size:45px;
}
.post-top a.next-image {
    right: 0;
    margin-right: -25px;
}
.post-top a.prev-image {
    left: 0;
    margin-left: -25px;
}
/* Line Clamp */
.line-clamp
{
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;

	line-height        : 1.5;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
}
.line-clamp:after
{
	content    : '...';
	text-align : right;
	bottom     : 0;
	right      : 0;
	width      : 25%;
	display    : block;
	position   : absolute;
	height     : calc(1em * 1.5);
	background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}
@supports (-webkit-line-clamp: 1)
{
	.line-clamp:after
	{
		display : none !important;
	}
}
.line-clamp-1
{
	-webkit-line-clamp : 1;
	height             : calc(1em * 1.5 * 1);
}
.line-clamp-2
{
	-webkit-line-clamp : 2;
	height             : calc(1em * 1.5 * 2);
}
.line-clamp-3
{
	-webkit-line-clamp : 3;
	height             : calc(1em * 1.5 * 3);
}
.line-clamp-4
{
	-webkit-line-clamp : 4;
	height             : calc(1em * 1.5 * 4);
}
.line-clamp-5
{
	-webkit-line-clamp : 5;
	height             : calc(1em * 1.5 * 5);
}
/* End required CSS. */
@keyframes anim {
    from {transform: rotateX(20deg); transform: rotateY(-90deg); opacity: 0;}
    to {transform: rotate(0deg); opacity: 1; }
}