/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  CosmosMedia 
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SmartGrid 
///////////////////////////////////////////// COLORS
Prim. Orange 	#8c4800 - #b25c00 - #d97000 - #ff8200 - #ff9626 - #ffa94c - #ffbb73 - #ffce99
Prim. WarmGrey	#5f574f - #776f67 - #a9a39b - #b7b1a9
Prim. Beige		#948d88 - #c5bfb5 - #ddd6ca - #eae4da - #f7efe2

Prim. Black:	#121211 - #282726 - #5f574f
Prim. White 	#e8e8e8 - #f4f4f4 - #fafafa - #ffffff

Sec. Green		#90b200
Sec. Red		#df0000

ORANGE: #ff8200 (MAIN ACCENT)
BRIGHT BLUE: #aadbe6

SELECTBG #ff6600
SELECTTEXT: #f8f8f8 

MAIN-BACKGROUND: #fffdf4 / DARK #f4f2e9
BORDER/FRAME: #dadedf

COPYTEXT/BODY: #282726
HEADLINES: #5f574f
OTHER UNIMPORTANT: #5f574f

NAVCOLOR MOBILE BACKGROUND: #ffffff

LINKS			#7500a6
LINKS HOVER 	#9d00df / UNDERLINE HOVER #c86cf0
LINKS ACTIVE	#b300ff

LINKS BG		#70009f
LINKS BG TEXT	#ffffff

LINKS NAV BG	#fffefd
LINKS NAV HOVER #fffdfc

LINKS TEXTSHADOW #fffffe

BREAKPOINT: 1169px/1170px (also to be set on general-java.js)

