/* LAYOUT */
@font-face{
	font-family:Avenir Roman;
	src:url(../fonts/avenir-roman.ttf)
}

.text-color-0056B8 {
	color: #0056B8;
}

.text-color-00A79D {
	color: #00A79D;
}

.bg-color-ECF2F8 {
	background-color: #ECF2F8;
}

.green-circle-menu-control {
	position: absolute;
	left: 0.5rem;
	display: block;
	height: 100%;
	width: 20px;
	padding-top: 130px !important;
	cursor: pointer;
	padding-left: 8px;
}

.green-circle-menu .arrow.right {
	transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.green-circle-menu.active .arrow.right {
	transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

a.btn {
	font-size: 17px !important;
	font-family:Avenir Heavy;
	color: #ffffff;
	background: #00A79D;
	transition: background 0.3s;
	border-radius: 24px;
	padding: 0px 0px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.075em;
	line-height: 1;
	padding: 14px 24px;
}

a.btn:hover {
	background: #040C46;
	color: #ffffff;
}

hr {
	border-top: 1px solid #9c3;
}

.form-check {
	line-height: 1.2;
}

/* NAVIGATION */
.simple-sticky.sticky {
	padding: 0;
	height: auto;
	flex-direction: column;
	align-items: unset;
}
.simple-sticky .main-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px 88px 8px 60px;
}

.simple-sticky .main-nav >a:first-child {
	text-decoration: none;
	border: 0;
	padding: 0;
	flex: 1;
	text-align: left;
	top: 0;
}

.simple-sticky .main-nav >a:first-child img {
	margin-top: 6px;
}

.simple-sticky .sub-nav {
	border-bottom: 1px solid #9c3;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	background: #ffffff;
}

.simple-sticky .sub-nav span {
	margin-right: 16px;
	color: #A3ABB9;
}

.simple-sticky .sub-nav span {
	font-size: 16px;
	font-family:Avenir Book;
}

.simple-sticky .sub-nav a {
	margin-right: 16px;
	color: #040C46;
	font-size: 16px;
	font-family:Avenir Book;
}

.simple-sticky .sub-nav a.active{
	font-family:Avenir Heavy;
	color: #0056B8;
}

.simple-sticky .sub-nav a:hover {
	color: #0056B8;
}

.simple-sticky .sub-nav a {
	top: 0;
	padding: 0;
}

#topnav-link {
	margin: 0;
	display: flex;
	align-items: center;
	padding-top: 0px;
	gap: 4px;
}

#topnav-link > a {
	border-top: 18px solid transparent;
	top: 0px;
}

#topnav-link > a:hover {
    border-top: 18px solid #033d80;
}

#topnav-link > .button {
	margin-top: 0px;
	top:9px;
}

#topnav-link.topnav-right {
	position: relative !important;
	top: unset;
}

.simple-sticky a {
	font-size: 14px;
}

/* PAGE TITLE */
#page-title {
	padding: 40px 0;
	border-bottom: 1px solid #9c3;
	margin-top: 120px;
}

#page-title h1 {
	color: #0056B8;
	font-family: 'Oduda Semi Bold';
}

#page-title h2 {
	color: #00A79D;
	font-family: 'Oduda Semi Bold';
	margin-bottom: 0;
}

/* ARTICLE LOOP */
#news-slider {
	padding: 60px 0;
}

.news-slider-pagination {
	text-align: center;
	line-height: 0;
	margin-top: 24px;
}

.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border: 1px solid #707070;
	background: transparent;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #040C46;
	border: 1px solid #040C46;
}

.story-loop-info-wrapper {
	position: relative;
}

.story-loop-info {	
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.story-loop-excerpt {
	font-family:Avenir Roman;
	letter-spacing: -0.01em;
}

.trim_desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
}

.story-loop-meta {
	margin-top: auto;
	padding-top: 24px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
}

.story-date {
	font-size: 14px;
	font-family:Avenir Heavy;
}

.story-type {
	font-size: 14px;
	font-family:Avenir Roman;
}

.story-loop-title h3 {
	line-height: 1.1;
	margin-top: 8px;
	margin-bottom: 8px;	
	font-family: 'Oduda Semi Bold';
	font-size: 22px;
}

.story-loop-title h3 a {
	color: #0056B8;
	line-height: 1.1;
}

