/**
 * @file        /a_layout/css/layout_cms.css
 * @copyright   Copyright (C) 2012 - 2024 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

/* codeDESIGN - layout_cms.css */
@charset "utf-8";


/* OTHER COMPONENTS */
.com_codedesign_contactform div.component,
.com_kickconsentmanager div.component {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 0px;
	color: #242424;
}
.com_codedesign_contactform div.component h1 {
	font: normal 32px/32px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #34a8d9;
	letter-spacing: -2px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_codedesign_contactform div.component h2 {
	font: normal 32px/32px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #34a8d9;
	letter-spacing: -2px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_codedesign_contactform div.component a,
.com_codedesign_contactform div.component a,
.com_codedesign_contactform div.component a:visited {
	text-decoration: underline;
	color: #242424;
}
.com_codedesign_contactform div.component a:hover {
	text-decoration: underline;
	color: #242424;
}
.com_codedesign_contactform div.component h1:after,
.com_codedesign_contactform div.component h2:after {
	background: #A3DBF4;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	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;
}
.com_codedesign_contactform div.component h1:hover:after,
.com_codedesign_contactform div.component h2:hover:after {
	width: 180px;
}
.com_codedesign_contactform div.component h3 {
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #34a8d9;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.com_codedesign_contactform div.component h3:after {
	background: #A3DBF4;
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	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;
}
.com_codedesign_contactform div.component h3:hover:after {
	width: 120px;
}



/* CONTACT FORM RECAPTCHA */
div.recaptcha_v2_styled {
	background: #f9f9f9;
	width: 100%;
	min-height: 80px;
	position: relative;
}
div.recaptcha_v2_styled_border {
	width: 305px;
	height: 78px;
	display: inline-block;
	border-left: 2px solid #f9f9f9;
	border-right: 5px solid #f9f9f9;
	border-top: 1px solid #f9f9f9;
	border-bottom: 6px solid #f9f9f9;
	position: absolute;
	top: 0px;
	z-index: 3;
	pointer-events: none;
}
div.recaptcha_v2_styled_code div.g-recaptcha {
	background: #f9f9f9
}
div.recaptcha_v2_styled_code div.g-recaptcha > div:first-child {
	width: 100% !important;
}
div.recaptcha_v2_styled_background_off {
	background: #f9f9f9;
	width: 100%;
	height: 75px;
	display: inline-block;
	z-index: 1;
	position: absolute;
}



/* JOOMLA CMS */
/* COM_CONTENT */
.com_content div.item-page {
	margin: 0px 0px 0px 0px;
	padding: 20px 40px 20px 0px;
	color: #242424;
}
@media only screen and (max-width: 768px) {

	.com_content div.item-page {
		padding: 20px 0px 20px 0px;
	}
	
}
.com_content div.item-page span.ci_color_orange {
	font-weight: 400;
}



/* COM_CONTENT H1 - H6 */
.com_content div.item-page div.page-header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.com_content div.item-page div.page-header h1,
.com_content div.item-page div.page-header h2 {
	font: normal 32px/32px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #34a8d9;
	letter-spacing: -2px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	border-bottom: 2px solid #e5e8ee;
}
.com_content div.item-page div.page-header h1:after,
.com_content div.item-page div.page-header h2:after {
	background: #34a8d9;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	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;
}
.com_content div.item-page div.page-header h1:hover:after,
.com_content div.item-page div.page-header h2:hover:after {
	width: 180px;
}
.com_content div.item-page div.page-article-content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #242424;
}
.com_content div.item-page div.page-article-content h3 {
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 600;
	color: #34a8d9;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	border-bottom: 2px solid #e5e8ee;
}
.com_content div.item-page div.page-article-content h3:after {
	background: #A3DBF4;
	bottom: -2px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	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;
}
.com_content div.item-page div.page-article-content h3:hover:after {
	width: 180px;
}
.com_content div.item-page div.page-article-content h3 a,
.com_content div.item-page div.page-article-content h3 a:link,
.com_content div.item-page div.page-article-content h3 a:visited {
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	color: #34a8d9;
}



/* COM_CONTENT LINKS */
.com_content div.item-page div.page-article-content a,
.com_content div.item-page div.page-article-content a:link,
.com_content div.item-page div.page-article-content a:visited,
.com_content div.blog div.category-desc a,
.com_content div.blog div.category-desc a:link,
.com_content div.blog div.category-desc a:visited,
.com_content div.category-list div.category-desc a,
.com_content div.category-list div.category-desc a:link,
.com_content div.category-list div.category-desc a:visited {
	font-weight: 400;
	color: var(--ci_color_black);
	text-decoration: none;
	-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;	
}
.com_content div.item-page div.page-article-content a:hover,
.com_content div.blog div.category-desc a:hover,
.com_content div.category-list div.category-desc a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}



