/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  REALPATENT SETUP */
/* ////////////////////////////////////////////////////////////////  BREAKPOINT - SCREENSIZE
(max-width: 480px) (min-width: 576px) (min-width: 768px) (min-width: 1080px) (min-width: 1081px) (min-width: 1280px) (min-width: 1680px)
////////////////////////////////////////////////////////////////  COLOR
DARKBLUE:	#001226  -  #002c5a  -  #1a4b80
BLUE: 		#005cbf  -  #007dff  -  #80bdff
YELLOW: 	#a38d29  -  #d6bc42  -  #edd464
SILVER: 	#798080  -  #b1b2b2  -  #cfd1d1  
WHITE: 		#e7e9eb  -  #f1f2f2  -  #ffffff
BLACK:		#0d0e0e  -  #2f3131  -  #474b4b

DARKBLUE: #002c5a
BLUE: #007dff (ACCENT)
SILVER:	#b1b2b2
GOLD: #d6bc42

LINK: #96872f (150,135,47)
LINK-HOVER: #cdbb51 (205,187,81) / ACTIVE #ffe851 (255,232,81) 
RED/ORANGE CLOSELINK: #bf3600 / HOVER #ff5200

NAVCOLOR LINK: #ad9926 (179,159,54)
NAVCOLOR HOVER: #d3be40 (211,190,64)
NAVCOLOR MOBILE BACKGROUND: #f4f6f6
NAVCOLOR BORDERS: #e0dac0
NAVCOLOR NAVICONS: #c9b332

SELECTTEXT: #3d3512 SELECTBG #ffde4c
BODY-BACKGROUND: #f2f5f7 (NAV BACKGROUND)
CONTENT-BACKGROUND SOFT WHITE: #fafaff
BORDER/FRAME: #cfd4d4

COPYTEXT BODY: #002954 (FOR UNDERLINES ETC. #40556b) 
HEADLINES BLUE: #053568
HEADLINES GREY: #a8a9a9
FOOTERTEXT: #6b6c6c
OTHER UNIMPORTANT: #9d9e9e
////////////////////////////////////////////////////////////////  FONT STACK
font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;
font-family: "Noto Serif", Georgia, Palatino, Garamond, "Book Antiqua", Times, Times New Roman, serif;
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FONT SETUP */
/* noto-sans-regular - latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: url('fonts-realpatent/noto-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Noto Sans'), local('NotoSans'),
url('fonts-realpatent/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-realpatent/noto-sans-v8-latin-regular.woff2') format('woff2'), /* Latest Browser */
url('fonts-realpatent/noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts-realpatent/noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-realpatent/noto-sans-v8-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* noto-sans-700 - latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: url('fonts-realpatent/noto-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
src: local('Noto Sans Bold'), local('NotoSans-Bold'),
url('fonts-realpatent/noto-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-realpatent/noto-sans-v8-latin-700.woff2') format('woff2'), /* Latest Browser */
url('fonts-realpatent/noto-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
url('fonts-realpatent/noto-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-realpatent/noto-sans-v8-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* noto-serif-regular - latin */
@font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 400;
src: url('fonts-realpatent/noto-serif-v7-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Noto Serif'), local('NotoSerif'),
url('fonts-realpatent/noto-serif-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-realpatent/noto-serif-v7-latin-regular.woff2') format('woff2'), /* Latest Browser */
url('fonts-realpatent/noto-serif-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts-realpatent/noto-serif-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-realpatent/noto-serif-v7-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* noto-serif-700 - latin */
@font-face {
font-family: 'Noto Serif';
font-style: normal;
font-weight: 700;
src: url('fonts-realpatent/noto-serif-v7-latin-700.eot'); /* IE9 Compat Modes */
src: local('Noto Serif Bold'), local('NotoSerif-Bold'),
url('fonts-realpatent/noto-serif-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts-realpatent/noto-serif-v7-latin-700.woff2') format('woff2'), /* Latest Browser */
url('fonts-realpatent/noto-serif-v7-latin-700.woff') format('woff'), /* Modern Browsers */
url('fonts-realpatent/noto-serif-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts-realpatent/noto-serif-v7-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  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: "Noto 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: 400; line-height: 1; font: inherit; text-decoration: none; list-style: none; vertical-align: bottom;
-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: auto 3; -webkit-hyphenate-limit-lines: 8;
-ms-hyphenate-limit-chars: auto 3; -ms-hyphenate-limit-lines: 8;
hyphenate-limit-chars: auto 3; hyphenate-limit-lines: 8;
white-space: normal;  -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: inherit; background: transparent;}
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 #40556b; 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: #002954; color: #f1f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; 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: "“" "”" "‘" "’"; quotes: "\201C" "\201D" "\2018" "\2019";}
*[lang=de]{quotes: "“" "”" "‘" "’"; quotes: "\201C" "\201D" "\2018" "\2019";}
:-moz-selection {background: #ffde4c; color: #3d3512; text-shadow: 0px 0px 0px #ffde4c;}
:selection {background: #ffde4c; color: #3d3512; text-shadow: 0px 0px 0px #ffde4c;}
::-moz-selection {background: #ffde4c; color: #3d3512; text-shadow: 0px 0px 0px #ffde4c;}
::selection {background: #ffde4c; color: #3d3512; text-shadow: 0px 0px 0px #ffde4c;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  GENERAL LAYOUT */ 
html {height: 100%; -webkit-tap-highlight-color: #002c5a; font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; color: #002954; /* font-size: 16px; font-size: 100%; line-height: 1.50; font-style: normal; font-weight: normal; font-weight: 400; -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 {position: relative; height: 100%; min-height: 101%; height: 100vh; width: 100%; width: 100vw; margin: 0; padding: 0; font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; color: #002954; /* font-size: 1.2rem; font-style: normal; font-weight: normal; font-weight: 400; */ text-align: center; background-color: #f2f5f7; background: #f2f5f7 url('images/spacer.gif') repeat fixed left top; z-index: 1;}
.bgbody {background-color: #f2f5f7; background-color: rgba(242,245,247,1.00); background-image: url('images/bg-pattern.png'); background-repeat: repeat; background-position: left top;}
.main-content {width: 100%; max-width: 1680px; margin: 0 auto; text-align: left;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LISTS */ 
dl.list {width: 100%; overflow: hidden;}
dl.list dt {float: left; width: 45.3%; padding-right: 0.2rem; color: #798080;}
dl.list dd {float: left; width: 54.7%;}

dl.list-contact {width: 100%; overflow: hidden;}
dl.list-contact dt {float: left; width: 25%; padding-right: 0.2rem; color: #798080;}
dl.list-contact dd {float: left; width: 75%;}

dl.list-table {width: 100%; overflow: hidden; border: 1px #cfd4d4 solid; border-top-color: #ffffff; border-left-color: #ffffff; background: #e7e9eb;}
dl.list-table dt {float: left; width: 100%; padding-right: 0.2rem; color: #798080; 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: #798080; font-weight: 700; 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.00001rem; line-height: inherit; margin-right: 0.5rem; margin-top: 0.775rem; color: #b1b2b2;}

ul.list {}
ul.list li {text-indent: -1.175rem; padding-left: 1.175rem;}
ul.list li:before {content: ''; display: inline-block; height: 5px; width: 5px; margin-right: 0.75rem; background-image: url(images-realpatent/icon-dot-single-blue.svg); background-size: contain; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle;}

.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 #1a4b80 dotted; background: transparent; font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-weight: 400;}
/*
.list-grid-2 li, .list-grid-full-2 li {width: 100%; display: block; float: left; position: relative; padding: 0.750005rem; border: 1px #cfd4d4 solid; border-top-color: #ffffff; border-left-color: #ffffff; background: #e7e9eb; font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-weight: 400;}
.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: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; z-index: 9; z-index: -1;}
.listspecial li h3 span {}
.listspecial li p {}

@media all and (min-width: 576px) {
dl.list-contact dt {width: 15%;}
dl.list-contact dd {width: 85%;}
}
@media all and (min-width: 1081px) {
dl.list-contact dt {width: 30%;}
dl.list-contact dd {width: 70%;}
.list-grid li {width: 48%;}
}
@media all and (min-width: 1280px) {
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%;}
}
@media all and (min-width: 1680px) {
dl.list-contact dt {width: 25%;}
dl.list-contact dd {width: 75%;}
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: #e7e9eb;}
th {background: #002c5a; color: #f1f2f2;}
td, th {line-height: calc(4.50003rem - 1px); height: calc(4.50003rem - 1px);  padding-left: 0.5rem; text-align: left; border: 1px solid #cfd4d4;}

@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 #cfd4d4;}
td {border: none; border-bottom: 1px solid #cfd4d4;	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: #002c5a; font-weight: 700;}
}

@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 {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; width: auto; height: auto; overflow: hidden; display: block; color: #cfd1d1; font-size: 0.8333333333rem;}

.img-left {float: left; margin-right: 1.50001rem;}
.img-right {float: right; margin-left: 1.50001rem;}
.img-full {display: block; width: 100%; height: auto;} 
.img-keyvisual {position: relative; display: block; width: 100%; height: auto; z-index: 10;}
.img-border {border: 1px #cfd4d4 solid; border-top-color: #ffffff; border-left-color: #ffffff;}
.img-bspace {margin-bottom: 1.50001rem;}

.icon-dots {width: auto; height: 7px; display: inline; vertical-align: baseline; margin-right: 12px; left: 0px; margin-left: 0px;}
.margin-icon-dots {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: 17.7778777778rem;}
figcaption {display: block; line-height: 1.7777877778rem; width: 600px; background-color: #cfd4d4; color: #f1f2f2; font-size: 0.73em; vertical-align: baseline; padding-left: 0.5rem;}

@media all and (min-width: 1280px) {
.icon-dots {height: 14px; margin-right: 20px;}
.margin-icon-dots {margin-left: 77px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FORMS */ 
button, fieldset, input:not([type="radio"]):not([type="checkbox"]), select, textarea {border-width: 1px; border-style: solid; border-color: #cfd4d4;}
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: 1081px) {
input[type=radio], input[type=checkbox] {margin-bottom: 0.525em; line-height: 0px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LAYOUT BLOCKS */
section, .section {display: block; position: relative; width: 100%; max-width: 1680px; margin: 0px auto 0px auto; padding: 0px; clear: both;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  HEADER */
header {display: block; width: 100%; height: 30px; 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 #cfd1d1 solid; z-index: 991;}
.logocontainer {display: block; position: relative; width: 100%; max-width: 240px; height: auto; padding: 20px 0px 18px 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: 240px; height: 42px; margin: 0px; padding: 0px; float: left; text-align: left; background: url('images-realpatent/patentanwaelte-starnberg-realpatent.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: 240px; height: 42px; margin: 0px; background: url('images-realpatent/patentanwaelte-starnberg-realpatent.svg') no-repeat 0px -42px; 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; transition: opacity 1.25s; -webkit-transition: opacity 1.25s; -moz-transition: opacity 1.25s; -o-transition: opacity 1.25s; z-index: 993;}
a.logo:hover {background: url('images/spacer.gif') no-repeat 0px 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: 10px 0px 9px 0px; left: 3.75%; max-width: 360px;}
a.logo {width: 360px; height: 63px;}
a.logo span {width: 360px; height: 63px; background-position: 0px -63px;}
}
@media all and (min-width: 1081px){
.logocontainer {display: block; position: relative; width: 100%; max-width: 100%; height: 80px; margin: 0px auto 0px auto; padding: 0px; text-align: center; left: auto; right: auto;}
a.logo {position: absolute; width: 400px; height: 70px; left: 50%; top: 50%; margin: -35px 0 0 -200px;}
a.logo span {position: absolute; width: 400px; height: 70px; left: 50%; top: 50%; margin: -35px 0 0 -200px; background-position: 0px -70px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.headleft {display: block; position: relative; padding: 37px 1rem 0px 0px; width: 100%; height: 79px; text-align: right; font-size: 0.73em; letter-spacing: 0.045em; color: #a8a9a9;}
.headright {display: block; position: relative; padding: 37px 0px 0px 1rem; width: 100%; height: 79px; text-align: left; font-size: 0.73em; letter-spacing: 0.045em; color: #a8a9a9;}
}
@media all and (min-width: 1280px){
a.logo {position: absolute; width: 400px; height: 70px; left: 50%; top: 50%; margin: -35px 0 0 -200px;}
a.logo span {position: absolute; width: 400px; height: 70px; left: 50%; top: 50%; margin: -35px 0 0 -200px; background-position: 0px -70px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.headleft {padding: 40px 1rem 0px 0px; font-size: 0.73em; letter-spacing: 0.015em;}
.headright {padding: 40px 0px 0px 1rem; font-size: 0.73em; letter-spacing: 0.015em;}
}
@media all and (min-width: 1680px){
.headleft {padding: 33px 0rem 0px 0px;}
.headright {padding: 33px 0px 0px 0rem;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  NAVIGATION */
/* MOBILE MENUE FIRST */
@media all and (max-width: 1080px) {
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: 16px; right: 1rem; height: 48px; width: 48px; background-color: #ad9926; border: 1px #96872f solid; border-top-color: #e8e1b7; border-left-color: #e8e1b7; color: #f1f2f2; 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: #e7e9eb; transition: 0.33s;}
input#mobile-menu + label.mobile-menu-toggle:hover {background: #d3be40; 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; transition: 0.33s; transition-delay: 0.33s; overflow: hidden; 
background: #f4f6f6;
background: -moz-linear-gradient(top, #f4f6f6 0%, #d0d2d2 100%);
background: -webkit-linear-gradient(top, #f4f6f6 0%, #d0d2d2 100%);
background: linear-gradient(to bottom,  #f4f6f6 0%, #d0d2d2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6f6', endColorstr='#d0d2d2',GradientType=0 );
z-index: 994;}
/* MOBILE MENUE LINK LISTING */
input#mobile-menu ~ nav.nav-container > ul.list-nav {text-align: center; position: absolute; top: 0px; left: 55%; right: 0px;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item {opacity: 0; transition: 0.33s; transition-delay: 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 #ad9926; min-height: 3.00001rem; height: 4vh;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link:hover {background-color: transparent; margin-left: -0.5rem; transition: all 0.33s ease-in-out; transition-duration: 0.33s;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link span {color: #ad9926; font-size: 1.44rem; 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: #d3be40;}
/* 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.5rem; width: 0px; height: 3px; margin: 3px 0px 0px 0px; transition: all 0.2s ease-in-out; transition-duration: 0.75s; 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: #d3be40;}
input#mobile-menu:checked ~ nav.nav-container {height: 100%; transition-delay: 0s;}
input#mobile-menu:checked ~ nav.nav-container > ul.list-nav > li.list-nav-item {opacity: 1; transition-delay: 0.33s;}
}
@media all and (min-height: 480px) {
input#mobile-menu ~ nav.nav-container > ul.list-nav {top: 15%; left: 10%;}
input#mobile-menu ~ nav.nav-container > ul.list-nav > li.list-nav-item > a.list-nav-item-link {height: 7vh;}
}
/* 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(99,99,99,0.45); -moz-box-shadow: 0px 10px 15px 0px rgba(99,99,99,0.45); box-shadow: 0px 10px 15px 0px rgba(99,99,99,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: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-weight: 400;}
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: #ad9926; text-align: left; border-bottom: 1px solid #e0dac0;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link:hover {background-color: #d3be40; color: #f1f2f2; transition: all 0.33s ease 0s;}

@media all and (max-width: 480px){
}
@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: 1081px){
.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: 80px auto 0px auto; text-align: center; border-top: #e0dac0 1px solid; border-bottom: #cfd1d1 1px solid; background-color: #ffffff; -webkit-box-shadow: 0px 3px 5px 0px rgba(99,99,99,0.15); -moz-box-shadow: 0px 3px 5px 0px rgba(99,99,99,0.15); box-shadow: 0px 3px 5px 0px rgba(99,99,99,0.15);}
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(99,99,99,0); -moz-box-shadow: 0px 0px 0px 0px rgba(99,99,99,0); box-shadow: 0px 0px 0px 0px rgba(99,99,99,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;}
nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link:hover, nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link.active {background-color: transparent; color: #d3be40; transition: all 0.33s ease 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, nav.nav-container ul.list-nav li.list-nav-item a.list-nav-item-link.active span {border-bottom-color: #e1d79e; transition: all 0.33s ease 0s;}
}
@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;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  HYPERLINKS LINKS */
a, a:link, a:visited, a.link {color: #96872f; font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; -moz-transition: color 200ms ease; -o-transition: color 200ms ease; -webkit-transition: color 200ms ease; transition: color 200ms ease;}
a:hover, a:focus, a.active {color: #cdbb51;}
a:active {color: #ffe851;}
a:not([class]), a[class=""] {font-family: "Noto Serif", Georgia, Palatino, Garamond, "Book Antiqua", Times, Times New Roman, serif;}
a.link.active {color: #b1b2b2;}

a.link, a.link:visited {text-decoration: none; position: relative; text-shadow: -1px -1px 0 #f1f2f2, 1px -1px 0 #f1f2f2, -1px 1px 0 #f1f2f2, 1px 1px 0 #f1f2f2; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #96872f 2px, #96872f 3px, rgba(0, 0, 0, 0) 3px);}
a.link:hover, a.link:focus, a.link.active {text-shadow: -1px -1px 0 #f1f2f2, 1px -1px 0 #f1f2f2, -1px 1px 0 #f1f2f2, 1px 1px 0 #f1f2f2; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #cdbb51 2px, #cdbb51 3px, rgba(0, 0, 0, 0) 3px);}
a.link.active {background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #b1b2b2 2px, #b1b2b2 3px, rgba(0, 0, 0, 0) 3px);}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
a.link {background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #96872f 2px, #96872f 2.5px, rgba(0, 0, 0, 0) 2.5px);}
a.link:hover, a.link:focus, a.link:active {background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #cdbb51 2px, #cdbb51 2.5px, rgba(0, 0, 0, 0) 2.5px);}
a.link.active {background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #b1b2b2 2px, #b1b2b2 2.5px, rgba(0, 0, 0, 0) 2.5px);}
}
a.link span {display: block; display: inline-block; position: absolute; left: -30px; margin-top: 0px; width: 20px; height: 20px; background-image: url('images-realpatent/sprites-master.svg'); background-size: auto 20px; background-position: 0px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

a.link-icon {margin-left: 30px;}
a.link-icon span {background-position: 320px 0px;}
a.link-icon:hover span {background-position: 300px 0px;} 
a.link-icon.active span {background-position: 160px 0px;}

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

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

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

a.link-usr {margin-left: 30px;}
a.link-usr span {background-position: 360px 0px;}
a.link-usr:hover span {background-position: 340px 0px;}

a.link-vcf {margin-left: 30px;}
a.link-vcf span {background-position: 400px 0px;}
a.link-vcf:hover span {background-position: 380px 0px;}

a.link-in {margin-left: 30px;}
a.link-in span {background-position: 40px 0px;}
a.link-in:hover span {background-position: 20px 0px;}

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

a.link-list {display: inline-block; float: none; width: 90%;}

a.link-mail {letter-spacing: 0.015rem;} 
a.link-phone {}
a.link-cosmos {text-align: right; float: right; font-size: 0.73em; text-decoration: none; background-image: none;}

a.link-active, a.link-active:hover {color: #b1b2b2; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #b1b2b2 2px, #b1b2b2 3px, rgba(0, 0, 0, 0) 3px);}
a.link-active span {color: #b1b2b2; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #b1b2b2 2px, #b1b2b2 3px, rgba(0, 0, 0, 0) 3px); background-image: url('images-realpatent/sprites-master.svg'); background-size: auto 20px; background-position: 160px 0px;}
a.link-active:hover span {background-position: 160px 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.33;} 100% {opacity: 0.88;}}
@keyframes flash {0% {opacity: 0.33;} 100% {opacity: 0.88;}}

@media all and (min-width: 1081px){
a.link span {margin-top: 3px;}
}
@media all and (min-width: 1280px){
a.link span {margin-top: 6px;}
/* 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: #f1f2f2; text-decoration: none; cursor: pointer; background-color: #ad9926; border: 1px #96872f solid; border-top-color: #e8e1b7; border-left-color: #e8e1b7; color: #f1f2f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
a.link-de-head:hover, a.link-en-head:hover {color: #ffffff; background-color: #d3be40; transition: all 0.33s ease 0s;}
@media all and (min-width: 1081px){
.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: #ad9926; background-color: #ffffff; font-size: 0.8333333333rem; line-height: 0.8333333333rem; -webkit-box-shadow: 0px 2px 4px 0px rgba(99,99,99,0.14); -moz-box-shadow: 0px 2px 4px 0px rgba(99,99,99,0.14); box-shadow: 0px 2px 4px 0px rgba(99,99,99,0.14);}
a.link-de-head:hover, a.link-en-head:hover {color: #ffffff; background-color: #d3be40; transition: all 0.33s ease 0s;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  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: #ad9926; border: 1px #96872f solid; border-top-color: #e8e1b7; border-left-color: #e8e1b7; color: #f1f2f2; vertical-align: middle; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; cursor:pointer;}
button, a.link-button:hover {background-color: #d3be40; color: #ffffff; transition: all 0.33s ease 0s;}

.scrolltotop {position: absolute; box-sizing: border-box; top: 10.0002rem; right: 1rem; bottom: 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 980;}
.scrolltotop #button-scroll-bg {fill: #ad9926;}
.scrolltotop a #button-scroll-arrow {fill: #f1f2f2; -webkit-transform: scale(0.66); transform: scale(0.66); -webkit-transform-origin: center; transform-origin: center;}
.scrolltotop a:hover #button-scroll-bg {fill: #d3be40;}
.scrolltotop a:hover #button-scroll-arrow {fill: #ffffff;}
@supports (-moz-appearance: meterbar) {
.scrolltotop {clip: rect(0, 3rem, auto, 0);}
}
.scrolltotop a {position: fixed; position: -webkit-sticky; position: sticky; top: -25rem;  margin-bottom: -25rem; width: 48px; height: 48px; -webkit-transform: translateY(110vh); transform: translateY(110vh); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: all; outline: none; overflow: hidden; z-index: 981; background-color: #ad9926; border: 1px #96872f solid; border-top-color: #e8e1b7; border-left-color: #e8e1b7; color: #f1f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;}
.scrolltotop a svg {display: block; width: 100%; height: 100%; z-index: 981;}
.scrolltotop a svg path {transition: all 0.33s;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  FOOTER */
.footer-wrapper {display: block; position: relative; max-width: 1680px !important; width: 100%; 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: #96872f; transition: all 0.5s ease 0s;}
.social li a:hover {color: #cdbb51; transition: all 0.5s ease 0s;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  LINES DIVIDER BORDER */
hr:after {content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #cfd4d4;}
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-realpatent/icon-line.svg'); background-position: 0 0; background-repeat: no-repeat;}
hr.icon-line:after {display: none; visibility: hidden; content: ''; left: 0; right: 0; height: 0px; background: transparent;}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  SCROLLBAR */
/*
::-webkit-scrollbar {}
::-webkit-scrollbar-button
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #ad9926; background-color: #ffffff; border: 1px #96872f solid; border-top-color: #e8e1b7; border-left-color: #e8e1b7;}
::-webkit-scrollbar-thumb {background-color: #ad9926; border-radius: 3px; -webkit-box-shadow: inset 0 0 6px #ad9926;}
::-webkit-scrollbar-corner {border-radius:3px; background-color: #ffffff;}
::-webkit-scrollbar-thumb:vertical {height: 48px; background-color: #ad9926;}
::-webkit-scrollbar-thumb:horizontal {height: 48px; background-color: #ad9926;}
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  BASIC FX */
.ani-fade-in, .main-content {-webkit-animation: ani-fade-in 1.33s; -moz-animation: ani-fade-in 1.33s; -ms-animation: ani-fade-in 1.33s; -o-animation: ani-fade-in 1.33s; animation: ani-fade-in 1.33s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@keyframes ani-fade-in {
    from {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
    to   {-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 {
    from {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
    to   {-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 {
    from {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
    to   {-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 {
    from {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
    to   {-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 {
    from {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0;}
    to   {-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.55s; -moz-animation: ani-top-in 0.55s; -ms-animation: ani-top-in 0.55s; -o-animation: ani-top-in 0.55s; animation: ani-top-in 0.55s;     -webkit-transition-delay: 0.44s; -moz-transition-delay: 0.44s; -o-transition-delay: 0.44s; transition-delay: 0.44s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes ani-top-in {
0% {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=56)"; filter: alpha(opacity=56); -moz-opacity: 0.56; -khtml-opacity: 0.56; opacity: 0.56; -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=56)"; filter: alpha(opacity=56); -moz-opacity: 0.56; -khtml-opacity: 0.56; opacity: 0.56; 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);}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  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: 85px;}
.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: 1081px) {
.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: 128px;}
.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, h2, h3, h4, h5, h6 {font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif; font-weight: 400; color: #053568; letter-spacing: -0.015rem;}
p, blockquote, cite, dl, dt, dd, ol, ul, li {font-family: "Noto Serif", Georgia, Palatino, Garamond, "Book Antiqua", Times, Times New Roman, serif; font-weight: 400; color: #002954; text-align: left;}
/* HEADLINES */
/*h2:after {content: ""; display: block; position: relative; left: 0; right: 0; width: 0.33em; height: 0.33em; margin-top: -0.33em; background-color: #053568; margin-left: 0.07em; z-index: -1;}*/
/* PARAGRAPH AND BASIC CLASSES */
p {}
p + p {text-indent: 0rem;}
.sans {font-family: "Noto Sans", Arial, Helvetica Neue, Helvetica, Calibri, sans-serif;}
.serif {font-family: "Noto Serif", 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;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center; margin-left: auto; margin-right: auto; display: inline-block; display: block;}
.text-block {text-align: justify;}
/* BLOCKQUOTE AND TEXT-BOXES */
blockquote, .text-quote {padding-left: 3.5555755556rem; padding-right: 3.5555755556rem; color: #80bdff;}
/*blockquote:first-letter {float: left; height: 0em; line-height: 0px; margin-top: 0rem; font-size: 7em; color: #1a4b80; 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: 7em; color: #1a4b80; content: "\201E"; margin-left: -3.5555755556rem;}
blockquote:before {float: right; height: 0em; line-height: 0px; margin-top: 0.23em; font-size: 7em; color: #1a4b80; content: "\201C"; margin-right: -3.5555755556rem;}
blockquote cite, cite {font-size: inherit; font-style: italic; color: #b1b2b2; text-align: right;}
blockquote cite:before, cite:before {content: '\00BB\00A0';}
blockquote cite:after, cite:after {content: '\00A0\00AB';}
q {color: #1a4b80;}
q:before {content: '\201E\00A0';}
q:after {content: '\00A0\201C';}
.text-box {}
.text-box-info {}
.text-box-warning {}
.text-box-hint {}
.text-box-download {}
/* TYPO MARKUP AND SEMANTICS */
b, strong, .bold, .strong {font-weight: bolder; font-weight: bold; font-weight: 700;}
em, i {font-style: italic;}
mark {background: #ffde4c; color: #3d3512; text-shadow: 0px 0px 0px #ffde4c;}
u, .underline, ins {text-decoration: none; position: relative; text-shadow: -1px -1px 0 #f2f5f7, 1px -1px 0 #f2f5f7, -1px 1px 0 #f2f5f7, 1px 1px 0 #f2f5f7; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 2px, #40556b 2px, #40556b 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.73em; 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, #40556b 2px, #40556b 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 {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;}
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 {font-size: 2.0736rem; line-height: 3.00001rem;}
h1.small {font-size: 1rem; line-height: 1.50001rem;}
h2 {font-size: 1.2rem; line-height: 1.50001rem;}
h2.small {font-size: 1rem; line-height: 1.50001rem;}
h3 {font-size: 1.2rem; line-height: 1.50001rem;}
h4 {font-size: 1.2rem; line-height: 1.50001rem; margin-bottom: 0px;}
h4 + p, h4 + ul, h4 + dl, h4 + ol {margin-top: 0px;}  
h5 {font-size: 1rem; line-height: 1.50001rem;}
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; letter-spacing: 0.125rem; position: absolute; display: inline; float: none; clear: both; padding-right: 1.2rem; z-index: 12; color: #f1f2f2; bottom: 0.5%; right: 4%;}
.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.00001rem;}
.font-size-4 {font-size: 2.0736rem; line-height: 3.00001rem;}
.font-size-5 {font-size: 2.48832rem; line-height: 3.00001rem;}
.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: 1081px) { 
}
@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 {height: 3.5555755556rem;}
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;}
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 {font-size: 2.44140625rem; line-height: 3.5555655556rem;}
h1.small {font-size: 1.25rem; line-height: 1.7777877778rem;}
h2 {font-size: 1.5625rem; line-height: 1.7777877778rem;}
h2.small {font-size: 1.25rem; line-height: 1.7777877778rem;}
h3 {font-size: 1.5625rem; line-height: 1.7777877778rem;}
h4 {font-size: 1.5625rem; line-height: 1.7777877778rem; margin-bottom: 0px;}
h4 + p, h4 + ul, h4 + dl, h4 + ol {margin-top: 0px;}  
h5 {font-size: 1rem; line-height: 1.7777877778rem;}
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; letter-spacing: 0.1rem;}
.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-160 {height: 160px; margin-top: calc((7.50005rem - 160px) / 2); margin-bottom: calc((7.50005rem - 160px) / 2);}
@media (min-width: 1680px) {
.height-160 {margin-top: calc((7.1111511111rem - 160px) / 2); margin-bottom: calc((7.1111511111rem - 160px) / 2);}
}
.height-150 {height: 150px; margin-top: calc((12.00008rem - 150px) / 2); margin-bottom: calc((12.00008rem - 150px) / 2);}
@media (min-width: 1081px) {
.height-150 {margin-top: calc((10.50007rem - 150px) / 2); margin-bottom: calc((10.50007rem - 150px) / 2);}
}
@media (min-width: 1680px) {
.height-150 {margin-top: calc((8.8889388889rem - 150px) / 2); margin-bottom: calc((8.8889388889rem - 150px) / 2);}
}
.height-200 {height: 200px; margin-top: calc((15.0001rem - 200px) / 2); margin-bottom: calc((15.0001rem - 200px) / 2);}
@media (min-width: 1081px) {
.height-200 {margin-top: calc((13.50009rem - 200px) / 2); margin-bottom: calc((13.50009rem - 200px) / 2);}
}
@media (min-width: 1680px) {
.height-200 {margin-top: calc((12.4445144444rem - 200px) / 2); margin-bottom: calc((12.4445144444rem - 200px) / 2);}
}
/* ELEMENT OFFSET */ 
.offset {-webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); margin-bottom: -6px; border: 3px solid #cfd4d4;}
@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 #cfd4d4;}
@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 #cfd4d4;}
@media (min-width: 1680px) {
.offset-bottom {margin-bottom: -3px;}
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////  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;}
.center {text-align: center;}

.border-left {border-left: 1px #cfd4d4 solid;}
.border-right {border-right: 1px #cfd4d4 solid;}
.border-top {border-top: 1px #cfd4d4 solid;}
.border-bottom {border-bottom: 1px #cfd4d4 solid;}
.border-cat {border-top: 3px #007dff solid;}

.bluedarkdk {color: #001226;}
.bluedark   {color: #002c5a;}
.bluedarklt {color: #1a4b80;}

.yellowdk {color: #a38d29;}
.yellow {color: #d6bc42;}
.yellowlt {color: #edd464;}

.bluedk {color: #005cbf;}
.blue, .accent, .vivid {color: #007dff;}
.bluelt {color: #80bdff;}

.whitedk {color: #e7e9eb;}
.white {color: #f1f2f2;}
.whitelt {color: #ffffff;}

.greydk {color: #798080;}
.grey {color: #b1b2b2;}
.greylt {color: #cfd1d1;}

.blackdk {color: #0d0e0e;} 
.black {color: #2f3131;} 
.blacklt {color: #474b4b;} 

.bgdarkbluedk {background-color: #001226; background-color: rgba(0,18,38,1.00);}
.bgdarkblue {background-color: #002c5a; background-color: rgba(0,44,90,1.00);}
.bgdarkbluelt {background-color: #1a4b80; background-color: rgba(26,75,128,1.00);}

.bgyellowdk {background-color: #a38d29; background-color: rgba(163,141,41,1.00);}
.bgyellow {background-color: #d6bc42; background-color: rgba(214,188,66,1.00);}
.bgyellowlt {background-color: #edd464; background-color: rgba(237,212,100,1.00);}

.bgbluedk {background-color: #005cbf; background-color: rgba(0,92,191,1.00);}
.bgblue {background-color: #007dff; background-color: rgba(0,125,255,1.00);}
.bgbluelt {background-color: #80bdff; background-color: rgba(128,189,255,1.00);}

.bgwhitedk {background-color: #e7e9eb; background-color: rgba(231,233,235,1.00);}
.bgwhite {background-color: #f1f2f2; background-color: rgba(241,242,242,1.00);}
.bgwhitelt {background-color: #ffffff; background-color: rgba(255,255,255,1.00);}

.bggreydk {background-color: #798080; background-color: rgba(121,128,128,1.00);}
.bggrey {background-color: #b1b2b2; background-color: rgba(172,175,179,1.00);}
.bggreylt {background-color: #cfd1d1; background-color: rgba(223,225,229,1.00);}

.bgblackdk {background-color: #0d0e0e; background-color: rgba(0,0,0,1.00);}
.bgblack {background-color: #2f3131; background-color: rgba(29,30,30,1.00);}
.bgblacklt {background-color: #474b4b; background-color: rgba(61,63,63,1.00);}

.bgblackalpha {background-color: #0d0e0e; background-color: rgba(0,0,0,0,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, #f1f2f2 5px, #f1f2f2 10px), linear-gradient(to bottom, #fafaff, #fafaff);}
.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-pattern-lines.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);}
.bordered {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; border: 1px solid #cfd4d4;}
.round {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;}
.square {display: inline; display: inline-block; position: relative; vertical-align: top; margin-right: 0.5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;}
.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: 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: 1081px){
.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 */