.story-category {
	font-size: 14px;
	font-family:Avenir Heavy;
	letter-spacing: -0.01em;
	text-decoration: underline;
	color: #707070;
}

.story-tag {
	margin-top: auto;
}

.story-tag ul {
	padding: 0;
	margin:0;
	list-style: none;
}

.story-tag ul li {
	display: inline-block;
	margin-right: 8px;
	margin-top: 8px;
}

.story-tag ul li a {
	border-radius: 4px;
	padding: 6px 8px;
	line-height: 1;
	border: 1px solid #0056B8;
	font-size: 12px;
	font-family:Avenir Roman;	
	display: block;
	color: #040C46;;
}

.story-loop-wrapper-big {
	display: flex;
	border-radius: 8px;
	overflow: hidden;
}

.story-loop-wrapper-big .story-loop-title h3 {
	font-size: 40px;
}

.story-loop-wrapper-big .story-loop-title a {
	color: #95C83D;
}

.story-loop-wrapper-big .story-loop-excerpt {
	font-size: 20px;
}

.story-loop-wrapper-big .story-loop-info-wrapper {
	width: 35%;	
	background: #040C46;	
	overflow: hidden;
}

.story-loop-wrapper-big .story-loop-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 35px;
}

.story-loop-wrapper-big .story-loop-thumbnail {
	width: 65%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.story-loop-wrapper-big .story-loop-thumbnail .article-badge {
	position: absolute;
	bottom: 0;
	right: 32px;
	width: 71px;
}

.story-loop-wrapper-big.format-video .story-loop-thumbnail {
	position: relative;
}

.story-loop-wrapper-big.format-video .story-loop-thumbnail:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 85%;
	background: #000000;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);
}

.story-loop-wrapper-big.format-video .story-loop-thumbnail .icon-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 54px;
}

.story-loop-wrapper-big .story-category,
.story-loop-wrapper-big .story-loop-excerpt,
.story-loop-wrapper-big .story-loop-meta {
	color: #ffffff;
}

.story-loop-wrapper-big .story-tag {
	margin-top: 0;
}

.story-loop-wrapper-big .story-tag ul li a {
	color: #ffffff;
	border-color: #ffffff;
}

/* NEWS ARCHIVE */
.news-archive-wrapper {
	padding: 48px 0;
}

.news-archive-title h2{
	color: #00A79D;
	font-family: 'Oduda Semi Bold';    
}

.news-archive-title h4{
	color: #0056B8;
	font-family: 'Oduda Semi Bold';
	margin-bottom: 0;
}

.news-archive-loop-wrapper {
	margin-top: 40px;
	margin-bottom: 48px;
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(3, 1fr);
}

.news-archive-loop-wrapper .news-archive-loop-item.format-article,
.news-archive-loop-wrapper .news-archive-loop-item.format-video {
	display: flex;
	flex-direction: column;
}

.news-archive-button {
	text-align: center;
}

.news-archive-button a.btn {
	min-width: 230px;;
}

.news-archive-loop-item .story-loop-thumbnail {
	border-radius: 4px;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
}

.news-archive-loop-item .story-loop-thumbnail .article-badge,
.news-archive-loop-item.format-video .story-loop-video-thumbnail .story-loop-info .article-badge {
	position: absolute;
	bottom: 0;
	right: 18px;
	width: 71px;
}

.news-archive-loop-item.layout-small .story-loop-thumbnail .article-badge {
	width: 48px;
	right: 12px;
}

.news-archive-loop-item .story-loop-meta {
	color: #0056B8;
}

.news-archive-loop-item.format-video .story-loop-video-thumbnail {
	height: 0;
	padding-top:133%;
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 6px;
}

.news-archive-loop-item.format-video .story-loop-video-thumbnail .story-loop-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.news-archive-loop-item.format-video .story-loop-video-thumbnail:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 85%;
	background: #000000;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);
}

.news-archive-loop-item.format-video .story-loop-video-thumbnail .story-loop-info .story-category,
.news-archive-loop-item.format-video .story-loop-video-thumbnail .story-loop-info .story-loop-title {
	color: #ffffff;
}

.news-archive-loop-item.format-video .story-loop-video-thumbnail .story-loop-info .icon-play {
	color: #ffffff;
	margin-bottom: auto;
	width: 53px;	
}

.news-archive-loop-item.format-video .story-loop-video-thumbnail .story-loop-info .video-duration {
	margin-top: 60px;
	font-size: 14px;
    font-family: Avenir Heavy;
    letter-spacing: -0.01em;
    color: #ffffff;
    line-height: 1;
}