///////////////////////////////////////////// MEDIA QUERIES
/*
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1170px) {
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1900px) {
}
///////////////////////////////////////////// FONT SETUP 
font-family: "Open Sans", "PT Sans", "Helvetica", "Helvetica Neue", "Arial", sans-serif;
font-family: Georgia, Garamond, Palatino, "Book Antiqua", Times, Times New Roman, serif;

font-size: 		16px / 100% / 1.0000em
font-weight: 	300,400,600
line-height: 	1.6250em; / 26px
Scale: 			42,26,22,16,13,10 px
Title: 			font-size: 42px; font-size: 2.6250em; line-height: 1.2381em; margin-bottom: 0.6190em;
Headlines: 		font-size: 26px; font-size: 1.6250em; line-height: 1.0000em; margin-bottom: 1.0000em;
Sub-headlines: 	font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em;
Primary Text: 	font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;
Secondary Text:	font-size: 13px; font-size: 0.8125em; line-height: 2.000em; margin-bottom: 2.000em;
Small Text: 	font-size: 10px; font-size: 0.6250em; line-height: 2.600em; margin-bottom: 2.600em;
*/
@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts-kfo/OpenSans-Regular-webfont.eot'); font-display: swap;}
@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('fonts-kfo/OpenSans-Regular-webfont.eot') format('eot'), url('fonts-kfo/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts-kfo/OpenSans-Regular-webfont.woff') format('woff'); font-display: swap;}
@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts-kfo/OpenSans-Semibold-webfont.eot'); font-display: swap;}
@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('fonts-kfo/OpenSans-Semibold-webfont.eot')  format('eot'), url('fonts-kfo/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts-kfo/OpenSans-Semibold-webfont.woff') format('woff'); font-display: swap;}
@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts-kfo/OpenSans-Light-webfont.eot'); font-display: swap;}
@font-face {font-family:'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'),url('fonts-kfo/OpenSans-Light-webfont.eot') format('eot'), url('fonts-kfo/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts-kfo/OpenSans-Light-webfont.woff') format('woff'); font-display: swap;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SUPER RESET */
a,html,body,div,applet,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,select,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {margin: 0px; padding: 0px; border: none; border: 0px; outline: 0px; font-size: 100%; font-weight: 400; line-height: 1; font: inherit; color: inherit; vertical-align: baseline; background: transparent; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; word-wrap: normal; white-space: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-hyphens: manual; -o-hyphens: manual; -moz-hyphens: manual; -webkit-hyphens: manual; hyphens: manual;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, audio, video {display: block;}
sub, sup {font-size: 50%; line-height: 0px; line-height: inherit; position: relative; vertical-align: baseline;}
sup {top: -0.7em;}
sub {bottom: -0.70em;}
input, abbr, acronym, code, kbd, q, samp, var {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
*[lang=en]{quotes: "'" "'";}
*[lang=de]{quotes: "„" "“";}
pre, pre code, code {white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
b, strong {font-weight: 600;}
ol, ul {list-style: none;}
abbr[title] {}
form, input, textarea, button, select, fieldset {font-size: 100%; line-height: normal; vertical-align: baseline; border: 0px;}
a, button, html input[type=button] {border: none; border: 0px; cursor: pointer;}
input[type=reset], input[type=submit] {cursor: pointer;}
input[type=checkbox], input[type=radio] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
textarea {overflow: auto;}
table {border-collapse: collapse; border-spacing: 0px;}
img, image, a img, a image {border: none; border: 0px; display: block; -ms-interpolation-mode: bicubic;}
figure {position: relative;}
figure img, figure object, figure embed, figure video {display: block;}
object, embed, video, iframe {max-width: 100%; width: 100%; display: block; margin: 0px 0px 0px 0px; border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0;}
.clear {clear: both;}
.clear:before, .clear:after {display: table; content: "";}
.clear:after {clear: both;}
.clearfix:after {visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; margin: 0px; padding: 0px;}
* html .clearfix             {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.section:before, .section:after {content: ""; display: table;}
.section:after {clear: both;}
.section {zoom: 1;}
.hidden.focusable:active, .hidden.focusable:focus {position: static; clip: auto; height: auto; width: auto;	margin: 0px; overflow: visible;}
*[lang=en]{quotes: "“" "”" "‘" "’"; quotes: "\201C" "\201D" "\2018" "\2019";}
*[lang=de]{quotes: "“" "”" "‘" "’"; quotes: "\201C" "\201D" "\2018" "\2019";}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc);}
*:first-child + html .row, *:first-child + html .clear {zoom: 1;}
*:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;}
::-moz-selection {background: #ff6600; color: #f8f8f8; text-shadow: 0px 0px 0px #ff6600;}
::selection {background: #ff6600; color: #f8f8f8; text-shadow: 0px 0px 0px #ff6600;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  GENERAL LAYOUTS */ 
html {height: 100%; -webkit-tap-highlight-color: #ff8200; font-size: 100%; font-size: 1.0000em; line-height: 1.6250em; font-variant: normal; font-weight: 400; font-family: "Open Sans", "PT Sans", "Helvetica", "Helvetica Neue", "Arial", sans-serif; letter-spacing: 0.015em; word-spacing: 0.0125em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; text-rendering: optimizelegibility; image-rendering: auto;}
body {height: 100%; min-height: 101%; width: 100%; margin: 0; padding: 0; font-size: 1.20rem; font-family: "Open Sans", "PT Sans", "Helvetica", "Helvetica Neue", "Arial", sans-serif; color: #282726; background: #fffdf4; background: #fffdf4 url('images/bg-pattern-noise.png') repeat fixed left top; -ms-word-break: break-word; word-break: break-word; overflow-wrap: break-word; word-wrap: break-word; -ms-hyphens: manual; -o-hyphens: manual; -moz-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; white-space: nowrap; text-rendering: optimizelegibility; image-rendering: auto; z-index: 1;}
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-track {background: #c5bfb5;}
::-webkit-scrollbar-thumb {background: #7500a6;}
::-webkit-scrollbar-thumb:hover {background: #9d00df;}
/* MOBILE FONT SIZE ETC. */
@media only screen and (max-width: 1169px) {
body {font-size: 1.00rem;}
body.nav-on-left.overflow-hidden {overflow: hidden;}
}
@media only screen and (max-width: 480px) {
body {font-size: 0.85rem;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  HYPERLINKS Link-Visited-Hover-Focus-Active */ 
/* LINK STANDARD */
a, a:link, a:visited {color: #7500a6; text-decoration: none; border: 0px; outline: transparent none 0px; padding: 0px;}
a:hover, a:focus, a:active {color: #9d00df; outline: transparent none 0px;}
/* HIDDEN LINKTEXT <label>  */
a label {clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; position: absolute; white-space: nowrap;}
/* LINK STANDARD FX */
a:not([class]) {position: relative; display: inline-block; display: inline; padding: 0px;}
a:not([class]):after {position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background: #c86cf0; content: ''; opacity: 0; -webkit-transition: height 0.55s, opacity 0.55s, -webkit-transform 0.55s; -moz-transition: height 0.55s, opacity 0.55s, -moz-transform 0.55s; transition: height 0.55s, opacity 0.55s, transform 0.55s; -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px);}
a:not([class]):hover::after, a:not([class]):focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
/* LINK LISTING */
a.link-list {position: relative; display: inline-block; padding: 0px 0px 0px 20px;}
a.link-list:after {position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background: #c86cf0; content: ''; opacity: 0; -webkit-transition: height 0.55s, opacity 0.55s, -webkit-transform 0.55s; -moz-transition: height 0.55s, opacity 0.55s, -moz-transform 0.55s; transition: height 0.55s, opacity 0.55s, transform 0.55s; -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px);}
a.link-list:hover::after, a.link-list:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
a.link-list:before {content: ""; position: absolute; left: 0; top: 0.3855em; margin-top: 0px; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -672px;}
p a.link-list:before, li a.link-list:before {top: 0.5em;}
a.link-list:hover::before, a.link-list:focus::before {background-position: 0px -720px;}
/* LINK DOC */
a.link-doc {position: relative; display: inline-block; padding: 0px 0px 0px 20px;}
a.link-doc:after {position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background: #c86cf0; content: ''; opacity: 0; -webkit-transition: height 0.55s, opacity 0.55s, -webkit-transform 0.55s; -moz-transition: height 0.55s, opacity 0.55s, -moz-transform 0.55s; transition: height 0.55s, opacity 0.55s, transform 0.55s; -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px);}
a.link-doc:hover::after, a.link-doc:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
a.link-doc:before {content: ""; position: absolute; left: 0; top: 0.3855em; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -768px;}
p a.link-doc:before, li a.link-doc:before {top: 0.5em;}
a.link-doc:hover::before, a.link-doc:focus::before {background-position: 0px -816px;}
/* LINK EXTERN */
a.link-ext {position: relative; display: inline-block; padding: 0px 0px 0px 20px;}
a.link-ext:after {position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background: #c86cf0; content: ''; opacity: 0; -webkit-transition: height 0.55s, opacity 0.55s, -webkit-transform 0.55s; -moz-transition: height 0.55s, opacity 0.55s, -moz-transform 0.55s; transition: height 0.55s, opacity 0.55s, transform 0.55s; -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px);}
a.link-ext:hover::after, a.link-ext:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
a.link-ext:before {content: ""; position: absolute; left: 0; top: 0.3855em; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -864px;}
p a.link-ext:before, li a.link-ext:before {top: 0.5em;}
a.link-ext:hover::before, a.link-ext:focus::before {background-position: 0px -912px;}
/* LINK TOP */
a.link-top {position: relative; display: block; padding: 0px 0px 0px 20px; margin-top: 1em; margin-bottom: 2em; float: right; text-align: right;}
a.link-top:after {position: absolute; top: 95%; left: 0; width: 100%; height: 1px; background: #c86cf0; content: ''; opacity: 0; -webkit-transition: height 0.55s, opacity 0.55s, -webkit-transform 0.55s; -moz-transition: height 0.55s, opacity 0.55s, -moz-transform 0.55s; transition: height 0.55s, opacity 0.55s, transform 0.55s; -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); transform: translateY(-7px);}
a.link-top:hover::after, a.link-top:focus::after {height: 2px; opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
a.link-top:before {content: ""; position: absolute; left: 0; top: 0.3855em; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -960px;}
p a.link-top:before, li a.link-top:before {top: 0.5em;}
a.link-top:hover::before, a.link-top:focus::before {background-position: 0px -1008px;}
/* LINK FX */
a.link-fx {position: relative; display: inline-block; padding: 12px 10px 15px 10px; background-image: linear-gradient(#c86cf0, #9d00df); background-size: 0; background-repeat: no-repeat; transition: 0.5s ease;}
a.link-fx:hover {background-size: 100%; color: #ffffff;}
/* LINK CIRCLE */
a.link-circle {position: relative; display: inline-block; text-decoration: none;}
a.link-circle::before, a.link-circle::after {position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border: 2px solid rgba(117,0,166,0.25);
-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.55s, opacity 0.55s; -moz-transition: -moz-transform 0.55s, opacity 0.55s; transition: transform 0.55s, opacity 0.55s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
a.link-circle::after {width: 70px; height: 70px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
a.link-circle:hover::before, a.link-circle:hover::after, a.link-circle:focus::before, a.link-circle:focus::after {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}
/* LINK CLOSE */
a.link-close {background: url('images/kfo-sprites.png') no-repeat -24px -576px; padding-left: 0px; width: 48px; height: 48px; float: right; position: absolute; top: 20px; right: 0px; vertical-align: bottom; margin-bottom: 0px; padding-bottom: 0px; text-indent: -999999px; z-index: 600;}
a.link-close:hover {background: url('images/kfo-sprites.png') no-repeat -24px -624px;}
/* LINK OVERLAY */
a.link-overlay {padding-left: 0px; width: 150px; height: 150px; float: right; position: absolute; bottom: 40px; right: 40px; vertical-align: bottom; margin-bottom: 0px; padding-bottom: 0px; text-indent: -999999px; z-index: 999; text-decoration: none; background-color: transparent;}
a.link-overlay:hover {background-color: transparent;}
a.link-overlay img {-webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transform: scale3d(0.95, 0.95, 1); transform: scale3d(0.95, 0.95, 1);}
a.link-overlay:hover img {-webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);}
/* LINK TOPIC ANCHOR HEADLINE HACK */
a.link-topic,
a.link-topic h1::before, 
a.link-topic h2::before, 
a.link-topic h3::before, 
a.link-topic h4::before, 
a.link-topic h5::before, 
a.link-topic h6::before {display: block; content: ' '; height: 110px; margin-top: -110px; visibility: hidden;}
.link-topic::before {display: block; content: ' '; height: 110px; margin-top: -110px;  visibility: hidden;}
/* LINK SOCIAL MEDIA */
a.link-social {position: relative; display: block; padding: 0px; margin: -5px 5px 0px 0px; width: 48px; height: 48px; float: left; background-image: url('images/kfo-sprites.png'); background-repeat: no-repeat; z-index: 600;}
a.link-social.link-twitter {background-position: 0px -1584px; margin-left: -7px;}
a.link-social.link-facebook {background-position: 0px -1536px;}
a.link-social.link-instagram {background-position: 0px -1488px;}
a.link-social.link-youtube {background-position: 0px -1440px;}
a.link-social.link-linkedin {background-position: 0px -1392px;}
/* LINK CCG */
a.link-cosmosdesigned {text-align: right; display: block; float: right; text-decoration: none; text-transform: none; color: #a9a39b;}
a.link-cosmosdesigned:hover, a.link-cosmosdesigned:focus, a.link-cosmosdesigned:active {text-decoration: none; color: #9d00df;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// BUTTONs */
a.btn, .btn, button {display: inline-block; padding: 0.225em 0.55em 0.25em 0.55em; margin-top: 0.65em; margin-bottom: 0.65em; font-size: 1.0000em; font-weight: 400; letter-spacing: 0.025em; text-decoration:none; text-align: center; color: #7500a6; border: 1px #7500a6 solid; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color 0.55s; -moz-transition: background-color 0.55s; transition: background-color 0.55s;
background: -moz-linear-gradient(left, rgba(255,255,255,0.80) 50%, rgba(255,255,255,0.65) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.65) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.80) 50%,rgba(255,255,255,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#8cffffff',GradientType=1 );
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* chrome */
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* firefox */
-o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* opera */
-ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* ie 9+ */
-khtml-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* gecko based browser*/
-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* all browser */
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); /* all browser*/
z-index: 800;}
.btn:nth-of-type(2) {margin-left: 1.0000em;}
.btn:nth-of-type(3) {margin-left: 1.0000em;}
.btn:nth-of-type(4) {margin-left: 1.0000em;}
.btn.btn-left:nth-of-type(1), .btn.btn-left:nth-of-type(2), .btn.btn-left:nth-of-type(3), .btn.btn-left:nth-of-type(4) {margin-left: 0px;}
a.btn:hover, .btn:hover, button:hover {background-color: #9d00df; background: #9d00df;  color: #ffffff; border-color: #9d00df; 
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* chrome */
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* firefox */
-o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* opera */
-ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* ie 9+ */
-khtml-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* gecko based browser*/
-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* all browser */
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); /* all browser*/
}
a.btn:focus, .btn:focus, button:focus, a.btn:active, .btn:active, button:active {background-color: #b300ff; color: #ffffff; border-color: #b300ff;}
.btn-small-text {font-size: 75%; text-align: left; float: left; left: 0px; line-height: 115%; padding: 1px 3px 0px 8px;}
a.btn img, .btn img, button img {margin-top: 0px;}
@media only screen and (max-width: 960px) {
.btn-small-text {padding: 3px 3px 3px 8px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LINK CARD - PANELS */
.card {margin: 0px 0px 0px 0px;  padding: 200px 0px 0px 0px; width: 100%; min-height: 100%; height: 310px; position: relative; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; z-index: 500; border: 1px #7500a6 solid;}
.card .card-content {padding: 0px; top: 20px; width: 100%; height: 100px; position: relative; z-index: 520; background-color: rgba(255,255,255,0.88); text-align: left;}
.card .card-content p {font-size: 1.33333em; margin-bottom: 0.80808rem; letter-spacing: 0.015em; line-height: 1.125em; color: #ffffff; font-weight: 400; display: block; position: absolute; bottom: 115px; left: 20px; padding: 0px 18px 0px 0px;}
.card .card-content h2 {font-size: 1.0000em; margin-bottom: 0.60606rem; line-height: 1.125em; font-weight: 400; color: #7500a6; display: block; position: absolute; top: 12px; left: 42px; padding: 0px 10px 0px 0px;}
.card .card-content h4 {font-size: 0.65em; margin-bottom: 0.60606rem; line-height: 1.125em; color: #7500a6; text-shadow: none; display: block; position: absolute; width: 65px; height: 65px; top: -150px; right: 1px; padding: 10px 7px 0px 0px; overflow: hidden; background-color: rgba(255,255,255,0.65); text-align: right;}
.card .card-content h4 span {font-size: 1.0000em; margin-bottom: 0.60606rem; line-height: 1.125em; padding-right: 2px;}
a.card-link {display: block; position: absolute; width: 100%; min-height: inherit; height: 100%; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: 600; text-indent: -999999px; background-image: none; background-color: transparent; transition: background-color 0.55s ease-in-out; -moz-transition: background-color 0.55s ease-in-out; -webkit-transition: background-color 0.55s ease-in-out; -o-transition: background-color 0.55s ease-in-out; background-image: url('images/bg-pattern-noise.png'); background-position: left top; background-attachment: fixed; background-repeat: repeat;} 
a.card-link:link, a.card-link:visited {color: #ffffff;}
a.card-link:hover, a.card-link:focus, a.card-link:active {color: #ffffff; min-height: inherit; background-color: #9d00df; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); -moz-opacity: 0.45; -khtml-opacity: 0.45; opacity: 0.45;}
a.card-link span {display: block; float: none; font-size: 16px; line-height: 1.6250em; margin: 20px 0px 0px 0px; padding: 0px 70px 5px 0px; letter-spacing: 0.015em; font-weight: 400; text-transform: none;}
.card:hover .card-content h2, .card:focus .card-content h2, .card:active .card-content h2 {color: #9d00df;}
.card-iconlink {background: url('images/kfo-sprites.png') no-repeat -24px -480px; padding-left: 0px; width: 48px; height: 48px; float: right; position: absolute; bottom: 30px; left: 10px; vertical-align: bottom; margin-bottom: 0px; padding-bottom: 0px; z-index: 530;}
.card:hover .card-iconlink {background: url('images/kfo-sprites.png') no-repeat -24px -528px;}
.card:hover {border-color: #9d00df;}
.card-img {background-position: center center; background-repeat: repeat-x; background-attachment: scroll; background-size: auto 310px;}
.card:hover .card-img {transition: 0.6s ease-in-out;
  -webkit-backdrop-filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
  backdrop-filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
  
  -webkit-filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
  filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
  
  background: filter(url(../kfo-praxis-news/stellenangebot-fachzahnarzt-fza-kieferorthopaede-starnberg.jpg),blur(2px))
  }
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LINK CARD TEXT - PANELS */
.cardtext {margin: 0px 0px 0px 0px;  padding: 200px 0px 0px 0px; width: 100%; min-height: 100%; height: 310px; position: relative; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; z-index: 500; border: 1px #7500a6 solid;}
.cardtext .cardtext-content {padding: 0px; top: 20px; width: 100%; height: 100px; position: relative; z-index: 520; background-color: rgba(255,255,255,0.88); text-align: left;}
.cardtext .cardtext-content p {font-size: 1.0000em; margin-bottom: 0.60606rem; line-height: 1.125em; color: #121211; font-weight: 400; display: block; position: absolute; bottom: 100px; left: 20px; padding: 0px 15px 0px 0px;}
.cardtext .cardtext-content h2 {font-size: 1.33333em; margin-bottom: 0.80808rem; line-height: 1.125em; font-weight: 400; color: #7500a6; display: block; position: absolute; top: 12px; left: 42px; padding: 0px 10px 0px 0px;}
.cardtext .cardtext-content h4 {font-size: 0.65em; margin-bottom: 0.60606rem; line-height: 1.125em; color: #7500a6; text-shadow: none; display: block; position: absolute; width: 65px; height: 65px; top: -150px; right: 1px; padding: 10px 7px 0px 0px; overflow: hidden; background-color: rgba(255,255,255,0.65); text-align: right;}
.cardtext .cardtext-content h4 span {font-size: 1.0000em; margin-bottom: 0.60606rem; line-height: 1.125em; padding-right: 2px;}
a.cardtext-link {display: block; position: absolute; width: 100%; min-height: inherit; height: 100%; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: 600; text-indent: -999999px; background-image: none; background-color: transparent; transition: background-color 0.55s ease-in-out; -moz-transition: background-color 0.55s ease-in-out; -webkit-transition: background-color 0.55s ease-in-out; -o-transition: background-color 0.55s ease-in-out; background-image: url('images/bg-pattern-noise.png'); background-position: left top; background-attachment: fixed; background-repeat: repeat;} 
a.cardtext-link:link, a.cardtext-link:visited {color: #ffffff;}
a.cardtext-link:hover, a.cardtext-link:focus, a.cardtext-link:active {color: #ffffff; min-height: inherit; background-color: #9d00df; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); -moz-opacity: 0.45; -khtml-opacity: 0.45; opacity: 0.45;}
a.cardtext-link span {display: block; float: none; font-size: 16px; line-height: 1.6250em; margin: 20px 0px 0px 0px; padding: 0px 70px 5px 0px; letter-spacing: 0.015em; font-weight: 400; text-transform: none;}
.cardtext:hover .cardtext-content h2, .cardtext:focus .cardtext-content h2, .cardtext:active .cardtext-content h2 {color: #9d00df;}
.cardtext-iconlink {background: url('images/kfo-sprites.png') no-repeat -24px -480px; padding-left: 0px; width: 48px; height: 48px; float: right; position: absolute; bottom: 30px; left: 10px; vertical-align: bottom; margin-bottom: 0px; padding-bottom: 0px; z-index: 530;}
.cardtext:hover .cardtext-iconlink {background: url('images/kfo-sprites.png') no-repeat -24px -528px;}
.cardtext:hover {border-color: #9d00df;}
.cardtext-img {margin: 0px; margin-top: -300px; padding: 0px; top: 0px; left: 0px; width: auto; height: 100%; min-height: 320px; transition: 0.6s ease-in-out;
filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
-webkit-filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
-moz-filter: blur(2px) brightness(152%) saturate(82%) opacity(42%) contrast(82%);
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LINK CARD TEXT 2 - PANELS */
.cardtext2-container {width: 100%; min-width: 270px; max-width: 961px; float: left; padding: 2px;}
.cardtext2 {margin: 0px 0px 0px 0px;  padding: 250px 0px 0px 0px; width: 100%; min-height: 100%; height: 350px; position: relative; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; z-index: 500; border: 1px #7500a6 solid;}
.cardtext2 .cardtext2-content {padding: 0px; top: 20px; width: 100%; height: 100px; position: relative; z-index: 520; background-color: rgba(255,255,255,0.88); text-align: left;}
.cardtext2 .cardtext2-content p {font-size: 1.0000em; margin-bottom: 0.60606rem; letter-spacing: 0.015em; line-height: 1.125em; color: #ffffff; font-weight: 400; display: block; position: absolute; bottom: 110px; left: 18px; padding: 0px 15px 0px 0px;}
.cardtext2 .cardtext2-content h2 {font-size: 1.0000em; margin-bottom: 0.60606rem; line-height: 1.125em; font-weight: 400; color: #7500a6; display: block; position: absolute; top: 12px; left: 42px; padding: 0px 10px 0px 0px;}
.cardtext2 .cardtext2-content h4 {font-size: 0.65em; margin-bottom: 0.60606rem; line-height: 1.125em; color: #7500a6; text-shadow: none; display: block; position: absolute; width: 65px; height: 65px; top: -150px; right: 1px; padding: 10px 7px 0px 0px; overflow: hidden; background-color: rgba(255,255,255,0.65); text-align: right;}
.cardtext2 .cardtext2-content h4 span {font-size: 1.0000em; margin-bottom: 0.60606rem; line-height: 1.125em; padding-right: 2px;}
a.cardtext2-link {display: block; position: absolute; width: 100%; min-height: inherit; height: 100%; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: 600; text-indent: -999999px; background-image: none; background-color: transparent; transition: background-color 0.55s ease-in-out; -moz-transition: background-color 0.55s ease-in-out; -webkit-transition: background-color 0.55s ease-in-out; -o-transition: background-color 0.55s ease-in-out; background-image: url('images/bg-pattern-noise.png'); background-position: left top; background-attachment: fixed; background-repeat: repeat;} 
a.cardtext2-link:link, a.cardtext2-link:visited {color: #ffffff;}
a.cardtext2-link:hover, a.cardtext2-link:focus, a.cardtext2-link:active {color: #ffffff; min-height: inherit; background-color: #9d00df; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); -moz-opacity: 0.45; -khtml-opacity: 0.45; opacity: 0.45;}
a.cardtext2-link span {display: block; float: none; font-size: 16px; line-height: 1.6250em; margin: 20px 0px 0px 0px; padding: 0px 70px 5px 0px; letter-spacing: 0.015em; font-weight: 400; text-transform: none;}
.cardtext2:hover .cardtext2-content h2, .cardtext2:focus .cardtext2-content h2, .cardtext2:active .cardtext2-content h2 {color: #9d00df;}
.cardtext2-iconlink {background: url('images/kfo-sprites.png') no-repeat -24px -480px; padding-left: 0px; width: 48px; height: 48px; float: right; position: absolute; bottom: 22px; left: 10px; vertical-align: bottom; margin-bottom: 0px; padding-bottom: 0px; z-index: 530;}
.cardtext2:hover .cardtext2-iconlink {background: url('images/kfo-sprites.png') no-repeat -24px -528px;}
.cardtext2:hover {border-color: #9d00df;}
.cardtext2-img {margin: 0px; margin-left: -10px; margin-top: -355px; padding: 0px; top: 0px; left: 0px; width: auto; height: 100%; min-height: 275px; transition: 0.6s ease-in-out;
filter: blur(5.5px) brightness(55%) opacity(85%);
-webkit-filter: blur(5.5px) brightness(55%) opacity(85%);
-moz-filter: blur(5.5px) brightness(55%) opacity(85%);
}
/* MEDIA QUERIES */
/* DESKTOP - START MULTICOL */
@media (min-width: 961px) {
.cardtext2-container {width: 50%;}
}
@media (min-width: 1400px) {
.cardtext2-container {width: 33%;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LINK CARDBIG - PANELS */
.cardbig {position: relative; display: block; margin: 0px; padding: 0px; width: 100%; height: auto; max-height: 250px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; font-size: 0.85rem; background-color: #f7efe2;}
.cardbig-content {position: relative; max-height: 250px; overflow: hidden;}
.cardbig-content::after {position: absolute; top: calc(100% - 125px);  display: block; content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(247,239,226, 0.10) 30%, rgba(247,239,226, 0.00) 100%); transition: 0.6s;}
.cardbig-img {margin: 0px; margin-top: -40px; padding: 0px; top: 0px; left: 0px; width: 40%; height: auto; transition: 0.6s ease-in-out;}
.cardbig-caption {position: absolute; top: 0px; width: 60%; margin-left: 40%; padding: 10px 5px 0px 15px; z-index: 1;  transition: 0.6s; text-align: left; color: #7500a6;
-webkit-text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* chrome */
-moz-text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* firefox */
-o-text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* opera */
-ms-text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* ie 9+ */
-khtml-text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* gecko based browser*/
-text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* all browser */
text-shadow: 1px 2px 8px rgba(247,239,226,0.56); /* all browser*/
}
.cardbig-head {overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 22px; font-size: 1.3750em; line-height: 1.3750em; color: #7500a6; font-weight: 300;}
h2.cardbig-head {}
h3.cardbig-head {color: #776f67;}
p.cardbig-text {position: absolute; top: 280px; margin: 0px; padding: 0px; max-height: 250px; overflow: hidden; text-overflow: ellipsis; transition: 0.6s ease-in-out; font-size: 1.0000em; line-height: 1.6250em; font-weight: 400;}
.cardbig-button {display: inline-block; padding: 10px 20px; transition: 0.6s;}
.cardbig-button:hover {}
a.cardbig-link {display: block; position: absolute; width: 100%; min-height: inherit; height: 100%; top: 0px; left: 0px; padding: 0px; margin: 0px; z-index: 600; text-indent: -999999px;} 
a.cardbig-link:link, a.cardbig-link:visited {}
a.cardbig-link:hover, a.cardbig-link:focus, a.cardbig-link:active {}

.cardbig:hover {}
.cardbig:hover .cardbig-content::after {top: 0; background: linear-gradient(0deg, rgba(247,239,226, 0.56) 30%, rgba(247,239,226, 0) 100%);}
.cardbig:hover .cardbig-img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.cardbig:hover .cardbig-caption {
-webkit-text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* chrome */
-moz-text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* firefox */
-o-text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* opera */
-ms-text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* ie 9+ */
-khtml-text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* gecko based browser*/
-text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* all browser */
text-shadow: 1px 1px 12px rgba(255,255,255,0.86); /* all browser*/
}
.cardbig:hover .cardbig-head {color: #9d00df;}
.cardbig:hover p.cardbig-text {color: #9d00df;}
/* MEDIA QUERIES */
@media only screen and (min-width: 480px) {
.cardbig {font-size: 1.00rem;}
.cardbig-img {}
.cardbig-caption {top: 50px; padding: 0px 30px 0px 30px;}
}
@media only screen and (min-width: 768px) {
.cardbig {font-size: 1.20rem; max-height: 280px;}
.cardbig-content {max-height: 280px;}
.cardbig-img {margin-top: -160px; width: 45%;}
.cardbig-caption {top: 70px; margin-left: 45%; width: 55%;}
}
/* DESKTOP - START MULTICOL */
@media (min-width: 961px) {
.cardbig {max-height: 900px; font-size: 1.20rem;}
.cardbig-landscape {max-height: 280px;}
.cardbig-content {max-height: 900px;}
.cardbig-content::after {top: calc(100% - 300px); background: linear-gradient(0deg, rgba(247,239,226, 0.66) 60%, rgba(247,239,226, 0.00) 100%);}
.cardbig-landscape .cardbig-content::after {top: calc(100% - 300px); background: linear-gradient(0deg, rgba(247,239,226, 0.66) 70%, rgba(247,239,226, 0.00) 100%);}
.cardbig-img {margin: 0px; top: 0px; left: 0px; width: 100%; }
.cardbig-landscape .cardbig-img {margin-top: -170px; max-width: 70%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);  text-align: center; margin-left: auto; margin-right: auto; left: auto; right: auto;}
.cardbig-caption {top: 50%; top: calc(100% - 35%); width: 100%; margin: 0px auto 0px auto; padding: 0px 10%; transform: unset; text-align: center;
-webkit-text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* chrome */
-moz-text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* firefox */
-o-text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* opera */
-ms-text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* ie 9+ */
-khtml-text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* gecko based browser*/
-text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* all browser */
text-shadow: 1px 1px 8px rgba(40,38,37,0.36); /* all browser*/
}
.cardbig-landscape .cardbig-caption {top: 100px; top: calc(100% - 89%);}
.cardbig-head {color: #ffffff; font-weight: 400;}
h2.cardbig-head {color: #ffffff;}
h3.cardbig-head {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; color: #ffffff;}
p.cardbig-text {color: #ffffff; position: relative;}
.cardbig-landscape p.cardbig-text {position: relative;}
.cardbig:hover .cardbig-content::after {background: linear-gradient(0deg, rgba(247,239,226, 0.86) 60%, rgba(247,239,226, 0) 100%);}
.cardbig:hover .cardbig-img {-webkit-transform: scale(1.16); -moz-transform: scale(1.16); -ms-transform: scale(1.16); -o-transform: scale(1.16); transform: scale(1.16);}
.cardbig-landscape:hover .cardbig-img {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.cardbig:hover .cardbig-caption {top: 50%; transform: translateY(-50%);}
.cardbig-landscape:hover .cardbig-caption {top: 0px; transform: translateY(-50%);}
.cardbig:hover p.cardbig-text {top: 0px;}
.cardbig-landscape:hover p.cardbig-text {top: 50px;}
}
@media only screen and (min-width: 1170px) {
.cardbig {font-size: 1.40rem;}
.cardbig-landscape .cardbig-content::after {top: calc(100% - 350px);}
.cardbig-landscape .cardbig-img {margin-top: -160px; max-width: 60%;}
}
@media only screen and (min-width: 1400px) {
.cardbig {font-size: 1.60rem;}
.cardbig-landscape .cardbig-content::after {top: calc(100% - 450px);}
.cardbig-landscape .cardbig-img {margin-top: -280px;}
}
@media only screen and (min-width: 1900px) {
.cardbig-img {margin-top: -50px;}
.cardbig-landscape .cardbig-content::after {top: calc(100% - 250px);}
.cardbig-landscape .cardbig-img {margin-top: -380px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  TICKER */
.ticker {
width: 100%;
height: 180px;
min-height: auto;
border: 1px #ff8200 dotted;
padding-top: 1em; 
}
/* list gets replaced with single div */
.ticker div {
display: inline-block;
word-wrap: break-word;
font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; letter-spacing: -0.0125em; margin-top: 0; font-weight: 300; color: #ff8200;  
}
.ticker div i {font-weight: 600; color: #90b200;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SLIDER GENERAL 1 */
div.slider_1 {position:relative; margin:0 auto; padding: 0px; top:0px; left:0px; width: 1280px; height: 720px; overflow:hidden; visibility:hidden; background:url('images/spacer.gif') 50% 50% no-repeat; z-index: 1; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;}
.slider-wrapper {cursor: default; position: relative; top: 0px; left: 0px; width: 1280px; height: 720px; overflow: hidden; z-index: 20; cursor: w-resize;}
/* noscaleobject class for object that should not be scaled on responsive slider - see noscaleobject in JS config */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SLIDER GENERAL 2 */
div.slider_2 {position:relative; margin:0 auto; padding: 0px; top:0px; left:0px; width:1280px; height: 500px; overflow:hidden; visibility:hidden; background:url('images/spacer.gif') 50% 50% no-repeat; z-index: 1;}
.slider-wrapper-2 {cursor: default; position: relative; top: 0px; left: 0px; width: 1280px; height: 500px; overflow: hidden; z-index: 20; cursor: w-resize;}
/* //////////////////////////  SLIDER BASIC */
.noscaleobject {}
/* //////////////////////////  SLIDE CONTENT LAYOUT */
.slide {z-index: 30;}
/*.slide-content {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #282726; background: transparent url('images/overlay-slider.png') no-repeat;}*/
/*.slide-content {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #282726; background: transparent url('images/overlay-gradient.png') repeat-x fixed left bottom;}*/
.slide-content {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
/* //////////////////////////  THUMB NAVIGATION z-index 40; */
/*.jssort04 .p (normal)
.jssort04 .p:hover (normal mouseover)
.jssort04 .pav (active)
.jssort04 .pav:hover (active mouseover)
.jssort04 .pdn (mousedown)
*/
.jssort04 {position: absolute; left:0px; bottom:0px; width:100%; height:40px; z-index: 40;}
.jssort04 .p {position: absolute; top: 0; left: 0; width: 62px; height: 32px;}
.jssort04 .t {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.jssort04 .w, .jssort04 .pav:hover .w {position: absolute; width: 60px; height: 30px; border: #ffc600 1px dashed; box-sizing: content-box;}
.jssort04 .pav:hover .w {border-color: #ffc800;}
.jssort04 .pdn .w, .jssort04 .pav .w {border-style: solid; border-color: #ffc800;}
.jssort04 .c {position: absolute; top: 0; left: 0; width: 62px; height: 32px; background-color: #000000; filter: alpha(opacity=45); opacity: .45; transition: opacity .6s; -moz-transition: opacity .6s; -webkit-transition: opacity .6s; -o-transition: opacity .6s;}
.jssort04 .p:hover .c, .jssort04 .pav .c {filter: alpha(opacity=0); opacity: 0;}
.jssort04 .p:hover .c {transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;}
* html .jssort04 .w {width /**/: 62px; height /**/: 32px;}
/* //////////////////////////  ARROW NAVIGATION z-index 50; */
/*
.jssora07l   (normal)
.jssora07r   (normal)
.jssora07l:hover   (normal mouseover)
.jssora07r:hover   (normal mouseover)
.jssora07l.jssora07ldn   (mousedown)
.jssora07r.jssora07rdn   (mousedown)
*/
.jssora07l, .jssora07r {display: block; position: absolute; width: 48px; height: 48px; top: 40%; cursor: pointer; background: transparent url('images/kfo-sprites.png') no-repeat;
overflow: hidden; z-index: 50;}
.jssora07l {background-position: 0px 0px; left: 20px;}
.jssora07l:hover { background-position: 0px -48px;}
.jssora07l.jssora07ldn { background-position: 0px -96px;}
.jssora07r { background-position: 0px -144px; right: 20px;}
.jssora07r:hover { background-position: 0px -192px;}
.jssora07r.jssora07rdn { background-position: 0px -240px;}
/* //////////////////////////  BULLET NAVIGATION z-index 50; */
/*
.jssorb16 div           (normal)
.jssorb16 div:hover     (normal mouseover)
.jssorb16 .av           (active)
.jssorb16 .av:hover     (active mouseover)
.jssorb16 .dn           (mousedown)
*/
.jssorb16 {position: absolute; margin-bottom: 0px; bottom: 10px;}
.jssorb16 div, .jssorb16 div:hover, .jssorb16 .av {position: absolute; margin-bottom: 0px; bottom: 0px; width: 24px; height: 48px; background: transparent url('images/kfo-sprites.png') no-repeat; overflow: hidden; cursor: pointer; z-index: 50;}
/*.jssorb16 div, .jssorb16 div:hover, .jssorb16 .av {position: absolute; width: 16px; height: 16px; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; border: 3px #ffc600 solid; color: #ffc600; background-color: rgba(0, 0, 0, 0.33); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; overflow: hidden; cursor: pointer; z-index: 50;}*/
.jssorb16 div {background-position: 0px -288px;}
.jssorb16 div:hover, .jssorb16 .av:hover {background-position: 0px -336px;}
.jssorb16 .av {background-position: 0px -384px;}
.jssorb16 .dn, .jssorb16 .dn:hover {background-position: 0px -432px;}
/* //////////////////////////  SLIDE CONTENT TYPO z-index: 65; */
div.slider_1 h1, div.slider_1 h2, div.slider_1 h3, div.slider_2 h1, div.slider_2 h2, div.slider_2 h3 {font-size: 1em; margin-bottom: 40px; line-height: 1.25; color: #ffffff; font-weight: 400; letter-spacing: normal; text-transform: none; z-index: 65;}
div.slider_2 h1, div.slider_2 h2, div.slider_2 h3 {margin-bottom: 20px;}
div.slider_1 h3, div.slider_2 h3 {font-size: 26px; font-size: 1.6250em; padding-left: 5%;}
div.slider_1 p, div.slider_2 p {font-size: 16px; font-size: 1.0000em; line-height: 1.625em; margin: 0px 0px 46px 0px; padding: 10px 70px 10px 20px; display: none; visibility: hidden; z-index: 65; -webkit-font-smoothing: subpixel-antialiased; -webkit-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px; -ms-border-radius: 6px 0px 0px 6px; -o-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px;
background: -moz-linear-gradient(left, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.85) 50%,rgba(255,255,255,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#1affffff',GradientType=1 );
}
div.slider_2 p {margin-bottom: 20px;
}
/*div.slider_1 h3:before {position: absolute; font-size: 1.5em; display: inline;}*/
/*div.slider_1 h3:before {top: 0.10em; left: -0.33em; content: "\201C"; color: #ffce00;}*/
	
div.slider_1 h3.plus {font-size: 4em;}
div.slider_1 h3.super {font-size: 5em;}
div.slider_1 h3.ultra {font-size: 6.5em;}
/* //////////////////////////  IMAGES */
div.slider_1 .img-container, div.slider_2 .img-container {display: block;}
/* //////////////////////////  BUTTON */
div.slider_1 a.btn {display: block; position: absolute; bottom: 40px; float: left; clear: both; margin: 0px; left: 4.5%;}
div.slider_1 a.btn:hover {}
div.slider_1 .btn:focus, div.slider_1 a.btn:focus {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);}
div.slider_2 a.btn {display: block; position: absolute; bottom: 40px; float: left; clear: both; margin: 0px; left: 4.5%;}
div.slider_2 a.btn:hover {}
div.slider_2 .btn:focus, div.slider_2 a.btn:focus {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.65);}
/* //////////////////////////  SLIDE RESPONSIVE */
div.slider_1 .full-width {position: absolute; bottom: 80px; margin: 0px; padding: 0px; float: left; width: 100%; clear: both;  z-index: 60;}
div.slider_1 .half-width {position: absolute; bottom: 80px; margin: 0px; padding: 0px; float: left; width: 100%; clear: none; z-index: 60;}
div.slider_2 .full-width {position: absolute; bottom: 80px; margin: 0px; padding: 0px; float: left; width: 100%; clear: both;  z-index: 60;}
div.slider_2 .half-width {position: absolute; bottom: 80px; margin: 0px; padding: 0px; float: left; width: 100%; clear: none; z-index: 60;}

@media only screen and (min-width: 667px) {
div.slider_1 .full-width {padding: 1% 2% 1% 2%; padding: 0px;}
div.slider_1 .half-width {width: 50%; padding: 0px;}
div.slider_1 .half-width:first-of-type {}
div.slider_1 .half-width:nth-of-type(2) {right: 0px; left: auto;}
div.slider_1 h3 {padding-left: 9%;}
div.slider_1 p {display: block; visibility: visible;}
div.slider_2 .full-width {padding: 1% 2% 1% 2%; padding: 0px;}
div.slider_2 .half-width {width: 50%; padding: 0px;}
div.slider_2 .half-width:first-of-type {}
div.slider_2 .half-width:nth-of-type(2) {right: 0px; left: auto;}
div.slider_2 h3 {padding-left: 9%;}
div.slider_2 p {display: block; visibility: visible;}
}

@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 1170px) {
}
@media only screen and (min-width: 1300px) {
}
@media only screen and (min-width: 1600px) {
}
/* //////////////////////////  LOADER ICON */
.loader-icon {
width: 56px;
height: 24px;
border: 2px #f5fafa solid;
border-radius: 6px;
position: relative;
-webkit-animation: charge 5s linear infinite;
-moz-animation: charge 5s linear infinite;
animation: charge 5s linear infinite;
top: 45%;
left: 48%;
margin: 0 auto;
position:absolute;
display:block;
opacity: 0.55;
}
.loader-icon:after{
width: 6px;
height: 12px;
background-color: #f5fafa;
border-radius: 0px 1px 1px 0px;
position: absolute;
content: "";
top: 4px;
right: -8px;
}
@-webkit-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #f5fafa;}
    100%{box-shadow: inset 60px 0px 0px #f5fafa;}
}
@-moz-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #f5fafa;}
    100%{box-shadow: inset 60px 0px 0px #f5fafa;}
}
@keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #f5fafa;}
    100%{box-shadow: inset 60px 0px 0px #f5fafa;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  TYPO */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; margin-top: 0; font-weight: 300; display: block; color: #ff8200; letter-spacing: 0.025em; word-spacing: 0.025em;}
h1, .h1 {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;}
h2, .h2 {font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em;}
h3, .h3 {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; font-weight: 400;}
h4, .h4 {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; font-weight: 400;}
h5, .h5 {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; font-weight: 400; display: inline;}
h6, .h6 {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; display: inline;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #ffa94c;}
.headline {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 0em; font-weight: 300;}
/* h3:after {content: ''; display: block; background-color: #ff8200; height: 1px; max-width: 70px; width: 100%; margin: 5px 0px 0px 0px;}*/
.title {font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 0em;}
.bigger {font-size: 2.0000em; margin-bottom: 1rem;}
.big {font-size: 3.33333em; margin-bottom: 2.0202rem;}
.big25 {font-size: 125%;}
.big50 {font-size: 150%;}
.biglink {font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; font-weight: 400;}
.plus {font-size: 4em; margin-bottom: 2.42424rem;}
.super {font-size: 5em; margin-bottom: 3.0303rem;}
.ultra {font-size: 6.5em; margin-bottom: 3.93939rem;}
p, .p, .text {font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em; margin: auto auto 1.6250em auto; letter-spacing: 0.025em; word-spacing: 0.025em;}
p.initial:first-letter {float: left; margin: 18px 0px 0px 0px; padding: 0px 10px 0px 0px; font-size: 2.85em; font-family: inherit; line-height: 1.666; text-indent: 0;}
p.lineplus {line-height: 2.0202em;}
p + .initial {text-indent: 0; margin-top: 0;}
p + .indent {text-indent: 1.5rem; margin-top: -1.5rem;}
/*p + p {text-indent: 3.0rem; margin-top: -1.5rem;}*/
abbr {}
abbr[title]:hover {cursor: help;}
em, .italic {font-style: italic;}
u {text-decoration: underline;}
b, .bold, strong, .strong {font-weight: 600;}
.bold400 {font-weight: 400;}
.small, small {font-size: 75%;}
.uppercase {text-transform: uppercase;} 
.spaced {letter-spacing: 0.125em;} 
.narrow {letter-spacing: -0.0370em;} 
.marker {background-color: #ff8200;}
.mono, code {font-family: Consolas, monaco, "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; }
.serif {font-family: Georgia, Garamond, Palatino, "Book Antiqua", Times, Times New Roman, serif;}
.sans {font-family: "Open Sans", "PT Sans", "Helvetica", "Helvetica Neue", "Arial", sans-serif;}
.inline {display: inline;}
.text-block {text-align: justify;}
.statusline {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 0em; font-weight: 400; color: #ffffff; display: inline-block; position: absolute; bottom: 5px; clear: both; 
-webkit-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* chrome */
-moz-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* firefox */
-o-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* opera */
-ms-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* ie 9+ */
-khtml-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* gecko based browser*/
-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* all browser */
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* all browser*/
z-index: 101;}
.headline-img {font-size: 16px; font-size: 1.0000em; line-height: 1.1818em; font-weight: 600; color: #ffffff; display: block; position: absolute; top: 20%; left: 63%; clear: both;
-webkit-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* chrome */
-moz-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* firefox */
-o-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* opera */
-ms-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* ie 9+ */
-khtml-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* gecko based browser*/
-text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* all browser */
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.21); /* all browser*/
z-index: 101;}
/* MOBILE */
@media only screen and (min-width: 768px) {
.statusline {bottom: 13px;} 
.title {font-size: 2.6250em; line-height: 1.2381em; margin-bottom: 0em;}
h2, .h2 {font-size: 42px; font-size: 2.6250em; line-height: 1.2381em; margin-bottom: 0.6190em; margin-top: -0.1250em; font-weight: 300; letter-spacing: 0em; word-spacing: 0em;}
h3, .h3 {font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; font-weight: 300; letter-spacing: 0.015em; word-spacing: 0.0125em;}
h4, .h4 {font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; font-weight: 300; letter-spacing: 0.015em; word-spacing: 0.0125em;}
.biglink {font-size: 26px; font-size: 1.6250em; line-height: 1.0000em;}
.headline-img {font-size: 150%;}
}
@media only screen and (min-width: 1170px) {
h2, .h2 {letter-spacing: -0.0125em; word-spacing: -0.0125em;}
h3, .h3 {letter-spacing: 0em; word-spacing: 0em;}
h4, .h4 {letter-spacing: 0em; word-spacing: 0em;}
.headline-img {font-size: 180%;}
}
@media only screen and (min-width: 1400px) {
.title {font-size: 3.33333em; margin-bottom: 2.0202rem; margin-bottom: 0em;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {letter-spacing: 0em; word-spacing: 0em;}
.headline-img {font-size: 200%;}
}
@media only screen and (min-width: 1900px) {
.title {font-size: 3.33333em; margin-bottom: 2.0202rem; margin-bottom: 0em;}
.headline-img {font-size: 220%;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LISTS LISTING ASIDE BLOCKQUOTE TAGs */
/* UNORDERED LIST BULLET */
ul.list {margin-left: 0em; padding-left: 0; list-style: none; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;}
ul.list li {position: relative; display: block; list-style-type: none; padding: 0px 0px 0px 20px;}
ul.list li:before {content: ""; position: absolute; left: 0; top: 0.4855em; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -1632px;}
ul.list li.list-sub:before {background-image: none;}
/* UNORDERED LIST LEAF */
ul.list-leaf {margin-left: 0em; padding-left: 0; list-style: none; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;}
ul.list-leaf li {position: relative; display: block; list-style-type: none; padding: 0px 0px 0px 20px;}
ul.list-leaf li:before {content: ""; position: absolute; left: 0; top: 0.4855em; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -1680px;}
/* UNORDERED LIST HOOK */
ul.list-hook {margin-left: 0em; padding-left: 0; list-style: none; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;}
ul.list-hook li {position: relative; display: block; list-style-type: none; padding: 0px 0px 0px 20px;}
ul.list-hook li:before {content: ""; position: absolute; left: 0; top: 0.4855em; height: 16px; width: 16px; background-image: url(images/kfo-sprites.png); background-repeat: no-repeat; background-position: 0px -1728px;}
/* UNORDERED LIST LINES */
ul.list-lines {margin-left: 0em;}
ul.list-lines li {list-style-type: none; border-bottom: 1px solid #282726; padding: 0.25em 0em 0.25em 0.09em;}
/* ORDERED LIST */
ol {margin-left: 0; padding-left: 0; counter-reset: item; margin-bottom: 1.5rem;}
ol>li {margin-left: 0; padding-left: 0; counter-increment: item; list-style: none inside; margin-bottom: 10px}
ol>li:before {content: "" counter(item) ""; color: #ffffff; padding: 1px 10px; margin-right: 0.5em; background: #ff8200; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
/* DEFINITION LIST */
dl {margin-bottom: 1.5rem;}
dt {float: left; clear: left; width: 100%; text-align: left; font-size: 1.0000em; line-height: 1.6250em; font-weight: 400; color: #ff8200;}
dd {margin: 0 0 0 1.125em; padding: 0 0 0 0; margin-bottom: 1.0000em;}
/* DEFINITION LIST STYLE1 */
dl.timetable {width: 100%; overflow: hidden; margin: 0; padding: 0;}
dl.timetable dt {float: left; display: inline; width: 100%; padding: 0px 5px 0px 0px; margin: 0; font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 0em; color: #ff8200;}
dl.timetable dd {float: left; display: inline; width: 100%; padding: 0x; margin: 0; font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;}
dl.timetable dd b {font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; letter-spacing: 0.025em; font-weight: 400;}
@media only screen and (min-width: 960px) {
dl.timetable dt {width: 30%;}
dl.timetable dd {width: 70%;}
}
/* ASIDE */
aside {border-left: 3px solid #ff8200; margin: 0px; padding: 0em 0em 0em 1.0000em; color: #ff8200;}
aside.nostyle {border: 0px; margin: 0em; padding: 0em; color: inherit;}
/* BLOCKQUOTE */
blockquote {position: relative; padding: 0em 2.0em 0em 2.0em; color: #ff8200; font-style: italic;}
blockquote:before, blockquote:after {height: 1.0000em; opacity: 1.0; position: absolute; font-size: 3.5em; color: #ff8200; font-family: Georgia, Garamond, Palatino, "Book Antiqua", Times, Times New Roman, serif; font-style: normal;}
blockquote:before {content: "\201C"; top: 0.2750em; left: 0;}
blockquote:after {content: "\201D"; bottom: 0.0350em; right: 0;}
blockquote cite {display: block; padding: 0px; margin: 0px; right: 0; font-size: 13px; font-size: 0.8125em; line-height: 2.000em; text-align: right; color: #282726;}
/* TAG CLOUD */
ul.list-tags {margin: 0px; padding: 0px 10px 0px 0px; text-align: justify;}
ul.list-tags li {margin: 0; padding: 0px; list-style: none; display: inline;}
ul.list-tags li a {text-decoration: none;}
ul.list-tags li a:hover {}		
ul.list-tags li.tag1 {font-size: 100%;}
ul.list-tags li.tag2 {font-size: 120%;}
ul.list-tags li.tag3 {font-size: 140%;}
ul.list-tags li.tag4 {font-size: 155%;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TABLES */
table, .table {width: 100%; border-collapse: collapse; background: #ffffff;}
th, td {border: 1px solid; border-color: #eaeff0 #d6dadb #d6dadb #eaeff0; padding: 10px; font-size: inherit;}
th {background-color: #f4f4f4; text-align: left;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// ACCORDION */
.accordion {width: 100%; min-width: 200px; margin: 0 auto; padding: 0px;}
.accordion ul li {height: 70px; line-height: 70px; border-bottom: 1px solid #7500a6; border-top: 1px solid #ffffff; overflow: hidden;}
.accordion ul li:first-child {border-top: none;}
.accordion ul li:hover {}
.accordion ul li > a {display: block; position: relative; height: 70px; line-height: 1.5em; padding: 5px 30px 0px 0px; outline: none; -webkit-transition: color 0.55s ease-in-out; -moz-transition: color 0.55s ease-in-out; -o-transition: color 0.55s ease-in-out; -ms-transition: color 0.55s ease-in-out; transition: color 0.55s ease-in-out;}
.accordion ul li > a span {background: url('images/icon-arrowdown.png') no-repeat center; text-indent: -9000px; width: 25px; height: 25px; position: absolute; top: 50%; right: -25px; margin-top: -10px; opacity: 1; right: 5px; -webkit-transition: all 0.55s ease-in-out; -moz-transition: all 0.55s ease-in-out; -o-transition: all 0.55s ease-in-out; -ms-transition: all 0.55s ease-in-out; transition: all 0.55s ease-in-out;}
.accordion ul li > a:after {opacity: 0;}
.accordion ul li > a:hover::after, .accordion ul li > a:focus::after {opacity: 0;}
.accordion ul li > a:hover {color: #9d00df;}
.accordion ul li > a:hover span {opacity: 1; right: 5px; color: #9d00df;}
.accordion ul li.accordion-toggle > a {color: #b300ff;}
.accordion ul li.accordion-toggle > a span {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); right: 5px; opacity: 1;}
.accordion-content {padding: 0px 0px 30px 0px;}
.accordion-content p {padding: 0px 2px 0px 2px;}
.accordion-content img {width: 125px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
@media screen and (max-width: 320px){
.accordion ul li > a {font-size: 1.0000em; line-height: 1.0000em;}
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TABBED ACCORDION */
.tab-counter {counter-reset: count-accordion 0;}
.tab-counter h4 {counter-increment: count-accordion 1;}
.tab-counter h4:before {content: counter(count-accordion) ". ";}
.tab {position: relative; width: 100%; min-width: 200px; margin: 0 auto; padding: 0px;}
.tab input {display: none;}
.tab label {display: block; position: relative; height: 70px; line-height: 1.5em; padding: 5px 32px 0px 10px; outline: none; border-bottom: 1px solid #7500a6; border-top: 1px solid #ffffff;  color: #7500a6; cursor: pointer; -webkit-transition: color 0.55s ease-in-out; -moz-transition: color 0.55s ease-in-out; -o-transition: color 0.55s ease-in-out; -ms-transition: color 0.55s ease-in-out; transition: color 0.55s ease-in-out;}
.tab label span {background: url('images/icon-arrowdown.png') no-repeat center; text-indent: -9000px; width: 25px; height: 25px; position: absolute; top: 50%; right: -25px; margin-top: -10px; opacity: 1; right: 5px; -webkit-transition: all 0.55s ease-in-out; -moz-transition: all 0.55s ease-in-out; -o-transition: all 0.55s ease-in-out; -ms-transition: all 0.55s ease-in-out; transition: all 0.55s ease-in-out;}
.tab label:hover {opacity: 1; color: #9d00df;}
.tab input:checked ~ label {opacity: 1; color: #9d00df; border-bottom: 1px solid #fefefe; background-color: #fefefe;}
.tab input:checked ~ label span {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); right: 5px; opacity: 1;}
.tab .tab-content {background-color: #fefefe; overflow: hidden; max-height: 0;}
.tab .tab-content p {padding: 10px;}
.tab input:checked ~ .tab-content {max-height: 100vh; -webkit-transition: all 0.55s ease-in-out; -moz-transition: all 0.55s ease-in-out; -o-transition: all 0.55s ease-in-out; -ms-transition: all 0.55s ease-in-out; transition: all 0.55s ease-in-out;}
@media screen and (max-width: 480px){
.tab label {height: 4.4em; font-size: 1.0000em; line-height: 1.2000em;}
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// TABS TABBED CONTENT */
.tabbed-cont {min-width: 320px; max-width: 100%; margin: 0px;}
.tabbed-cont section {display: none; padding: 0px; border-top: 1px solid #7500a6;}
.tabbed-cont input {display: none;}
.tabbed-cont label {display: inline-block; margin: 0 0 -1px; padding: 15px; font-size: 0; text-align: center; color: #7500a6; border: 1px solid transparent;}
.tabbed-cont label:before {font-weight: normal; margin-right: 10px;}
.tabbed-cont label[for*='1']:before { content: '\003e'; }
.tabbed-cont label[for*='2']:before { content: '\003e'; }
.tabbed-cont label[for*='3']:before { content: '\003e'; }
.tabbed-cont label[for*='4']:before { content: '\003e'; }
.tabbed-cont label:hover {color: #9d00df; cursor: pointer;}
.tabbed-cont input:checked + label {color: #b300ff; border: 1px solid #b300ff; border-top: 2px solid #b300ff; border-bottom: 1px solid #ffffff;}
.tabbed-cont #tab1:checked ~ #content1, 
.tabbed-cont #tab2:checked ~ #content2, 
.tabbed-cont #tab3:checked ~ #content3, 
.tabbed-cont #tab4:checked ~ #content4 {display: block;}
@media only screen and (min-width: 768px) {
.tabbed-cont label {font-size: 18px;}
.tabbed-cont label:before {margin: 0; font-size: 18px;}
}
@media only screen and (min-width: 1170px) {
.tabbed-cont label {padding: 15px;}
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// LEXIKON MODUL LEX */
nav.lexikon {top: 0; left: 0; position: -webkit-sticky; position: sticky; width: 100%; padding: 0px; margin: 0px; text-align: center;}
a.lex-link-letter {position: relative; display: inline-block; text-decoration: none; width: 48px; height: 48px; margin: 0px 3px 10px 3px; padding: 10px 0px 0px 0px; border: 1px #c86cf0 solid; background-color: #7500a6; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-weight: bold; text-align: center; color: #ffffff;}
a.lex-link-letter:hover {background-color: #9d00df; border-color: #b300ff;}
a.lex-link-letter.lex-link-letter-act {background-color: #b300ff;}
a.lex-link-letter::before, a.lex-link-letter::after {position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border: 2px solid rgba(117,0,166,0.25);
-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.55s, opacity 0.55s; -moz-transition: -moz-transform 0.55s, opacity 0.55s; transition: transform 0.55s, opacity 0.55s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2);}
a.lex-link-letter::after {width: 70px; height: 70px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8);}
a.lex-link-letter:hover::before, a.lex-link-letter:hover::after, a.lex-link-letter:focus::before, a.lex-link-letter:focus::after {opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1);}
.lex-letter {width: 48px; height: 48px; padding: 7px 0px 0px 0px; border: 2px #ff8200 solid; background-color: #ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-weight: bold; font-size: 28px; line-height: 28px; text-align: center; color: #ff8200;}
dl.lexikon {width: 100%; overflow: hidden; margin: 0; padding: 0;}
dl.lexikon dt {float: left; display: inline; width: 100%; padding: 0px 10px 0px 2px; margin: 0; font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; margin-bottom: 1.1818em; letter-spacing: 0.025em; color: #ff8200;}
dl.lexikon dd {float: left; display: inline; width: 100%; padding: 0x; margin: 0; font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin-bottom: 1.6250em;}
@media only screen and (min-width: 960px) {
dl.lexikon dt {width: 30%; background-color: #ffffff;}
dl.lexikon dd {width: 70%; background-color: #ffffff;}
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// IMAGES IMG SVGs ICONS */
.ie9 img[src$=".svg"] {width: 100%;} /* IE9 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
img[src$=".svg"] {width: 100%;} /* IE10+ */
}
.img {max-width: 100%; width: 100%; max-height: 100%; height: auto;}
.img50 {max-width: 50%; width: 50%; max-height: 50%; height: auto;}
.img75 {max-width: 75%; width: 75%; max-height: 75%; height: auto;}
.img100 {max-width: 100px;} 
.img150 {max-width: 150px;} 
.img200 {max-width: 200px;} 
.img250 {max-width: 250px;}
.img300 {max-width: 300px;} 
.img400 {max-width: 400px;}
.img450 {max-width: 450px;}
.img540 {max-width: 540px;} 
.img600 {max-width: 600px;}
.img-embedleft {margin: 1% 7% 1% 0%; text-align: left; float: left; left: 0px;}
.img-team {min-width: 170px; min-height: 170px; max-width: 260px; max-height: 260px}
.img-round {-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
.img-sharp {image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges;}
.img-mask {-webkit-mask-image: linear-gradient(to top, transparent 0%, #fffdf4 10%); mask-image: linear-gradient(to top, transparent 0%, #fffdf4 10%);}
.img-blur {-webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur"); filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius = '3'); filter: blur(3px);}
.icon {display: inline; overflow: hidden; height: 18px; padding-left: 18px; padding-bottom: 4px; background-repeat: no-repeat; background-image: url(images/kfo-sprites.png);}
.icon-termin {width: 32px; height: 32px; display: block; text-align: left; float: left; left: 0px;} 
.ipostal {background-position: 0px 0px;}
.iphone {background-position: 0px -18px}
.ifax {background-position: 0px -36px}
.imail {background-position: 0px -54px}
/* FIGURE */
figure {padding: 0em 0em 0em 0em; margin: 0px; display: inline; display: inline-block; float: left; position: relative;} 
figure img {padding: 0px; margin: 0px; display: block; position: relative; width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;}
figcaption {display: block; margin-top: 0em; padding: 0em 0.11em 0.44em 0.11em; font-size: 10px; font-size: 0.6250em; line-height: 1.6250em; margin-bottom: 1.0000em; text-align: left; color: #282726;}
figure.block {display: block; float: none; clear: both;} 
/* FIGURE LINK HOVER FX */
figure.link-figure {position: relative; display: block; float: none; overflow: hidden; padding: 0em 0em 0em 0em; margin: 0em 0em 2.0000em 0em; min-width: 100%; max-width: 100%; width: 100%; background: #7500a6; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; text-align: center; cursor: pointer;}
figure.link-figure img {position: relative; padding: 0px; margin: 0px; display: block; min-height: 100%; width: 100%; max-width: 100%; height: auto; opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; transition: opacity 0.76s, transform 0.76s;}
figure.link-figure img.zoom {width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 2.76s, -webkit-transform 2.76s; transition: opacity 2.76s, transform 2.76s; -webkit-transform: translate3d(-30px,0,0) scale(1.12); transform: translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
figure.link-figure:hover img {opacity: 0.22; -webkit-transform: translate3d(0,0,0) scale(1.10); transform: translate3d(0,0,0) scale(1.10);}
figure.link-figure figcaption {padding: 2em; color: #ffffff; text-transform: uppercase; font-size: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden;}	
figure.link-figure figcaption::before, figure.link-figure figcaption::after {pointer-events: none;}
figure.link-figure figcaption, figure.link-figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
figure.link-figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0;	opacity: 0;}
figure.link-figure figcaption a.figure {border: 0px; background-color: transparent; text-decoration: none;}
figure.link-figure h2 {position: absolute; right: 0; left: 0; bottom: 0; padding: 0.5em 0.5em 27% 0.5em; margin: 0; text-align: center; color: #7500a6;
-webkit-text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* chrome */
-moz-text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* firefox */
-o-text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* opera */
-ms-text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* ie 9+ */
-khtml-text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* gecko based browser*/
-text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* all browser */
text-shadow: 2px 2px 9px rgba(247,239,226,0.95); /* all browser*/
}
figure.link-figure p {margin: 0; padding: 0px; width: 100%; text-align: center;	opacity: 0; -webkit-transition: opacity 0.76s, -webkit-transform 0.76s; transition: opacity 0.76s, transform 0.76s; -webkit-transform: translate3d(0,-280px,0);	transform: translate3d(0,-280px,0);}
figure.link-figure:hover p {opacity: 1;	-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
figure.link-figure:hover h2 {opacity: 0.11;}
figure.link-figure span.caption-sub, figure span.caption-sub {display: block; position: relative; float: none; clear: both; margin: 0px 0px 0px 0px; font-size: 75%; text-align: center; color: #eae4da; background-color: #c5bfb5;}
a.link-image {}
a.link-image:hover {}
a.link-image img {}
a.link-image:hover img {}
.videoframe {-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;} 
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  BGIMG */
.hero-bg-img {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; overflow: hidden;}
.hero-bg-img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%;}
.hero-bg-img-scroll-wrapper {position: absolute; display: block; top: 50px; left: 0px; width: 100%; max-width: 100%; height: 100%; max-height: 100%; overflow: hidden;}
.hero-bg-img-scroll {position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; overflow: hidden;}
.hero-bg-img-scroll img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; overflow: hidden;} 
/* DESKTOP*/
@media only screen and (min-width: 1170px) {
.hero-bg-img-scroll-wrapper {top: 80px;}
.img-mask {}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  CIRCLE IMAGE GALLERY */
.circle-grid {display: block; position: relative; float: none; margin: 0px auto 0px auto; padding: 0px; text-align: center; width: 100%;}
.circle-grid:after, .circle-item:before {content: ''; display: table;}
.circle-grid:after {clear: both;}
.circle-grid li {width: 230px; height: 230px; display: inline-block; position: relative; margin: 0px 30px 30px 0px; float: left; list-style-type: none;}
.circle-grid li.center {margin: 0px auto 30px auto; float: none; text-align: center;}
.circle-item {width: 100%; height: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden;
position: relative; cursor: default; box-shadow: inset 0 0 0 10px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); transition: all 0.55s ease-in-out; background-position: center; background-size: cover;}
.circle-text {position: absolute; background: rgba(117,0,166, 0.8); width: inherit; height: inherit; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; opacity: 0; transition: all 0.55s ease-in-out; transform: scale(0);}
.circle-text h3 {margin: 0px; padding: 60px 20px 0px 20px; font-size: 22px; font-size: 1.3750em; line-height: 1.1818em; text-transform: none; color: #fafafa;}
.circle-text p {margin: 0px; padding: 20px 30px 0px 30px; color: #fafafa; opacity: 0; transition: all 1s ease-in-out 0.55s; font-size: 10px; font-size: 0.6250em; line-height: 1.300em;}
.circle-item:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1);}
.circle-item:hover .circle-text {transform: scale(1); opacity: 1;}
.circle-item:hover .circle-text p {opacity: 1;}
.circle-item:hover .circle-text h3 {opacity: 1;}
a.circle-link {display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; padding: 50px 20px 5px 20px; font-weight: 300; color: #fafafa; height: 100%; width: 100%; text-indent: -999999999px;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// LINES AND BORDERS */
hr, .hr {display: block; width: 100%; height: 2px; line-height: 2px; border: 0; clear:both; outline: 0; margin: 7px 0px 9px 0px; padding: 0px 0px 0px 0px; top: 0px; text-align: center; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.light {border-top: 1px solid #aa9660; border-bottom: 1px solid #ffffff;}
.underline {width: 100%; height: 2px; line-height: 2px; margin: -2px auto 24px auto; padding: 0px 0px 0px 0px; text-align: center; background-color: #ff8200;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// FRAME MODULES */
.framecontent {position: relative; height: 0; overflow: hidden;}
.framecontent iframe {position: absolute; top: -2px; left: 0; width: 100%; height: 100%;}
/* Aspect Ratio */
.framecontent-16x9 {padding-bottom: 56.25%;}
.framecontent-4x3 {padding-bottom: 75%;}
.framecontent-ratio {padding-bottom: 75%;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// CHART DATA */
.chart {position: relative; display: inline-block; width: 120px; height: 120px; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; text-align: center;}
.chart canvas {position: absolute; top: 0; left: 0;}
.percent {display: inline-block; line-height: 120px; color: #ff8200;}
.percent:after {content: '%'; margin-left: 0.1em;}
.grade {position: relative; display: inline-block; width: 120px; height: 120px; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; text-align: center;}
.grade canvas {position: absolute; top: 0; left: 0;}
.gradenumber {display: inline-block; line-height: 120px; color: #ff8200;}
.gradenumber:after {content: '\2205'; margin-left: 0.1em;}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// FORMS FORMULAR */
form, form.feedbackform, form.searchform {font-family: "Open Sans", "PT Sans", "Helvetica", "Helvetica Neue", "Arial", sans-serif; font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin: 0 0 0 0; padding: 0px; font-weight: 400;}
label, input, button, select, textarea {font-family: "Open Sans", "PT Sans", "Helvetica", "Helvetica Neue", "Arial", sans-serif; font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; margin: 0 0 0 0; padding: 0px; vertical-align: baseline; *vertical-align: middle;}
/* FORM LAYOUT */
div.fieldwrapper {width: 100%; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px; border: 0px solid; background-color: transparent;}
div.fieldwrapper:hover, div.fieldwrapper:focus {}
/* LABEL */
div.fieldwrapper label {float: none; position: relative; display: inline; top: 6px; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 6px; font-size: 13px; font-size: 0.8125em; line-height: 2em; text-align: left; color: #ff8200;}
div.fieldwrapper label.required {background: transparent url(images/icon-form-required.gif) no-repeat left center; color: #ff8200;}
div.fieldwrapper label.marked {background: transparent url(images/icon-form-marked.gif) no-repeat left center; color: #df0000;}
div.fieldwrapper label.checked {background: transparent url(images/icon-form-checked.gif) no-repeat left center; color: #90b200;}
div.fieldwrapper label span {float: left; width: 150px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 0px; text-align: right;}
/* FIELDS */
div.thefield {float: left; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%;}
div.thefield:hover, div.thefield:focus {color: #282726;}
div.thefield.inputstyle {vertical-align: top; width: 100%; height: 3.250em;}
div.thefield.inputstyle label {top: 0px;}
/* INPUT TEXT */
div.fieldwrapper div.thefield input[type=text] {vertical-align: top; width: 100%; height: 3.250em; padding: 1.0000em 2px 0px 10px; margin: -20px 0px 0px 0px;}
/* TEXTAREA margin-top: -8px; _NO__DOTCOMMA__AFTER__*/
div.fieldwrapper div.thefield textarea {vertical-align: top; width: 100%; height: 9.750em; padding: 1.0000em 2px 0px 10px; margin: -20px 0px 0px 0px;}
div.fieldwrapper div.thefield textarea:hover, div.fieldwrapper div.thefield textarea:focus {}
/* SELECT */
div.fieldwrapper div.thefield select {vertical-align: top; width: 100%; height: 1.450em; cursor: pointer;}
div.fieldwrapper div.thefield select:hover, div.fieldwrapper div.thefield select:focus {}
/* DROPDOWN */
div.fieldwrapper div.thefield .formpull {width: 100%; height: 1.6250em;}
/* RADIO */
div.fieldwrapper div.thefield input[type=radio] {width: 1.0000em; height: 1.0000em; vertical-align: middle; margin: 0px; cursor: pointer;}
div.fieldwrapper div.thefield input[type=radio]:hover, div.fieldwrapper div.thefield input[type=radio]:focus {}
/* CHECKBOX STANDARD */
div.fieldwrapper div.thefield input[type=checkbox] {width: 1.0000em; height: 1.0000em; vertical-align: middle; margin: 0px; cursor: pointer;}
div.fieldwrapper div.thefield input[type=checkbox]:hover, div.fieldwrapper div.thefield input[type=checkbox]:focus {}
/* CHECKBOX SWITCH DESIGN */
div.fieldwrapper div.thefield .switch-input {cursor: pointer; display: inline-block; left: -24px;}
div.fieldwrapper div.thefield .switch-design {display: inline-block; background-color: #fafafa; border: 1px solid; border-color: #7500a6; outline: none; border-radius: 16px; width: 60px; height: 32px; position: relative; vertical-align: middle; transition: background 0.25s;}
div.fieldwrapper div.thefield .switch-design.marked {background: #ffdddd;}
div.fieldwrapper div.thefield .switch-design:before, div.fieldwrapper div.thefield .switch-design:after {content: "";}
div.fieldwrapper div.thefield .switch-design:before {display: block; background: linear-gradient(to bottom, #9d00df 0%, #7500a6 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0,0,0,0.15); width: 24px; height: 24px; position: absolute; top: 3px; left: 3px; transition: left 0.25s;}
div.fieldwrapper div.thefield .switch-input:hover .switch-design:before {background: linear-gradient(to bottom, #b300ff 0%, #9d00df 100%); box-shadow: 0 0 0 1px rgba(0,0,0,0.65);}
div.fieldwrapper div.thefield .switch-checkbox {position: absolute; visibility: hidden;}
div.fieldwrapper div.thefield .switch-checkbox:checked + .switch-design:before {}
div.fieldwrapper div.thefield .switch-checkbox:checked + .switch-design {background: #90b200;}
div.fieldwrapper div.thefield .switch-checkbox:checked + .switch-design:before {left: 30px; background: linear-gradient(to bottom, #ffffff 0%, #90b200 100%);}
div.fieldwrapper div.thefield .switch-text {margin-left: 80px; position: relative; top: -32px; margin-bottom: 0px;}
div.fieldwrapper div.thefield .switch-text.marked {color: #df0000;}
/* GENERAL FIELD STYLES AND FX WITH HOVER */
div.fieldwrapper div.thefield input[type=text],
div.fieldwrapper div.thefield input[type=checkbox],
div.fieldwrapper div.thefield textarea,
div.fieldwrapper div.thefield select,
div.thefield.inputstyle {
color: #5f574f; 
background-color: #fafafa; 
border: 1px solid; 
border-color: #7500a6; 
outline: none; 
transition: all 0.55s ease-out;
-webkit-transition: all 0.55s ease-out;
-moz-transition: all 0.55s ease-out;
-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
}
div.fieldwrapper div.thefield input[type=text]:hover, 
div.fieldwrapper div.thefield input[type=text]:focus,
div.fieldwrapper div.thefield input[type=checkbox]:hover,
div.fieldwrapper div.thefield input[type=checkbox]:focus,
div.fieldwrapper div.thefield textarea:hover,
div.fieldwrapper div.thefield textarea:focus,
div.fieldwrapper div.thefield select:hover, 
div.fieldwrapper div.thefield select:focus,
div.thefield.inputstyle:hover, 
div.thefield.inputstyle:focus
{
border-color: #9d00df; 
color: #282726;
}
/* ERROR INFO */
div.fieldwrapper div.thefield input[type=text].marked,
div.fieldwrapper div.thefield textarea.marked,
div.fieldwrapper div.thefield select.marked,
div.thefield.inputstyle.marked
{background-color: #ffdddd;}
h3.marked {background: transparent url(images/icon-form-marked.gif) no-repeat left center; padding-left: 20px;}
li.marked {padding-left: 8px; background: transparent url(images/icon-form-marked.gif) no-repeat left center; color: #df0000;}
.formerror {width: 100%; padding: 9px; margin: 0px 0px 20px 20px; border-left: 4px #df0000 solid;}
/* FORMCHECK */
.formcheck {width: 100%; visibility: hidden; display: none;}
/* SPECIAL FORMATS  */
div.fieldwrapper div.thefield input[type=text].short30 {width: 30%; float: left; display: block; text-align: left;}
div.fieldwrapper div.thefield input[type=text].short70 {width: 60%; float: left; display: block; text-align: left; margin-top: -41px;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  MAIN CONTENT AND FOOTER */
.kfo-main-content {min-height: 100vh; z-index: 200; max-width: 100%; margin: 50px auto 0px auto; padding: 0px; display: block;}
.footer-wrapper {max-width: 100%; width: 100%; margin: 120px auto 0px auto; padding: 0px; display: block; position: relative; background-color: #ffffff; z-index: 10;}
.footer {max-width: 100%; margin: 0px auto 0px auto; padding: 0px 0px 60px 0px; display: block; position: relative; color: #5f574f; z-index: 10;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  NAVIGATION MENU */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////   */
 {display: none;}
input[type=search]::-ms-clear, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {display: none;}
.kfo-main-content, .kfo-head {position: relative; -webkit-transition: -webkit-transform 0.55s; -moz-transition: -moz-transform 0.55s;transition: transform 0.55s; /* webkit hardware acceleration  */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); will-change: transform;}

/* MOBILE */
@media only screen and (max-width: 1169px) {
.kfo-main-content.nav-is-visible, .kfo-head.nav-is-visible {-webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px);}
.nav-on-left .kfo-main-content.nav-is-visible, .nav-on-left .kfo-head.nav-is-visible {-webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px);}
}
/* //////////////////////////  HEADER KFO-HEAD */
.kfo-head {height: 50px; background: #ff8200; z-index: 301;}
.nav-is-fixed .kfo-head {position: fixed; top: 0; left: 0; width: 100%;} /* ADD CLASS TO BODY FOR FIXED NAV */
/* //////////////////////////  HEADER LOGO BUTTONS */
a.kfo-logo {position: absolute; top: 0px; display: block; width: 190px; height: 50px; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; text-decoration: none; cursor: pointer; background: #ff8200 url('images-kfo-praxis/logo-kieferorthopaede-praxis.png') no-repeat 0px 0px; background-size: 100%;}
a.kfo-logo:hover {background-position: 0px -50px;}
.kfo-head-buttons {position: absolute; display: inline-block; top: 3px; right: 5%;}
.kfo-head-buttons li {display: inline-block;}
/* MOBILE */
@media only screen and (max-width: 1169px) {
.nav-on-left .kfo-head-buttons {right: auto; left: 5%;}
.nav-on-left .kfo-head-buttons li {float: right;}
}
/* DESKTOP */
@media only screen and (min-width: 1170px) {
a.kfo-logo {left: 5%;}
a.kfo-logo {width: 300px; height: 79px;} 
a.kfo-logo:hover {background-position: 0px -79px;}
.kfo-head {height: 80px;}
.kfo-head::after {clear: both; content: ""; display: table;}
.kfo-head-buttons {top: 18px; right: 5%;}
.kfo-main-content {max-width: 90%; margin: 80px auto 0px auto; padding: 0px;}	
.footer {max-width: 90%;}
}
/* DESKTOP LARGE */
@media only screen and (min-width: 1900px) {
a.kfo-logo {left: 12.5%;}
.kfo-head-buttons {right: 10%;}
.kfo-main-content {max-width: 75%;}
.footer {max-width: 75%;}
}
/* //////////////////////////  HEADER SEARCH/NAV TRIGGER */
.kfo-search-trigger, .kfo-nav-trigger {position: relative; display: block; width: 44px; height: 44px; overflow: hidden; white-space: nowrap; color: transparent; z-index: 301;}
/* SEARCH ICON */
.kfo-search-trigger::before, .kfo-search-trigger::after {content: ''; position: absolute;  -webkit-transition: opacity 0.55s; -moz-transition: opacity 0.55s; transition: opacity 0.55s;
/* webkit hardware acceleration  */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}
/* LINSE */
.kfo-search-trigger::before {top: 11px; left: 11px; width: 18px; height: 18px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 3px solid #a9a39b;}
/* GRIFF */
.kfo-search-trigger::after {height: 3px; width: 8px; background: #a9a39b; bottom: 14px; right: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* CLOSE CONTAINER */
.kfo-search-trigger span {position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
/* CLOSE ICON */
.kfo-search-trigger span::before, .kfo-search-trigger span::after {content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%;
margin-left: -11px; background: #a9a39b; opacity: 0; /* webkit hardware acceleration  */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.55s, -webkit-transform 0.55s; -moz-transition: opacity 0.55s, -moz-transform 0.55s; transition: opacity 0.55s, transform 0.55s;}
.kfo-search-trigger span::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.kfo-search-trigger span::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
/* HIDE SEARCH ICON */
.kfo-search-trigger.search-is-visible::before, .kfo-search-trigger.search-is-visible::after {opacity: 0;}
/* SHOW CLOSE ICON */
.kfo-search-trigger.search-is-visible span::before, .kfo-search-trigger.search-is-visible span::after {opacity: 1;}
.kfo-search-trigger.search-is-visible span::before {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.kfo-search-trigger.search-is-visible span::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* NAV ICON BURGER */
.kfo-nav-trigger span, .kfo-nav-trigger span::before, .kfo-nav-trigger span::after {position: absolute; display: inline-block; height: 3px; width: 24px; background: #ffffff;}
/* NAV ICON BURGER CENTERLINE */
.kfo-nav-trigger span {position: absolute; top: 50%; right: 10px; margin-top: -2px; -webkit-transition: background 0.55s 0.55s; -moz-transition: background 0.55s 0.55s; transition: background 0.55s 0.55s;}
/* NAV ICON BURGER TOP- AND BOTTOMLINE */
.kfo-nav-trigger span::before, 
.kfo-nav-trigger span::after {content: ''; right: 0; /* webkit hardware acceleration  */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.55s 0.55s; -moz-transition: -moz-transform 0.55s 0.55s; transition: transform 0.55s 0.55s;}
.kfo-nav-trigger span::before {top: -6px;}
.kfo-nav-trigger span::after {top: 6px;}
/* NAV ICON BURGERHIDE CENTER LINE */
.kfo-nav-trigger.nav-is-visible span {background: rgba(46, 50, 51, 0);}
/* NAV ICON BURGER VISIBLE OTHER LINES */
.kfo-nav-trigger.nav-is-visible span::before, .kfo-nav-trigger.nav-is-visible span::after {background: #ffffff;}
.kfo-nav-trigger.nav-is-visible span::before {-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg); -moz-transform: translateX(4px) translateY(-3px) rotate(45deg); -ms-transform: translateX(4px) translateY(-3px) rotate(45deg); -o-transform: translateX(4px) translateY(-3px) rotate(45deg); transform: translateX(4px) translateY(-3px) rotate(45deg);}
.kfo-nav-trigger.nav-is-visible span::after {-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg); -moz-transform: translateX(4px) translateY(2px) rotate(-45deg); -ms-transform: translateX(4px) translateY(2px) rotate(-45deg); -o-transform: translateX(4px) translateY(2px) rotate(-45deg); transform: translateX(4px) translateY(2px) rotate(-45deg);}
/* DONT SHOW TRIGGER ON DESKTOP */
@media only screen and (min-width: 1170px) {
.kfo-nav-trigger {display: none;}
}
/* //////////////////////////  MOBILE PRIMARY NAV  */
/* ////////////////////////////////////////////////////  */
.kfo-primary-nav, .kfo-primary-nav ul {position: fixed; top: 0; right: 0; height: 100%; width: 260px; background: #ffffff; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 100; /* webkit hardware acceleration  */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.55s; -moz-transition: -moz-transform 0.55s; transition: transform 0.55s; overflow: hidden; text-overflow: ellipsis;}
/* //////////////////////////  MOBILE PRIMARY NAV ITEMS */
.kfo-primary-nav a, .kfo-primary-nav ul a {
display: block;
height: 50px;
line-height: 30px;
padding: 10px 2px 0px 10px;
color: #7500a6;
font-size: 16px; 
font-size: 1.0000em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px #dadedf solid;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.55s, opacity 0.55s;
-moz-transition: -moz-transform 0.55s, opacity 0.55s;
transition: transform 0.55s, opacity 0.55s;
background-color: transparent;
background: none;
}
/* PRIMARY NAV DEFAULT HIDDEN */
.kfo-primary-nav.is-hidden, .kfo-primary-nav ul.is-hidden {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%);
transform: translateX(100%);}
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
.kfo-primary-nav.moves-out > li > a, .kfo-primary-nav ul.moves-out > li > a {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
/* SEE ALL LINK */
.kfo-primary-nav .see-all a {color: #7500a6;}
/* //////////////////////////  COLUMN NAV */
.kfo-primary-nav .cd-nav-columns .cd-nav-item {height: 80px;}
.kfo-primary-nav .cd-nav-columns .cd-nav-item span {height: 80px;}
/* MOBILE NAV SUB */
/* by default .kfo-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
@media only screen and (max-width: 1169px) {
.nav-on-left .kfo-primary-nav, .nav-on-left .kfo-primary-nav ul {right: auto; left: 0; border-left: 1px #dadedf solid;}
.kfo-primary-nav a, .kfo-primary-nav ul a {color: #7500a6;}
.kfo-primary-nav a:hover, .kfo-primary-nav ul a:hover {color: #9d00df;}
.kfo-primary-nav {visibility: hidden; -webkit-transition: visibility 0s 0.55s; -moz-transition: visibility 0s 0.55s; transition: visibility 0s 0.55s;}
.kfo-primary-nav.nav-is-visible {visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s;}
.kfo-primary-nav .cd-nav-columns .cd-nav-item {padding: 0px 2px 0px 10px; height: 30px; border-bottom: 1px #dadedf solid;}
.kfo-primary-nav .cd-nav-columns .cd-nav-item span {color: #a9a39b;}
.kfo-primary-nav .cd-nav-columns .cd-nav-item p {visibility: hidden; display: none;}
.kfo-primary-nav .cd-nav-columns li:nth-last-of-type(1) {border-bottom: 0px #ffffff solid;}
}
/* DESKTOP PRIMARY NAV */
@media only screen and (min-width: 1170px) {
.kfo-primary-nav {position: static; padding: 0px 5% 0 0; height: auto; width: auto; float: right; overflow: visible; background: transparent;}
.kfo-primary-nav::after {clear: both; content: ""; display: table;}
/* RESET MOBILE STYLES */
.kfo-primary-nav.moves-out > li > a {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
opacity: 1;}
.kfo-primary-nav ul {position: static; height: auto; width: auto; background: transparent; overflow: visible; z-index: 301;}
.kfo-primary-nav ul.is-hidden {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.kfo-primary-nav ul.moves-out > li > a {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1;}
.kfo-primary-nav > li {float: left; margin-left: 0em;}
/* DESKTOP PRIMARY NAV LINK STYLE */
.kfo-primary-nav > li > a {position: relative; display: inline-block; height: 80px; line-height: 80px; padding: 7px 10px 0px 10px; color: #ffffff; overflow: visible; border-bottom: none; -webkit-transition: color 0.55s, box-shadow 0.55s; -moz-transition: color 0.55s, box-shadow 0.55s; transition: color 0.55s, box-shadow 0.55s;}
.kfo-primary-nav > li > a:hover {color: #9d00df;}
.kfo-primary-nav > li > a.selected {color: #b300ff;}
.kfo-primary-nav .go-back, .kfo-primary-nav .see-all {display: none;}
/* DESKTOP DROPDOWN NAV ITEM */
.kfo-primary-nav .cd-secondary-nav, 
.kfo-primary-nav .cd-nav-columns {
position: absolute;
top: 80px;
width: 100%;
width: 99.5vw; /* SAFARI BUG VIEWPORT WIDTH */
padding: 0px 0px 0px 8px;
margin: 0px;
background-color: #fffdf4;
background-color: rgba(255, 250, 245, 0.25);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 0.55s 0s, visibility 0s 0s;
-moz-transition: opacity 0.55s 0s, visibility 0s 0s;
transition: opacity 0.55s 0s, visibility 0s 0s;
}
.kfo-primary-nav .cd-secondary-nav::after, .kfo-primary-nav .cd-nav-columns::after {clear: both; content: ""; display: table;}
.kfo-primary-nav .cd-secondary-nav.is-hidden, .kfo-primary-nav .cd-nav-columns.is-hidden {opacity: 0; visibility: hidden; -webkit-transition: opacity 0.55s 0s, visibility 0s 0.55s; -moz-transition: opacity 0.55s 0s, visibility 0s 0.55s; transition: opacity 0.55s 0s, visibility 0s 0.55s;}
/* SEE ALL BUTTON ON DROPDOWN NAV */
.kfo-primary-nav .cd-secondary-nav > .see-all, 
.kfo-primary-nav .cd-nav-columns > .see-all {display: block; position: absolute; left: 0; bottom: 0; height: 80px; width: 100%; overflow: hidden; margin: 0; padding: 0;}
.kfo-primary-nav .cd-secondary-nav > .see-all a,
.kfo-primary-nav .cd-nav-columns > .see-all a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; font-size: 1.5rem; font-weight: 400; text-align: center; line-height: 80px; border-top: 1px solid #7500a6; border-bottom: none; margin: 0; padding: 0; -webkit-transition: color 0.55s, background 0.55s, border 0.55s; -moz-transition: color 0.55s, background 0.55s, border 0.55s; transition: color 0.55s, background 0.55s, border 0.55s;}
.kfo-primary-nav .cd-secondary-nav > .see-all a:hover, 
.kfo-primary-nav .cd-nav-columns > .see-all a:hover {background: #ffffff; border-color: #7500a6; color: #ffffff;}
/* set height and col width - you can even set height: auto */
.kfo-primary-nav .cd-secondary-nav > li {height: auto; width: 23%; float: left; margin-right: 2.66%; border-right: 1px solid #dadedf; overflow: hidden; overflow-x: hidden; overflow-y: auto;  -webkit-overflow-scrolling: touch;}
/* +2 because we have 2 list items with display: none */
.kfo-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {margin-right: 0; border-right: none;}
/* SECONDARY NAV TITLE */
.kfo-primary-nav .cd-secondary-nav > li > a {color: #a9a39b; font-weight: 400; font-size: 1.5rem; margin-bottom: .5em;}
.kfo-primary-nav .cd-secondary-nav a {height: 30px; line-height: 30px; padding: 0 18% 0 0; color: #a9a39b; border-bottom: none; font-size: 1.4rem;}
.kfo-primary-nav .cd-secondary-nav a:hover {color: #9d00df;}
.kfo-primary-nav .cd-secondary-nav ul {/* webkit hardware acceleration  */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0);
transform: translateZ(0);}
/* TERTIARY NAV */
.kfo-primary-nav .cd-secondary-nav ul ul {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.kfo-primary-nav .cd-secondary-nav ul ul.is-hidden {-webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}
.kfo-primary-nav .cd-secondary-nav ul ul .go-back {display: block;}
.kfo-primary-nav .cd-secondary-nav ul ul .go-back a {color: transparent;}
.kfo-primary-nav .cd-secondary-nav ul ul .see-all {display: block;}
/* PUSH NAV ITEMS TO LEFT AND LOWER OPACITY WHEN TERTIARY NAV SLIDES IN */
.kfo-primary-nav .cd-secondary-nav .moves-out > li > a {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%);
transform: translateX(-100%);}
/* //////////////////////////  COLUMNSTYLE */
.kfo-primary-nav .col2, .kfo-primary-nav .col3, .kfo-primary-nav .col5 {margin: 0px; padding: 0px; display: block; float: left;}
.kfo-primary-nav .col2 {width: 50%;}
.kfo-primary-nav .col3 {width: 33.33%;}
.kfo-primary-nav .col5 {width: 20%;}
.kfo-primary-nav .cd-nav-columns li {width: 100%; float: left; margin: 0px; border-top: 0px; border-bottom: 1px #dadedf solid; border-right: 1px #dadedf solid; }
/* +2 because two list items with display: none */
.kfo-primary-nav .cd-nav-columns li:nth-child(3n+2) {margin-right: 0;}
/* SECONDARY NAV ITEM */
.kfo-primary-nav .cd-nav-columns .cd-nav-item {font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; padding: 22px 0px 0px 10px; position: relative;}
.kfo-primary-nav .cd-nav-columns a.cd-nav-item:hover {background: #ffffff; color: #9d00df; -webkit-transition: opacity 0.55s 0s, visibility 0s 0.55s, -webkit-transform 0.55s 0s; -moz-transition: opacity 1.55s 0s, visibility 0s 1.55s, -moz-transform 1.55s 0s; transition: opacity 1.55s 0s, visibility 0s 1.55s, transform 1.55s 0s; background-color: rgba(255, 255, 255, 0.55);}
/* LIST ITEM SPAN */
.kfo-primary-nav .cd-nav-columns .cd-nav-item span {padding: 0px; margin: 0px; height: 80px; font-size: 16px; font-size: 1.0000em; line-height: 1.6250em; font-weight: 400; color: #a9a39b; background-color: #fffdf4; background-color: rgba(255, 250, 245, 0.25);}
.kfo-primary-nav .cd-nav-columns .cd-nav-item:hover span {color: #a9a39b;}
.kfo-primary-nav .cd-nav-columns .cd-nav-item p {display: block;}
}
/* END DESKTOP PRIMARY NAV */
/* DESKTOP LARGE PRIMARY NAV */
@media only screen and (min-width: 1900px) {
.kfo-primary-nav {padding: 0 12.5% 0 0;}
}
.has-children > a, .go-back a {position: relative;}
/* FOR NESTED NAV ARROW ICONS */
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px;
width: 10px; background: #7500a6; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.has-children > a::before, .go-back a::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.has-children > a::after, .go-back a::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
/* DESKTOP NESTED NAV ARROW ICONS */
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {background: #fffefd;}
.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {background: #9d00df;}
}
.has-children > a {padding-right: 40px;}
/* ARROWS ON RIGHT AT CHILD NAV */
.has-children > a::before, .has-children > a::after {right: 10px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%;
transform-origin: 9px 50%;}
.has-children > a:hover::before, .has-children > a:hover::after {background: #9d00df;}
/* ARROWS ON LEFT AT BACK BUTTON */
.kfo-primary-nav .go-back a {padding-left: 25px;}
.kfo-primary-nav .go-back a::before, .kfo-primary-nav .go-back a::after {left: 10px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; background: #7500a6;}
.kfo-primary-nav .go-back a::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.kfo-primary-nav .go-back a::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.kfo-primary-nav .go-back a:hover::before, .kfo-primary-nav .go-back a:hover::after {background: #9d00df;}
/* DESKTOP */
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {right: 15%;}
/* DESKTOP MAIN NAV ARROWS */
.kfo-primary-nav > .has-children > a {padding-right: 30px !important;}
.kfo-primary-nav > .has-children > a::before, .kfo-primary-nav > .has-children > a::after {margin-top: 9px; width: 9px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #fffefd; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.55s, -webkit-transform 0.55s; -moz-transition: width 0.55s, -moz-transform 0.55s; transition: width 0.55s, transform 0.55s;}
.kfo-primary-nav > .has-children > a::before {right: 12px;}
.kfo-primary-nav > .has-children > a::after {right: 7px;}
.kfo-primary-nav > .has-children > a:hover::before, .kfo-primary-nav > .has-children > a:hover::after {background: #9d00df;}
.kfo-primary-nav > .has-children > a.selected::before, .kfo-primary-nav > .has-children > a.selected::after {width: 14px; background: #b300ff;}
.kfo-primary-nav > .has-children > a.selected::before {-webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg);}
.kfo-primary-nav > .has-children > a.selected::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* REMOVE ARROWS ON SECONDARY TITLE */
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {display: none;}
.kfo-primary-nav .go-back a {padding-left: 20px;}
.kfo-primary-nav .go-back a::before, .kfo-primary-nav .go-back a::after {left: 1px;}
}
/* //////////////////////////  SEARCH INPUT */
.kfo-search {position: absolute; height: 50px; width: 100%; top: 50px; left: 0; z-index: 301; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.55s 0s, visibility 0s 0.55s; -moz-transition: opacity 0.55s 0s, visibility 0s 0.55s; transition: opacity 0.55s 0s, visibility 0s 0.55s;}
.kfo-search form {height: 100%; width: 100%;}
.kfo-search input {border-radius: 0; border: none; background: #ffffff; height: 100%; width: 100%; padding: 0 5%; box-shadow: inset 0 1px 0 #dadedf, 1px 6px rgba(0, 0, 0, 0.05); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.kfo-search input::-webkit-input-placeholder {color: #7500a6;}
.kfo-search input::-moz-placeholder {color: #7500a6;}
.kfo-search input:-moz-placeholder {color: #7500a6;}
.kfo-search input:-ms-input-placeholder {color: #7500a6;}
.kfo-search input:focus {outline: none;}
.kfo-search.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.55s 0s, visibility 0s 0s; -moz-transition: opacity 0.55s 0s, visibility 0s 0s; transition: opacity 0.55s 0s, visibility 0s 0s;}
.nav-is-fixed .kfo-search {position: fixed;}
/* DESKTOP */
@media only screen and (min-width: 1170px) {
.kfo-search {height: 120px; top: 80px;}
.kfo-search input {padding: 0 2em; font-size: 3.2rem; font-weight: 400;}
}
/* //////////////////////////  NAV OVERLAY */
.cd-overlay {position: fixed; z-index: 200; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.55s 0s, visibility 0s 0.55s, -webkit-transform 0.55s 0s; -moz-transition: opacity 0.55s 0s, visibility 0s 0.55s, -moz-transform 0.55s 0s; transition: opacity 0.55s 0s, visibility 0s 0.55s, transform 0.55s 0s; background-color: rgba(255, 253, 244, 0.92);}
.cd-overlay.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.55s 0s, visibility 0s 0s, -webkit-transform 0.55s 0s; -moz-transition: opacity 0.55s 0s, visibility 0s 0s, -moz-transform 0.55s 0s; transition: opacity 0.55s 0s, visibility 0s 0s, transform 0.55s 0s;}
/* MOBILE */
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {-webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px);}
.nav-on-left .cd-overlay.is-visible {-webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px);}
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
}
/* //////////////////////////  NO JS FAILOVER */
.no-js .kfo-primary-nav {position: relative; height: auto; width: 100%; overflow: visible; visibility: visible; z-index: 200;}
.no-js .kfo-search {position: relative; top: 0; opacity: 1; visibility: visible;}
/* DESKTOP */
@media only screen and (min-width: 1170px) {
.no-js .kfo-primary-nav {position: absolute; z-index: 301; display: inline-block; width: auto; top: 0; right: 150px; padding: 0;}
.no-js .nav-is-fixed .kfo-primary-nav {position: fixed;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  END MENU */

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  START GRID */
/*  SECTIONS  */
.section {clear: both; padding: 0px; margin: 0px;}
/*  COLUMN SETUP  */
.col {display: block; float: left; padding: 0px; margin: 0% 0% 0% 2%;}
.col:first-child {margin-left: 0;}
/*  GROUPING  */
.group:before,
.group:after {content: ""; display: table; }
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.span_12 {width: 100%;}
.span_11 {width: 91.5%;}
.span_10 {width: 83%;}
.span_9 {width: 74.5%;}
.span_8 {width: 66%;}
.span_7 {width: 57.5%;}
.span_6 {width: 49%;}
.span_5 {width: 40.5%;}
.span_4 {width: 32%;}
.span_3 {width: 23.5%;}
.span_2 {width: 15%;}
.span_1 {width: 6.5%;}

.span_4_full {padding: 3px; margin: 0px; width: 33.33333333333333333333333333%;}
.span_6_full {padding: 3px; margin: 0px; width: 50%;}

.grid-3 {display: block; width: 33%; min-width: 270px; max-width: 1024px; height: 100%; float: left;}

/* MOBILE FULL WIDTH COLS */
@media only screen and (max-width: 960px) {
.col {margin: 0% 0% 0% 0%;}
.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12 {width: 100%;}
.span_4_full {padding: 3px; margin: 0px; width: 100%;}
.span_6_full {padding: 3px; margin: 0px; width: 100%;}
.grid-3 {width: 100%;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  END GRID */

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  BASIC OVERWRITES */
.nopad {padding: 0px;}
.pad-s {padding: 1%;}
.pad {padding: 4%;}
.pad-x, pad-lr {padding-left: 4%; padding-right: 4%;}
.pad-y, pad-tb {padding-top: 4%; padding-bottom: 4%;}
.pad-l {padding-left: 4%;} 
.pad-r {padding-right: 4%;} 
.pad-t {padding-top: 4%;} 
.pad-b {padding-bottom: 4%;} 

.nomargin {margin: 0px;}
.margin {margin: 20px;}
.margin-top {margin-top: 20px;}
.margin-bottom {margin-bottom: 20px;}
.margin-left {margin-left: 20px;}
.margin-right {margin-right: 20px;}

.margin-top-big  {margin-top: 200px;}
.align-bottom {position: absolute; bottom: 20px;}

.border-top {border-top: 3px #ffffff solid;}
.border-bottom {border-bottom: 3px #ffffff solid;}
.border-left {border-left: 3px #ffffff solid;}
.border-cat {border-top: 3px #ff8200 solid;}
.border {border: 1px #ffffff solid;}

.max-w-25 {max-width: 25%;}
.max-w-33 {max-width: 33%;}
.max-w-50 {max-width: 50%;}
.max-w-75 {max-width: 75%;}
.max-w-100 {max-width: 100%;}

.headerimage {min-height: 120px; height: 22vw; display: block; position: relative; background-size: cover; background-position: center; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;} 

/* SCREENSIZE TARGETING */
/* ONLY MOBILE */
@media only screen and (max-width: 1169px) {
.nomobilenav {display: none !important; visibility: hidden;}
}
/* GENERAL MOBILE FIRST */
.nomobile {display: none !important; visibility: hidden;} 
.onlymobile {display: block !important; visibility: visible;}
.nodesktop {display: block !important; visibility: visible;}
.onlydesktop {display: none !important; visibility: hidden;}
table.onlymobile, table.nodesktop {display: table !important;}

@media only screen and (min-width: 768px) {
.headerimage {min-height: 300px; max-height: 300px; height: 24vw;}
/*
.headerimage:before {background: url('images/bg-pattern-raster-2.png') repeat 0 0;
opacity: 0.90;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
display: block;
content: "";
}
*/
.margin {margin: 60px;}
.margin-top {margin-top: 60px;}
.margin-bottom {margin-bottom: 60px;}
.margin-left {margin-left: 60px;}
.margin-right {margin-right: 60px;}
}

@media only screen and (min-width: 1170px){
.nomobile {display: block !important; visibility: visible;}
.onlymobile {display: none !important; visibility: hidden;} 
.nodesktop {display: none !important; visibility: hidden;}
.onlydesktop {display: block !important; visibility: visible;}
table.no-mobile, table.only-desktop {display: table !important;}
.headerimage {min-height: 400px; max-height: 400px; height: 25vw;} 
}

@media only screen and (min-width: 1900px) {
.headerimage {min-height: 500px; max-height: 500px; height: 20vw;}
}
/* ORIENTATION TARGETING */
@media only screen and (orientation: landscape) {
.onlylandscape, .noportrait {display: block !important;}
.nolandscape, .onlyportrait {display: none !important;}
}
@media only screen and (orientation: portrait) {
.onlylandscape, .noportrait {display: none !important;}
.nolandscape, .onlyportrait {display: block !important;}
}

.noshow {display: none; visibility: hidden;}
.hidetext {text-indent: -999999px; display: block;}
.center {text-align: center; margin-left: auto; margin-right: auto;}
.left {text-align: left; float: left; left: 0px;}
.right {text-align: right; float: right; right: 0px;}

/* COLORS */
.orange1 {color: #8c4800;}
.orange2 {color: #b25c00;}
.orange3 {color: #d97000;}
.orange4 {color: #ff8200;}
.orange5 {color: #ff9626;}
.orange6 {color: #ffa94c;}
.orange7 {color: #ffbb73;}
.orange8 {color: #ffce99;}
.orangedk {color: #b25c00;}
.orange, .accent {color: #ff8200;}
.orangelt {color: #ffce99;}

.greydk {color: #5f574f;}
.grey {color: #938b82;}
.greylt {color: #a9a39b;}

.white {color: #ffffff;}
.white1 {color: #e8e8e8;}
.white2 {color: #eeeeee;}
.white3 {color: #f4f4f4;}
.white4 {color: #fafafa;}
.white5 {color: #ffffff;}

.beigexdk {color: #948d88;}
.beigedk {color: #c5bfb5;}
.beige {color: #ddd6ca;}
.beigelt {color: #eae4da;}
.beigexlt {color: #f7efe2;}

.black {color: #121211;}
.blacktext {color: #282726;}
.green {color: #90b200;}
.error {color: #df0000;}

.text-beige, .text-beige h1, .text-beige h2, .text-beige h3, .text-beige h4, .text-beige h5, .text-beige h6 {color: #f7efe2 !important;}

.bgno {background: transparent;}
.bgorange1 {background: #8c4800;}
.bgorange2 {background: #b25c00;}
.bgorange3 {background: #d97000;}
.bgorange4 {background: #ff8200;}
.bgorange5 {background: #ff9626;}
.bgorange6 {background: #ffa94c;}
.bgorange7 {background: #ffbb73;}
.bgorange8 {background: #ffce99;}
.bgorangedk {background-color: #b25c00; background-color: rgba(178,92,0,0.99);}
.bgorange {background-color: #ff8200; background-color: rgba(255,130,0,0.99);}
.bgorangelt {background-color: #ffce99; background-color: rgba(255,245,187,0.99);}

.bggreydk {background: #5f574f; background-color: rgba(95,87,79,0.99);}
.bggrey {background: #938b82; background-color: rgba(147,139,130,0.99);}
.bggreylt {background: #a9a39b; background-color: rgba(169,163,155,0.99);}

.bgwhite {background-color: #ffffff; background-color: rgba(255,255,255,0.99);}
.bgwhite1 {background: #e8e8e8;}
.bgwhite2 {background: #eeeeee;}
.bgwhite3 {background: #f4f4f4;}
.bgwhite4 {background: #fafafa;}
.bgwhite5 {background: #ffffff;}

.bgbeigexdk {background-color: #948d88; background-color: rgba(148,141,136,0.99);}
.bgbeigedk {background-color: #c5bfb5; background-color: rgba(197,191,181,0.99);}
.bgbeige {background-color: #ddd6ca; background-color: rgba(221,214,202,0.99);}
.bgbeigelt {background-color: #eae4da; background-color: rgba(234,228,218,0.99);}
.bgbeigexlt {background-color: #f7efe2; background-color: rgba(247,239,226,0.99);}

.bggreen {background: #90b200;}
.bgpurpledk {background-color: #5c0082; background-color: rgba(92,0,130,0.99);}
.bgpurple {background-color: #7400a4; background-color: rgba(116,0,164,0.99);}
.bgpurplelt {background-color: #b400ff; background-color: rgba(180,0,255,0.99);}

.bgblack {background-color: #121211; background-color: rgba(0,0,0,0.99);}
.bgblackalpha {background-color: #121211; background-color: rgba(0,0,0,0.20);}
.bgpattern {background-image: url('images/bg-pattern-raster.png'); background-repeat: repeat; background-position: left top; background-attachment: scroll;}

.bggrad {background: rgb(255,130,0); background: linear-gradient(117deg, rgba(255,130,0,1) 25%, rgba(255,150,38,1) 40%, rgba(255,212,0,1) 48%, rgba(247,239,226,1) 49%, rgba(169,163,155,1) 50%, rgba(179,0,255,1) 55%, rgba(117,0,166,1) 60%, rgba(255,150,38,1) 75%, rgba(255,130,0,1) 90%);}

.overlay-noise {position: relative; display: block; height: 1999%; width: 1999%; left: -999%; top: -999%; padding: 0px; margin: 0px; background-image: url('images/bg-pattern-noise.png'); background-repeat: repeat; background-position: left top; background-attachment: fixed; float: none; clear: both; z-index: 0; } 
.overlay-raster {position: relative; display: block; height: 1999%; width: 1999%; left: -999%; top: -999%; padding: 0px; margin: 0px; background-image: url('images/bg-pattern-raster.png'); background-repeat: repeat; background-position: left top; background-attachment: fixed; float: none; clear: both; z-index: 0; } 
.overlay-circle {position: absolute; bottom: 0; right: 0; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80; background-image: url('images/overlay-circle.png'); background-repeat: no-repeat; background-position: right bottom; background-attachment: fixed; float: none; clear: both; z-index: 0;}
.overlay-circle-orange {padding: 1px 10px; margin-right: 0.5em; background: #ff8200; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60;} 
.overlay-corporate {position: absolute; bottom: 0; right: 0; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; background-image: url('images/overlay-corporate.png'); background-repeat: no-repeat; background-position: right bottom; background-attachment: scroll; float: none; clear: both; background-size: contain; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; z-index: 100;} 
.overlay-line {position: absolute; bottom: 0px; right: 0; display: block; width: inherit; height: 35px; padding: 0px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; background-image: url('images/overlay-line.png'); background-repeat: repeat-x; background-position: bottom right; background-attachment: scroll; float: none; clear: both; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; z-index: 100;}
.overlay-fx {position: absolute; bottom: 0; right: 0; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; background-image: url('images/bg-pattern-fx.png'); background-repeat: repeat; background-position: left top; background-attachment: scroll; float: none; clear: both; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; z-index: 100; transform: translate(0, 0); 
-ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges;
}
.overlay-gradient {background-image: url('images/overlay-gradient.png'); background-repeat: repeat-y; background-position: right bottom; background-attachment: fixed; float: none; clear: both; z-index: 0;} 
.overlay-stripes {position: absolute; bottom: 0; right: 0; display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30;; background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #ff8200 5px, #ff8200 10px), linear-gradient(to bottom, #fffdf4, #fffdf4); z-index: 0; } 

/* set noscaleobject class for overlay-slide - see noscaleobject in JS config */
.overlay-slide {position: relative; display: block; height: 1999%; width: 1999%; left: -999%; top: -999%; padding: 0px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90; background-image: url('images/bg-pattern-noise.png'); background-repeat: repeat; background-position: left top; background-attachment: scroll; float: none; clear: both; z-index: 0;}

.alpha10 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity: 0.10; -khtml-opacity: 0.10; opacity: 0.10;}
.alpha20 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.20; -khtml-opacity: 0.20; opacity: 0.20;}
.alpha30 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30;}
.alpha40 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.40; -khtml-opacity: 0.40; opacity: 0.40;}
.alpha50 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50;}
.alpha60 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.60; -khtml-opacity: 0.60; opacity: 0.60;}
.alpha70 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70;}
.alpha80 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.80; -khtml-opacity: 0.80; opacity: 0.80;}
.alpha90 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.90; -khtml-opacity: 0.90; opacity: 0.90;}

@media only screen and (min-width: 768px) {
.overlay-line {height: inherit; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50;}
}
@media only screen and (max-width: 960px) {
.whitemobile {color: #ffffff;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SHADOW, FX */
.round {-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;} 
.round-bottom {-webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;} 
.circle {-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;} 
.circle-frame {-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: inset 0 0 0 10px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); transition: all 0.55s ease-in-out; display: block; margin: 0px; padding: 0px; display: inline-block;}
.circle-frame img {position: relative; z-index:-2; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.inset {text-shadow: -1px -1px 1px #121211, 2px 2px 1px #a9a39b;}
.retro {text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.50), 5px 5px 0px rgba(0, 0, 0, 0.30), 7px 7px 0px rgba(0, 0, 0, 0.20), 9px 9px 0px rgba(0, 0, 0, 0.10);}
.shadowstrong {text-shadow: 3px 3px 6px rgba(95, 87, 79, 0.56);}
.shadow {text-shadow: 3px 3px 6px rgba(95, 87, 79, 0.36);}
.shadowlight {text-shadow: 3px 3px 6px rgba(95, 87, 79, 0.16);}
.shine {text-shadow: 1px 1px 9px rgba(255, 253, 244, 0.66);}
.depth {text-shadow: -1px -1px 1px rgba(255, 253, 244, 0.46);}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  ANIMATION */
.ani-master, main {
animation: masterfade ease 1.76s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode: forwards; /*when the spec is finished*/
-webkit-animation: masterfade ease 1.76s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/ 
-moz-animation: masterfade ease 1.76s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode: forwards; /*FF 5+*/
-o-animation: masterfade ease 1.76s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode: forwards; /*Not implemented yet*/
-ms-animation: masterfade ease 1.76s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode: forwards; /*IE 10+*/
}
@keyframes masterfade {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
}
@-moz-keyframes masterfade {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
}
@-webkit-keyframes masterfade {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
}
@-o-keyframes masterfade {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
}
@-ms-keyframes masterfade {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
}
.ani-top-in {-webkit-animation: ani-top-in 0.76s; -moz-animation: ani-top-in 0.76s; -ms-animation: ani-top-in 0.76s; -o-animation: ani-top-in 0.76s; animation: ani-top-in 0.76s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes ani-top-in {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=61)"; filter: alpha(opacity=61); -moz-opacity: 0.76; -khtml-opacity: 0.76; opacity: 0.76; -webkit-transform: scale(1, 1) translateY(-200%);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateY(0);}
}
@keyframes ani-top-in {
  0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=61)"; filter: alpha(opacity=61); -moz-opacity: 0.76; -khtml-opacity: 0.76; opacity: 0.76; transform: scale(1, 1) translateY(-200%);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; transform: scale(1, 1) translateY(0);}
}
.ani-spin {overflow: hidden; -webkit-animation: ani-spin 60s linear infinite; -moz-animation: ani-spin 60s linear infinite; animation: ani-spin 60s linear infinite;}
@-moz-keyframes ani-spin { 100% { -moz-transform: rotate(360deg);} }
@-webkit-keyframes ani-spin { 100% { -webkit-transform: rotate(360deg);} }
@keyframes ani-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);} }
.zoomout {
animation: ani-zoomout ease-out 9s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode:forwards; /*when the spec is finished*/
-webkit-animation: ani-zoomout ease-out 9s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
-moz-animation: ani-zoomout ease-out 9s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode:forwards; /*FF 5+*/
-o-animation: ani-zoomout ease-out 9s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards; /*Not implemented yet*/
-ms-animation: ani-zoomout ease-out 9s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards; /*IE 10+*/
}
@keyframes ani-zoomout {
0% {
opacity: 1;
transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.99;
transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-moz-keyframes ani-zoomout{
0% {
opacity: 1;
-moz-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.99;
-moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-webkit-keyframes ani-zoomout {
0% {
opacity: 1;
-webkit-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.99;
-webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-o-keyframes ani-zoomout {
0% {
opacity: 1;
-o-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.99;
-o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-ms-keyframes ani-zoomout {
0% {
opacity: 1;
-ms-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.99;
-ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@media only screen and (max-width: 960px) {
.fadeout-mobile {
animation: ani-zoomoutfadeout ease-out 9s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode:forwards; /*when the spec is finished*/
-webkit-animation: ani-zoomoutfadeout ease-out 9s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
-moz-animation: ani-zoomoutfadeout ease-out 9s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode:forwards; /*FF 5+*/
-o-animation: ani-zoomoutfadeout ease-out 9s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode:forwards; /*Not implemented yet*/
-ms-animation: ani-zoomoutfadeout ease-out 9s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode:forwards; /*IE 10+*/
}
@keyframes ani-zoomoutfadeout {
0% {
opacity: 0.36;
transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.26;
transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-moz-keyframes ani-zoomoutfadeout{
0% {
opacity: 0.36;
-moz-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.26;
-moz-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-webkit-keyframes ani-zoomoutfadeout {
0% {
opacity: 0.36;
-webkit-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.26;
-webkit-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-o-keyframes ani-zoomoutfadeout {
0% {
opacity: 0.36;
-o-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.26;
-o-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
@-ms-keyframes ani-zoomoutfadeout {
0% {
opacity: 0.36;
-ms-transform:  translate(30px,30px)  scaleX(1.26) scaleY(1.26) ;
}
100% {
opacity: 0.26;
-ms-transform:  translate(0px,0px)  scaleX(1.00) scaleY(1.00) ;
}
}
}
.fadein {
-webkit-animation: fadein 2.29s;
-moz-animation: fadein 2.29s;
-ms-animation: fadein 2.29s;
-o-animation: fadein 2.29s;
animation: fadein 2.29s;
-webkit-animation-name: fadein; 
-moz-animation-name: fadein;
-ms-animation-name: fadein;
-o-animation-name: fadein;
animation-name: fadein;
-webkit-animation-duration: 2.29s; 
-moz-animation-duration: 2.29s; 
-ms-animation-duration: 2.29s; 
-o-animation-duration: 2.29s; 
animation-duration: 2.29s; 
-webkit-animation-fill-mode: both; 
-moz-animation-fill-mode: both; 
-ms-animation-fill-mode: both; 
-o-animation-fill-mode: both; 
animation-fill-mode: both;
}
@keyframes fadein {
0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: scale(1, 1) translateX(0);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateX(0);}
}
@-moz-keyframes fadein {
0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: scale(1, 1) translateX(0);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateX(0);}
}
@-webkit-keyframes fadein {
0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: scale(1, 1) translateX(0);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateX(0);}
}
@-ms-keyframes fadein {
0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: scale(1, 1) translateX(0);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateX(0);}
}
@-o-keyframes fadein {
0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: scale(1, 1) translateX(0);}
100% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateX(0);}
}
.ani-leftin {-webkit-animation-name: ani-leftin; animation-name: ani-leftin; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;  -webkit-backface-visibility: visible; backface-visibility: visible;}
@-webkit-keyframes ani-leftin {
0% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; -webkit-transform: scale(1, 1) translateX(-900%);}
100% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transform: scale(1, 1) translateX(0);}
}
@keyframes ani-leftin {
0% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; transform: scale(1, 1) translateX(-900%);}
100% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; transform: scale(1, 1) translateX(0);}
}
.ani-flip {
  animation-duration: 0.55s;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: ani-flip;
  animation-name: ani-flip;
}
@-webkit-keyframes ani-flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes ani-flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.ani-text-grad {background: rgb(255,130,0); background-image: linear-gradient(110deg, rgba(255,130,0,1) 25%, rgba(255,150,38,1) 40%, rgba(255,212,0,1) 48%, rgba(247,239,226,1) 49%, rgba(169,163,155,1) 50%, rgba(179,0,255,1) 55%, rgba(117,0,166,1) 60%, rgba(255,150,38,1) 75%, rgba(255,130,0,1) 90%); background-size: auto auto; background-size: 200% auto; color: #fffdf4; background-clip: border-box; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: ani-text-grad 20s linear infinite; animation-delay: -1s; animation-timing-function: cubic-bezier(35.00, 0.05, 0.05, 35.00);}
@keyframes ani-text-grad {
0%, 25% {transform: translateX(0);}
33%, 66% { transform: translateX(-0px);}
100% {transform: translateX(0px); background-position: 200% center;}    
}
.ani-text-grad2 {background: rgb(255,130,0); background-image: linear-gradient(140deg, rgba(255,130,0,1) 0%, rgba(255,150,38,1) 34%, rgba(255,212,0,1) 36%, rgba(247,239,226,1) 38%, rgba(169,163,155,1) 40%, rgba(179,0,255,1) 45%, rgba(117,0,166,1) 55%, rgba(255,130,0,1) 100%);}
.ani-grad {background: linear-gradient(270deg, rgb(255,130,0), rgba(117,0,166,1)); background-size: 400% 400%; animation: ani-grad 25s ease infinite;}
@keyframes ani-grad {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.hardwearacceleration {
/* Hardware Acceleration Hack */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
transform-style: flat;
-webkit-transform-style: flat;
-moz-transform-style: flat;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  PRINT SETUP */
.only-print {display: none !important;}
@page {margin: 0.5cm;}
@media print {
.only-print {display: block !important;}
.no-print, .scrolltotop, header, .kfo-head, .kfo-primary-nav, .footer-wrapper, .hero-bg-img, .hero-bg-img-scroll-wrapper {display: none !important;}
* {box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important;}
body, .main-content {width: 100%; margin: 0px; padding: 0px; background: #ffffff !important; color: #000000 !important;}
h1, h2, h3, h4, h5, h6 {page-break-after: avoid; page-break-inside: avoid;}
p, .p {color: #000000 !important;}
blockquote, pre {page-break-inside: avoid;}
img {page-break-after: avoid; page-break-inside: avoid; max-width: 100% !important;}
table, tr, td {page-break-inside: avoid;}
thead {display: table-header-group;}
ul, ol, dl  {page-break-before: avoid;}
a {page-break-inside: avoid;}
/* a[href^=http]:after {content:" <" attr(href) "> ";} */
$a:after > img {content: "";}
a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
a:not(:local-link):after {content:" <" attr(href) "> ";}
iframe, ins, video, audio {display: none; width: 0 !important; height: 0 !important; overflow: hidden !important; line-height: 0pt !important; white-space: nowrap;}
/* PAPER FORMAT */
body.A3 {width: 297mm; height: 419mm}
body.A3.landscape {width: 420mm; height: 296mm}
body.A4 {width: 210mm; height: 296mm}
body.A4.landscape {width: 297mm; height: 209mm}
body.A5 {width: 148mm; height: 209mm}
body.A5.landscape {width: 210mm; height: 147mm}
body.letter {width: 216mm; height: 279mm}
body.letter.landscape {width: 280mm; height: 215mm}
body.legal {width: 216mm; height: 356mm}
body.legal.landscape {width: 357mm; height: 215mm}
/* CHROME FIX */
body.A3.landscape {width: 420mm}
body.A3, body.A4.landscape {width: 297mm}
body.A4, body.A5.landscape {width: 210mm}
body.A5                    {width: 148mm}
body.letter, body.legal    {width: 216mm}
body.letter.landscape      {width: 280mm}
body.legal.landscape       {width: 357mm}
* {-webkit-print-color-adjust: exact !important; color-adjust: exact !important;}
}  
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// MEDIA QUERIES  */
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), 
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi), 
only screen and ( min-resolution: 1.25dppx) {
* {-webkit-font-smoothing: subpixel-antialiased;}
}
/* //////////////////////////  iPad [portrait + landscape] */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* //////////////////////////  iPads [landscape] ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* //////////////////////////  iPads [portrait] ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* //////////////////////////  iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
}

/* //////////////////////////  [Min-Width] The following CSS will apply if the viewing area is greater than 900px.*/
@media only screen and (min-width : 900px) {
}

/* //////////////////////////  [Max-Width] The following CSS will apply if the viewing area is smaller than 1280px.*/
 
@media only screen and (max-width : 1280px) {
}