/**
 * @file        /a_layout/css/layout_project_specific.css
 * @copyright   Copyright (C) 2012 - 2023 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */
 
/* codeDESIGN - layout_project_specific.css */
@charset "utf-8";



/* HEADINGS OTHER STYLES */
h4.h4_small_bold {
	font: 700 13px/13px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: var(--ci_color_black);
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: var(--border_bottom-headings);
}
h3.no_border_and_after {
	font: normal 28px/28px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	letter-spacing: -1px;
	border-bottom: none;	
}
h3.no_border_and_after:after {
	display: none;
}



/* FANCYBOX */
div.fancybox-bg {
	background: rgba(0, 0, 0, 0.6) !important;
}



/* CUSTOM SHAPE DIVIDERS */
.custom_shape_divider_main_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 9999;
}
.custom_shape_divider_main_slider svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 50px;
}
.custom_shape_divider_main_slider .custom_shape_divider_main_slider_shape_fill {
	fill: #ffffff;
}
@media only screen and (max-width: 768px) {

	.custom_shape_divider_main_slider svg {
		width: calc(128% + 1.3px);
		height: 50px;
	}
	
}



/* CUSTOM SHAPE DIVIDERS TOP AND BOTTOM */
.custom_shape_divider_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom_shape_divider_top svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 100px;
}
.custom_shape_divider_top_to_bttom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.custom_shape_divider_top_to_bttom svg {
    position: relative;
    display: block;
    width: calc(128% + 1.3px);
    height: 100px;
}
.custom_shape_divider_top_to_bttom .custom_shape_divider_top_to_bttom_shape_fill {
    fill: #ffffff;
}
.custom_shape_divider_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
.custom_shape_divider_bottom svg {
	position: relative;
	display: block;
	width: calc(128% + 1.3px);
	height: 100px;
	/* transform: rotateY(180deg); */
	transform: rotateX(180deg);
}
.custom_shape_divider_bottom_reverse svg {
	transform: rotateX(180deg) rotateY(180deg);
}
.custom_shape_divider_top .custom_shape_divider_top_shape_fill,
.custom_shape_divider_bottom .custom_shape_divider_bottom_shape_fill {
	fill: #ffffff;
}
@media only screen and (max-width: 768px) {

	.custom_shape_divider_top svg,
	.custom_shape_divider_top_to_bttom svg,
	.custom_shape_divider_bottom svg {
		width: calc(128% + 1.3px);
		height: 50px;
	}
	
}



/* WAVES PAGE TITLE */
div.waves_page_title_wrapper {
	position: relative;
}
div.waves_page_title_wrapper_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}
div.waves_page_title_wrapper_inner svg {
	position: relative;
	display: block;
	width: calc(150% + 1.3px);
	height: 50px;
}
@media only screen and (max-width: 768px) {

	div.waves_page_title_wrapper_inner svg {
		height: 25px;
	}
	
}
div.waves_page_title_wrapper_inner .shape-fill {
	fill: #F3F3F3;
}



/* WAVES FOOTER */
div.waves_header_wrapper {
	width: 100%;
	top: 0px;
	z-index: 99;
	position: absolute;
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
}
.waves_header {
	width: 100%;
	height: 15vh;
	min-height: 45px;
	max-height: 45px;
	margin-bottom: -7px; /* fix for safari gap */
	position: relative;
}
.waves_footer {
	width: 100%;
	height: 15vh;
	min-height: 80px;
	max-height: 80px;
	margin-bottom: -7px; /* fix for safari gap */
	position: relative;
}
/* WAVES FOOTER ANIMATION */
.waves_footer_parallax > use {
	animation: animation_for_waves_footer 25s cubic-bezier(0.55,0.5,0.45,0.5) infinite;
}
.waves_footer_parallax > use:nth-child(1) {
	animation-delay: -8s;
	animation-duration: 24s;
}
.waves_footer_parallax > use:nth-child(2) {
	animation-delay: -12s;
	animation-duration: 40s;
}
.waves_footer_parallax > use:nth-child(3) {
	animation-delay: -16s;
	animation-duration: 52s;
}
.waves_footer_parallax > use:nth-child(4) {
	animation-delay: -20s;
	animation-duration: 80s;
}
@keyframes animation_for_waves_footer {

	0% {
		transform: translate3d(-90px,0,0);
	}
	100% { 
		transform: translate3d(85px,0,0);
	} 
	
}
@media only screen and (max-width: 768px) {

	.waves_header, 
	.waves_footer {
		height: 20px;
		min-height: 20px;
	}
	
}