/* PRE FOOTER */
.pre-footer-bottom-wrapper {
	padding-top: 200px;
}
.pre-footer-bottom {
	background: #040C46;	
}

.pre-footer-bottom .row > div {
	padding-top: 42px;
	padding-bottom: 42px;
}

.pre-footer-bottom .phone-mockup {
	position: absolute;
    bottom: 0;
    right: 0;
    height: calc(100% + 0px);
    width: auto;
}

#pre-footer h2 {
	font-size: 34.88px !important;
	color: #00A79D;
    font-family: 'Oduda Semi Bold';
}

#pre-footer h3 {
	font-size: 22px !important;
	color: #ffffff;
    font-family: 'Oduda Semi Bold';
    margin-bottom: 24px;
}

#pre-footer h4 {
	font-size: 30px !important;
	color: #ffffff;
    font-family: 'Oduda Semi Bold';
    margin-bottom: 24px;
}

#pre-footer a.btn {
	font-size: 16px !important;
}

#pre-footer .pre-footer-top h4 {
	color: #0056B8;
}

#pre-footer a.btn:hover {
	color: #040C46;
	background: #ffffff;
}

/* FOOTER */
.main-footer {
	margin-top: 0;
	padding-bottom: 72px;
}

.footer-top {
	display: block !important;
}

.footer-top > div.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.footer-sgenable-disclaimer img {
	margin-left: unset !important;
}

#sticky-footer {
	background: #163c7b;
	padding: 16px 0;
	position: fixed;
    z-index: 99998;
    width: 100%;
    bottom: 0;
}

#sticky-footer .sticky-footer-content {
	font-family: 'Oduda Semi Bold';
	font-size: 22px;
	line-height: 1;
	color: #ffffff;
	display: flex;
	gap: 22px;
	justify-content: center;
	align-items: center;
}

#sticky-footer .btn {
	padding: 12px 24px;
	color: #000000;
	background-color: #95c83d;
}

#sticky-footer a.btn:hover {
	color: #000000;
	background: #ffffff;
}

/* OPTIN  */
.mfp-bg, .mfp-wrap {
	z-index: 99999999;
}

#optin {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}

#optin .optin-title-wrapper {
	padding-top: 104px;
	position: relative;
}

#optin .optin-title {
	position: relative;
	padding: 32px 32px 32px 290px;
	background: #040C46;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

#optin .optin-title .phone-mockup {
	position: absolute;
	height: calc(100% + 100px);
	width: auto;
	left: -5px;
	bottom: 0;
}

#optin .optin-title-wrapper .icon-close {
	color: #ffffff;
	position: absolute;
	top: 56px;
	right: 0;
	width: 33px;
	cursor: pointer;
}

#optin .optin-title-wrapper h2 {
	font-size: 32px !important;
	font-family: 'Oduda Semi Bold';
	color: #00A79D;
	margin-bottom: 0;
}

#optin .option-form-wrapper {
	padding: 24px 40px 32px 40px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	background: #ffffff;
}

#optin .option-form-wrapper h4 {
	font-family: 'Oduda Semi Bold';
	font-size: 30px;
	color: #0056B8;
	margin-bottom: 0;
}

#optin .option-form-wrapper h4 {	
	margin-bottom: 32px;
}

#optin .option-form-wrapper .row {
	margin-bottom: 24px;
	margin-left: -12px;
	margin-right: -12px;
}

#optin .option-form-wrapper .col {
	padding-left: 12px;
	padding-right: 12px;
}

#optin .option-form-wrapper .form-control {
	width: 100%;
	border: 1px solid #1B9AA0;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	font-family:Avenir Roman;
}

#optin .option-form-wrapper .form-group {
	margin-bottom: 0;
}

#optin .option-form-wrapper .form-group label {
	font-size: 16px;
	font-family:Avenir Heavy;
	letter-spacing: -0.01em;
	color: #0056B8;
	line-height: 1.2;
}

#optin .option-form-wrapper button.btn {
	font-size: 16px !important;
	font-family:Avenir Heavy;
	color: #ffffff;
	background: #00A79D;
	transition: background 0.3s;
	border-radius: 24px;
	padding: 0px 0px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.075em;
	line-height: 1;
	padding: 14px 24px;
	border: 0;
}

