.dl-menuwrapper { width: 100%; max-width: 400px; float: left; position: relative; perspective: 1000px; background-image:url('spine.jpg');perspective-origin: 50% 200%;height:300px;}
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: rgb(105, 141, 158); border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background:#grey; }
.dl-menuwrapper button::after { content: ""; position: absolute; width: 68%; height: 5px; background: rgb(255, 255, 255); top: 10px; left: 16%; box-shadow: rgb(255, 255, 255) 0px 10px 0px, rgb(255, 255, 255) 0px 20px 0px; }
.dl-menuwrapper ul { padding: 0px; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; padding: 10px 10px; font-size: 14px; line-height: 8px; font-weight:normal; color: rgb(0, 0, 0); outline: none; }
.no-touch .dl-menuwrapper li a:hover { background: rgba(255, 248, 213, 0.1); }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 0.1); }
.dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after { font-weight:normal;font-size:18px; absolute; top: 0px;font-family: icomoon; speak: none; -webkit-font-smoothing: antialiased; content: ">"; }
.dl-menuwrapper li.dl-back::after { left: 10px; color: rgba(212, 204, 198, 0.3); transform: rotate(180deg); }
.dl-menuwrapper li > a::after { right: 10px; }
.dl-menuwrapper .dl-menu { margin: 0px; position: absolute; width: 60%; min-width:300px;opacity: 0; pointer-events: none; transform: translateY(10px); backface-visibility: hidden; list-style-type: none; font-weight:bold;}
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease 0s; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; transform: translateY(0px); list-style-type: none; }
okkkkkkkk
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0px; margin: 0px; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { animation: SubMenuAnimIn1 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { animation: SubMenuAnimIn2 0.3s ease-in-out 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { animation: SubMenuAnimIn3 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { animation: SubMenuAnimIn4 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { animation: SubMenuAnimIn5 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { animation: SubMenuAnimOut1 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { animation: SubMenuAnimOut2 0.3s ease-in-out 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { animation: SubMenuAnimOut3 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { animation: SubMenuAnimOut4 0.4s ease 0s 1 normal none running; }
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { animation: SubMenuAnimOut5 0.4s ease 0s 1 normal none running; }
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; transform: none;font-weight:bold; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); }
.no-js .dl-menuwrapper li > a:not(:only-child)::after { content: ""; }
body { background-color: rgb(0, 0, 0); }
[class^="mdi-"], [class*="mdi-"] { speak: none; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0px, 0px); font-family: Material-Design-Icons !important; }
[class^="mdi-"]::before, [class*="mdi-"]::before { display: inline-block; speak: none; text-decoration: inherit; }
[class^="mdi-device-signal-cellular-"]::after { content: "îÂËœ"; }
[class^="mdi-device-battery-"]::after { content: ""; }
[class^="mdi-device-battery-charging-"]::after { content: ""; }
[class^="mdi-device-signal-cellular-connected-no-internet-"]::after { content: "îÂÂ"; }
[class^="mdi-device-signal-wifi-statusbasr-not-connected"]::after { content: ""; }
[class^="imind-"], [class*=" imind-"] { font-family: iconsMind; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
img, legend { border: 0px; }
body, mark { color: rgb(0, 0, 0); }
address, dl, ol, p, ul { margin-bottom: 1rem; }
b, dt, optgroup, strong { font-weight: 700; }
caption, th { text-align: left; }
fieldset, legend, td, th { padding: 0px; }
h4, legend { font-size: 1.5rem; }
body, h6 { font-size: 1rem; }
pre, textarea { overflow: auto; }
html { font-family: sans-serif; text-size-adjust: 100%; box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0px; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px; }
dfn { font-style: italic; }
h1 { margin: 0.67em 0px; font-size: 2.5rem; }
mark { background: rgb(255, 255, 0); }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
code, kbd, pre, samp { font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
address, legend { line-height: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0px; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { resize: vertical; }
table { border-collapse: collapse; border-spacing: 0px; }
label, output { display: inline-block; }
*, ::after, ::before { box-sizing: inherit; }
body { margin: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; background-color: rgb(255, 255, 255); }
[tabindex="-1"]:focus { outline: 0px !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
dl, ol, p, ul { margin-top: 0px; }
abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted rgb(129, 138, 145); }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dd, label { margin-bottom: 0.5rem; }
dd { margin-left: 0px; }
blockquote, figure { margin: 0px 0px 1rem; }
a { color: rgb(241, 192, 80); text-decoration: none; }
a:focus, a:hover { color: rgb(226, 163, 18); text-decoration: underline; }
a:focus { outline: -webkit-focus-ring-color auto; outline-offset: -2px; }
[role=button] { cursor: pointer; }
[role=button], a, area, button, input, label, select, summary, textarea { touch-action: manipulation; }
table { background-color: transparent; }
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(129, 138, 145); caption-side: bottom; }
button:focus { outline: -webkit-focus-ring-color auto 5px; }
button, input, select, textarea { margin: 0px; line-height: inherit; border-radius: 0px; }
fieldset { min-width: 0px; margin: 0px; border: 0px; }
legend { display: block; width: 100%; margin-bottom: 0.5rem; }
input[type=search] { box-sizing: inherit; -webkit-appearance: none; }
[hidden] { display: none !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h5 { font-size: 1.25rem; }
.h3 { font-size: 1.75rem; }
hr { border-top: 1px solid rgba(0, 0, 0, 0.1);
box-sizing: content-box; height: 0px; margin-top: 1rem; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: url('../%27%27') initial;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
}
.container, .container-fluid { margin-right: auto; margin-left: auto; }
code, kbd { font-size: 90%; }
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .c-inputs-stacked .c-input::after, .container-fluid::after, .container::after, .dropdown-toggle::after, .row::after { content: ""; }
code, kbd { padding: 0.2rem 0.4rem; }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { color: rgb(189, 65, 71); background-color: rgb(247, 247, 249); border-radius: 0.25rem; }
kbd { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 0.2rem; }
kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; }
pre { display: block; margin-top: 0px; font-size: 90%; line-height: 1.5; color: rgb(55, 58, 60); }
pre code { padding: 0px; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0px; }
.container, .container-fluid { padding-left: 0.9375rem; padding-right: 0.9375rem; }
.container::after { display: table; clear: both; }
.clearfix::after { content: ""; display: table; clear: both; }
.container { position: relative; }
body { font-family: 'Open Sans', sans-serif;color: rgb(0, 0, 0); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4 { font-family: Montserrat, sans-serif; word-break: break-word; overflow-wrap: break-word; }
input, textarea { font-family: 'Open Sans', sans-serif; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition-delay: 9999s; transition-property: background-color, color; }
.mbr-slider > .container img { width: 100%; }
.mbr-slider > .container img + .row { position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); z-index: 2; }
.mbr-slider > .container .carousel-indicators { margin-bottom: 3px; }
.mbr-footer > .row, .mbr-footer > .container > .row { margin-left: 0px; margin-right: 0px; }
.mbr-footer > .row > div, .mbr-footer > .container > .row > div { padding-bottom: 40px; }
.mbr-footer > .row > div:last-child, .mbr-footer > .container > .row > div:last-child { padding-bottom: 0px; }
.mbr-footer > .container { padding-left: 0px; padding-right: 0px; }
.footer4 > .container > .row { margin-left: 0px; margin-right: 0px; }
.footer4 > .container > .row > div > .row > div:first-child { padding-bottom: 40px; }
.footer4 > .container > .row > div > .row > div:first-child:last-child { padding-bottom: 0px; }
.engine { position: absolute; text-indent: -2400px; text-align: center; padding: 0px; }
body
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
}
* { list-style-image: url("bulletblaksmall.png"); }
h5 { font-size: 18px; font-weight: bold; color: rgb(255, 0, 0); text-decoration: none; }
#expdiv7 {
padding: 10px 10px 10px 10px;
margin-top:50px;
box-shadow: rgb(59, 59, 59) 10px 10px 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(left, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=1 ); /* IE6-9 */
}
#expdiv7 h1 { color: rgb(255, 255, 255); text-shadow: rgb(3, 3, 3) 2px 2px 5px; }
#expdiv8 { padding: 10px 10px 10px 15px; background-color: rgb(255, 255, 255); box-shadow: rgb(3, 3, 3) 2px 2px 5px; }
#footer2 { width: 100%; border: 5px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255); font-size: 10px; text-align: center; box-shadow: rgb(3, 3, 3) 2px 2px 5px; }
a:link { color:red; text-decoration: none; }
a:visited { color:red; text-decoration: none; }
a:hover { color:blue; text-decoration: none; }
a:active { color:green; text-decoration: none; }
.dl-menu {
font-weight:bold;
}
#headline {
margin-top:20px;
}