html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{text-decoration:none}
mark{font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
strong{font-weight:bold}
h1{font-size:2em}
a,a:link,a:visited{color:#0095d5}
.navigation{display:none}
h1{margin:20px 0 10px;font-size:31px;line-height:34px}
h2{margin:40px 0 15px;font-size:24px;line-height:26px}
h3{margin:20px 0 5px;font-size:19px}
p,#article ol,#article ul{margin:0 0 20px;font-size:18px;line-height:24px}
#article ol,#article ul{margin-left:30px}
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.blueBack{background:#42748c}
@import url(../css-OpenSans400700.css);body{box-sizing:border-box;color:#3D4852;background:#42748c;user-select:none;font-family:"Open Sans",Arial,sans-serif;line-height:19px;font-size:16px}
#troll{position:fixed;top:82px;left:0;z-index:10;width:250px;height:277px;background:url(funny-sound-effects.jpg) no-repeat left top transparent}
.htmlmenu-wrapper svg{width:37px;height:36px;fill:#ffffff;vertical-align:middle;background:#50829b;display:inline-block;border-radius:10px;padding:3px 6px;box-shadow:0 0 2px 2px #000 inset}
.htmlmenu-wrapper a:hover svg{background:#FFF;fill:#3a515b}
.htmlmenu-header{position:relative;font-size:16px;font-weight:bold;background:#e99f67;-webkit-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;z-index:20}
.htmlmenu-header *,.htmlmenu-header *:before,.htmlmenu-header *:after{box-sizing:border-box}
.htmlmenu-container{position:relative;width:100%;margin-left:auto;margin-right:auto;max-width:1280px}
.htmlmenu-header-shadow{position:absolute;top:100%;left:0;width:100%;height:10px;overflow:hidden;z-index:1}
.htmlmenu-header-shadow:before{display:block;position:relative;content:"";width:100%;height:60px;top:-60px;border-radius:50%;box-shadow:0px 10px 30px -5px rgba(0,0,0,0.08)}
.htmlmenu-logo{padding:0 0 0 30px;text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:82px}
.htmlmenu-logo a{-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;font-weight:bold;color:#010103}
.htmlmenu-logo a img{display:inline-block;vertical-align:middle}
.htmlmenu-toggle{position:absolute;width:0;height:0;margin:0;opacity:0;pointer-events:none;visibility:hidden}
.htmlmenu-toggle+label{position:absolute;top:26.25px;right:30px;width:30px;height:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;-webkit-transition:-webkit-transform 200ms ease-out;-webkit-transition:transform 200ms ease-out;transition:transform 200ms ease-out}
.htmlmenu-toggle+label>span{display:block;background-color:#010103;border-radius:2px;width:100%;height:4px;-webkit-transition:all 200ms;transition:all 200ms}
.htmlmenu-toggle+label>span:last-child{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.htmlmenu-toggle:checked+label{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.htmlmenu-toggle:checked+label>span:first-child{width:50%;-webkit-transform:rotate(-90deg) translateX(3px);-ms-transform:rotate(-90deg) translateX(3px);transform:rotate(-90deg) translateX(3px);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}
.htmlmenu-toggle:checked+label>span:last-child{width:50%;-webkit-transform:rotate(-90deg) translateX(-5px) translateY(15px);-ms-transform:rotate(-90deg) translateX(-5px) translateY(15px);transform:rotate(-90deg) translateX(-5px) translateY(15px)}
.htmlmenu-toggle:checked~.htmlmenu-menu{padding-bottom:20px}
.htmlmenu-toggle:checked~.htmlmenu-menu>ul{display:block}
.htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a{color:#d5874a}
.htmlmenu-toggle:checked~.htmlmenu-menu input:checked~ul{display:block;background-color:#cc7b4b94}
.htmlmenu-menu{line-height:1.5}
.htmlmenu-menu ul{margin:0;padding:0;display:none;list-style:none;background:#FFF}
.htmlmenu-menu li{position:relative;list-style:none}
.htmlmenu-menu li>a{display:block;color:#3c4c59;padding:15px 30px;-webkit-text-decoration:none;text-decoration:none;position:relative;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.htmlmenu-menu input[type=checkbox]{position:absolute;width:0;height:0;margin:0;opacity:0;pointer-events:none;visibility:hidden}
.htmlmenu-menu input[type=checkbox]:checked~a>label{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.htmlmenu-menu input[type=checkbox]:checked~a>label:before{opacity:0}
.htmlmenu-menu label{display:block;position:absolute;cursor:pointer;right:25px;top:0;bottom:0;margin:auto;height:32px;width:32px;line-height:1.5;text-align:center;z-index:1;-webkit-transition:-webkit-transform .4s;-webkit-transition:transform .4s;transition:transform .4s}
.htmlmenu-menu label:before,.htmlmenu-menu label:after{position:absolute;content:"";width:45%;height:1px;background-color:#010103;display:block;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transition:-webkit-transform .4s,opacity .4s;-webkit-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;opacity:1}
.htmlmenu-menu label:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.htmlmenu-menu>ul>li>a{font-size:20px;font-style:normal;font-weight:bold;text-shadow:2px 2px 0 #010102,2px -2px 0 #010102,-2px 2px 0 #010102,-2px -2px 0 #010102,2px 0px 0 #010102,0px 2px 0 #010102,-2px 0px 0 #010102,0px -2px 0 #010102;color:#FFF}
.htmlmenu-menu>ul>li:hover>a,.htmlmenu-menu>ul>li.htmlmenu-menu-current>a{}
.htmlmenu-menu ul ul li>a>span{display:inline-block;font-size:1.2em;line-height:1.2em;min-width:30px;text-align:center;margin-right:10px;border-radius:3px}
span.box{color:#3f4f5c;background:#cc7b4b}
span.box2{background:#3f4f5c;color:#cc7b4b}
span.box3{color:#1c1831;text-shadow:2px 2px 2px #cc7b4b}
.htmlmenu-menu ul ul li>a{font-size:17px;font-style:normal;text-transform:none;padding:5px 30px 5px 70px;color:#FFF;text-shadow:2px 2px 0 #010102,2px -2px 0 #010102,-2px 2px 0 #010102,-2px -2px 0 #010102,2px 0px 0 #010102,0px 2px 0 #010102,-2px 0px 0 #010102,0px -2px 0 #010102}
@media (min-width:1024px){.htmlmenu-menu ul{background:transparent}
.htmlmenu-header{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:fixed;left:0;right:0;width:100%;height:82px;top:0;z-index:99999}
.htmlmenu-header.htmlmenu-header-transparent-dark{background:transparent;position:fixed;left:0;right:0;height:82px;top:0}
.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-logo a{color:#F0F0F0}
.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li>a,.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a{color:#F0F0F0}
.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li>a>label{border-color:#F0F0F0}
.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li:hover>a,.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a{color:#d5874a}
.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a>label,.htmlmenu-header.htmlmenu-header-transparent-dark .htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a>label{border-color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-dark+.htmlmenu-header-spacer{height:0}
.htmlmenu-header.htmlmenu-header-transparent-dark>.htmlmenu-header-shadow{opacity:0}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled{background:rgba(255,255,255,1)}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-logo a{color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a,.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a{color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a>label{border-color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li:hover>a,.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a{color:#d5874a}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li:hover>a>label,.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li.htmlmenu-menu-current>a>label{border-color:#FFFFFF}
.htmlmenu-header.htmlmenu-header-transparent-dark.htmlmenu-header-scrolled>.htmlmenu-header-shadow{opacity:1}
.htmlmenu-header.htmlmenu-header-transparent-light{background:transparent;position:fixed;left:0;right:0;height:82px;top:0}
.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-logo a{color:#3A3A3A}
.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu>ul>li>a,.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a{color:#3A3A3A}
.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu>ul>li:hover>a,.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a{color:#d5874a}
.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu>ul>li>a>label{border-color:#3A3A3A}
.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a>label,.htmlmenu-header.htmlmenu-header-transparent-light .htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a>label{border-color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-light+.htmlmenu-header-spacer{height:0}
.htmlmenu-header.htmlmenu-header-transparent-light>.htmlmenu-header-shadow{opacity:0}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled{background:rgba(255,255,255,1)}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-logo a{color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a,.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a{color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li:hover>a,.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li.htmlmenu-menu-current>a,.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a{color:#d5874a}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu>ul>li>a>label{border-color:#010103}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li:hover>a>label,.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled .htmlmenu-menu.htmlmenu-menu-style-3>ul>li.htmlmenu-menu-current>a>label{border-color:#FFFFFF}
.htmlmenu-header.htmlmenu-header-transparent-light.htmlmenu-header-scrolled>.htmlmenu-header-shadow{opacity:1}
.htmlmenu-container{height:82px;padding:0 80px 0 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.htmlmenu-header-shadow{z-index:-1}
.htmlmenu-logo{position:relative;padding:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:82px}
.htmlmenu-logo a{line-height:unset}
.htmlmenu-logo a img{display:block}
.htmlmenu-header-spacer{height:82px}
.htmlmenu-toggle:checked~.htmlmenu-menu{padding-bottom:0}
.htmlmenu-toggle:checked~.htmlmenu-menu input:checked~ul{background:rgba(255,255,255,1)}
.htmlmenu-toggle:checked~.htmlmenu-menu>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.htmlmenu-toggle:checked~.htmlmenu-menu>ul>li>input:checked~a{color:#010103;background-color:transparent}
.htmlmenu-toggle:checked~.htmlmenu-menu>ul>li:hover>input:checked~a,.htmlmenu-toggle:checked~.htmlmenu-menu>ul>li.htmlmenu-menu-current>input:checked~a{color:#d5874a}
.htmlmenu-toggle+label{opacity:0;pointer-events:none}
.htmlmenu-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.htmlmenu-menu ul{display:block;font-size:0}
.htmlmenu-menu li:hover>a{opacity:1;color:#d5874a}
.htmlmenu-menu label{bottom:3px;right:5px;height:6px;width:6px;border-style:solid;border-color:#010103;border-width:0px 1px 1px 0px;-webkit-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important}
.htmlmenu-menu label:before,.htmlmenu-menu label:after{content:none}
.htmlmenu-menu>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.htmlmenu-menu>ul>li{display:inline-block}
.htmlmenu-menu>ul>li>a{position:relative;height:82px;line-height:82px;white-space:nowrap;padding:0 10px}
.htmlmenu-menu>ul>li:last-child>a{padding:0 0 0 20px}
.htmlmenu-menu>ul>li>a>label{position:relative;display:inline-block;margin-left:3px;right:inherit;bottom:inherit;vertical-align:middle;top:-2px;-webkit-transform:rotate(45deg) !important;-ms-transform:rotate(45deg) !important;transform:rotate(45deg) !important;border-color:#010103}
.htmlmenu-menu li>ul{border-top-width:3px;border-top-style:solid;border-top-color:#d5874a;display:block;position:absolute;width:280px;background:rgba(255,255,255,1);padding:12px 0;box-shadow:0px 12px 30px -2px rgba(0,0,0,0.1);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;z-index:1;will-change:transform,opacity;pointer-events:none;visibility:hidden;opacity:0;top:100%;left:0}
.htmlmenu-menu li:hover>ul{opacity:1;pointer-events:auto;visibility:visible}
.htmlmenu-menu li>ul ul{left:100%;top:-15px}
.htmlmenu-menu li>ul label{position:absolute;right:20px}
.htmlmenu-menu li.htmlmenu-submenu-right>ul{left:inherit;right:0}
.htmlmenu-menu li.htmlmenu-submenu-right>ul ul{left:-100%;right:0}
.htmlmenu-menu ul ul li>a{padding:5px 20px;font-size:16px;color:#44525d;font-weight:bold;text-shadow:none}
.htmlmenu-menu.htmlmenu-submenu-bordered ul ul li:after{position:absolute;content:"";bottom:0;left:20px;right:20px;height:1px;background:#f6f6f6}
.htmlmenu-menu.htmlmenu-submenu-bordered ul ul li:last-child:after{display:none}
.htmlmenu-menu.htmlmenu-menu-style-1>ul>li>a:before{position:absolute;content:"";top:50%;right:0;width:1px;height:20px;background:rgba(86,88,90,0.15);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.htmlmenu-menu.htmlmenu-menu-style-1>ul>li:last-child>a:before{display:none}
.htmlmenu-menu.htmlmenu-menu-style-1>ul>li:hover>a,.htmlmenu-menu.htmlmenu-menu-style-1>ul>li.htmlmenu-menu-current>a{color:#d5874a !important;text-shadow:2px 2px 0 #FFF,2px -2px 0 #FFF,-2px 2px 0 #FFF,-2px -2px 0 #FFF,2px 0px 0 #FFF,0px 2px 0 #FFF,-2px 0px 0 #FFF,0px -2px 0 #FFF !important;background-color:transparent !important}
.htmlmenu-menu.htmlmenu-menu-style-2>ul>li>a:after{position:absolute;content:'';left:0;bottom:-3px;width:100%;height:3px;background:#d5874a;opacity:0;z-index:0;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out}
.htmlmenu-menu.htmlmenu-menu-style-2>ul>li:last-child>a{padding:0 20px}
.htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a,.htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a{color:#010103 !important;background-color:#f4f4f4 !important}
.htmlmenu-menu.htmlmenu-menu-style-2>ul>li:hover>a:after,.htmlmenu-menu.htmlmenu-menu-style-2>ul>li.htmlmenu-menu-current>a:after{opacity:1}
.htmlmenu-menu.htmlmenu-menu-style-3>ul>li:last-child>a{padding:0 20px}
.htmlmenu-menu.htmlmenu-menu-style-3>ul>li:hover>a,.htmlmenu-menu.htmlmenu-menu-style-3>ul>li.htmlmenu-menu-current>a{color:#FFFFFF !important;background-color:#d5874a !important}
.htmlmenu-menu.htmlmenu-menu-style-3>ul>li:hover>a>label,.htmlmenu-menu.htmlmenu-menu-style-3>ul>li.htmlmenu-menu-current>a>label{border-color:#FFFFFF}
.htmlmenu-menu.htmlmenu-submenu-scale li>ul{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.htmlmenu-menu.htmlmenu-submenu-scale li.htmlmenu-submenu-right>ul,.htmlmenu-menu.htmlmenu-submenu-scale li.htmlmenu-submenu-right>ul ul{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.htmlmenu-menu.htmlmenu-submenu-scale li:hover>ul{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.htmlmenu-menu.htmlmenu-submenu-swing-out li{-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.htmlmenu-menu.htmlmenu-submenu-swing-out li>ul{-webkit-transform:rotateX(-45deg);-ms-transform:rotateX(-45deg);transform:rotateX(-45deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.htmlmenu-menu.htmlmenu-submenu-swing-out li>ul ul{-webkit-transform:rotateY(45deg);-ms-transform:rotateY(45deg);transform:rotateY(45deg);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.htmlmenu-menu.htmlmenu-submenu-swing-out li.htmlmenu-submenu-right>ul{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.htmlmenu-menu.htmlmenu-submenu-swing-out li.htmlmenu-submenu-right>ul ul{-webkit-transform:rotateY(-45deg);-ms-transform:rotateY(-45deg);transform:rotateY(-45deg);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.htmlmenu-menu.htmlmenu-submenu-swing-out li:hover>ul{-webkit-transform:rotate(0deg) !important;-ms-transform:rotate(0deg) !important;transform:rotate(0deg) !important}
.htmlmenu-menu.htmlmenu-submenu-slide-up li>ul{-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}
.htmlmenu-menu.htmlmenu-submenu-slide-up li:hover>ul{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.htmlmenu-menu.htmlmenu-submenu-slide-down li>ul{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.htmlmenu-menu.htmlmenu-submenu-slide-down li:hover>ul{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
#article{display:none}
#volumeSlider,#progressBar{height:300px;background:#cc7b4b;width:30px;margin:15px 10px;cursor:pointer;display:inline-block;position:relative}
#progressBar{cursor:unset}
.ui-slider-vertical .ui-slider-handle#custom-handle{width:40px;height:20px;text-align:center;font-weight:bold;font-size:20px;padding:3px 0;background:#42748c;color:#FFF;border:none;box-shadow:2px 2px 5px #000}
#volumeSlider{margin-right:0}
#volumeSlider .ui-slider-range,#progress{background:#42748c}
#progress{top:0;left:0;position:absolute;right:0;bottom:0}
#noResults,#showAll{display:none;margin-top:80px;font-style:normal;font-size:26px !important;cursor:pointer;color:#000000;font-weight:bold;line-height:150px}
#noResults:hover,#showAll:hover{color:#42748c}
#footNote{padding:50px 50px 20px;display:block;background:#FFF;text-align:right;font-size:14px;cursor:pointer;font-style:normal;border-radius:0 0 10px 10px}
#wrapTooltipSearch{position:relative}
#tooltipSearch{border:2px solid #cc7b4b;border-radius:5px;font-size:1em;outline:none;display:block;padding:2px 5px;width:100px}
#repeat{cursor:pointer;font-size:40px;font-weight:bold;text-align:center;padding:6px 0 8px;margin-bottom:10px}
#repeat svg{fill:#cc7b4b;width:30px;height:30px;transition:all 0.25s ease}
#repeat.active svg{fill:#42748c}
#repeat.active:hover svg{fill:#235871}
#repeat:hover svg{fill:#c17e4b}
#repeat.active svg{transform:rotate(-45deg)}
#filters div.triggerDropdown{position:relative;cursor:pointer;font-weight:bold}
#filters div.dropdown{position:absolute;top:30px;right:0;display:none;z-index:999999;padding:3px 10px !important}
#filters > div > div.dropdown{border-radius:0 0 6px 6px}
#filters .dropdown div{background:#41738a;padding:2px 10px;border-radius:10px;display:block;margin:5px}
#filters .dropdown div.active{color:#41738a;background:#FFF}
#article{background:#FFF;max-width:2500px;border-radius:10px;margin:40px 20px 40px 235px;min-height:800px;position:relative;z-index:12}
article{padding:30px}
.floatright{float:right;max-width:40%;margin:0 0 10px 25px}
img{max-width:100%}
img{max-width:100%;max-width:500px}
#back2Top{width:40px;line-height:40px;overflow:hidden;z-index:999;border-radius:0 0 10px 10px;display:none;cursor:pointer;-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);position:fixed;bottom:30px;left:0;background-color:#cc7b4b;color:#fff;text-align:center;font-size:30px;text-decoration:none}
#back2Top:hover{background-color:#42748c}
#soundBoard{user-select:none;position:relative}
#controls{position:fixed;top:359px;left:0;background:#cc7b4b;padding:50px 5px;width:225px;z-index:9}
#controlInner{background:#FFF;border-radius:10px;width:112px;margin:auto;padding:10px}
.container{max-width:2500px;margin:76px 20px 40px 235px;min-height:800px}
#list{background:white;padding:20px 5px;position:relative;border-radius:10px 10px 0 0;text-align:center;z-index:11;min-height:200px}
#sounds > div{display:inline-block;padding:4px 0;text-align:center;width:86px;cursor:pointer;transition:all 0.25s ease;vertical-align:top;border-radius:10px;opacity:0.1}
#sounds > div:hover{box-shadow:2px 2px 5px #999}
#sounds div div{font-weight:bold;font-size:30px;border-radius:5px;height:30px;display:block;vertical-align:middle;line-height:30px;text-align:center;margin:auto;color:#2a5d91}
#sounds strong{font-weight:bold;font-size:14px;display:block;line-height:14px;padding-top:3px}
#sounds.biggerView div div{font-size:50px;height:50px;line-height:50px}
#sounds.biggerView > div{width:100px;padding:10px 0}
#sounds.biggerView strong{line-height:16px}
#sounds.listView div div{font-size:20px;height:20px;line-height:20px;display:inline-block;min-width:40px}
#sounds.listView > div{width:140px;height:20px;padding:1px 0;display:inline-block;text-align:left;position:relative;transition:none;overflow:hidden}
#sounds.listView strong{font-size:14px;line-height:24px;display:inline-block;position:absolute;top:0;left:38px}
#wrapInfo{position:relative;overflow:hidden;height:22px;line-height:22px;width:112px;margin-bottom:5px;overflow:hidden}
#info{font-size:15px;font-weight:bold;color:#444}
#sounds div:nth-child(5n) div{color:#42912a}
#sounds div:nth-child(5n+1) div{color:#902a91}
#sounds div:nth-child(5n+2) div{color:#914c2a}
#sounds div:nth-child(5n+3) div{color:#000}
#sounds > div.active{background-color:#42748c;color:#FFF;box-shadow:2px 2px 5px #000}
.playing{border-color:#ffc600;box-shadow:0 0 1rem #ffc600;animation:0.05s infinite alternate waggle}
@keyframes waggle{from{transform:rotate(4grad)}
to{transform:rotate(-4grad)}
}
.wrapFreestar{background:#FFF}
a.qc-cmp2-persistent-link{color:#FFF !important;line-height:13px}
.brbad{text-shadow:2px 2px 2px #0f4e31,-2px -2px 2px #0f4e31,-2px 2px 2px #0f4e31,2px -2px 2px #0f4e31;color:#FFF !important}
#tth{font-size:34px;color:#f3b94c;font-weight:bold;text-shadow:2px 2px 2px #634712}
.sml{font-size:1em !important}
.blacktext{color:#000 !important}
.bsm{background:#000;color:#FFF !important;font-size:1.2em !important;line-height:1.2em !important;padding:3px 0 0px !important;width:50px !important}
.redText{text-shadow:2px 2px 2px #000,-2px -2px 2px #000,-2px 2px 2px #000,2px -2px 2px #000;color:#db0303!important}
.glass{background:#26c9fc !important;width:50px;color:black !important;box-shadow:0px 0px 0px 3px #7b4c07 inset !important}
.yellowText{color:#ffbc0d !important;text-shadow:2px 2px 2px #000}
.pipe{color:#389738 !important;font-size:15px !important;text-shadow:1px 1px 1px #000 !important;line-height:16px !important;width:50px !important}
.fh{font-size:2.4em !important;border-radius:20px 20px 0 0 !important;border:2px solid #000 !important;background:#fbee40 !important;width:50px !important;border-bottom:none !important}
.red{color:#f52e2e !important}
.blueText{color:#068dcd !important}
#lShort,#lMedium,#lLong{display:inline-block;width:20px;height:16px;color:#000;background:white;overflow:hidden;text-indent:99px}
div:hover > #lShort,div:hover > #lMedium,div:hover > #lLong{background:black !important}
.active #lShort,.active #lMedium,.active #lLong{background:#42748c}
#filters .active svg{fill:#42748c}
#lShort{width:10px}
#lLong{width:30px}
#typeFilter{}
#filters{background:#41738a;height:33px;position:fixed;z-index:999;top:80px;left:235px;right:20px;padding-top:45px}
#clearFilters{width:75px}
#clearFilters strong{cursor:pointer;display:none}
#clearFilters strong:hover{text-shadow:2px 2px 2px #000}
#filters svg{width:20px;height:20px;fill:#FFF}
#filters div{display:inline-block;padding-left:20px;color:#FFF;vertical-align:middle;line-height:28px}
#filters > div > div{display:inline-block;font-weight:bold;margin:0px 1px;background:#cc7b4b;min-width:22px;padding:4px 5px 0px;border-radius:6px 6px 0 0;color:#FFF;cursor:pointer;text-align:center}
#filters > div > div:hover{color:#000}
#filters > div > div:hover svg{fill:#000}
#filters > div > div.active{background:#FFF;color:#000}
#filters div#viewSwitch,#filters div#orderBy{float:right;padding-right:20px}
#stop{display:block;text-align:center;cursor:pointer;height:100px;width:100%}
#stop > div{transition:width 0.05s ease-out;display:inline-block;width:80px;height:80px;margin:10px 2px;background:#cc7b4b}
#stop.play > div{width:0px;height:0px;border-top:40px solid transparent;border-bottom:40px solid transparent;border-left:70px solid #cc7b4b;background:transparent}
.button{display:inline-block;position:relative;margin:auto;padding:3px 10px;font-weight:bold;text-align:center;border:solid 3px #456;background-color:#456;color:#FFF;cursor:pointer;user-select:none;font-size:20px;line-height:20px;border-radius:10px}
.button:hover{background-color:#5486b9}
.button:active{border-color:#5486b9}
@keyframes wave{0%{box-shadow:0 0 0 0 hsla(130,100%,35%,1)}
100%{box-shadow:0 0 0 .6em hsla(130,100%,35%,0)}
}
@media screen and (max-height:1170px){#volumeSlider,#progressBar{height:200px}
}
@media screen and (max-height:1050px){#controls{padding:20px 5px 30px}
#stop > div{width:60px;height:60px;margin:15px 2px 10px}
#stop.play > div{border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:50px solid #cc7b4b}
#stop{height:75px}
}
@media screen and (max-height:900px){#filters{left:185px}
#troll{top:82px;width:200px;height:221px;background:url(funny-sound-effects-200.jpg) no-repeat left top transparent}
.container,#article{margin-left:185px}
#controls{top:290px;width:175px;padding:20px 5px 20px}
#volumeSlider,#progressBar{height:150px}
}
@media screen and (max-height:800px){#filters{left:145px}
#troll{top:82px;width:150px;height:166px;background:url(funny-sound-effects-150.jpg) no-repeat left top transparent}
.container,#article{margin-left:145px}
#controls{top:242px;width:135px;padding:12px 5px 15px}
#volumeSlider,#progressBar{height:150px;margin:10px}
#controlInner{padding:5px}
#sounds > div{padding:5px 0}
}
@media screen and (max-height:680px){#filters{left:105px}
#troll{display:none}
#controls{background:transparent;top:85px;width:95px;padding:12px 5px 15px}
#stop > div{width:40px;height:40px;margin:10px 2px 5px}
#stop.play > div{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:34px solid #cc7b4b}
#stop{height:60px}
#volumeSlider,#progressBar{height:90px;margin:6px;width:20px}
#repeat{margin-bottom:5px}
#controlInner{width:76px}
.container,#article{margin-top:15px;margin-left:105px}
.htmlmenu-logo a img{width:134px}
.htmlmenu-logo{height:50px}
.htmlmenu-toggle+label{top:14.25px}
}
@media screen and (max-width:1023px){.container{margin-top:35px}
#filters{position:relative;left:0;right:0;top:0;bottom:0;padding:0;font-size:14px}
#filters div{padding-left:24px}
#filters > div > div{margin:0px 1px}
}
@media screen and (max-width:830px){#lengthFilter,.triggerDropdown{display:none !important}
}
@media screen and (max-width:700px){#troll{display:none}
.container,#article{margin:15px}
#sounds > div{padding:5px 0}
#controls{top:auto;bottom:0;left:0;z-index:99;background:#41728a;right:0;width:auto;padding:5px 0 0}
#controlInner{width:auto;margin:5px 0 0;text-align:center;border-radius:0}
#controlInner > div{display:inline-block;vertical-align:middle;margin:0px 10px}
#stop > div{width:40px;height:40px;margin:10px 2px;background:#cc7b4b}
#stop.play > div{border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:35px solid #cc7b4b}
#stop{height:60px;width:40px;display:inline-block}
#volumeSlider,#progressBar{height:50px;margin:6px;width:20px}
.ui-slider-vertical .ui-slider-handle{left:-0.5em}
#tooltipSearch{padding:2px;width:100px;margin-bottom:0}
#back2Top{bottom:15px}
#sounds div div{font-size:36px;height:38px;line-height:38px}
}
@media screen and (max-width:550px){#orderBy{display:none !important}
#controlInner{text-align:right;padding:5px}
.container,#article{margin:25px 0}
#sounds > div{width:80px}
}
@media screen and (max-width:410px){#controlInner > div{margin:0px 7px}
#volumeSlider,#progressBar{width:12px}
#repeat svg{margin-left:7px;width:26px;height:26px}
#tooltipSearch{width:80px}
}
@media screen and (max-width:340px){#volumeSlider{display:none !important}
#controlInner > div{margin:0px 3px}
}