/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  riz SETUP */
/* 
////////////////////////////////////////////////////////////////  BREAKPOINT - SCREENSIZE
(max-width: 480px) (min-width: 576px) (min-width: 768px) (max-width: 960px) (min-width: 961px) (min-width: 1280px) (min-width: 1680px)
////////////////////////////////////////////////////////////////  COLOR
BLUE: 		#003d5f  -  #0078b4  -  #009ee3  -  #d4edfc -  #d8effd
DARKBLUE:	#00598c
YELLOW: 	#e6b800  -  #ffcc00  -  #ffe682  -  #ffefce

WHITE: 		#f5f1eb  -  #fffcf7  -  #ffffff
GREY: 		#877f7b  -  #b5aca5  -  #dfd4cc  
BLACK:		#040505  -  #2e2b28  -  #4a4541

MAGENTA: #cb1983
BLUE: #009ee3 (ACCENT)

LINK: #00a1e6 (0,161,230)
LINK-HOVER: #4fcaff (79,202,255) / ACTIVE #5dceff (93,206,255) 
RED/ORANGE CLOSELINK: #ec6623 / HOVER #fcd9c9

LINK/BUTTON BORDER DARK: #0075a7
LINK/BUTTON BORDER LIGHT: #b2e8ff

NAVCOLOR LINK: #00a2e8 (0,162,232)
NAVCOLOR HOVER: #52cbff (82,203,255) 
NAVCOLOR ACTIVE / ACTIVE BORDER: #66d1ff
NAVCOLOR MOBILE BACKGROUND: #feffff / #f5fafa
NAVCOLOR BORDERS: #e1dfdc / #e6f5fe
NAVCOLOR NAVICONS: #00a1e7

SELECTTEXT: #2e3336 SELECTBG #dbf1ff
BODY-BACKGROUND + NAV BACKGROUND: #fdfefe (253,254,254)
CONTENT-BACKGROUND SOFT WHITE: #fffbf5
BORDER/FRAME: #d4edfc

COPYTEXT BODY: #003857 (FOR UNDERLINES ETC. #d1cbc7) 
HEADLINES: #0075b0 #0078b4 #007cba
HEADLINES GREY: #73706e
STATUSLINE: #ccc9c2
FOOTERTEXT: #003451
OTHER UNIMPORTANT: #b0a9a4
////////////////////////////////////////////////////////////////  FONT STACK
font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;
font-family: "Libre Baskerville", Georgia, Palatino, Garamond, "Book Antiqua", Times, Times New Roman, serif;
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FONT SETUP */
/* public-sans-200 - latin */
@font-face {
font-family: 'Public Sans';
font-style: normal;
font-weight: 200;
src: url('fonts-riz/public-sans-v4-latin-200.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts-riz/public-sans-v4-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-riz/public-sans-v4-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts-riz/public-sans-v4-latin-200.woff') format('woff'), /* Modern Browsers */
url('fonts-riz/public-sans-v4-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-riz/public-sans-v4-latin-200.svg#PublicSans') format('svg'); /* Legacy iOS */
}
/* public-sans-300 - latin */
@font-face {
font-family: 'Public Sans';
font-style: normal;
font-weight: normal;
font-weight: 300;
src: url('fonts-riz/public-sans-v4-latin-300.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts-riz/public-sans-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-riz/public-sans-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts-riz/public-sans-v4-latin-300.woff') format('woff'), /* Modern Browsers */
url('fonts-riz/public-sans-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-riz/public-sans-v4-latin-300.svg#PublicSans') format('svg'); /* Legacy iOS */
}
/* public-sans-600 - latin */
@font-face {
font-family: 'Public Sans';
font-style: normal;
font-weight: 600;
src: url('fonts-riz/public-sans-v4-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts-riz/public-sans-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-riz/public-sans-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts-riz/public-sans-v4-latin-600.woff') format('woff'), /* Modern Browsers */
url('fonts-riz/public-sans-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-riz/public-sans-v4-latin-600.svg#PublicSans') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-regular - latin */
@font-face {
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 300;
src: url('fonts-riz/libre-baskerville-v7-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
url('fonts-riz/libre-baskerville-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-riz/libre-baskerville-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts-riz/libre-baskerville-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts-riz/libre-baskerville-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-riz/libre-baskerville-v7-latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  RESET */
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {margin: 0px; padding: 0px; border: none; border: 0px; outline: 0px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -o-box-sizing: inherit; -ms-box-sizing: inherit; box-sizing: inherit; *behavior:url(boxsizing.htc); font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; font-weight: normal; font-weight: 300; line-height: 1; font: inherit; text-decoration: none; list-style: none; vertical-align: bottom;
line-break: auto;
-webkit-overflow-wrap: break-word; 
-moz-overflow-wrap: break-word; 
-ms-overflow-wrap: break-word; 
overflow-wrap: break-word; 
-webkit-word-break: break-word; 
-moz-word-break: break-word;
-ms-word-break: break-word;
word-break: break-word; 
-webkit-word-wrap: break-word;
-moz-word-wrap: break-word;
-ms-word-wrap: break-word;
word-wrap: normal; 
word-wrap: break-word;
-webkit-hyphens: auto; 
-moz-hyphens: auto; 
-ms-hyphens: auto; 
 hyphens: auto;
-webkit-hyphenate-limit-chars: 6 3 4; -webkit-hyphenate-limit-lines: 4;
-ms-hyphenate-limit-chars: 6 3 4; -ms-hyphenate-limit-lines: 4;
hyphenate-limit-chars: 6 3 4; hyphenate-limit-lines: 4;
hyphenate-limit-last: always; -ms-hyphenate-limit-last: always;
hyphenate-limit-zone: 10%;
white-space: normal; color: inherit; background: transparent; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
html,body,div,a,applet,span,object,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,optgroup,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark {margin: 0px; padding: 0px; border: none; border: 0px; outline: 0px;}
body:not(:-moz-handler-blocked) fieldset {display: table-cell;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary {display: block;}
/* RESET TYPO */
input, abbr, acronym, code, kbd, q, samp, var {quotes: none; -ms-hyphens: none; -o-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
pre, pre code, code, kbd, samp {white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre; white-space: pre-wrap; overflow: auto;}
ol, ul, dl {list-style: none;}
abbr[title], acronym[title] {position: relative; border-bottom: none; text-decoration: none; border-bottom: 0.075em dotted #d1cbc7; cursor: help;}
abbr[title]:hover:after, abbr[title]:focus:after, acronym[title]:hover:after, acronym[title]:focus:after {content: attr(title); position: absolute; left: -20px; bottom: -50px; width: auto; white-space: nowrap; background-color: #003857; color: #fffcf7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 1px 1px 5px 0 rgba(51,51,51,0.5); font-size: 14px; padding: 0px 10px; z-index: 999;}
form, input, textarea, button, select, fieldset, optgroup {margin: 0px; font-size: 100%; line-height: normal; border: 0px; color: inherit; font: inherit; text-transform: none; overflow: visible;}
input[type=checkbox], input[type=radio], [type=checkbox], [type=radio] {padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
input[type=number]:-webkit-inner-spin-button, input[type=number]:-webkit-outer-spin-button {height: auto;} 
[type=search] {-webkit-appearance: textfield; outline-offset: -2px;}
[type=search]:-webkit-search-cancel-button, [type=search]:-webkit-search-decoration {-webkit-appearance: none;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0;}
textarea {overflow: auto; white-space: pre-wrap;}
button, html [type=button], input[type=button], input[type=submit], input[type=reset], input[type=reset], input[type=submit], [type=button], [type=reset], [type=submit] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled], [disabled] {cursor: default} 
button:-moz-focus-inner, input:-moz-focus-inner {border: 0; padding: 0}
button:-moz-focus-inner, [type=button]:-moz-focus-inner, [type=reset]:-moz-focus-inner, [type=submit]:-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline: 1px dotted ButtonText;}
:-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
a, button, html input[type=button] {border: none; border: 0px; outline: 0; text-decoration: none; background-color: transparent; cursor: pointer;}
a:active, a:hover {border: none; border: 0px; outline: 0; text-decoration: none;}
table {border-collapse: collapse; border-spacing: 0px;}
td, th, tfoot, tbody, thead, tr, tt {padding:0}
img, image, a img, a image {border-style: none; border: none; border: 0px; display: block; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
figure {position: relative;}
figure img, figure object, figure embed, figure video {display: block;}
audio, object, embed, video, iframe, canvas, progress {display: block; display: inline-block; max-width: 100%; width: 100%; margin: 0px; padding: 0px; border: 0;}
audio:not([controls]) {display: none; height: 0;}
hr {height: 0px; position: relative; border: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
.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, *:first-child + html .row, *:first-child + html .clear {zoom: 1;}
.section:before, .section:after {content: ""; display: table;}
.section:after {clear: both;}
.section {zoom: 1;}
[hidden], template {display: none;}
.hidden.focusable:active, .hidden.focusable:focus {position: static; clip: auto; height: auto; width: auto;	margin: 0px; overflow: visible;}
*[lang=en]{quotes: "\201C" "\201D" "\2018" "\2019";}
*[lang=de]{quotes: "\201C" "\201D" "\2018" "\2019";}
:-moz-selection {background: #dbf1ff; color: #2e3336; text-shadow: 0px 0px 0px #dbf1ff;}
:selection {background: #dbf1ff; color: #2e3336; text-shadow: 0px 0px 0px #dbf1ff;}
::-moz-selection {background: #dbf1ff; color: #2e3336; text-shadow: 0px 0px 0px #dbf1ff;}
::selection {background: #dbf1ff; color: #2e3336; text-shadow: 0px 0px 0px #dbf1ff;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  GENERAL LAYOUT */ 
html {height: 100%; width: 100vw; width: calc(100vw - (100vw - 100%)); -webkit-tap-highlight-color: #ffffff; font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; color: #003857; /* font-size: 16px; font-size: 100%; line-height: 1.50; font-style: normal; font-weight: normal; font-weight: 300; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; */ -webkit-overflow-scrolling: touch; text-rendering: optimizelegibility; scroll-behavior: smooth; overflow-x: hidden; overflow-y: auto;} 
body {height: 100%; min-height: 101%; height: 100vh; width: 100%; width: 100vw; width: calc(100vw - (100vw - 100%)); margin: 0; padding: 0; font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; color: #003857; /* font-size: 1.2rem; font-style: normal; font-weight: normal; font-weight: 300; */ text-align: center; background-color: #fdfefe; background: #fdfefe url('images/spacer.gif') repeat fixed left top; -webkit-animation: ani-fade-in 0s; -moz-animation: ani-fade-in 0s; -ms-animation: ani-fade-in 0s; -o-animation: ani-fade-in 0s; animation: ani-fade-in 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1;}
.bgbody {background-color: rgba(253,254,254,0.99); background-color: #fdfefe; background-image: url('images/bg-pattern-noise.png'); background-repeat: repeat; background-position: left top;}
.bodylanding {background-image: url(images-rheuma-praxis-muenchen/rheuma-praxis-muenchen.jpg); background-size: cover; background-attachment: fixed;}
.main-content {width: 100%; max-width: 1680px; margin: 0 auto; text-align: left; z-index: 10; position: relative;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LISTS */ 
dl.list {width: 100%; overflow: hidden;}
dl.list dt {float: left; width: 45.3%; padding-right: 0.2rem; color: #00598c;}
dl.list dd {float: left; width: 54.7%;}

dl.list-contact {width: 100%; overflow: hidden;}
dl.list-contact dt {float: left; width: 22%; padding-right: 0.2rem; color: #00598c;}
dl.list-contact dd {float: left; width: 78%;}

dl.list-table {width: 100%; overflow: hidden; border: 1px #d4edfc solid; border-top-color: #ffffff; border-left-color: #ffffff; background: #f5f1eb;}
dl.list-table dt {float: left; width: 100%; padding-right: 0.2rem; color: #00598c; padding: 0.750005rem;}
dl.list-table dd {float: left; width: 100%; padding: 0.750005rem;}

ol.list {list-style: none; counter-reset: ol-counter-1;}
ol.list li {counter-increment: ol-counter-1; margin-left: 2rem;}
ol.list li:before {content: counter(ol-counter-1) ". "; color: #00598c; font-weight: 600; margin-left: -2rem; margin-right: 0.85rem;}

ol.list-big {counter-reset: ol-counter-2; display: flex; flex-wrap: wrap;}
ol.list-big li {counter-increment: ol-counter-2; display: block; width: 100%; margin-bottom: 1.50001rem;}
ol.list-big li:before {display: block; float: left; content: "0" counter(ol-counter-2); font-size: 3.00002rem; line-height: inherit; margin-right: 0.5rem; margin-top: 0.775rem; color: #b5aca5;}

ul.list {}
ul.list li {margin-left: 1.5rem; display: block;}
ul.list li:before {content: ''; position: absolute; display: block; margin-left: -1.5rem; margin-top: 0.325rem; height: 12px; width: 12px; background-image: url('images-riz/icon-circle-dot.svg'); background-size: contain; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;}
ul.list li ul {margin-top: 0rem; margin-bottom: 0rem;}
ul.list.list-hook li:before {background-image: url('images-riz/icon-circle-hook.svg');}
ul.list ul li:before {background-image: url('images-riz/icon-circle.svg');}
ul.list.list-hook ul li:before {background-image: url('images-riz/icon-circle.svg');}

.list-grid, .list-grid-full {margin-top: 0px; margin-left: 0px;}
.list-grid li, .list-grid-full li {width: 99%; display: block; float: left; position: relative; padding: 0.750005rem; margin-right: 1%; border-bottom: 1px #0078b4 dotted; background: transparent; font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;}
/*
.list-grid-2 li, .list-grid-full-2 li {width: 100%; display: block; float: left; position: relative; padding: 0.750005rem; border: 1px #d4edfc solid; border-top-color: #ffffff; border-left-color: #ffffff; background: #f5f1eb; font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;}
.list-grid li a.grid-link, .list-grid-full li a.grid-link {display: block; color: black; position: relative; overflow: hidden;}
*/
.listspecial {margin: 3.00002rem 0 0 0; padding: 0;}
.listspecial:after {clear: both; content: ""; display: table;}
.listspecial li {margin-bottom: 1.50001rem;}
.listspecial li h3 {position: relative; z-index: 10;}
.listspecial li h3:before {content: ""; position: absolute; display: block; background-color: #dfe1e1; width: 1.7777877778rem; height: 1.7777877778rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; z-index: 9; z-index: -1;}
.listspecial li h3 span {}
.listspecial li p {}

@media all and (max-width: 480px) {
}
@media all and (min-width: 576px) {
dl.list-contact {width: 80%;}
dl.list-contact dt {width: 20%;}
dl.list-contact dd {width: 80%;}
}
@media all and (min-width: 961px) {
dl.list-contact {width: 100%;}
dl.list-contact dt {width: 32%;}
dl.list-contact dd {width: 68%;}
.list-grid li {width: 48%;}
ul.list li:before {margin-top: 0.35rem;}
}
@media all and (min-width: 1280px) {
dl.list-contact {width: 100%;}
dl.list-contact dt {width: 25%;}
dl.list-contact dd {width: 75%;}
dl.list-table dt {float: left; width: 44.3%;}
dl.list-table dd {float: left; width: 55.7%;}
ol.list-big li {margin-bottom: 1.7777877778rem;}
ol.list-big li:before {font-size: 3.5555655556rem; margin-top: 0.825rem;}
.list-grid li {width: 32.33333%;}
ul.list li:before {margin-top: 0.5rem; height: 16px; width: 16px;}
}
@media all and (min-width: 1680px) {
dl.list-contact dt {width: 20%;}
dl.list-contact dd {width: 80%;}
dl.list-table dt {padding: 0.888938889rem;}
dl.list-table dd {padding: 0.888938889rem;}
.list-grid li, .list-grid-full li {padding: 0.888938889rem;} 
.listspecial {margin: 1.7777877778rem 0 0 0;}
.listspecial li {float: left; width: 45%; margin-right: 5%; margin-bottom: 1.7777877778rem;}
.listspecial li:nth-child(2n) {margin-right: 0;}
.listspecial li h3:before {width: 3.5555655556rem; height: 3.5555655556rem;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  TABLES */
table.table-data {width: 100%; border-collapse: collapse; margin-top: -1px;}
tr:nth-of-type(odd) {background: #f5f1eb;}
th {background: #00598c; color: #fffcf7;}
td, th {line-height: calc(4.50003rem - 1px); height: calc(4.50003rem - 1px);  padding-left: 0.5rem; text-align: left; border: 1px solid #d4edfc;}

@media all and (max-width: 1280px), (min-device-width: 768px) and (max-device-width: 1280px) {
table.table-data {width: 100%;}
table.table-data, thead, tbody, th, td, tr {display: block;}
thead tr {position: absolute; top: -9999px;	left: -9999px;}
tr {border: 1px solid #d4edfc;}
td {border: none; border-bottom: 1px solid #d4edfc;	position: relative;	padding-left: 40%;}
td:before {position: absolute; top: 5px; left: 0.5rem; width: 45%; padding-right: 0.25rem; white-space: nowrap; content: attr(data-column); color: #00598c; font-weight: 600;}
}

@media all and (min-width: 1680px) {
table.table-data {width: 100%; border-collapse: collapse; margin-top: 0px;}
td, th {line-height: calc(3.5555755556rem - 1px); height: calc(3.5555755556rem - 1px);}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  IMAGES */
.img {width: auto; height: auto; max-width: 100%; max-height: 100%; overflow: hidden; display: inline; color: #dfd4cc; font-size: 0.8333333333rem;}
.img-left {display: block; float: left; margin-right: 1.50001rem;}
.img-right {display: block; float: right; margin-left: 1.50001rem;}
.img-center {display: block; float: none; margin-left: auto; margin-right: auto; text-align: center;}
.img-full {display: block; width: 100%; height: auto;} 
.img-inline {display: inline;}
.img-keyvisual {position: relative; display: block; width: 100%; height: auto; z-index: 10;}
.img-border {border: 1px #d4edfc solid; border-top-color: #ffffff; border-left-color: #ffffff;}
.img-circle {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;}
.img-s {display: block; width: auto; max-height: 3.5555755556rem;} 
.img-m {display: block; width: auto; max-height: 7.1111511112rem;} 
.img-l {display: block; width: auto; max-height: 14.2223022224rem;} 
.img-medium {max-width: 70%;}
.img-50 {max-width: 50%;}
.img-75 {max-width: 75%;}
.icon-dots {width: auto; height: 7px; display: inline; vertical-align: baseline; margin-right: 12px; left: 0px; margin-left: 0px;}
.margin-icon {margin-left: 40px;}

.icon-link {width: 37px; height: auto; display: inline; vertical-align: middle; margin-right:  1rem;}
.icon-link-top {width: 37px; height: 37px;}

figure.img-caption {width: auto; height: auto;}
figure.img-caption img {width: auto; height: auto; max-width: 100%;}
figcaption {display: block; line-height: 1.7777877778rem; width: auto; background-color: transparent; border-top: 1px #d4edfc dotted; border-bottom: 1px #d4edfc dotted; color: #003d5f; font-size: 0.8rem; line-height: 1.7777877778rem; vertical-align: baseline; padding-left: 0.5rem;}

@media all and (min-width: 480px) and (max-width: 960px) {
.img-mobile {display: block; float: none; margin-left: auto; margin-right: auto; text-align: center; padding-left: 4%; padding-right: 4%;}
}
@media all and (max-width: 960px) {
.img-mobile-center {display: block; float: none; margin-left: auto; margin-right: auto; text-align: center;}
}
@media all and (min-width: 480px) {
.img-medium {max-width: 60%;}
}
@media all and (min-width: 576px) {
.img-medium {max-width: 50%;}
}
@media all and (min-width: 768px) {
.img-medium {max-width: 40%;}
}
@media all and (min-width: 961px) {
.img-medium {max-width: 70%;}
}
@media all and (min-width: 1280px) {
.icon-dots {height: 14px; margin-right: 20px;}
.margin-icon {margin-left: 77px;}
.img-medium {max-width: 50%;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  IMAGES BG */
.hero-bg-img-center {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: 1;}
.hero-bg-img {position: fixed; top: 59%; left: 59%; width: 80%; height: 80%; z-index: 1;}
.hero-bg-img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; z-index: 1;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FORMS */ 
button, fieldset, input:not([type="radio"]):not([type="checkbox"]), select, textarea {border-width: 1px; border-style: solid; border-color: #d4edfc;}
fieldset {padding-top: 0.0001em; padding-bottom: 0; min-width: 0;}
input[type=radio], input[type=checkbox] {margin-bottom: 0.355em; line-height: 0px;}
@media all and (min-width: 961px) {
input[type=radio], input[type=checkbox] {margin-bottom: 0.525em; line-height: 0px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LAYOUT BLOCKS */
section, .section {display: block; position: relative; width: auto; max-width: 1680px; margin: 0px auto 0px auto; padding: 0px; clear: both;}
.infobox {width: 80%; max-width: 900px; height: auto; margin: 5% auto; padding: 5%; background-color: #dfd4cc; border: 1px solid #dfd4cc; -webkit-box-shadow: 5px 5px 30px 0px #2e2b28; box-shadow:  5px 5px 30x 0px #2e2b28;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  HEADER */
header {display: block; width: 100%; height: 30; right: 0px; margin-top: 15px; border-top: transparent 1px solid; border-bottom: transparent 1px solid; background-color: transparent;}
header.header-fixed {position: fixed; top: 0; max-width: 100%; text-align: center; z-index: 990;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  HEADER LOGO */
.logo-fixed {position: fixed; width: 100%; top: 0; max-width: 100%; border-bottom: 1px #e1dfdc solid; z-index: 991;}
.logocontainer {display: block; position: relative; width: 100%; max-width: 142px; height: auto; padding: 0px 0px 0px 0px; margin: 0px; float: left; text-align: left; left: 3.75%; overflow: hidden; z-index: 991;}
a.logo {display: block; position: relative; top: 0px; width: 142px; height: 100px; margin: 0px; padding: 0px; float: left; text-align: left; background: url('images-riz/rheuma-praxis-muenchen.svg') no-repeat 0px 0px; background-size: cover; cursor: pointer; text-decoration: none; overflow: hidden; text-indent: 100%; z-index: 992;}
a.logo span {display: block; position: relative; width: 142px; height: 100px; margin: 0px; background: url('images-riz/rheuma-praxis-muenchen.svg') no-repeat 0px -92px; background-size: cover; cursor: pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.61s ease-in-out 0s; -moz-transition: opacity 0.61s ease-in-out 0s; -o-transition: opacity 0.61s ease-in-out 0s; transition: opacity 0.61s ease-in-out 0s; z-index: 993;}
a.logo:hover {background: url('images/spacer.gif') no-repeat -92px 0px;}
a.logo:hover span {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

@media all and (min-width: 480px){
.logocontainer {padding: 0px 0px 0px 0px; left: 3.75%; max-width: 142px;}
a.logo {width: 142px; height: 100px;}
a.logo span {width: 142px; height: 100px; background-position: 0px -92px;}
}
@media all and (min-width: 961px){
.logocontainer {display: block; position: relative; width: 100%; max-width: 100%; height: 120px; margin: 0px auto 0px auto; padding: 0px; text-align: center; left: auto; right: auto;}
a.logo {position: absolute; width: 170px; height: 120px; left: 50%; top: 50%; margin: -60px 0 0 -85px;}
a.logo span {position: absolute; width: 170px; height: 120px; left: 50%; top: 50%; margin: -60px 0 0 -85px; background-position: 0px -110px;}
.headerleft {display: block; position: relative; padding-top: 42px; width: 100%; text-align: right; right: 0px;}
.headerright {display: block; position: relative; padding-top: 42px; width: 100%; text-align: left; left: 0px;}
}
@media all and (min-width: 1280px){
a.logo {position: absolute; width: 170px; height: 120px; left: 50%; top: 50%; margin: -60px 0 0 -85px;}
a.logo span {position: absolute; width: 170px; height: 120px; left: 50%; top: 50%; margin: -60px 0 0 -85px; background-position: 0px -110px;}
.headerleft {padding-top: 38px;}
.headerright {padding-top: 38px;}
}
@media all and (min-width: 1680px) {
}
@media all and (max-height: 480px) {
.logocontainer {padding: 0px; left: 3.75%; max-width: 71px;}
a.logo {width: 71px; height: 50px;}
a.logo span {width: 71px; height: 50px; background-position: 0px -92px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  HYPERLINKS LINKS */
a, a:link, a:visited, a.link, a.link:visited {color: #00a1e6; font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; -webkit-transition: color 0.21s ease-in-out 0s; -moz-transition: color 0.21s ease-in-out 0s; -o-transition: color 0.21s ease-in-out 0s; transition: color 0.21s ease-in-out 0s;}
a:hover, a:focus {color: #4fcaff;}
a:active, a.active {color: #5dceff;}
a:not([class]), a[class=""] {}
/*
a:not([class]) {color: #00a1e6; text-decoration: none; border-bottom: 1px solid #00a1e6; box-shadow: inset 0 spx 0 #00a1e6; transition: background 1.1s cubic-bezier(0.33,.66,.66,1);}
a:hover {background: #4fcaff; color: #ffffff; border-bottom-color: #4fcaff;}
*/
a.link, a.link:visited {color: #00a1e6; text-decoration: none; position: relative;}
a.link:hover, a.link:focus, a.link.active {color: #4fcaff;}

a.link span {display: block; display: inline-block; position: absolute; left: -30px; top: -0.05rem; margin-top: 0px; width: 20px; height: 20px; background-image: url('images-riz/sprites-master.svg'); background-size: auto 20px; background-position: 0px 0px; }

a.link-icon {margin-left: 30px;}
a.link-icon span {background-position: 0px 0px;}
a.link-icon:hover span, a.link-icon.active span {background-position: 180px 0px;}

a.link-lang {margin-left: 30px;}
a.link-lang span {background-position: 120px 0px;}
a.link-lang:hover span {background-position: 100px 0px;}

a.link-dl {margin-left: 30px;}
a.link-dl span {background-position: 80px 0px;}
a.link-dl:hover span {background-position: 60px 0px;}

a.link-ext {margin-left: 30px;}
a.link-ext span {background-position: 120px 0px;}
a.link-ext:hover span {background-position: 100px 0px;}

a.link-big {display: inline-block; font-weight: 600; text-decoration: none;}
a.link-big:hover {-webkit-transform: scale(1.125); transform: scale(1.125);}

a.link-mail {letter-spacing: 0rem; overflow-wrap: normal; word-wrap: normal; -ms-word-break: normal; word-break: normal; -ms-hyphens: manual; -moz-hyphens: manual; -webkit-hyphens: manual; hyphens: manual;} 
a.link-phone {}
a.link-phone span {display: block; display: inline-block; position: absolute; left: -30px; top: -0.05rem; margin-top: 0px; width: 20px; height: 20px; background-image: url('images-riz/icon-phone.svg'); background-size: 20px 20px; background-position: 0px 0px;}
a.link-contact span {display: block; display: inline-block; position: absolute; left: -30px; top: -0.05rem; margin-top: 0px; width: 20px; height: 20px; background-image: url('images-riz/icon-contact.svg'); background-size: 20px 20px; background-position: 0px 0px;}

a.link-cosmos {text-align: right; float: right; font-size: 0.8333333333rem; text-decoration: none; background-image: none;}

a.link-active, a.link-active:hover {color: #5dceff; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #5dceff 2px, #5dceff 3px, rgba(0, 0, 0, 0) 3px);}
a.link-active span {color: #5dceff; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #5dceff 2px, #5dceff 3px, rgba(0, 0, 0, 0) 3px); background-image: url('images-riz/sprites-master.svg'); background-size: auto 20px; background-position: 40px 0px;}
a.link-active:hover span {background-position: 40px 0px;}

ul.link-list {}
ul.link-list li {}
ul.link-list li a {text-decoration: none; position: relative; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #00a1e6 2px, #00a1e6 3px, rgba(0, 0, 0, 0) 3px); margin-left: 30px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #00a1e6 2px, #00a1e6 2.5px, rgba(0, 0, 0, 0) 2.5px);}
ul.link-list li a span {display: block; display: inline-block; position: absolute; left: -30px; margin-top: 0px; width: 20px; height: 20px; background-image: url('images-riz/sprites-master.svg'); background-size: auto 20px; background-position: 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-position: 0px 0px;}
ul.link-list li a:hover span, ul.link-list li a.active span {background-position: 180px 0px;}

/* IMAGE LINKS */
.link-img {overflow: hidden;}
.link-img:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=88); -moz-opacity: 0.88; -khtml-opacity: 0.88; opacity: 0.88;}
.link-img:hover img {opacity: 1; -webkit-animation: flash 1.5s;	animation: flash 1.5s;}
@-webkit-keyframes flash {
  0% {opacity: 0.1;} 
100% {opacity: 1;}
}
@keyframes flash {
  0% {opacity: 0.1;} 
100% {opacity: 1;}
}
@media all and (min-width: 961px){
a.link span {top: -0.08rem;}
}
@media all and (min-width: 1280px){
a.link span {top: 0rem;}
/* a.link-list {margin-right: 3.00002rem; float: left; width: auto;} */
}
@media all and (min-width: 1680px){
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LANGSELECTOR */
.langselector {position: fixed; display: block;  width: 48px; height: auto; top: 64px; right: 1rem; float: none; clear: both; z-index: 985;}
a.link-de-head, a.link-en-head {display: block; float: none; width: 48px; height: 48px; margin: 2px 0px 0px 0px; padding: 17px 0px 0px 0px; font-size: 1rem; line-height: 1rem; color: #fffcf7; text-decoration: none; cursor: pointer; background-color: #00a2e8; border: 1px #00a1e6 solid; border-top-color: #b2e8ff; border-left-color: #b2e8ff; color: #fffcf7; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
a.link-de-head:hover, a.link-en-head:hover {color: #ffffff; background-color: #52cbff;}
@media all and (min-width: 961px){
.langselector {position: absolute; display: block; width: 100px; height: auto; margin: 0px; float: none; clear: both; z-index: 985; top: -104px; right: 3.33%;}
a.link-de-head, a.link-en-head {float: right; margin: 0px 2px 0px 0px; padding: 28px 0px 0px 0px; color: #00a2e8; background-color: #ffffff; font-size: 0.8333333333rem; line-height: 0.8333333333rem; -webkit-box-shadow: 0px 2px 4px 0px rgba(80,90,100,0.14); -moz-box-shadow: 0px 2px 4px 0px rgba(80,90,100,0.14); box-shadow: 0px 2px 4px 0px rgba(80,90,100,0.14);}
a.link-de-head:hover, a.link-en-head:hover {color: #ffffff; background-color: #52cbff;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  BUTTONS */
button, a.link-button {display: block; display: inline-block; width: auto; padding: 0rem 2rem 1.80rem 2rem; text-align: center; vertical-align: bottom; border: 0px; background-color: #00a1e6; border: 1px #0075a7 solid; border-top-color: #b2e8ff; border-left-color: #b2e8ff; color: #fffcf7; vertical-align: middle; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; cursor:pointer;}
button, a.link-button:hover {background-color: #52cbff; color: #ffffff; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}

.scrolltotop {position: relative; right: 0px; float: right; clear: both; z-index: 980;}
.scrolltotop #button-scroll-bg {fill: #00a2e8;}
.scrolltotop a #button-scroll-arrow {fill: #fffcf7; -webkit-transform: scale(0.66); transform: scale(0.66); -webkit-transform-origin: center; transform-origin: center;}
.scrolltotop a:hover #button-scroll-bg {fill: #52cbff;}
.scrolltotop a:hover #button-scroll-arrow {fill: #ffffff;}
.scrolltotop a {position: relative; display: block; top: 0px; right: 0px; width: 48px; height: 48px; text-decoration: none; outline: none; overflow: hidden; z-index: 981; background-color: #00a2e8; border: 1px #b2e8ff solid; color: #ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; cursor: pointer;}
.scrolltotop a svg {display: block; width: 100%; height: 100%; z-index: 981;}
.scrolltotop a svg path {-webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FOOTER */
.footer-wrapper {display: block; position: relative; width: 100%; max-width: 1680px !important; margin: 1rem auto 1rem auto; padding: 0px; background-color: transparent; z-index: 700;} 
footer {display: block; margin: 0px auto 0px auto; padding: 0px; width: 100%; position: relative; text-align: left; z-index: 801;}
.social {margin: 0px auto; display: block;}
.social li {float: left; padding: 0px 10px;}
.social li a {padding: 10px 20px; color: #00a1e6;}
.social li a:hover {}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SCROLLBAR */
/*
::-webkit-scrollbar {}
::-webkit-scrollbar-button
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #00a2e8; background-color: #ffffff; border: 1px #0075a7 solid; border-top-color: #b2e8ff; border-left-color: #b2e8ff;}
::-webkit-scrollbar-thumb {background-color: #00a2e8; border-radius: 5px; -webkit-box-shadow: inset 0 0 6px #00a2e8;}
::-webkit-scrollbar-corner {border-radius:3px; background-color: #ffffff;}
::-webkit-scrollbar-thumb:vertical {height: 48px; background-color: #00a2e8;}
::-webkit-scrollbar-thumb:horizontal {height: 48px; background-color: #00a2e8;}
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  BASIC FX */
.ani-fade-in, .main-content {-webkit-animation: ani-fade-in 2.11s; -moz-animation: ani-fade-in 2.11s; -ms-animation: ani-fade-in 2.11s; -o-animation: ani-fade-in 2.11s; animation: ani-fade-in 2.11s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@keyframes ani-fade-in {
  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 ani-fade-in {
  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 ani-fade-in {
  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 ani-fade-in {
  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 ani-fade-in {
  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.61s; -moz-animation: ani-top-in 0.61s; -ms-animation: ani-top-in 0.61s; -o-animation: ani-top-in 0.61s; animation: ani-top-in 0.61s; -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.61; -khtml-opacity: 0.61; opacity: 0.61; -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.61; -khtml-opacity: 0.61; opacity: 0.61; 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-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.21) scaleY(1.21);}
100% {opacity: 0.81; transform: translate(0px,0px)  scaleX(1.00) scaleY(1.00);}
}
@-moz-keyframes ani-zoomout {
  0% {opacity: 1; -moz-transform: translate(30px,30px)  scaleX(1.21) scaleY(1.21);}
100% {opacity: 0.81; -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.21) scaleY(1.21);}
100% {opacity: 0.81; -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.21) scaleY(1.21);}
100% {opacity: 0.81; -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.21) scaleY(1.21);}
100% {opacity: 0.81; -ms-transform: translate(0px,0px)  scaleX(1.00) scaleY(1.00);}
}
.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);} }

.ani-open {animation: ani-open 1s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;}
@keyframes ani-open {
  0% {width: 0px; left: 15%;}
100% {width: 100%; left: 15%;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FX PARALLAX */
.pl-wrapper {display: flex; justify-content: center; align-items: center; height: 500px;}
.pl-container {position: relative; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; perspective: 8px; perspective-origin: 0%; -webkit-overflow-scrolling: touch;}
.pl-img, .pl-back-img, .pl-mid-img, .pl-front-img {position: absolute; transform-origin: 0 50%; width: 420px; height: 420px;}
.pl-back-img {transform: translateZ(0px) scale(1); height: 840px;}
.pl-mid-img {top: 150px; transform: translateZ(5px) scale(0.375);}
.pl-front-img {top: 125px; transform: translateZ(2px) scale(0.75);}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  GRID */
.block {display: block;} 
.col {display: block; float: left; padding: 0px; margin: 0px;}
.col:first-child {margin-left: 0;}
.group:before,
.group:after {content:""; display: block;}
.group:after {clear: both;}
.group {zoom: 1; /* For IE 6/7 */ }
.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: 0px; margin: 0px; width: 100%;}
.col-left {display: block; float: none; width: 100%; overflow: hidden; margin: 0px; padding: 0px;}
.col-right {display: block; float: none; width: 100%; overflow: hidden; margin: 0px; padding: 0px;}
.margin-top-first {margin-top: 100px;}
.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%;} 

/* DESKTOP */
@media all and (min-width: 961px) {
.col {margin: 0% 0% 0% 0%;}
.span_12 {width: 100%;}
.span_11 {width: 91.66666%;}
.span_10 {width: 83.33333%;}
.span_9 {width: 75%;}
.span_8 {width: 66.66666%;}
.span_7 {width: 58.33333%;}
.span_6 {width: 50%;}
.span_5 {width: 41.66666%;}
.span_4 {width: 33.33333%;}
.span_3 {width: 25%;}
.span_2 {width: 16.66666%;}
.span_1 {width: 8.333333%;}
.span_4_full {width: 33.33333%;}
.col-left {float: left; width: 50%;}
.col-right {float: right; width: 50%;}
.margin-top-first {margin-top: 180px;}
.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%;} 
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  TYPO BASICS */
/* FONT SETUP */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-weight: 200; color: #0078b4; letter-spacing: -0.015rem; text-align: left; text-shadow: -1px -1px 1px #ffffff;}
h1, .h1 {color: #007cba;}
h2, .h2, h3, .h3 {color: #0078b4;}
h4, .h4, h5, .h5, h6, .h6 {color: #0075b0;}
p, blockquote, cite, dl, dt, dd, ol, ul, li {font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-weight: 300; color: #003857; text-align: left; text-shadow: -1px -1px 1px #ffffff;}
/* HEADLINES */
/*h2:after {content: ""; display: block; position: relative; left: 0; right: 0; width: 0.33em; height: 0.33em; margin-top: -0.33em; background-color: #0078b4; margin-left: 0.07em; z-index: -1;}*/
/* PARAGRAPH AND BASIC CLASSES */
p {}
p + p {text-indent: 0rem;}
.sans {font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;}
.serif {font-family: "Libre Baskerville", Georgia, Palatino, Garamond, "Book Antiqua", Times, Times New Roman, serif;}
.dropcap {}
.dropcap:first-letter {font-size: 170%; line-height: 0px;}
.text-wrap {overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.no-wrap {overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-block {text-align: justify;}
.text-shine {text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;}
.text-nofx {text-shadow: 0px 0px 0px transparent; text-shadow: none;}
.text-space {letter-spacing: 0.055em;}
.text-overwrite, .text-overwrite p, .text-overwrite h3, .text-overwrite ul, .text-overwrite ul li {font-size: 1rem; line-height: 1.50001rem; color: #002940; text-shadow: 0px 0px 0px transparent; text-shadow: none;}
/* BLOCKQUOTE AND TEXT-BOXES */
blockquote, .text-quote {padding-left: 1.50001rem; padding-right: 1.50001rem; color: #0078b4;}
blockquote p {color: #0078b4;}
/*blockquote:first-letter {float: left; height: 0em; line-height: 0px; margin-top: 0rem; font-size: 7em; color: #0078b4; content: "\201E"; margin-left: -3.5555755556rem; z-index: -1; opacity: 0.5;}*/
blockquote:after {float: left; height: 0em; line-height: 0px; margin-top: -2rem; font-size: 3.5rem; color: #0078b4; content: "\201E"; margin-left: -1.50001rem;}
blockquote:before {float: right; height: 0em; line-height: 0px; margin-top: 0.23em; font-size: 3.5rem; color: #0078b4; content: "\201C"; margin-right: -1.50001rem;}
blockquote cite, cite {font-size: inherit; font-style: italic; color: #877f7b; text-align: right;}
/*blockquote cite:before, cite:before {content: '\00BB\00A0';}*/
/*blockquote cite:after, cite:after {content: '\00A0\00AB';}*/
blockquote.alert {padding: 1.50001rem; background-color: #d8effd; color: #003d5f;}
blockquote.alert:after {display: none;}
blockquote.alert:before {display: none;}
q {color: #0078b4;}
q:before {content: '\201E\00A0';}
q:after {content: '\00A0\201C';}
.text-box {}
.text-box-info {}
.text-box-warning {}
.text-box-hint {}
.text-box-download {}
@media all and (min-width: 1280px) {
blockquote, .text-quote {padding-left: 3.5555755556rem; padding-right: 3.5555755556rem;}
blockquote:after {font-size: 7rem; margin-left: -3.5555755556rem;}
blockquote:before {font-size: 7rem; margin-right: -3.5555755556rem;}
.text-overwrite, .text-overwrite p, .text-overwrite h3, .text-overwrite ul, .text-overwrite ul li {font-size: 1rem; line-height: 1.7777877778rem;}
}
/* TYPO MARKUP AND SEMANTICS */
.light {font-weight: lighter; font-weight: 200;}
.normal {font-weight: normal; font-weight: 300;} 
.bold, .strong, b, strong {font-weight: bolder; font-weight: 600; font-size: inherit; line-height: inherit;}
em, i {font-style: italic;}
mark {background: #dbf1ff; color: #2e3336; text-shadow: 0px 0px 0px #dbf1ff;}
u, .underline, ins {text-decoration: none; position: relative; text-shadow: -1px -1px 0 #fdfefe, 1px -1px 0 #fdfefe, -1px 1px 0 #fdfefe, 1px 1px 0 #fdfefe; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #d1cbc7 2px, #d1cbc7 3px, rgba(0, 0, 0, 0) 3px);}
del, s {text-decoration: line-through;}
small, .small {font-size: 75%;}
sub, sup {position: relative; font-size: 0.8333333333rem; line-height: 0px; line-height: 0;}
sup {top: -0.09em; vertical-align: super;}
sub {bottom: -0.09em; vertical-align: sub;}
dfn {font-style: italic;}
var {font-style: italic;}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
u, .underline, ins {background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #d1cbc7 2px, #d1cbc7 2.5px, rgba(0, 0, 0, 0) 2.5px);}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  TYPO GRID */
:root {font-size: 14px;}
*, *:before, *:after {line-height: 1.50001rem; letter-spacing: 0.015rem;}
button, input:not([type=radio]):not([type=checkbox]), option, select:not([multiple]) {height: 1.50001rem;}
a.link-button {line-height: 3.00002rem; height: 3.00002rem;}
audio {height: 3.00002rem; margin:  0px; padding: 0px;}
hr, .hr {height: 3.00002rem;}
select[multiple], textarea {height: 6.00004rem;}
iframe, video {height: 12.00008rem;}
blockquote, cite, dl, form, h1, h2, h3, h4, h5, h6, kbd, ol, p, pre, samp, table, ul {margin-top: 1.50001rem; margin-bottom: 1.50001rem;}
blockquote, cite, dl, form, kbd, ol, p, pre, samp, table, ul  {font-size: 1rem; line-height: 1.50001rem;}
.big {font-size: 1.2rem; line-height: 1.50001rem;}
small, .small {font-size: 0.8333333333rem; line-height: 1.50001rem;}
br {line-height: 1.50001rem;}
fieldset {display: inline-block; margin: 1.50001rem 0 calc((1.50001rem) - 1px); width: 100%;}
h1, .h1 {font-size: 2.0736rem; line-height: 3.00002rem;}
h1.small {font-size: 1rem; line-height: 1.50001rem;}
h2, .h2 {font-size: 1.2rem; line-height: 1.50001rem;}
h2.small {font-size: 1rem; line-height: 1.50001rem;}
h3, .h3 {font-size: 1.2rem; line-height: 1.50001rem;}
h4, .h4 {font-size: 1rem; line-height: 1.50001rem; margin-bottom: 0px;}
h4 + p, h4 + ul, h4 + dl, h4 + ol {margin-top: 0px;}  
h5, .h5 {font-size: 1rem; line-height: 1.50001rem;}
h6, .h6 {font-size: 1rem; line-height: 1.50001rem; margin-bottom: 0px;}
h6.small {font-size: 0.8333333333rem; line-height: 1.50001rem;}
.tagline {font-size: 0.8333333333rem; line-height: 1.50001rem; font-weight: 200; letter-spacing: 0.025rem; position: relative; display: inline; float: none; clear: both; color: #ccc9c2;}
.font-size-0 {font-size: 1rem; line-height: 1.50001rem;}
.font-size-1 {font-size: 1.2rem; line-height: 1.50001rem;}
.font-size-2 {font-size: 1.44rem; line-height: 1.50001rem;}
.font-size-3 {font-size: 1.728rem; line-height: 3.00002rem;}
.font-size-4 {font-size: 2.0736rem; line-height: 3.00002rem;}
.font-size-5 {font-size: 2.48832rem; line-height: 3.00002rem;}
.line-height-1 {line-height: 1.50001rem;}
.line-height-2 {line-height: 3.00002rem;}
.line-height-3 {line-height: 4.50003rem;}
.line-height-4 {line-height: 6.00004rem;}
.line-height-5 {line-height: 7.50005rem;}
.line-height-6 {line-height: 9.00006rem;}
.line-height-7 {line-height: 10.50007rem;}
.line-height-8 {line-height: 12.00008rem;}
.line-height-9 {line-height: 13.50009rem;}
.line-height-10 {line-height: 15.0001rem;}
[height="1"], select[multiple][size="1"], textarea[rows="1"], .height-1 {height: 1.50001rem;}
[height="2"], select[multiple][size="2"], textarea[rows="2"], .height-2 {height: 3.00002rem;}
[height="3"], select[multiple][size="3"], textarea[rows="3"], .height-3 {height: 4.50003rem;}
[height="4"], select[multiple][size="4"], textarea[rows="4"], .height-4 {height: 6.00004rem;}
[height="5"], select[multiple][size="5"], textarea[rows="5"], .height-5 {height: 7.50005rem;}
[height="6"], select[multiple][size="6"], textarea[rows="6"], .height-6 {height: 9.00006rem;}
[height="7"], select[multiple][size="7"], textarea[rows="7"], .height-7 {height: 10.50007rem;}
[height="8"], select[multiple][size="8"], textarea[rows="8"], .height-8 {height: 12.00008rem;}
[height="9"], select[multiple][size="9"], textarea[rows="9"], .height-9 {height: 13.50009rem;}
[height="10"], select[multiple][size="10"], textarea[rows="10"], .height-10 {height: 15.0001rem;}
.width-1 {width: 1.50001rem;}
.width-2 {width: 3.00002rem;}
.width-3 {width: 4.50003rem;}
.width-4 {width: 6.00004rem;}
.width-5 {width: 7.50005rem;}
.width-6 {width: 9.00006rem;}
.width-7 {width: 10.50007rem;}
.width-8 {width: 12.00008rem;}
.width-9 {width: 13.50009rem;}
.width-10 {width: 15.0001rem;}
.margin-1 {margin: 1.50001rem;}
.margin-2 {margin: 3.00002rem;}
.margin-3 {margin: 4.50003rem;}
.margin-4 {margin: 6.00004rem;}
.margin-5 {margin: 7.50005rem;}
.margin-top {margin-top: 1.50001rem;}
.margin-top-2 {margin-top: 3.00002rem;}
.margin-top-3 {margin-top: 4.50003rem;}
.margin-top-4 {margin-top: 6.00004rem;}
.margin-top-5 {margin-top: 7.50005rem;}
.margin-bottom {margin-bottom: 1.50001rem;}
.margin-bottom-2 {margin-bottom: 3.00002rem;}
.margin-bottom-3 {margin-bottom: 4.50003rem;}
.margin-bottom-4 {margin-bottom: 6.00004rem;}
.margin-bottom-5 {margin-bottom: 7.50005rem;}
.margin-left {margin-left: 1.50001rem;}
.margin-left-2 {margin-left: 3.00002rem;}
.margin-left-3 {margin-left: 4.50003rem;}
.margin-left-4 {margin-left: 6.00004rem;}
.margin-left-5 {margin-left: 7.50005rem;}
.margin-right {margin-right: 1.50001rem;}
.margin-right-2 {margin-right: 3.00002rem;}
.margin-right-3 {margin-right: 4.50003rem;}
.margin-right-4 {margin-right: 6.00004rem;}
.margin-right-5 {margin-right: 7.50005rem;}
.padding {padding: 1.50001rem;}
.padding-2 {padding: 3.00002rem;}
.padding-3 {padding: 4.50003rem;}
.padding-4 {padding: 6.00004rem;}
.padding-5 {padding: 7.50005rem;}
.padding-top {padding-top: 1.50001rem;}
.padding-top-2 {padding-top: 3.00002rem;}
.padding-top-3 {padding-top: 4.50003rem;}
.padding-top-4 {padding-top: 6.00004rem;}
.padding-top-5 {padding-top: 7.50005rem;}
.padding-bottom {padding-bottom: 1.50001rem;}
.padding-bottom-2 {padding-bottom: 3.00002rem;}
.padding-bottom-3 {padding-bottom: 4.50003rem;}
.padding-bottom-4 {padding-bottom: 6.00004rem;}
.padding-bottom-5 {padding-bottom: 7.50005rem;}
.offset-1 {-webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); margin-bottom: -2px;}
.offset-2 {-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); margin-bottom: -4px;}
.offset-3 {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -6px;}
.offset-4 {-webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-bottom: -8px;}
.offset-5 {-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); margin-bottom: -10px;}
.offset-top-1 {-webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); margin-bottom: -1px;}
.offset-top-2 {-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); margin-bottom: -2px;}
.offset-top-3 {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -3px;}
.offset-top-4 {-webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-bottom: -4px;}
.offset-top-5 {-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); margin-bottom: -5px;}
.offset-bottom-1 {margin-bottom: -1px;}
.offset-bottom-2 {margin-bottom: -2px}
.offset-bottom-3 {margin-bottom: -3px}
.offset-bottom-4 {margin-bottom: -4px}
.offset-bottom-5 {margin-bottom: -5px}
@media (min-width: 480px) { 
:root {font-size: 15px;}
}
@media (min-width: 576px) {
:root {font-size: 17px;}
h1.small {font-size: 1.2rem; line-height: 1.50001rem;}
h2.small {font-size: 1.2rem; line-height: 1.50001rem;}
}
@media (min-width: 961px) { 
}
@media (min-width: 1280px) {
:root {font-size: 18px;}
*, *:before, *:after {line-height: 1.7777877778rem; letter-spacing: 0.009rem;}
button, input:not([type=radio]):not([type=checkbox]), option, select:not([multiple]) {height: 1.7777877778rem;}
a.link-button {line-height: 1.7777877778rem; height: 1.7777877778rem;}
audio {height: 3.5555755556rem;}
hr, .hr {height: 1.7777877778rem;}
select[multiple], textarea {height: 7.1111511111rem;}
iframe, video {height: 14.2223022222rem;}
blockquote, cite, dl, form, h1, h2, h3, h4, h5, h6, kbd, ol, p, pre, samp, table, ul {margin-top: 1.7777877778rem; margin-bottom: 1.7777877778rem;}
blockquote, cite, dl, form, kbd, ol, p, pre, samp, table, ul  {font-size: 1rem; line-height: 1.7777877778rem;}
.big {font-size: 1.25rem; line-height: 1.7777877778rem;}
small, .small {font-size: 0.8rem; line-height: 1.7777877778rem;}
br {line-height: 1.7777877778rem;}
fieldset {display: inline-block; margin: 1.7777877778rem 0 calc((1.7777877778rem) - 1px); width: 100%;}
h1, .h1 {font-size: 2.44140625rem; line-height: 3.5555655556rem;}
h1.small {font-size: 1.25rem; line-height: 1.7777877778rem;}
h2, .h2 {font-size: 1.5625rem; line-height: 1.7777877778rem;}
h2.small {font-size: 1.25rem; line-height: 1.7777877778rem;}
h3, .h3 {font-size: 1.5625rem; line-height: 1.7777877778rem;}
h4, .h4 {font-size: 1.25rem; line-height: 1.7777877778rem; margin-bottom: 0px;}
h4 + p, h4 + ul, h4 + dl, h4 + ol {margin-top: 0px;}  
h5, .h5 {font-size: 1rem; line-height: 1.7777877778rem;}
h6, .h6 {font-size: 1rem; line-height: 1.7777877778rem; margin-bottom: 0px;}
h6.small {font-size: 0.8rem; line-height: 1.7777877778rem;}
.tagline {font-size: 1rem; line-height: 1.7777877778rem;}
.font-size-0 {font-size: 1rem; line-height: 1.7777877778rem;}
.font-size-1 {font-size: 1.25rem; line-height: 1.7777877778rem;}
.font-size-2 {font-size: 1.5625rem; line-height: 1.7777877778rem;}
.font-size-3 {font-size: 1.953125rem; line-height: 3.5555655556rem;}
.font-size-4 {font-size: 2.44140625rem; line-height: 3.5555655556rem;}
.font-size-5 {font-size: 3.0517578125rem; line-height: 3.5555655556rem;}
.line-height-1 {line-height: 1.7777877778rem;}
.line-height-2 {line-height: 3.5555755556rem;}
.line-height-3 {line-height: 5.3333633333rem;}
.line-height-4 {line-height: 7.1111511111rem;}
.line-height-5 {line-height: 8.8889388889rem;}
.line-height-6 {line-height: 10.6667266667rem;}
.line-height-7 {line-height: 12.4445144444rem;}
.line-height-8 {line-height: 14.2223022222rem;}
.line-height-9 {line-height: 16.00009rem;}
.line-height-10 {line-height: 17.7778777778rem;}
[height="1"], select[multiple][size="1"], textarea[rows="1"], .height-1 {height: 1.7777877778rem;}
[height="2"], select[multiple][size="2"], textarea[rows="2"], .height-2 {height: 3.5555755556rem;}
[height="3"], select[multiple][size="3"], textarea[rows="3"], .height-3 {height: 5.3333633333rem;}
[height="4"], select[multiple][size="4"], textarea[rows="4"], .height-4 {height: 7.1111511111rem;}
[height="5"], select[multiple][size="5"], textarea[rows="5"], .height-5 {height: 8.8889388889rem;}
[height="6"], select[multiple][size="6"], textarea[rows="6"], .height-6 {height: 10.6667266667rem;}
[height="7"], select[multiple][size="7"], textarea[rows="7"], .height-7 {height: 12.4445144444rem;}
[height="8"], select[multiple][size="8"], textarea[rows="8"], .height-8 {height: 14.2223022222rem;}
[height="9"], select[multiple][size="9"], textarea[rows="9"], .height-9 {height: 16.00009rem;}
[height="10"], select[multiple][size="10"], textarea[rows="10"], .height-10 {height: 17.7778777778rem;}
.width-1 {width: 1.7777877778rem;}
.width-2 {width: 3.5555755556rem;}
.width-3 {width: 5.3333633333rem;}
.width-4 {width: 7.1111511111rem;}
.width-5 {width: 8.8889388889rem;}
.width-6 {width: 10.6667266667rem;}
.width-7 {width: 12.4445144444rem;}
.width-8 {width: 14.2223022222rem;}
.width-9 {width: 16.00009rem;}
.width-10 {width: 17.7778777778rem;}
.margin-1 {margin: 1.7777877778rem;}
.margin-2 {margin: 3.5555755556rem;}
.margin-3 {margin: 5.3333633333rem;}
.margin-4 {margin: 7.1111511111rem;}
.margin-5 {margin: 8.8889388889rem;}
.margin-top {margin-top: 1.7777877778rem;}
.margin-top-2 {margin-top: 3.5555755556rem;}
.margin-top-3 {margin-top: 5.3333633333rem;}
.margin-top-4 {margin-top: 7.1111511111rem;}
.margin-top-5 {margin-top: 8.8889388889rem;}
.margin-bottom {margin-bottom: 1.7777877778rem;}
.margin-bottom-2 {margin-bottom: 3.5555755556rem;}
.margin-bottom-3 {margin-bottom: 5.3333633333rem;}
.margin-bottom-4 {margin-bottom: 7.1111511111rem;}
.margin-bottom-5 {margin-bottom: 8.8889388889rem;}
.margin-left {margin-left: 1.7777877778rem;}
.margin-left-2 {margin-left: 3.5555755556rem;}
.margin-left-3 {margin-left: 5.3333633333rem;}
.margin-left-4 {margin-left: 7.1111511111rem;}
.margin-left-5 {margin-left: 8.8889388889rem;}
.margin-right {margin-right: 1.7777877778rem;}
.margin-right-2 {margin-right: 3.5555755556rem;}
.margin-right-3 {margin-right: 5.3333633333rem;}
.margin-right-4 {margin-right: 7.1111511111rem;}
.margin-right-5 {margin-right: 8.8889388889rem;}
.padding {padding: 1.7777877778rem;}
.padding-2 {padding: 3.5555755556rem;}
.padding-3 {padding: 5.3333633333rem;}
.padding-4 {padding: 7.1111511111rem;}
.padding-5 {padding: 8.8889388889rem;}
.padding-top-1 {padding-top: 1.7777877778rem;}
.padding-top-2 {padding-top: 3.5555755556rem;}
.padding-top-3 {padding-top: 5.3333633333rem;}
.padding-top-4 {padding-top: 7.1111511111rem;}
.padding-top-5 {padding-top: 8.8889388889rem;}
.padding-bottom-1 {padding-bottom: 1.7777877778rem;}
.padding-bottom-2 {padding-bottom: 3.5555755556rem;}
.padding-bottom-3 {padding-bottom: 5.3333633333rem;}
.padding-bottom-4 {padding-bottom: 7.1111511111rem;}
.padding-bottom-5 {padding-bottom: 8.8889388889rem;}
.offset-1 {-webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); margin-bottom: -2px;}
.offset-2 {-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); margin-bottom: -4px;}
.offset-3 {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -6px;}
.offset-4 {-webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-bottom: -8px;}
.offset-5 {-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); margin-bottom: -10px;}
.offset-top-1 {-webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); margin-bottom: -1px;}
.offset-top-2 {-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); margin-bottom: -2px;}
.offset-top-3 {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -3px;}
.offset-top-4 {-webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-bottom: -4px;}
.offset-top-5 {-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); margin-bottom: -5px;}
.offset-bottom-1 {margin-bottom: -1px;}
.offset-bottom-2 {margin-bottom: -2px;}
.offset-bottom-3 {margin-bottom: -3px;}
.offset-bottom-4 {margin-bottom: -4px;}
.offset-bottom-5 {margin-bottom: -5px;}
}
@media all (min-width: 1680px) {
.tagline {font-size: 1.25rem; bottom: 1.5%;}
}
@media all and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) {
/* Vertical Rhythm Reset: Fix for mobile select[multiple] elements */ 
select[multiple], select[multiple][size] {height: 1.50001rem;}
}
/* ELEMENT HEIGHT */ 
.height-150 {height: 150px; margin-top: calc((12.00008rem - 150px) / 2); margin-bottom: calc((12.00008rem - 150px) / 2);}
.height-200 {height: 200px; margin-top: calc((15.0001rem - 200px) / 2); margin-bottom: calc((15.0001rem - 200px) / 2);}
.height-250 {height: 250px; margin-top: calc((15.0001rem - 250px) / 2); margin-bottom: calc((15.0001rem - 250px) / 2);}
@media (min-width: 961px) {
.height-150 {margin-top: calc((10.50007rem - 150px) / 2); margin-bottom: calc((10.50007rem - 150px) / 2);}
.height-200 {margin-top: calc((13.50009rem - 200px) / 2); margin-bottom: calc((13.50009rem - 200px) / 2);}
}
@media (min-width: 1680px) {
.height-150 {margin-top: calc((8.8889388889rem - 150px) / 2); margin-bottom: calc((8.8889388889rem - 150px) / 2);}
.height-200 {margin-top: calc((12.4445144444rem - 200px) / 2); margin-bottom: calc((12.4445144444rem - 200px) / 2);}
.height-250 {margin-top: calc((12.4445144444rem - 250px) / 2); margin-bottom: calc((12.4445144444rem - 250px) / 2);}
}
/* ELEMENT OFFSET */ 
.offset {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -6px; border: 3px solid #d4edfc;}
@media (min-width: 1680px) {
.offset {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -6px;}
}
.offset-top {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -3px; border-top: 3px solid #d4edfc;}
@media (min-width: 1680px) {
.offset-top {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -3px;}
}
.offset-bottom {margin-bottom: -3px; border-bottom: 3px solid #d4edfc;}
@media (min-width: 1680px) {
.offset-bottom {margin-bottom: -3px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LINES DIVIDER BORDER */
.line {border-top: 5px #d8effd dotted; top: -5px;}
hr:after, .hr:after {content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #d4edfc;}
hr.icon-line, .hr.icon-line {border-style: none !important; border-color: inherit !important; border-width: 0px !important; display: block; position: relative; width: 100%; vertical-align: baseline; overflow: hidden; left: 0px; margin-left: 0px; background-image: url('images-riz/icon-line.svg'); background-position: 0 0; background-repeat: no-repeat;}
hr.icon-line:after, .hr.icon-line:after {display: none; visibility: hidden; content: ''; left: 0; right: 0; height: 0px; background: transparent;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  NAVIGATION */
/* MOBILE MENUE FIRST */
@media all and (max-width: 960px) {
input#mobile-menu {position: absolute; top: -9999px; left: -9999px; background: none; z-index: 994;}
/* MOBILE MENUE TOGGLE BUTTON */
input#mobile-menu + label.mobile-menu-toggle {position: fixed; top: 26px; right: 1rem; height: 48px; width: 48px; background-color: #00a2e8;  color: #fffcf7; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; z-index: 995;}
input#mobile-menu + label.mobile-menu-toggle span {position: absolute; width: 23px; height: 2px; top: 50%; margin-top: -2px; left: 25%; display: block; background: #f5f1eb; -webkit-transition: all 0.21s ease-in-out 0s; -moz-transition: all 0.21s ease-in-out 0s; -o-transition: all 0.21s ease-in-out 0s; transition: all 0.21s ease-in-out 0s;}
input#mobile-menu + label.mobile-menu-toggle:hover {background: #52cbff; color: #ffffff;}
input#mobile-menu + label.mobile-menu-toggle:hover span {background: #ffffff;}
input#mobile-menu + label.mobile-menu-toggle span:first-child {top: 14px;}
input#mobile-menu + label.mobile-menu-toggle span:last-child {top: 33px;}
label.mobile-menu-toggle:hover {cursor: pointer;}
input#mobile-menu:checked + label.mobile-menu-toggle span {opacity: 0; top: 50%;}
input#mobile-menu:checked + label.mobile-menu-toggle span:first-child {opacity: 1; transform: rotate(405deg);}
input#mobile-menu:checked + label.mobile-menu-toggle span:last-child {opacity: 1; transform: rotate(-405deg);}
input#mobile-menu:checked ~ nav.nav-container {display: block;}
/* MOBILE MENUE BACKGROUND */
input#mobile-menu ~ nav.nav-container {position: fixed; top: 0; left: 0; width: 100%; height: auto; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s; overflow: hidden; 
background: #feffff;
background: -moz-linear-gradient(top, #feffff 0%, #f5fafa 100%);
background: -webkit-linear-gradient(top, #feffff 0%, #f5fafa 100%);
background: linear-gradient(to bottom, #feffff 0%, #f5fafa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f5fafa',GradientType=0 );
z-index: 994;}
/* MOBILE MENUE LINK LISTING */
input#mobile-menu ~ nav.nav-container > ul.list-nav {text-align: center; position: absolute; top: 40px; left: 3px; right: 0px; z-index: 999;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item {opacity: 0; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}
/* MOBILE MENUE LINKS */
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link {display: block; border-bottom: 0px solid #00a2e8; min-height: 2.5rem; height: 1vh;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:hover {background-color: transparent; margin-left: -1rem; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link span {color: #00a2e8; font-size: 1.2rem; line-height: 1.50001rem;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:hover span {color: #52cbff;}
/* MOBILE MENUE LINK UNDERLINE */
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:before, 
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:after {
content: ""; position: relative; display: block; top: 0.1rem; width: 0px; height: 3px; margin: 3px 0px 0px 0px; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s; opacity: 0;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:hover:before, 
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:hover:after {width: 100%; opacity: 1;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:hover:after {right: 0; background-color: #52cbff;}
input#mobile-menu:checked ~ nav.nav-container {height: 100%;}
input#mobile-menu:checked ~ nav.nav-container > ul.list-nav > li.list-nav-item {opacity: 1;}
}
@media all and (min-height: 480px) and (max-width: 961px) {
input#mobile-menu ~ nav.nav-container > ul.list-nav {top: 120px; left: -5px;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link {min-height: 3.00002rem; height: 8vh;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link span {font-size: 1.50001rem; line-height: 1.50001rem;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:before, 
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:after {top: 0.5rem;}
}
/* MOBILE MENUE FOLD OUT */
nav.nav-container {display: none; position: absolute; width: 100%; margin: 0px; padding: 0px; left: 0px; right: 0px; top: 45px; border: #e2e4e4 2px solid; -webkit-box-shadow: 0px 10px 15px 0px rgba(80,90,100,0.45); -moz-box-shadow: 0px 10px 15px 0px rgba(80,90,100,0.45); box-shadow: 0px 10px 15px 0px rgba(80,90,100,0.45); z-index: 999;}
nav.nav-container ul.list-nav {display: block; width: 100%; margin: 0px auto 0px auto; padding: 0px; float: left;}
nav.nav-container ul.list-nav li.list-nav-item {float: none; padding: 0px; width: 100%; display: block; font-family: "Public Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link {display: block; padding: 10px 0px 8px 20px; font-size: 1em; color: #00a2e8; text-align: left; border-bottom: 1px solid #e6f5fe;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link:hover {background-color: #52cbff; color: #fffcf7; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}

@media all and (min-width: 576px){
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link {padding: 10px 0px 8px 35px; font-size: 1rem;}
}
@media all and (min-width: 768px){
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link {padding: 10px 0px 8px 42px; font-size: 1rem;}
}
@media all and (min-width: 961px){
.mobile-menu-toggle, input#mobile-menu, label.mobile-menu-toggle {display: none;}
input#mobile-menu ~ nav.nav-container {background: transparent;}
header.header-fixed {width: 100%; height: 48px; margin: 120px auto 0px auto; text-align: center; border-top: #e6f5fe 1px solid; border-bottom: #e1dfdc 1px solid; background-color: #ffffff; -webkit-box-shadow: 0px 5px 7px 0px rgba(80,90,100,0.13); -moz-box-shadow: 0px 5px 7px 0px rgba(80,90,100,0.13); box-shadow: 0px 5px 7px 0px rgba(80,90,100,0.13);}
nav.nav-container {display: block; position: relative; width: 100%; height: 48px; margin: 0 auto; text-align: center; top: 0px; border: 0px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); box-shadow: 0px 0px 0px 0px rgba(255,255,255,0);}
nav.nav-container ul.list-nav {width: 100%; min-height: 48px; height: 48px; line-height: 48px; margin: -1px auto 0px auto; text-align: center;}
nav.nav-container ul.list-nav li.list-nav-item {display: inline; display: inline-block; width: auto; min-height: 48px; height: 48px; line-height: 48px; margin: 0px auto 0px auto; padding: 0px; text-align: center;}
nav.nav-container ul.list-nav li.list-nav-item:last-child {padding-right: 0px;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link {display: inline; display: inline-block; width: auto; min-height: 48px; height: 48px; line-height: 48px; margin: -1px 0px 0px 0px; padding: 0px 0.90rem 0px 0.90rem; font-size: 1rem; text-align: center; vertical-align: bottom; border: 0px; color: #00a2e8;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link:hover {background-color: transparent; color: #52cbff; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link.active {background-color: transparent; color: #66d1ff; -webkit-transition: all 0.61s ease-in-out 0s; -moz-transition: all 0.61s ease-in-out 0s; -o-transition: all 0.61s ease-in-out 0s; transition: all 0.61s ease-in-out 0s;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link span {display: block; height: 47px; line-height: 47px; margin: 0px 0px 0px 0px; padding: 0px; border-bottom: 3px solid transparent;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link:hover span {border-bottom-color: #52cbff;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link.active span {border-bottom-color: #66d1ff;}
}
@media all and (min-width: 1280px){
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link {margin-left: 0.85rem; margin-right: 0.85rem;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  BASIC OVERWRITES */
.nomargin {margin: 0px;}
.nopad {padding: 0px;}
.align-bottom {position: absolute; bottom: 10px;}
.noshow {display: none; visibility: hidden;}
.hidetext {text-indent: -999999px; display: block;}
.left {text-align: left; left: 0px;}
.right {text-align: right; right: 0px;}
.head-right {text-align: left;}
.center {text-align: center;}

.bordered {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #d4edfc;}
.round {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}
.square {display: inline; display: inline-block; position: relative; vertical-align: top; margin-right: 0.5rem; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}
.border-left {border-left: 1px #d4edfc solid;}
.border-right {border-right: 1px #d4edfc solid;}
.border-top {border-top: 1px #d4edfc solid;}
.border-bottom {border-bottom: 1px #d4edfc solid;}
.border-cat {border-top: 3px #009ee3 solid;}
.border-yellow {border: 3px solid #ffcc00;}
.border-top-divider {border-top: 3px #ffefce solid;}
 
.bluexxdk {color: #002940;}
.bluexdk {color: #00598c;}
.bluedk {color: #0078b4;}
.blue, .accent, .vivid {color: #009ee3;}
.bluelt {color: #d8effd;}
.bluexlt {color: #d4edfc;}

.yellowxxdk {color: #b38f00;}
.yellowxdk {color: #cca300;}
.yellowdk {color: #e6b800;}
.yellow {color: #ffcc00;}
.yellowlt {color: #ffe682;}
.yellowxlt {color: #ffefce;}

.whitedk {color: #f5f1eb;}
.white {color: #fffcf7;}
.whitelt {color: #ffffff;}

.greydk {color: #877f7b;}
.grey {color: #b5aca5;}
.greylt {color: #dfd4cc;}

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {color: #73706e;} 

.blackdk {color: #040505;} 
.black {color: #2e2b28;} 
.blacklt {color: #4a4541;} 

.bgbluexdk {background-color: #00598c; background-color: rgba(0,89,140,0.99);}
.bgbluedk {background-color: #0078b4; background-color: rgba(0,120,180,0.99);}
.bgblue {background-color: #009ee3; background-color: rgba(0,158,227,0.99);}
.bgbluelt {background-color: #d8effd; background-color: rgba(216,239,253,0.99);}
.bgbluexlt {background-color: #d4edfc; background-color: rgba(234,246,254,0.99);}

.bgyellow {background-color: #ffcc00; background-color: rgba(255,204,0,0.99);}
.bgyellowlt {background-color: #ffe682; background-color: rgba(255,230,130,0.99);}
.bgyellowxlt {background-color: #ffefce; background-color: rgba(255,239,206,0.99);}
.bgyellowalpha {background-color: #ffcc00; background-color: rgba(255,204,0,0.20);}

.bgwhitedk {background-color: #f5f1eb; background-color: rgba(245,241,235,0.99);}
.bgwhite {background-color: #fffcf7; background-color: rgba(255,252,247,0.99);}
.bgwhitelt {background-color: #ffffff; background-color: rgba(255,255,255,0.99);}

.bggreydk {background-color: #877f7b; background-color: rgba(135,127,123,0.99);}
.bggrey {background-color: #b5aca5; background-color: rgba(181,173,166,0.99);}
.bggreylt {background-color: #dfd4cc; background-color: rgba(223,212,204,0.99);}

.bgblackdk {background-color: #040505; background-color: rgba(4,5,5,0.99);}
.bgblack {background-color: #2e2b28; background-color: rgba(46,43,40,0.99);}
.bgblacklt {background-color: #4a4541; background-color: rgba(74,69,65,0.99);}

.bgblackalpha {background-color: #040505; background-color: rgba(4,5,5,0.20);}

.bgmaster {background-color: transparent; background: transparent url('images/spacer.gif') repeat fixed left top;}
.bgstriped {background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #fffcf7 5px, #fffcf7 10px), linear-gradient(to bottom, #fffbf5, #fffbf5);}
.bgoverlay {background-image: url('images/bg-pattern-lines-3.png'); background-repeat: repeat; background-position: left top; background-attachment: fixed;}
.bgnoise {background-image: url('images/bg-pattern-noise.png'); background-repeat: repeat; background-position: left top; background-attachment: fixed;} 

.overlaylt, .overlaydk {position: absolute; top: 0; left: 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-repeat: repeat; background-position: left top; background-attachment: fixed; float: none; clear: both; z-index: 900;} 
.overlaylt {background-image: url('images/bg-pattern-noise-light.png');} 
.overlaydk {background-image: url('images/bg-pattern-noise-dark.png');} 
.bgimage {background-repeat: no-repeat; background-position: left top; background-attachment: fixed; background-size: cover;} 
#bgimg {position: fixed; left: 0px; top: 0px; margin-top: 0px; background: transparent url('images/icon-loading.gif') no-repeat fixed 50% 50%; z-index: 2;}
#bgcanvas {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: transparent url('images/bg-main-raster.png') fixed repeat left top; z-index: 3;}
.overlay-color {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0px; margin: 0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)"; filter: alpha(opacity=33); -moz-opacity: 0.33; -khtml-opacity: 0.33; opacity: 0.33; z-index: 10;}
.overlay-raster {position: relative; display: block; height: 1999%; width: 1999%; left: -999%; top: -999%; padding: 0px; margin: 0px; background-image: url('images/bg-pattern-lines.png'); background-repeat: repeat; background-position: left top; background-attachment: fixed; float: none; clear: both; z-index: 25;} 
/* 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=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; background-image: url('images/bg-pattern-dots.png'); background-repeat: repeat; background-position: left top; background-attachment: scroll; float: none; clear: both; z-index: 0;}
.shadow-inset {-webkit-box-shadow: inset 10px 10px 30px 10px rgba(51,51,51,1); -moz-box-shadow: inset 10px 10px 30px 10px rgba(51,51,51,1); box-shadow: inset 10px 10px 30px 10px rgba(51,51,51,1);}
.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;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  GENERAL MEDIA QUERY */
@media all and (max-width: 480px) {
}
@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 961px) {
.head-right {text-align: right; right: 0px;}
}
@media all and (min-width: 1280px) {
}
@media all and (min-width: 1680px) {
}
/* SCREENSIZE TARGETING */
.no-mobile {display: none !important;} 
.only-mobile {display: block !important;}
.no-desktop {display: block !important;}
.only-desktop {display: none !important;}
table.only-mobile, table.no-desktop {display: table !important;}
@media all and (min-width: 961px){
.no-mobile {display: block !important;}
.only-mobile {display: none !important;} 
.no-desktop {display: none !important;}
.only-desktop {display: block !important;}
table.no-mobile, table.only-desktop {display: table !important;}
}
/* ORIENTATION TARGETING */
@media all and (orientation: landscape) {
.only-landscape, .no-portrait {display: block !important;}
.no-landscape, .only-portrait {display: none !important;}
}
@media all and (orientation: portrait) {
.only-landscape, .no-portrait {display: none !important;}
.no-landscape, .only-portrait {display: block !important;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  PRINT SETUP */
.only-print {display: none !important;}
@page {margin: 0.5cm;}
@media print {
.only-print {display: block !important;}
.no-print, .scrolltotop {display: none !important;}
* {color: #000000 !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;}
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;}
}  
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  END */