/* WEBSITE-INTRO */
div.intro_wrapper {
	background: url(/a_media/static/intro/bg_intro_1920x1080.webp) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 100000;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 991px) {

	div.intro_wrapper {
		overflow: auto;
	}
	
}
div.intro {
	height: 100%;
}
div.intro div.container_ {
	height: 100%;
}
div.intro div.row {
	height: 100%;
	display: flex;
}
@media only screen and (max-width: 991px) {

	div.intro div.row {
		height: auto;
		display: inherit;
	}
	
}
div.intro div[class^="col-"] {
	height: 100%;
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.intro div.intro_stripe {
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	padding: 0px 40px 0px 40px;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.intro div.intro_stripe:hover {
	background: rgba(255, 255, 255, 1.0);
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_stripe {
		width: 95%;
		padding: 20px 20px 20px 20px;
		margin: 0 auto;
	}
	
}
div.intro div.intro_stripe_text {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(100% - 80px);
	hyphens: none;
	color: var(--ci_color_black);
	text-align: center;
}
div.intro div.intro_stripe_text span.desktop {
	display: inline-block;
}
div.intro div.intro_stripe_text span.mobile {
	display: none;
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_stripe_text {
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}
	div.intro div.intro_stripe_text span.desktop {
		display: none;
	}
	div.intro div.intro_stripe_text span.mobile {
		display: inline-block;
	}
	
}
div.intro div.intro_stripe span.blue {
	color: var(--ci_color_blue);
}
div.intro div.intro_stripe span.red {
	color: var(--ci_color_red);
}
div.intro div.intro_stripe_text h1 {
	font-weight: 600;
	font-size: 1.8vw;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: none;
}
span.intro_stripe_font_size_1 {
	font: normal 30px/40px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 600;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: none;	
}
span.intro_stripe_font_size_1.bold {
	font: normal 43px/42px 'Myriad Pro Semibold','Helvetica Neue',Helvetica,Arial,sans-serif;	
}
span.intro_stripe_font_size_2 {
	font: normal 24px/32px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: none;	
}
strong.semibold {
	font: normal 24px/32px 'Myriad Pro Bold','Helvetica Neue',Helvetica,Arial,sans-serif;
}
@media only screen and (min-width: 1280px) {

	div.intro div.intro_stripe_text h1 {
		margin: 20px 0px 20px 0px;
	}
	
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_stripe_text h1 {
		font-size: 2.3vw;
	}
	
}
div.intro div.intro_stripe_text h1::after {
	display: none;
}
div.intro div.intro_stripe_text h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	border-bottom: none;
}
div.intro div.intro_stripe_text h2::after {
	content: none;
}
div.intro div.intro_stripe_text h3 {
	width: 100%;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
}
div.intro a.href_button {
	line-height: 20px;
}
div.intro a.href_button_left {
	float: left;
	padding: 10px 20px 10px 40px;
}
div.intro a.href_button_right {
	float: right;
	padding: 10px 40px 10px 20px;
}
div.intro a.href_button_red {
	background: var(--ci_color_accent_4);
}
div.intro a.href_button_red:hover {
	background: var(--ci_color_accent_4_hover);
}
div.intro a.href_button_left::after {
	content: '\f053';
	left: 15px;
}
div.intro a.href_button_left:hover::after {
	left: 10px;
}
div.intro a.href_button_right::after {
	content: '\f054';
	right: 15px;
}
div.intro a.href_button_right:hover::after {
	right: 10px;
}
div.intro a.href_button_left::after,
div.intro a.href_button_right::after {
	font-family: 'Font Awesome 6 Pro';
	font-weight: 100;
	font-size: 20px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	text-align: center;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1360px) {

	div.intro a.href_button_left,
	div.intro a.href_button_right {
		float: none;
		width: 100%;
		text-align: center;
		padding: 10px;
	}
	div.intro a.href_button_left {
		margin-bottom: 20px;
	}
	
}
@media only screen and (max-width: 480px) {

	div.intro a.href_button_left,
	div.intro a.href_button_right {
		float: none;
		width: 100%;
		text-align: center;
		padding: 10px;
	}
	div.intro a.href_button_left::after,
	div.intro a.href_button_right::after {
		content: none;
	}
	div.intro a.href_button_left {
		margin-bottom: 20px;
	}
	
}
div.intro div.intro_box_wrapper {
	width: calc(100% - 100px);
	display: block;
	position: absolute;
	top: 65%;
	transform: translateY(-50%);
	margin: 0px;
	padding-top: calc(100% - 100px);
}
div.intro div.intro_box_wrapper_left {
	left: 0px;
}
div.intro div.intro_box_wrapper_right {
	right: 0px;
}
@media only screen and (max-width: 1540px) {

	div.intro div.intro_box_wrapper {
		width: calc(100% - 30px);
		padding-top: calc(100% - 30px);
	}
	div.intro div.intro_box_wrapper_left {
		margin: 20px 0px 20px 0px;
	}
	div.intro div.intro_box_wrapper_right {
		margin: 20px 0px 0px 0px;
	}
	
}
@media only screen and (max-width: 1280px) {

	div.intro div.intro_box_wrapper {
		padding-top: 110%;
	}
	
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_box_wrapper {
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
		padding-top: 0;
	}
	
}
div.intro_box_wrapper a.intro_link_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
div.intro div.intro_box {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 40px 20px 20px 20px;
	text-align: center;
	border: 10px solid #ffffff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_box {
		width: 95%;
		height: auto;
		position: relative;
		top: auto;
		left: auto;
		padding: 20px 20px 20px 20px;
		margin: 0 auto;
	}
	
}
div.intro div.box_club {
	background: #305F9E;
	background: rgba(48, 95, 158, 0.8);
}
div.intro div.intro_box_wrapper:hover div.box_club {
	background: rgba(48, 95, 158, 1.0);
}
div.intro div.box_running {
	background: #DB0B25;
	background: rgba(219, 11, 37, 0.8);
}
div.intro div.intro_box_wrapper:hover div.box_running {
	background: rgba(219, 11, 37, 1.0);
}
div.intro div.intro_box div.intro_box_image {
	width: 60%;
	margin: 0px auto;
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_box div.intro_box_image {
		width: 25%;
		margin-bottom: 20px;
	}
	
}
@media only screen and (max-width: 768px) {

	div.intro div.intro_box div.intro_box_image {
		width: 40%;
		margin-bottom: 20px;
	}
	
}
div.intro div.intro_box a.href_button {
	width: calc(100% - 40px);
	display: block;
	position: absolute;
	bottom: 20px;
	text-align: center;
	hyphens: none;
	font-weight: 700;
	font-size: 20px;
}
div.intro div.intro_box.box_club a.href_button, 
div.intro div.intro_box.box_running a.href_button {
	background: var(--ci_color_white);
	color: var(--ci_color_black) !important;
}
div.intro div.intro_box.box_club a.href_button:hover, 
div.intro div.intro_box.box_running a.href_button:hover {
	background: var(--ci_color_accent_5_hover);
}
@media only screen and (max-width: 991px) {

	div.intro div.intro_box a.href_button {
		position: relative;
		width: 100%;
		bottom: auto;
	}
	
}