#optin .option-form-wrapper button.btn:hover {
	background: #040C46;
	color: #ffffff;
}

/* SINGLE STORY */
.single-story #page-title {
	border-bottom: 0 !important;
}

.single-story #page-title h1 {
	font-size: 34px;
	color: #040C46;
	margin-top: 8px;
}

.single-story #page-title h2 {
	font-size: 22px;
	color: #00A79D;
}

.single-story #page-title .featured-image {
	margin-top: 40px;
}

.single-story #page-title .featured-image img {
	border-radius: 12px;
}

.single-story #story-content {
	padding-bottom: 80px;
}

.single-story #story-content h1,
.single-story #story-content h2,
.single-story #story-content h3 {
	font-family: 'Oduda Semi Bold';
}

.single-story #story-content blockquote {
	font-family: 'Oduda Semi Bold';
	font-size: 24px;
	color: #9c3;
	padding-left: 32px;
	border-left: 2px solid #9c3;
	margin: 2rem 0;
}

.single-story #story-content img {
	border-radius: 12px;
	margin-bottom: 1rem;
}

.single-story #story-content figcaption {
	font-size: 14px;
	color: #0056B8;
	margin-bottom: 2rem;
	font-family: Avenir Medium;
}

.single-story #story-content .side-banner img {
	border-radius: 8px;
	box-shadow: 5px 7px 13px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 7px 13px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 7px 13px 0px rgba(0,0,0,0.2);
}

.single-story #story-content .col-md-4 {
	padding-left: 132px;
}

.single-story #story-content.format-video {
	padding-top: 80px;
	margin-top: 120px;
	background: #040C46;
}

.single-story #story-content.format-video .video-wrapper {
	margin-bottom: 48px;
	height: 0;
	padding-top: 56.31%;
	position: relative;
	cursor: pointer;
}

.single-story #story-content.format-video .video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.single-story #story-content.format-video .video-wrapper .video-poster {
	background-size: cover ;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.single-story #story-content.format-video .video-wrapper .video-poster:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 85%;
	background: #000000;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);	
}

.single-story #story-content.format-video .video-wrapper .video-poster img {
	position: absolute;
	left: 50%;
	top: 50%;	
	width: 53px;
	transform: translate(-50%, -50%);
}

.single-story #story-content.format-video .video-wrapper img {
	margin-bottom: 0;
}

.single-story #story-content.format-video .content,
.single-story #story-content.format-video .content .story-category {
	color: #ffffff;
}

.single-story #story-content.format-video .content .page-title {
	font-size: 34px;
	margin-top: 8px;
	margin-bottom: 48px;
}

/* CATEGORY */
#latest-story {
	padding-top: 60px;
	padding-bottom: 60px;
}

.news-archive-loop-item.layout-large .story-loop-title-excerpt .story-loop-title, 
.news-archive-loop-item.layout-large .story-loop-title-excerpt .story-loop-excerpt {
	padding-left: 0;
}

#latest-story .news-archive-loop-wrapper {
	display: flex;
	flex-direction: column;
	gap: 18px;
	grid-template-columns: unset;
	margin: 0;
}

.news-archive-loop-item.layout-small .story-loop-info {
	display: flex;
	flex-direction: row;
	margin-bottom: 8px;
}

.news-archive-loop-item.layout-small .story-loop-info:after {
	content: '';
	clear: both;
	display: table;
}

.news-archive-loop-item.layout-small .story-loop-thumbnail {
	width: 30%;
	margin-bottom: 0;
	background-size: cover;
	background-position: center;
}