/* LIST ELEMENTS */
.com_content div.item-page div.page-article-content ul {
	list-style: none;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.com_content div.item-page div.page-article-content ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
.com_content div.item-page div.page-article-content ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	color: var(--ci_color_accent_1);
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-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;
}
.com_content div.item-page div.page-article-content ul li:hover:before {
	color: var(--ci_color_accent_2);
	left: 6px;
}
.com_content div.item-page div.page-article-content ul li a,
.com_content div.item-page div.page-article-content ul li a:link,
.com_content div.item-page div.page-article-content ul li a:visited,
.com_content div.blog div.items-more ol li a,
.com_content div.blog div.items-more ol li a:link,
.com_content div.blog div.items-more ol li a:visited,
.com_content div.category-list div.category-desc ul li a,
.com_content div.category-list div.category-desc ul li a:link,
.com_content div.category-list div.category-desc ul li a:visited,
.com_jsn div.view_more_list ul li a,
.com_jsn div.view_more_list ul li a:link,
.com_jsn div.view_more_list ul li a:visited,
.com_edocman div.edocman-description ul li a,
.com_edocman div.edocman-description ul li a:link,
.com_edocman div.edocman-description ul li a:visited {
	font-weight: 400;
	color: var(--ci_color_black);
	text-decoration: none;
	-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;	
}
.com_content div.item-page div.page-article-content ul li a:hover,
.com_content div.blog div.items-more ol li a:hover,
.com_content div.category-list div.category-desc ul li a:hover,
.com_jsn div.view_more_list ul li a:hover,
.com_edocman div.edocman-description ul li a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}