/* HISTORIC LIST - USE TIMELINE INSEAD */
ul.content_item_historic_list {
	list-style: none;
}
ul.content_item_historic_list li {
	margin: 0px 0px 20px 0px !important;
	padding: 0px 0px 0px 80px !important;
}
ul.content_item_historic_list li:before {
	background: #CFCDCE;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font: normal 13px/50px 'Raleway','Helvetica Neue',Helvetica,Arial,sans-serif !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	text-align: center;
}
ul.content_item_historic_list li:after {
	background: #CFCDCE;
	content: '';
	width: 100%;
	height: 1px;
	display: inline-block;
	margin: 25px 0px 0px 0px;
}
ul.content_item_historic_list li:last-child:after {
	display: none;
}
ul.content_item_historic_list li:nth-child(1):before {
	content: '1948' !important;
}
ul.content_item_historic_list li:nth-child(2):before { 
	content: '1968' !important;
}
ul.content_item_historic_list li:nth-child(3):before { 
	content: '1989' !important;
}
ul.content_item_historic_list li:nth-child(4):before { 
	content: '2000' !important;
}
ul.content_item_historic_list li:nth-child(5):before { 
	content: '2020' !important;
}



/* BADGES TOP */
div.badges_top_wrapper {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
@media only screen and (max-width: 991px) {

	div.badges_top_wrapper {
		display: none;
	}
	
}
div.badge_top {
	/*margin: 0px 109px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;	
}
a.href_badge_top span.item_image_overlay {
	background: rgba(255, 255, 255, 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
a.href_badge_top:hover span.item_image_overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
a.href_badge_top span.item_image_overlay i {
	font-size: 30px;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
div.badge_top_hoch {
	/*width: 60px;*/
}
div.badge_top_quadrat {
	width: 92px;
}
div.badge_top_hoch a {
	float: right;
	width: calc((100% / 6) - 10px);
	margin: 0pc 5px;
}
div.insite_badge {
	display: block;
	float: left;
	width: calc(20% - 20px);
	margin: 0px 20px 0px 0px;
}



/* DOCTOLIB TOP BIG FEATURED */
div.doctolib_button_big_featured_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
div.doctolib_button_big_featured_wrapper [class^="col-"],
div.doctolib_button_big_featured_wrapper [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.doctolib_button_big_featured {
	width: 100%;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	z-index: 9;
}
div.doctolib_button_big_featured a,
div.doctolib_button_big_featured a:link,
div.doctolib_button_big_featured a:visited {
	width: 100%;
	height: 100%;
	display: inline-block;
	font: 500 13px/28px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
div.doctolib_button_big_featured_wording {
	background: var(--ci_color_accent_1);
	margin: 0px 0px 0px 0px;
	padding: 4px 18px 4px 18px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	text-align: center;
}
div.doctolib_button_big_featured_wording:hover {
	background: #ffffff;
	color: #242424;	
}
div.doctolib_button_big_featured_wording:hover a,
div.doctolib_button_big_featured_wording:hover a:link,
div.doctolib_button_big_featured_wording:hover a:visited {
	color: #242424;	
}
div.doctolib_button_big_featured_wording span.icon {
	font-size: 18px;
	margin: 0px 4px 0px 0px;
}
div.doctolib_button_big_featured_image {
	width: 86px;
	margin: 6px 0px 0px 4px;
}



/* DOCTOLIB RIGHT */
div.doctolib_button_wrapper {
	position: fixed;
	right: 0px;
	top: 160px;
	cursor: pointer;
	z-index: 9999;
}
div.doctolib_button_wrapper a,
div.doctolib_button_wrapper a:link,
div.doctolib_button_wrapper a:visited {
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
div.doctolib_button_wrapper i.fal {
	font-size: 18px;
	color: #ffffff;
}
div.doctolib_button_wrapper div.doctolib_button {
	background: var(--ci_color_accent_1);
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 4px 6px;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.doctolib_button_wrapper div.doctolib_button:hover {
	background: #ffffff;
	color: #242424;
}
div.doctolib_button_wrapper div.doctolib_button:hover a,
div.doctolib_button_wrapper div.doctolib_button:hover a:link,
div.doctolib_button_wrapper div.doctolib_button:hover a:visited {
	color: #242424;
}
div.doctolib_button_wrapper div.doctolib_button_image img {
	width: auto;
	height: 18px;
	margin: 6px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
div.doctolib_button_neu_label {
	background: #dc3545;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	margin: -14px 0px 0px -12px;
	z-index: 99;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.doctolib_button_wrapper:hover div.doctolib_button_neu_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}



/* ONLINE APPOINTMENT BOOKING */
div.online_appointment_badge_round {
	width: 140px;
	height: 140px;
	position: fixed;
	left: -10px;
	top: calc(50% - 140px);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #ffffff;
	z-index: 9999;	
}
div.online_appointment_badge_round:hover:after {
	display: none;
}
div.online_appointment_badge_round::after {
	width: 140px;
	height: 140px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 10px solid #242424;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation-duration: 2.0s;
	animation-duration: 2.0s;
	-webkit-animation-name: online_appointment_badge_round_pulse_border;
	animation-name: online_appointment_badge_round_pulse_border;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes online_appointment_badge_round_pulse_border {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@keyframes online_appointment_badge_round_pulse_border {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@media only screen and (max-width: 961px) {

	div.online_appointment_badge_round {
		display: none;
	}
	
}
div.online_appointment_badge_round_inner {
	width: 100%;
	height: 100%;
	position: relative;
}
div.online_appointment_badge_round_wording {
	background: #242424;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_badge_round:hover div.online_appointment_badge_round_wording {
	background: #3B6188;	
}
div.online_appointment_badge_round_wording a,
div.online_appointment_badge_round_wording a:link,
div.online_appointment_badge_round_wording a:visited {
	width: 100%;
	height: 100%;
	text-align: center;
	font: normal 14px/24px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
}
div.online_appointment_badge_round_en div.online_appointment_badge_round_wording a,
div.online_appointment_badge_round_en div.online_appointment_badge_round_wording a:link,
div.online_appointment_badge_round_en div.online_appointment_badge_round_wording a:visited {
	padding: 30px 0px 0px 0px;
}
div.online_appointment_badge_new_label {
	background: #ffffff;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #242424;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	margin: 20px 0px 0px 115px;
	z-index: 99;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_badge_round:hover div.online_appointment_badge_new_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}



/* ONLINE APPOINTMENT BOOKING MOBILE */
div.online_appointment_button_mobile {
	position: fixed;
	right: 0px;
	top: 100px;
	cursor: pointer;
	z-index: 9999;
	display: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 961px) {

	div.online_appointment_button_mobile {
		display: inline;
	}
	
}
div.online_appointment_button_mobile a,
div.online_appointment_button_mobile a:link,
div.online_appointment_button_mobile a:visited {
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}
div.online_appointment_button_mobile div.online_appointment_button_mobile_wording {
	background: #242424;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 4px 6px;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_button_mobile div.online_appointment_button_mobile_wording:hover {
	background: #242424;
}
div.online_appointment_button_mobile_new_label {
	background: #ffffff;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #242424;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 4px 5px;
	margin: -16px 0px 0px -12px;
	z-index: 99;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.online_appointment_button_mobile:hover div.online_appointment_button_mobile_new_label {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}



/* ZENDESK CHAT WIDGET */
div.zendesk_chat_widget {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
iframe#launcher {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	position: fixed !important;
	bottom: 76px !important;
	left: 10px !important;
	z-index: 9999 !important;
}



/* FOLDER SLIDER */
div.slider_header div.swiper-slide img.img-responsive {
	margin: 0px auto;
}



/* BANNER */
div.static_banners_featured {
	margin: 40px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	position: relative;
}
div.static_banners_sidebar {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
div.static_banners_featured [class^="col-"],
div.static_banners_featured [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.static_banner_featured_left {
	width: 72%;
	float: left;
}
div.static_banner_featured_right {
	width: 26.2%;
	float: right;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.static_banner_featured_left, 
	div.static_banner_featured_right {
		width: 100%;
		float: none;
		margin: 0px 0px 40px 0px;
	}
	div.static_banner_featured_right {
		margin: 0px 0px 0px 0px;
	}	
}
/* BANNER IMAGE OVAERLAY */
div.static_banner_featured span.static_banners_featured_image_overlay,
div.static_banner_sidebar span.static_banner_sidebar_image_overlay {
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.static_banner_featured:hover span.static_banners_featured_image_overlay,
div.static_banner_sidebar:hover span.static_banner_sidebar_image_overlay  {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
div.static_banner_featured span.static_banners_featured_image_overlay i,
div.static_banner_sidebar span.static_banner_sidebar_image_overlay i {
	font-size: 36px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



/* JOB APPLYMENT */
div.stripe_job_apply {
	background: #242424 url(/a_layout/images/bg_stripe_1920x400.jpg) no-repeat center;
	background: #242424;
	margin: 40px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.stripe_job_apply_content a,
div.stripe_job_apply_content a:link,
div.stripe_job_apply_content a:visited {
	color: #ffffff;
	text-decoration: none;
}
div.stripe_job_apply_content h2 {
	font: var(--font-h1_component);
	color: #ffffff;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border-bottom: none;
}
div.stripe_job_apply_content h2:after {
	display: none;
}
div.stripe_job_apply_content h2 i {
	color: #ffffff;
	padding: 0px 10px 0px 0px;
}
div.stripe_job_apply_content h3 {
	font: normal 14px/24px 'Open Sans', Arial, Helvetica;
	font-weight: 300;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	border-bottom: none;
}
div.stripe_job_apply_content h3:after {
	display: none;
}
div.stripe_job_apply_content {
	color: #ffffff;
}
div.stripe_job_apply_content i {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
}
div.stripe_job_apply_content strong {
	font-weight: 600;
}
div.stripe_job_apply div.stripe_job_apply_button {
	margin: 25px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.stripe_job_apply div.stripe_job_apply_button {
		margin: 25px 0px 0px 0px;
	}
	
}
div.stripe_job_apply div.stripe_job_apply_button a,
div.stripe_job_apply div.stripe_job_apply_button a:link,
div.stripe_job_apply div.stripe_job_apply_button a:visited {
	background: #ffffff;
	background-position: center;
	width: 100%;
	height: 100%;
	display: inline-block;
	font: normal 13px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	color: #242424;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 16px 0px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	border: none;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	position: relative;
}
div.stripe_job_apply div.stripe_job_apply_button a:hover {
	background: #3B6188;	
	color: #ffffff;
}



/* SECTION SCROLL BUTTONS */
div.section_scroll_button_fixed {
	width: 260px;
	margin: 0px 0px 0px 0px;
	padding: 12px 8px 12px 8px;
	color: #ffffff;
	position: fixed;
	position: fixed;
	overflow: hidden;
	left: 0px;
	cursor: pointer;
	z-index: 999;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_blue {
	top: calc(20% - 0px);
}
div.section_scroll_button_fixed.section_scroll_button_fixed_black {
	top: calc(20% + 80px);
}
div.section_scroll_button_fixed div.section_scroll_button_fixed_content_1 {
	font: normal 14px/14px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;;
	color: var(--ci_color_white);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.section_scroll_button_fixed div.section_scroll_button_fixed_content_2 {
	font: normal 24px/26px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: var(--ci_color_white);
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.section_scroll_button_fixed div[class^="section_scroll_button_fixed_content_"] a,
div.section_scroll_button_fixed div[class^="section_scroll_button_fixed_content_"] a:link,
div.section_scroll_button_fixed div[class^="section_scroll_button_fixed_content_"] a:visited {
	color: var(--ci_color_white);
	text-decoration: none;
}
div.section_scroll_button_fixed div.section_scroll_button_fixed_icon {
	width: 100%;
	height: 100%;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.section_scroll_button_fixed div.section_scroll_button_fixed_icon span:before, 
div.section_scroll_button_fixed div.section_scroll_button_fixed_icon span:after {
	content: "\f077";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 100;
	font-size: 40px;
	position: absolute;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_black div.section_scroll_button_fixed_icon span:before, 
div.section_scroll_button_fixed.section_scroll_button_fixed_black div.section_scroll_button_fixed_icon span:after {
	content: "\f078";
}
div.section_scroll_button_fixed.section_scroll_button_fixed_blue div.section_scroll_button_fixed_icon span:before {
	margin: 10px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_blue:hover div.section_scroll_button_fixed_icon span:before {
	margin: -40px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_blue div.section_scroll_button_fixed_icon span:after {
	margin: 80px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_blue:hover div.section_scroll_button_fixed_icon span:after {
	margin: 10px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_black div.section_scroll_button_fixed_icon span:before {
	margin: 10px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_black:hover div.section_scroll_button_fixed_icon span:before {
	margin: 80px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_black div.section_scroll_button_fixed_icon span:after {
	margin: -40px 0px 0px 0px;
}
div.section_scroll_button_fixed.section_scroll_button_fixed_black:hover div.section_scroll_button_fixed_icon span:after {
	margin: 10px 0px 0px 0px;
}
div.section_scroll_button_fixed_blue {
	background: #305F9E;
}
div.section_scroll_button_fixed_blue:hover {
	background: #383838;
}
div.section_scroll_button_fixed_black {
	background: #242424;
}
div.section_scroll_button_fixed_black:hover {
	background: #383838;
}
div.section_scroll_button_fixed [class^="col-"],
div.section_scroll_button_fixed [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}



/* NEWS CLUB */
div.news_club [class^="col-"],
div.news_club [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.news_club {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
}
div.news_club div.news_club_left_column {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.news_club div.news_club_right_column {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
@media only screen and (max-width: 991px) {

	div.news_club div.news_club_left_column, 
	div.news_club div.news_club_right_column {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}

}



/* FOOTER */
div.footer_box_content_hotline {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.footer_box_content_hotline div.footer_box_content_hotline_icon {
	font-size: 24px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
div.footer_box_content_hotline div.footer_box_content_hotline_number {
	font: normal 24px/20px 'Open Sans', Arial, Helvetica;
	font-weight: 600;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.footer_box_logos [class^="col-"],
div.footer_box_logos [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.footer_box_logos div.footer_box_logo.footer_box_logo_llc img {
	width: 90%;
}
div.footer_box_logos div.footer_box_logo.footer_box_logo_marathon img {
	width: 80%;
}
div.footer_box_logos div.footer_box_logo.footer_box_logo_dlv img {
	width: 72%;
}


/* BLOG ITEM */
div.blog_item_wrapper {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
}

div.blog_item {
	display: flex;
}
@media only screen and (max-width: 768px) {
	div.blog_item {
		display: block;
	}
}

div.blog_item_image_wrapper {
	display: block;
	position: relative;
	width: 45%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 768px) {
	div.blog_item_image_wrapper {
		display: block;
		width: 100%;
	}
}
div.blog_item_image_aspect {
	display: block;
	position: relative;
	width: 100%;
	min-height: 144px;
	margin: 0;
	padding-top: calc((100% / (16 / 12)) + 42px);
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	div.blog_item_image_aspect {
		padding-top: calc((100% / (16 / 9)) + 65px);
	}
}
div.blog_item_image {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
div.blog_item_image_overlay {
	position: absolute;
	top: 0;
	background: rgba(255, 255, 255, 0.4);
	width: 100%;
	height: 100%;
	z-index: 999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.blog_item:hover div.blog_item_image_wrapper div.blog_item_image_overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
div.blog_item_image_overlay i[class^="fa"] {
	font-size: 36px;
	color: var(--ci_color_accent_1);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

div.blog_item_text_wrapper {
	display: block;
	position: relative;
	width: calc(55% - 40px);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 768px) {
	div.blog_item_text_wrapper {
		display: block;
		width: 100%;
	}
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
	div.blog_item_text_wrapper {
		width: calc(55% - 40px);
	}
}
div.blog_item_text_wrapper a {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
div.blog_item_text {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px;
	background: #242424;
	color: var(--ci_color_white);
}
div.blog_item_text a,
div.blog_item_text a:link,
div.blog_item_text a:visited {
	color: var(--ci_color_white);
	text-decoration: none;
	font-weight: 400;
}
div.blog_item_text_date {
	margin-bottom: 20px;
}
div.blog_item_text_date span.news {
	display: inline-block;
	position: relative;
	font: normal 11px/11px 'Open Sans',Arial,Helvetica;
	color: var(--ci_color_white);
	font-weight: 400;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-right: 20px;
}
div.blog_item_wrapper_blue div.blog_item_text_date span.news {
	background: var(--ci_color_accent_3);
}
div.blog_item_wrapper_red div.blog_item_text_date span.news {
	background: var(--ci_color_accent_4);
}
div.blog_item_text_date span.date {
	display: inline-block;
	position: relative;
	font: normal 11px/11px 'Open Sans',Arial,Helvetica;
	color: var(--ci_color_white);
	font-weight: 400;
	text-transform: uppercase;
}
div.blog_item_text_headline {
	display: block;
	position: relative;
}
div.blog_item_text_headline h3 {
	color: var(--ci_color_white);
}
div.blog_item:hover h3::after {
	width: 180px;
}
div.blog_item_text_headline h3 span {
	display: block;
	width: 100%;
	height: 21px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div.blog_item_text_text {
	display: -webkit-box;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}
@media only screen and (max-width: 2250px) {
	div.blog_item_text_text {
		-webkit-line-clamp: 6;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1980px) {
	div.blog_item_text_text {
		-webkit-line-clamp: 6;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	div.blog_item_text_text {
		-webkit-line-clamp: 6;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	div.blog_item_text_text {
		-webkit-line-clamp: 4;
	}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
	div.blog_item_text_text {
		-webkit-line-clamp: 3;
	}
}

div.blog_item_readmore {
	display: block;
	position: absolute;
	right: 0px;
	bottom: -31px;
	color: var(--ci_color_white);
	font: normal 11px/11px 'Open Sans',Arial,Helvetica;
	text-transform: uppercase;
	padding: 10px 30px 10px 20px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.blog_item_wrapper_blue div.blog_item_readmore {
	background: var(--ci_color_accent_3);
}
div.blog_item_wrapper_red div.blog_item_readmore {
	background: var(--ci_color_accent_4);
}
@media only screen and (max-width: 1299px) {
	div.blog_item_readmore {
		width: 183.6px;
	}
}
div.blog_item_wrapper_blue div.blog_item:hover div.blog_item_readmore {
	background: var(--ci_color_accent_3_hover);
}
div.blog_item_wrapper_red div.blog_item:hover div.blog_item_readmore {
	background: var(--ci_color_accent_4_hover);
}
div.blog_item_readmore a,
div.blog_item_readmore a:link,
div.blog_item_readmore a:visited {
	display: inline-block;
	position: relative;
	color: var(--ci_color_white);
	text-decoration: none;
	text-transform: uppercase;
}
div.blog_item_readmore a::after {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.3em;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	right: -20px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

div.blog_item_arrow_wrapper {
	display: block;
	position: relative;
	width: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 640px) {
	div.blog_item_arrow_wrapper {
		display: none;
	}
}
div.blog_item_arrow {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
div.blog_item_wrapper_blue div.blog_item_arrow {
	background: var(--ci_color_accent_3);
}
div.blog_item_wrapper_red div.blog_item_arrow {
	background: var(--ci_color_accent_4);
}
div.blog_item_arrow a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.blog_item_arrow a::before {
	content: "\f054";
	color: #FFFFFF;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 100;
	font-size: 30px;
	display: block;
	position: absolute;
	top: 50%;
	right: 14.5px;
	transform: translateY(-50%);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.blog_item_arrow a::after {
	content: "\f054";
	color: #FFFFFF;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 100;
	font-size: 30px;
	display: block;
	position: absolute;
	top: 50%;
	right: 58.5px;
	transform: translateY(-50%);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.blog_item:hover div.blog_item_arrow a::before {
	right: -29.5px;
}
div.blog_item:hover div.blog_item_arrow a::after {
	right: 14.5px;
}

/* BLOG PAGINATION */
nav.pagination__wrapper ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
nav.pagination__wrapper ul li {
	line-height: 32px;
	list-style: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}
nav.pagination__wrapper ul li a,
nav.pagination__wrapper ul li a:link,
nav.pagination__wrapper ul li a:visited {
	width: 100%;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
	text-decoration: none;
	color: #242424;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
nav.pagination__wrapper ul li a:hover {
	color: var(--ci_color_white);
	background: var(--ci_color);
}
nav.pagination__wrapper ul li .page-link span.icon-angle-double-left::after {
	content: "\f323";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #242424;
}
nav.pagination__wrapper ul li .page-link span.icon-angle-left::after {
	content: "\f053";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #242424;
}
nav.pagination__wrapper ul li .page-link span.icon-angle-right::after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #242424;
}
nav.pagination__wrapper ul li .page-link span.icon-angle-double-right::after {
	content: "\f324";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #242424;
}
nav.pagination__wrapper ul li.disabled.page-item .page-link span::after {
	color: #4f4f4f;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}
nav.pagination__wrapper ul li a:hover [class^="icon-angle-"]::after {
	color: var(--ci_color_white) !important;
}
.com-content-category-blog__counter {
	line-height: 32px;
}
.float-end {
	float: right;
}

div.row.mara_thoni {
	display: flex;
}
@media only screen and (max-width: 991px) {
	div.row.mara_thoni {
		display: block;
	}
}
div.row.mara_thoni div.col-md-2 {
	padding-right: 0px;
}
div.row.mara_thoni div.col-md-5:last-child {
	padding: 20px;
	border: 10px solid var(--ci_color_blue);
	border-left: none;
}

.n2-ss-item-content.n2-ss-text.n2-ow {
	display: block;
	min-height: 200px;
	max-height: 200px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
span.centeredvertically {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 400px;
	transform: translateY(-50%);
	font-size: 30px;
}
span.centeredvertically.right {
	right: 40px;
}
span.centeredvertically.left {
	right: 555px;
}
span.centeredvertically.far-left {
	right: 675px;
}
span.centeredvertically.date {
	left: 75px;
	right: auto;
	color: var(--ci_color_red);
	font-size: 133%;
	font-weight: 900;
}
span.turnedninety {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(calc(-50% - 10px));
	font-size: 14px;
	writing-mode: vertical-lr;
	margin-right: 10px;
}
span.white {
	display: inline-block;
	height: 200px;
	background: #ffffff;
	padding: 20px;
}
span.white img.img-responsive-vertical {
	max-height: 100%;
	width: auto;
}

.text-align-left {
	text-align: left;
}
.extra-margin-bottom {
	margin-bottom: 40px;
}