.news-archive-loop-item.layout-small .story-loop-title-excerpt {
	width: 70%;
	margin-bottom: 0;
	background-size: cover;
	background-position: center;
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.news-archive-loop-item.layout-small .story-loop-title-excerpt .story-loop-title h3 {
	font-size: 16px;
}

.news-archive-loop-item.layout-small .story-loop-title-excerpt .story-loop-meta {
	margin-bottom: 0;
	margin-top: auto;
}

.category-story .news-archive-title {
	border-bottom: 1px solid #9c3;
	padding-top: 30px;
	padding-bottom: 30px;
}

.category-story .news-archive-loop-wrapper {
	margin-top: 0;
}

.category-story .news-archive-wrapper .news-archive-loop-wrapper {
	grid-template-columns: repeat(2, 1fr);
}

.category-story .total-story {
	font-size: 15px;
	font-family:Avenir Roman;	
	margin-bottom: 20px;
}

.category-story .sidebar-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.category-story .sidebar-title span {
	font-size: 14px;
	font-family:Avenir Heavy;
	text-transform: uppercase;	
	letter-spacing: 0.075em;	
}

.category-story .sidebar-title img {
	width: 16px;
}

.category-story .widget-title {
	font-size: 16px;
	font-family:Avenir Heavy;
	letter-spacing: -0.01em;
	margin-bottom: 20px;
}

.category-story .widget-form label {
	font-size: 16px;
	font-family:Avenir Book;
	letter-spacing: -0.01em;
	cursor: pointer
}

.category-story .widget-form .form-check {
	margin-bottom: 20px;
	padding-left: 1.7rem;
}

.category-story .widget-form .form-check:last-child {
	margin-bottom: 0;
}

.category-story .widget-form .form-check-input {
	margin-left: 0;
	margin-top: .2rem;
    left: 0;
    cursor: pointer
}

.category-story .widget {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #9c3;
}

.category-story .filter-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 99999999;
}

.category-story .filter-overlay .spinner {
	width: 48px;
	height: 48px;
	border: 5px solid #FFF;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 


@media(max-width: 1199px) {
    .story-loop-wrapper-big .story-loop-title h3 {
	    font-size: 28px;
	    margin-bottom: 12px;
	}

	.story-loop-wrapper-big .story-loop-excerpt {
		font-size: 16px;
	}

	.pre-footer-bottom-wrapper {
		padding-top: 120px;
	}

	.pre-footer-bottom .phone-mockup {
		height: calc(100% + 0px);
		width: 100% !important;
	}
}

@media(max-width: 1156px) {
	.simple-sticky .main-nav {
		padding-right: 0;
	}

	.topnav .icon {
		top: unset;
	}

	#hmbrger2 {
		margin-top: 0;
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	#topnav-link.topnav-right,
	.simple-sticky .sub-nav {
		display: none;
	}

	.topnav .icon.active #hmbrger2:before {
		content: "\f00d";
	}

	.contrast-main #nav-mobile-wrapper {
		background: #000 !important;
	}

	#nav-mobile-wrapper .button-login {
		background-color: #00a79d;
		color: #ffffff;
	}

	#nav-mobile-wrapper #nav-mobile {
		position: absolute;
		top: 230px;
	}

	#nav-mobile-wrapper #nav-mobile a {
		margin-bottom: 0.5rem;
		line-height: 1.5;
		text-transform: uppercase;
	}

	#nav-mobile-wrapper #nav-mobile .submenu {
		padding-left: 1.5rem;
	}
}