ul.multicolumn {
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}
@media only screen and (max-width: 1299px) {
	ul.multicolumn {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}
}
@media only screen and (max-width: 991px) {
	ul.multicolumn {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
}
@media only screen and (max-width: 768px) {
	ul.multicolumn {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}



/* COM_CONTENT FURTHER HTML ELEMENTS */
.html_table_in_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* COM_CONTENT PAGE BREAK ACCORDION */
/* CONTENT ACCORDION PAGEBREAK */
div.pane-sliders.ui-accordion {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
h3.pane-toggler.ui-accordion-header {
	background: #F8F8F8;
	font: normal 13px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 400;
	color: #242424;
	text-transform: none;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 768px) {

	h3.pane-toggler.ui-accordion-header {
		background: #ffffff;
	}
	
}
h3.pane-toggler.ui-accordion-header:after {
	display: none;
}
h3.pane-toggler.ui-accordion-header span.ui-accordion-header-icon:after {
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.5em;
	content: "\f078";
	margin: 10px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	right: 0px;
}
h3.pane-toggler.ui-accordion-header-active {

}
h3.pane-toggler.ui-accordion-header-active:after {
	display: none;
}
h3.pane-toggler.ui-accordion-header-active span.ui-accordion-header-icon:after {
	content: "\f077";
}
h3.pane-toggler.ui-accordion-header a,
h3.pane-toggler.ui-accordion-header a:link,
h3.pane-toggler.ui-accordion-header a:visited {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
}
div.pane-slider.ui-accordion-content {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;	
}
div.pane-slider.ui-accordion-content ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}


div.content_slider_wrapper {
	display: block;
	position: relative;
	width: 100%;
}
div.content_slider_wrapper_1 {
	background: #ffb200;
}
div.content_slider_wrapper_2 {
	background: #f8b7b7;
}
div.content_slider_wrapper_3 {
	background: #31c5f4;
}
div.content_slider_wrapper_4 {
	background: #f1ae1e;
}
div.content_slider_wrapper_5 {
	background: #fe7897;
}
div.content_slider_inner {
	display: block;
	position: relative;
	max-width: 1920px;
	margin: 0px auto;
}


/* COM JSITEMAP */
.layout_jmap_sitemap div.jmap_sitemap_description {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
/* COM JSITEMAP LIST ELEMENTS */
.layout_jmap_sitemap ul.jmap_sitemap_html_menu {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu a,
.layout_jmap_sitemap ul.jmap_sitemap_html_menu a:link,
.layout_jmap_sitemap ul.jmap_sitemap_html_menu a:visited {
	color: var(--ci_color_font_dark);
	text-decoration: none;
	-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;	
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu a:hover {
	color: var(--ci_color);
	text-decoration: underline;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li span.jmap_sitemap_source_title {
	width: 100%;
	display: inline-block;
	font: normal 20px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-style: normal;
	font-weight: 600;
	color: #34a8d9;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	border-bottom: 2px solid #e5e8ee;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li span.jmap_sitemap_source_title:after {
	background: #34a8d9;
	bottom: -2px;
	content: '';
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	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;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li span.jmap_sitemap_source_title:hover:after {
	background: #34a8d9;
	width: 180px;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li.first_li_jmap_sitemap_source_title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li:before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-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;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li:hover:before {
	color: var(--ci_color);
	left: 6px;
}
.layout_jmap_sitemap ul.jmap_sitemap_html_menu li.first_li_jmap_sitemap_source_title:before  {
	display: none;
}
/* COM JSITEMAP LIST ELEMENTS MENU LEVEL 1 */
.layout_jmap_sitemap ul.jmap_sitemap_html_menu ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
/* COM JSITEMAP LIST ELEMENTS MENU LEVEL 2 AND 3 */
.layout_jmap_sitemap ul.jmap_sitemap_html_menu ul ul,
.layout_jmap_sitemap ul.jmap_sitemap_html_menu ul ul ul {
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
}


/* WEBSITE LOGO CONTACT BUTTON */
div.website_logo_contact_button {
	background: #34a8d9;
	width: 260px;
	margin: 53px 0px 0px 0px;
	padding: 12px 8px 12px 8px;
	position: absolute;
	top: 40px;
	right: 15px;
	cursor: pointer;
	z-index: 99999;
	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.website_logo_contact_button:hover {
	background: #1783B3;
}
div.website_logo_contact_button [class^="col-"],
div.website_logo_contact_button [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.website_logo_contact_button_fixed {
	position: fixed;
	right: -10px;
	top: calc(50% - 410px);
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.website_logo_contact_button {
		display: none;
	}

}
div.website_logo_contact_button div.website_logo_contact_button_icon {
	width: 100%;
	font-size: 44px;
	text-align: center;
	color: #ffffff;
}
@media only screen and (max-width: 1199px) {

	div.website_logo_contact_button.website_logo_contact_button_fixed {
		width: 185px;
		padding: 12px 8px 14px 8px;
		top: calc(0% + 80px);
		right: 0px;
	}
	div.website_logo_contact_button.website_logo_contact_button_fixed div.website_logo_contact_button_content {
		text-align: right;
		margin: 0px 10px 0px 0px;
	}
	div.website_logo_contact_button.website_logo_contact_button_fixed div.col-xs-3 {
		display: none;
	}
	div.website_logo_contact_button.website_logo_contact_button_fixed div.col-xs-9 {
		width: 100%;
	}
}
div.website_logo_contact_button_content {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;	
}
div.website_logo_contact_button div.website_logo_contact_button_content_1 {
	font: normal 14px/14px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.website_logo_contact_button div.website_logo_contact_button_content_2 {
	font: normal 24px/26px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #ffffff;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}


/* 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 #34a8d9;
	-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: #34a8d9;
	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: #1783B3;	
}
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 18px/26px '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: 25px 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: 200px;
	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: #34a8d9;
	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: #34a8d9;
}
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;
}



/* DOWNLOADS TABLE */
table.table_downloads {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.table_downloads td {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 30px;	
}
table.table_downloads td.table_download_image {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 30px 30px 0px 30px;	
}
table.table_downloads td.table_download_image a,
table.table_downloads td.table_download_image a:link,
table.table_downloads td.table_download_image a:visited {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
}
table.table_downloads td.table_download_image a span.table_downloads_image_overlay {
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	-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;
}
table.table_downloads td.table_download_image a span.table_downloads_image_overlay:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
table.table_downloads td.table_download_image a span.table_downloads_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%);
}