@media(max-width: 991px) {

	body p, .tab-sub-text, .text-box-onscroll, body li {
		font-size: 15px;
	}

	#global-sticky-menu.simple-sticky.sticky {
		padding-left: 0;
		padding-right: 0;
	}

	.simple-sticky .sub-nav {
		white-space: nowrap;
		overflow-x: scroll;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
		justify-content: flex-start;
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
		scrollbar-width: none;
	}

	.simple-sticky .sub-nav::-webkit-scrollbar {
		display: none;  /* Safari and Chrome */
	}

	.simple-sticky .sub-nav a {
		font-size: 15px;
	}

	.simple-sticky #topnav-logo img {
		height: 40px;
	}

	#topnav-link .button-login {
		display: block;
		font-size: 12px;
		padding: 9px 16px 7px 16px;
	}	

	#topnav-link a {		
		font-size: 12px;
		margin-right: 16px;
	}

	#topnav-link {
		position: absolute !important;
	}

	#page-title {
		margin-top: 120px;
	}

	#news-slider {
		padding: 40px 0;
	}

	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}

	.story-loop-wrapper-big .story-loop-info {
		padding: 22px;
	}

	.story-loop-title h3 {
		font-size: 20px;
	}

	.story-loop-wrapper-big .story-category,
	.story-loop-wrapper-big .story-type,
	.story-loop-wrapper-big .story-date {
		font-size: 12px;
	}

	.story-loop-wrapper-big .story-loop-meta .story-type {
		display: none;
	}

	.story-loop-wrapper-big .story-loop-title h3 {
		font-size: 22px;
		margin-bottom: 16px;
	}

	.story-loop-wrapper-big .story-loop-excerpt {
		font-size: 15px;
		display: none;
	}

	.story-loop-wrapper-big .story-loop-thumbnail .article-badge {
		width: 64px;
	}

	.story-tag ul li {
		margin-right: 4px;
		margin-top: 6px;
	}

	.news-archive-wrapper {
		padding: 40px 0;
	}

	.news-archive-loop-wrapper {
		display: flex;
		grid-template-columns: unset;
		flex-direction: column;
		gap: 32px;
	}

	.news-archive-loop-item .story-loop-title-excerpt {
		margin: 8px 0 12px 0;
	}

	.news-archive-loop-item .story-loop-title-excerpt .article-badge {
		width: 40px;
		right: 12px;
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-thumbnail {
		width: 40%;
		float: left;
		margin-bottom: 0;
		background-size: cover;
		background-position: center;
	}

	.news-archive-loop-item.format-video .story-loop-title-excerpt .story-loop-thumbnail {
		position: relative;
	}

	.news-archive-loop-item.format-video .story-loop-title-excerpt .story-loop-thumbnail:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 85%;
		background: #000000;
		background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
		background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);		
	}

	.news-archive-loop-item.format-video .story-loop-title-excerpt .story-loop-thumbnail .icon-play {
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 54px;
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-title,
	.news-archive-loop-item .story-loop-title-excerpt .story-loop-excerpt {
		padding-left: calc(40% + 32px);
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-title h3 {
		margin-top: 0;
	}

	.news-archive-loop-item .story-loop-meta {
		line-height: 1;
		padding-bottom: 12px;
		margin-bottom: 6px;
		border-bottom: 1px solid #9c3;
	}

	.pre-footer-bottom .row > div {
		padding-top: 32px;
    	padding-bottom: 32px;
	}

	.pre-footer-bottom-wrapper {
		padding-top: 80px;
	}

	.pre-footer-bottom .phone-mockup {
		height: calc(100% + 0px);
		width: 100% !important;
	}

	#optin {
		max-width: 640px;
	}

	#optin .option-form-wrapper {
		padding: 24px 24px 32px 24px;
	}

	#optin .optin-title-wrapper {
		padding-top: 80px;
	}

	#optin .optin-title .phone-mockup {
		height: calc(100% + 50px);
		left: 0px;
	}

	#optin .optin-title {
		padding: 24px 24px 24px 275px;
	}

	#optin .optin-title-wrapper .icon-close {
		top: 24px;
	}

	.single-story #story-content .col-md-4 {
		padding-left: 72px;
	}

	#latest-story .news-archive-loop-wrapper {
		gap: 24px;
		margin-top: 24px;
	}

	#latest-story .news-archive-loop-item .story-loop-title-excerpt .story-loop-title,
	#latest-story .news-archive-loop-item .story-loop-title-excerpt .story-loop-excerpt {
		padding-left: 0;
	}

	.news-archive-loop-item.layout-small .story-loop-title-excerpt .story-loop-meta {
		padding-bottom: 0;
		border-bottom: 0;
	}

	#latest-story {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.footer-top > div.row {
		width: auto !important;
		margin-bottom: 0 !important;
	}

	.footer-top > div.row > div {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: inherit !important;
	}

	.footer-top > div.row > div.col-md-5 {
		display: block !important;
		flex: 1 !important;
	}

	.footer-top.container,
	.footer-content.container {
		width: 100% !important;
		max-width: 720px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.footer-top .social-icon {
		justify-content: flex-start !important;
	}

	.footer-content {
		width: 100% !important;
		flex-direction: row;
		justify-content: space-between;
		padding-left: 0 !important;
		padding-right: 0 !important;
		
	}

	.footer-content .footer-links {
		flex: auto;
		margin: 0;
		order: 2;
	}
	
	#pre-footer h2 {
		font-size: 28px !important;
	}
	
	#pre-footer h4 {
		font-size: 22px !important;
	}
	
}

@media(max-width: 767px) {
	h1 {
		font-size: 28px !important;
	}

	h2 {
		font-size: 24px !important;
	}

	h4 {
		font-size: 16px;
	}

	#global-sticky-menu.simple-sticky.sticky {
		padding: 10px 9px 19px 9px;
	}

	.simple-sticky .main-nav >a:first-child img {
    	margin-top: 13px;
	}

	.topnav .icon {
		right: 4px;
		top: -1px;
	}

	.simple-sticky .main-nav {
		position: relative;
	}

	.simple-sticky .main-nav {
		padding: 0;
	}

	.simple-sticky #topnav-logo img {
		height: 32px;
	}

	.simple-sticky .main-nav {
		height: 48px;
	}

	#nav-mobile-wrapper {
		border-top-left-radius: 50%;
		border-bottom-left-radius: 50%;
		border-top-right-radius: 0%;
		border-bottom-right-radius: 0%;
		padding: 80px 0px 0 20px;
		width: 100%;
		right: -8%;
	}

	#nav-mobile-wrapper #nav-mobile {
		top: 80px;
	}

	.mobile-menu-toggle {
		display: block;
		width: 20px;
		height: 20px;
		position: relative;
	}

	.mobile-menu-toggle .hamburger1,
	.mobile-menu-toggle .hamburger2 {
		width: 20px;
		height: 2px;
		background: #0056B8;
		display: block;
		margin: 0;
		padding: 0;
		transition: all 0.2s;
	}

	.mobile-menu-toggle .hamburger1 {
		position: absolute;
		top: 5px;
	}

	.mobile-menu-toggle .hamburger2 {
		position: absolute;
		bottom: 5px;
	}

	.mobile-menu-toggle.active .hamburger1 {
		top: 9px;
		left: 0px;
		transform: rotate(45deg);
	}

	.mobile-menu-toggle.active .hamburger2 {
		bottom: 9px;
		left: 0px;
		transform: rotate(-45deg);
	}

	#page-title {
		margin-top: 96px;
		margin-top: 48px;
		padding: 24px 0;
	}

	#news-slider {
		padding: 24px 0;
	}

	#news-slider .swiper-slide {
		height: auto;
	}

	#news-slider .swiper-slide .story-loop-wrapper-big {
		height: 100%;
	}

	.story-loop-wrapper-big {
		flex-direction: column;
	}

	.story-loop-wrapper-big .story-loop-info-wrapper {
		width: 100%;
		order: 2;
		flex-grow: 1;
	}

	.story-loop-wrapper-big .story-loop-thumbnail {
		width: 100%;
	}

	.story-loop-wrapper-big .story-loop-thumbnail .article-badge {
		width: 56px;
	}

	.news-archive-loop-item .story-loop-title-excerpt .article-badge {
		width: 20%;
		right: 8px;
	}

	.story-loop-wrapper-big .story-loop-info {
		position: relative;
		padding: 22px;
	}

	.story-loop-wrapper-big .story-loop-meta .story-type {
		display: block;
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-thumbnail {
		width: 30%;
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-title {
		padding-left: calc(30% + 12px);
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-title h3 {
		font-size: 16px;
	}

	.news-archive-loop-item .story-loop-title-excerpt .story-loop-excerpt {
		display: none;
	}

	.news-archive-loop-wrapper {
		margin-top: 24px;
		margin-bottom: 24px;
	}

	.news-archive-loop-item.format-video .story-loop-title-excerpt .story-loop-thumbnail .icon-play {
		width: 28px;
	}

	.news-archive-loop-item .story-date,
	.news-archive-loop-item .story-type  {
		font-size: 12px;
	}

	.news-archive-button a.btn {
		min-width: 160px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#pre-footer {
		padding-top: 40px;
		border-top: 1px solid #9c3;
	}

	.pre-footer-bottom .row > div {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.pre-footer-bottom .row > div:before {
		content: '';
		position: absolute;
		top: -1px;
		left: 0;
		width: 100%;
		background: #ffffff;
		height: 50%;
	}

	.pre-footer-bottom .phone-mockup {
		position: relative;
		height: auto;
		width: 320px;
	}

	.pre-footer-bottom-wrapper {
		padding-top: 16px;
	}

	#optin {
		max-width: 400px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	#optin .optin-title-wrapper {
		padding-top: 45px;
	}

	#optin .optin-title-wrapper .icon-close {
		top: 0px;
	}

	#optin .optin-title {
		padding: 16px;
	}

	#optin .optin-title-wrapper h2 {
		font-size: 22px;
	}

	#optin .option-form-wrapper h4 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	#optin .option-form-wrapper {
		padding: 16px 16px 24px 16px;
	}

	#optin .option-form-wrapper .row,
	#optin .option-form-wrapper .row > .col-md-6:first-child {
		margin-bottom: 12px;
	}

	#sticky-footer {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	#sticky-footer .btn {
		font-size: 12px;
		padding-top: 9px;
		padding-bottom: 7px;
	}

	.single-story .side-banner {
		margin-top: 24px;
	}

	.single-story #story-content {
		padding-bottom: 40px;
	}

	.single-story #story-content .col-md-4 {
		padding-left: 15px;
	}

	.single-story #story-content.format-video {
		margin-top: 48px;
		padding-top: 48px;
	}

	.single-story #story-content.format-video .video-wrapper,
	.single-story #story-content.format-video .content .page-title {
		margin-bottom: 24px;
	}

	#latest-story {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.category-story .news-archive-title {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.category-story .sidebar-title {
		border-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
		padding-bottom: 12px;
		padding-top: 12px;
		background: #ECF2F8;
		border-bottom: 1px solid #9c3;
		margin-bottom: 16px;
	}

	.category-story .total-story {
		margin-bottom: 16px;
	}

	.category-story .news-archive-wrapper {
		padding-top: 0px;
	}

	.category-story .widget-wrapper {
		position: fixed;
		height: 100%;
		width: 100%;
		overflow: hidden;
		z-index: -2;
		top: 0;
		left: 0;
	}

	.category-story .widget-wrapper .widget-bg-overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(11,11,11,0.8);
		transition: opacity .3s;
		opacity: 0;
		z-index: 1;
	}

	.category-story .widget-wrapper .widget-list {
		position: absolute;
		background: #ffffff;
		width: 100%;
		padding: 40px 15px 104px 15px;
		bottom: -100%;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		transition: bottom .2s;
		z-index: 2;
		height: 80%;
	}

	.category-story .widget-wrapper.active .widget-bg-overlay {
		opacity: 1;
		height: 100%;
		transition: opacity .2s;
	}

	.category-story .widget-wrapper.active .widget-list {
		bottom: 0%;
		transition: bottom .3s;
	}

	.category-story .widget-wrapper.active .widget-list .widget-list-group {
		overflow-y: auto;
		height: 100%;
	}

	.category-story .widget-wrapper.active .widget-button-wrapper {
		display: flex;
		gap: 20px;
		justify-content: space-between;
		padding-top: 32px;
		padding-bottom: 40px;
		padding-left: 15px;
		padding-right: 15px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 2;
		background: #ffffff;
	}

	.category-story .widget-wrapper.active .widget-button-wrapper a {
		font-family: Avenir Heavy;
		font-size: 14px;
		letter-spacing: 0.075em;
		text-transform: uppercase;
		color: #00A79D;
		border-radius: 24px;
		border: 2px solid #00A79D;
		width: 100%;
		line-height: 1;
		padding: 11px 9px 7px 9px;
		text-align: center;
		transition: all .3s;
	}

	.category-story .widget-wrapper.active .widget-button-wrapper a:hover {
		border: 2px solid #040C46;
		background: #040C46;
		color: #ffffff;
	}

	.category-story .widget-wrapper.active .widget-button-wrapper a.apply {
		color: #ffffff;
		background: #00A79D;
	}

	.category-story .widget-list h4 {
		font-family: Avenir Heavy;
		font-size: 12px;
		letter-spacing: 0.075em;
		text-transform: uppercase;
		margin: 0;
		color: #040C46;
	}

	.category-story .widget-title {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.category-story .widget {
		margin-bottom: 0px;
		margin-top: 16px;
	}

	.category-story .widget:last-child {
		border-bottom: 0;
	}

	.category-story .widget-form .form-check {
		margin-bottom: 12px;
		padding-left: 24px;
	}

	.footer-top > div.row > div.col-md-5,
	.footer-top > div.row > div.col-lg-1  {
		display: none !important;
	}

	.footer-content {
		flex-direction: column;
		padding-bottom: 20px !important;
		padding-top: 20px !important;
	}

	.footer-content .footer-links {
		margin-top: 10px !im;
		margin-bottom: 20px !important;
	}

	.main-footer {
		padding-bottom: 54px !important;
	}

	.footer-sgenable-copyright {
		margin-top: 0 !important;
	}
}

h2 {
	font-size: 25px !important;
}

@media(max-width: 768px) {
	a.btn {
		font-size: 14px !important;
	}
	
	#optin .option-form-wrapper button.btn {
		font-size: 14px !important;
	}
}

#optin .option-form-wrapper .form-control {
	font-size: 16px !important;
}
