html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
p{margin-bottom:10px}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.tabs{min-height:51px}
.clear{clear:both}
.marginauto{margin:auto}
*,::after,::before{box-sizing:initial}
.fullScreenActv h1,.fullScreenActv p,.fullScreenActv #content ul,.fullScreenActv h2,.fullScreenActv h3,.fullScreenActv .commentSzektion,.fullScreenActv #sidebar,.fullScreenActv #footerContent,.fullScreenActv #tabsContent,.fullScreenActv .navigation ul ul,.fullScreenActv .hideOnFullScreen{display:none}
.fullScreenTogglerButton{cursor:pointer}
.shopbannerlist a{text-decoration:none !important;opacity:0.8}
.shopbannerlist a:hover{opacity:1}
.shopbannerlist a img{max-width:140px;max-height:40px;margin:2px 10px}
.shops{max-width:800px;margin:auto}
.article .shops h3{border-top:2px solid #9cb6c7;padding:15px 10px 10px;margin:30px 0 5px;min-height:50px}
.shopRating span{color:#333}
.shops h3 a{display:block;position:relative;z-index:222;background:#FFF}
.shops h3 > span{display:inline-block;text-align:center}
.shopLocation{position:relative;width:100%}
.shopLocation > div{position:absolute;right:0;top:-80px;text-align:center;font-weight:bold}
.shopRating{display:inline-block;padding-right:12px;font-weight:bold;color:#3960a1}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important}
em{font-style:italic}
.min220{min-width:220px}
.freestarwrap{text-align:center;min-height:300px}
.fs-close-button{right:22px !important;box-shadow:0 0 0 5px #1952af !important}
.sticky-footer-standard{box-shadow:0 0 30px #000}
.fs-close-button:hover{box-shadow:0 0 0 5px #ccc !important}
.clearnone{clear:none!important}
article > div{overflow:hidden;max-width:100%}
.css-1hy2vtq.css-1hy2vtq{color:#FFF;background:#329132;border:none;border-radius:10px;font-weight:bold}
.css-dmb4u1.css-dmb4u1 .qc-cmp2-footer .qc-cmp2-summary-buttons button:first-of-type{order:1;background:#1952af;color:#FFF;font-weight:bold;cursor:pointer}
.css-dmb4u1.css-dmb4u1 .qc-cmp2-footer .qc-cmp2-summary-buttons button:hover{box-shadow:2px 2px 10px #223d6a}
button span{cursor:pointer !important}
.qc-cmp2-container > a{background-color:#1952af !important;padding:4px 8px !important}
.logo-container{text-align:center !important}
.qc-cmp-cleanslate img{width:135px !important;max-width:100% !important}
.qc-cmp2-persistent-link{opacity:0.3;font-size:0.8em;text-decoration:none}
.qc-cmp2-persistent-link:hover{opacity:0.8}
.css-g9v652.css-g9v652 .qc-cmp2-footer .qc-cmp2-summary-buttons button:last-of-type{background:green;color:white;font-weight:bold;border:none;box-shadow:5px 5px 5px #555;cursor:pointer}
.css-g9v652.css-g9v652 .qc-cmp2-footer .qc-cmp2-summary-buttons button:hover{box-shadow:none}
.buttonka,button.buttonka{background:#3960a1;cursor:pointer;display:inline-block;border-radius:10px;line-height:20px;height:26px;margin:0 10px 5px 10px;padding:3px 20px;font-weight:bold;color:#FFF;border:none;outline:none;cursor:pointer}
div.wrapShiftUp{position:relative;width:100%;overflow:visible!important}
.wrapShiftUp a{position:absolute;top:-65px;right:10px;text-align:center;text-decoration:none !important;font-weight:bold;font-size:0.9em;color:#FFF !important;line-height:14px;background:#3960a1;padding:4px 8px;border-radius:10px}
.incontentAd{clear:both;max-width:100%;overflow:hidden;text-align:center}
#topOfSidebar{text-align:center}
#wrapSimulatorCanvas{width:100%;margin:20px auto;min-width:250px;min-height:250px}
.buttonka:hover,button.buttonka:hover,.wrapShiftUp a:hover{background:#254780}
.tutorialLanguageSelector{margin-left:3px;top:-10px;float:right;overflow:visible;position:relative;display:inline-block;width:170px;height:30px;text-align:left;z-index:99}
.tutorialLanguageSelector span{user-select:none;font-weight:bold;background-color:#456;cursor:pointer;display:block;border:2px solid #d6d7d8;border-radius:4px;padding:3px 2px 3px 55px;background:url(/pics/curriculum/usa-flag-icon-20.png?v=2) no-repeat center left #FFF}
.tutorialLanguageSelector span:hover{background-color:#eaeef5}
.tutorialLanguageSelector span strong{color:#1952af;float:right;margin-right:10px}
.tutorialLanguageSelector span:hover strong{color:#000}
.tutorialLanguageSelector div{border:1px solid #999;padding:5px;display:none;position:absolute;background:#FFF;width:158px;border-radius:4px;box-shadow:2px 4px 7px #000}
.article .tutorialLanguageSelector a{display:block;text-decoration:none;padding:1px 10px;font-weight:bold}
.article .tutorialLanguageSelector a:hover{background:#1952af;color:#FFF}
.article ol{list-style:decimal;margin-left:30px}
.article ul{list-style:disc;margin-left:20px}
.article #sidebar ul{list-style:none;margin-left:0}
#sidebar .freestarwrap{min-height: 620px}
.article .contentsPanel ul{list-style:none;margin:0}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
.wp-post-image,.size-post-thumbnail{display:none}
body{margin:0;max-width:100%;overflow-x:hidden}
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:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:0.8em}
sub,sup{font-size:0.8em;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;max-width:100%}
.post-headline img{display:none}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
input:focus{border-color:transparent;outline:none}
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}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
table.simpleTable td{padding:2px;border:2px solid #cee1ff;text-align:center;vertical-align:middle}
td,th{padding:0}
html{color:#222;font-size:1em;line-height:1.4}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}
.hidden{display:none !important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
#primary{padding:50px 0 100px}
.sendThisToSidebar{padding:0 0 40px 0;text-align:center}
.algorithmSection{color:#4287d2}
.roofpig:before,.roofpig:after{content:" ";display:table}
.roofpig:after{clear:both}
.roofpig{border:none !important;margin:5px auto 25px;max-width:500px;color:#000;font-weight:bold;font-size:1.1em}
.roofpig.inlineblock{margin:5px 20px 25px;vertical-align:top}
.roofpig > div{height:auto !important;border:none !important;margin-top:5px}
.roofpig-algtext{background-color:transparent;height:auto !important;font-size:1em !important;line-height:19px;font-weight:bold;text-align:left;margin-bottom:7px}
.roofpig-past-algtext{background-color:#a9cef5;border-radius:5px}
.roofpig-button{border-radius:5px;border:none;color:#FFF;font-weight:bold;line-height:22px;height:27px !important;margin-right:6px;background:url(img/sprite.png) no-repeat -20px 0px #d5d7d8;text-indent:-117px;font-size:0.8em !important;overflow:hidden;width:20px !important}
#reset-1,#reset-2,#reset-3,#reset-4,#reset-5,#reset-6,#reset-7,#reset-8,#reset-9,#reset-10,#reset-11,#reset-12,#reset-13,#reset-14,#reset-15{background-position:6px -234px}
#play-1,#play-2,#play-3,#play-4,#play-5,#play-6,#play-7,#play-8,#play-9,#play-10,#play-11,#play-12,#play-13,#play-14,#play-15{background-position:6px -324px}
#prev-1,#prev-2,#prev-3,#prev-4,#prev-5,#prev-6,#prev-7,#prev-8,#prev-9,#prev-10,#prev-11,#prev-12,#prev-13,#prev-14,#prev-15{background-position:6px -264px}
#next-1,#next-2,#next-3,#next-4,#next-5,#next-6,#next-7,#next-8,#next-9,#next-10,#next-11,#next-12,#next-13,#next-14,#next-15{background-position:6px -294px}
#pause-1,#pause-2,#pause-3,#pause-4,#pause-5,#pause-6,#pause-7,#pause-8,#pause-9,#pause-10,#pause-11,#pause-12,#pause-13,#pause-14,#pause-15{background-position:7px -353px}
.width150 .roofpig-button{width:18px !important}
.roofpig-count{font-weight:bold;color:#2e649e;width:auto;margin-left:2px;display:inline-block}
.roofpig-button-enabled{background:url(img/sprite.png) no-repeat -20px 0px #4287d2}
.roofpig-button-enabled:hover{background-color:#2e649e}
.width100{width:100px}
.width150{width:150px}
.width200{width:200px}
.width250{max-width:250px}
.width300{max-width:300px}
.width350{max-width:350px}
.width400{max-width:400px}
.width450{max-width:450px}
.width500{max-width:500px}
.widget-container{margin:0 0 30px}
#rightSidebarContent{padding:30px}
.firstPlayButtonBlink{animation:firstPlayButtonBlinking 5s infinite}
@keyframes firstPlayButtonBlinking{0%{background-color:#4287d2}
70%{background-color:#4287d2}
80%{background-color:#EEEEEE}
90%{background-color:#f5111b}
100%{background-color:#4287d2}
}
.roofpig-help-button{display:none}
.fullYoutube{width:1120px;height:630px;max-width:100%}
h4{font-size:1.2em}
#sideBarWikiMenu ul.children{display:none}
#sideBarWikiMenu ul ul ul{margin:0;padding:0 0 0 12px}
#sideBarWikiMenu .activePage ul.children{display:block;border-left:1px solid #FFF;padding:2px 5px;margin-top:0.5em}
#sideBarWikiMenu .activePage ul.children li{font-size:0.9em}
#sideBarWikiMenu > ul > li > a{font-size:1.2em;color:#4d4d4d;margin:15px 0 0 0;padding:0.25em 0;font-weight:bold;border:0;border-bottom:1px solid #ccc;display:block}
a.activeSidebar{background-color:#1952af;color:#FFF !important;padding:5px 4px !important;text-decoration:none !important}
a.sidebarHiddenLink{opacity:0.5;display:none !important}
a.activePage{background-color:#1952af;padding:0.5em 0.2em 0.5em 0.5em !important}
li.activeMunuItem > a{background-color:#d7e9f5}
li.activeMunuItem.mdico a{color:#000 !important}
h1,h2,h3,h4,h5,h6{color:#222;clear:both;background:none;font-weight:normal;margin:0;padding-top:0.5em;padding-bottom:0.17em}
#breadcrumbs{font-size:1em;margin:1em 0 2em}
#breadcrumbs span #breadcrumb_last{color:#444}
#breadcrumbs span a{font-weight:normal;text-decoration:none}
#breadcrumbs span a:hover{text-decoration:underline}
.article h1{font-family:"Times New Roman",Times,serif;margin:35px 0 15px;font-weight:bold}
.article h2{font-size:1.6em;margin:0.5em 0 0.5em 0;font-family:"Times New Roman",Times,serif;border-bottom:1px solid #a2a9b1;line-height:1.4em;padding-bottom:0em}
.blogfeed h2{border:none;margin:50px 0 5px;line-height:1.1em}
.article h3{font-weight:bold;font-size:1.2em;padding-top:30px}
#sidebar h3{text-align:left;padding:40px 0 0;margin:0;font-size:1.1em;color:#1952af;border-bottom:2px solid #1952af;line-height:18px}
h4{font-size:1.2em;font-weight:bold;margin:5px 0 10px}
.article p.roleNote{padding:1em 0 0 1.6em;font-style:italic}
p.siteSub{font-size:0.9em}
body{background:#FFF}
ul{list-style-type:none;list-style-image:none;margin:0;padding:0.3em 0 0 0}
h1{line-height:0.9em;margin-bottom:0.25em;padding:0;letter-spacing:0;font-size:2.3em}
a,a:visited{color:#1952af;text-decoration:none}
a:hover{text-decoration:underline}
.wrapAll{width:100%}
.entry-content table td{border:1px solid #999;padding:2px;text-align:center}
.entry-content table th{border:1px solid #999;padding:2px;text-align:center;font-weight:bold;font-size:1.2em;background:#d7e9f5}
.entry-content table tr:nth-child(2n){background:#eee}
.sidebar{float:left;width:15em;padding:1em 1.5em 10px 1.3em;position:absolute}
.sidebar h3{color:#4d4d4d;margin:1.5em 0 0 0;padding:0.25em 0;cursor:default;font-weight:bold;border:0;border-bottom:1px solid #D8D8D8}
.sidebar h3 a{color:#4d4d4d}
.rootPageMenu ul ul ul{display:none}
.sidebar li{line-height:16px;margin:0;font-size:16px;font-weight:bold;word-wrap:break-word}
.sidebar ul ul ul li{font-size:15px;line-height:15px}
.sidebar ul ul ul ul li{font-weight:normal}
.sidebar li a,.sidebar li a:visited,.sidebar li a:link{display:block;padding:5px 0;color:#1952af}
.navigation > ul > li > a{padding:8px 0}
ul#latestNewsUl li a{padding:5px 0}
div.articleRight{border:1px solid #c8ccd1;padding:3px;float:right;background-color:#f8f9fa;font-size:94%;text-align:center;overflow:hidden;line-height:1.4em;padding:3px;font-size:94%;margin:0 0 5px 15px;text-align:left}
div.articleRightInner{border:1px solid #c8ccd1;padding:3px;background-color:#f8f9fa;font-size:94%;text-align:center;overflow:hidden}
.logo a{width:135px;display:inline-block;cursor:pointer;font-family:"Times New Roman",Times,serif;color:black;text-decoration:none;text-align:center}
.logo a img{width:135px;display:inline-block}
.logo a strong{font-size:3em;display:block;line-height:0.5em;margin-top:0.2em}
.logo a strong span{display:inline-block;margin:0 0 0 -10px;-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.logo{margin-bottom:20px;text-align:center}
.navigation{padding:0.15em 0 0 0.45em;font-size:1.1em}
.mainsection{margin:0 0 0 18em;overflow-x:hidden;padding-top:15px}
.headerLinks{display:none}
#stick-here2{margin-top:30px}
#stickThis.stick{position:fixed;top:0;z-index:9999}
#stickThis2.stick{position:fixed;top:0;z-index:9999}
.menu > ul > li > a{display:block;font-size:1.1em;font-weight:bold;padding:5px 26px 0;line-height:2em;position:relative;top:1px;left:1px;border-radius:10px 10px 0 0;border-bottom:1px solid #d7e9f5}
.tabs > div > ul > li > a{display:inline-block;font-size:0.85em;font-weight:bold;padding:0 5px;line-height:2em}
a.langSwitch{width:26px;overflow:hidden;height:24px;background:url(img/sprite.png) 118px -192px no-repeat transparent;text-indent:-200px}
a#spanish{background-position:4px -400px}
a#chinese{background-position:4px -430px}
a#hungarian{background-position:4px -459px}
.tabs > div.menu-container > div > ul > li > a{padding-left:1em;padding-right:1em}
.menu > ul > li > a.active,.tabs > div > ul > li > a:hover,.menu > ul > li > a.active,.tabs > div > ul > li > a.active{background-color:#FFF;border-bottom-color:transparent;text-decoration:none;color:black}
.menu > ul,.tabs > div > ul{display:inline-block;letter-spacing:0;margin:0;padding:0 1px 0 0 !important}
.stick.menu > ul,.tabs > div > ul{background:url(img/tab-separator-stick.png) repeat-x top left transparent}
.menu > ul > li,.tabs > div > ul > li{margin:0;padding:0;white-space:nowrap;display:inline-block;float:left;margin:0 1px 0 0}
.menu-container{line-height:0;float:left;background:transparent;width:500px;overflow:visible}
.screen-reader-text{display:none}
#wrapTooltipSearch{position:relative;width:130px;margin:12px 30px 0 0;background:#F6F6F6;display:inline-block;float:right}
#abortTooltipSearch{background:#406b98;color:#FFF;border-radius:10px;position:absolute;top:-12px;right:-25px;width:20px;height:20px;line-height:20px;text-align:center;font-weight:bold;cursor:pointer;display:none}
#tooltipSearch{border:2px solid #333;border-radius:5px;outline:none;padding:4px 5px;display:block;width:130px;height:18px;background:url(img/sprite.png) 118px -192px no-repeat transparent}
#tooltipSearchSuggestions{border:1px solid #222;position:absolute;z-index:999;font-weight:bold;max-height:200px;overflow:auto;background:#FFF;padding:5px 0px;width:280px;display:none;box-shadow:5px 5px 8px #000;border-radius:10px}
#tooltipSearchSuggestions a{text-decoration:none;display:block;padding:3px 2px 3px 8px;cursor:pointer;line-height:0.95em;font-size:0.95em}
#tooltipSearchSuggestions a:hover{background:#dde6ef;color:#000}
#tooltipSearchSuggestions em{display:block;padding:10px}
.tabsRight{float:right;padding-top:12px;line-height:0}
.tabsRight ul li{margin:0 !important}
.tabs > div.tabsRight > ul{background-image:none}
.article{padding:0.25em 1.5em 1.5em 1.5em;border-left:2px solid #d7e9f5;background:#FFF;line-height:1.6;font-size:1.0em;border-top:2px solid #d7e9f5;border-bottom:2px solid #d7e9f5}
.article{font-size:1.15em;line-height:1.4em}
.article p{margin:0.5em 0 1em}
span.user,a.user{background-position:0 -145px;background-repeat:no-repeat;display:inline-block;background-image:url(img/sprite.png);padding-left:15px !important;height:15px;line-height:15px;color:#555;vertical-align:middle}
.contentsPanel{border:2px solid #1952af;font-weight:bold;padding:5px 80px 5px 5px;font-size:0.95em;position:relative;line-height:1.7em;width:auto;text-align:left;border-radius:10px;display:inline-block;margin:20px 0}
#sidebar .contentsPanel{margin-bottom:35px}
.contentsHeader{font-family:sans-serif;font-weight:bold;text-align:center}
.hidePanel,.showPanel{float:right;margin:0 5px;position:absolute;right:20px;cursor:pointer;color:#1952af;top:4px}
.contentsPanel ul li span{display:inline-block;margin-right:8px}
.contentsPanel ul li{}
.contentsPanel ul{padding:0 0 5px 5px}
.contentsPanel ul li ul{}
.contentsPanel ul li ul li{padding:0 0 0 25px}
.showPanel{display:none}
.minimizedPanel .showPanel{display:block}
.minimizedPanel .hidePanel{display:none}
.contentsPanel.minimizedPanel{}
.minimizedPanel .contentsHeader{text-align:left}
.linklist a:after{content:" · ";font-weight:bold}
.linklist a:last-child:after{content:""}
.linklist a{white-space:nowrap}
.categories{border:1px solid #a2a9b1;background-color:#f8f9fa;padding:5px;margin-top:1em;font-size:1.1em;clear:both}
.categories a:after{content:" | ";font-weight:bold}
.categories a:last-child:after{content:""}
.pagefooter{padding:10px 300px 60px 10px;line-height:1.5em}
.pagefooter a{display:inline-block}
#socialLinx a{margin-right:10px}
.rots{font-weight:bold;display:inline-block;vertical-align:middle;margin:0}
.rots > span{display:inline-block;width:36px;height:22px;background:url(img/rots.png) no-repeat 0px 100px transparent;padding:40px 0 0 0;line-height:22px;text-align:center;font-size:1.2em;font-style:normal;margin-right:8px}
.rots > span.li{background-position:0px 0}
.rots > span.mi{background-position:-40px 0}
.rots > span.r{background-position:-80px 0}
.rots > span.ui{background-position:-120px 0}
.rots > span.e{background-position:-160px 0}
.rots > span.d{background-position:-200px 0}
.rots > span.l{background-position:-240px 0}
.rots > span.m{background-position:-280px 0}
.rots > span.ri{background-position:-320px 0}
.rots > span.u{background-position:-360px 0}
.rots > span.ei{background-position:-400px 0}
.rots > span.di{background-position:-440px 0}
.rots > span.f{background-position:-480px 0}
.rots > span.bi{background-position:-520px 0}
.rots > span.fi{background-position:-560px 0}
.rots > span.b{background-position:-600px 0}
.rots > span.s{background-position:-642px 0}
.rots > span.si{background-position:-682px 0}
.rots > span.f2{background-position:-720px 0}
.rots > span.r2{background-position:-760px 0}
.rots > span.u2{background-position:-800px 0}
.rots > span.b2{background-position:-840px 0}
.rots > span.l2{background-position:-880px 0}
.rots > span.d2{background-position:-920px 0}
.rots > span.m2{background-position:-960px 0}
.rots > span.e2{background-position:-1000px 0}
.rots > span.s2{background-position:-1040px 0}
.rots > span.x{background-position:-1082px 0}
.rots > span.xi{background-position:-1122px 0}
.rots > span.y{background-position:-1162px 0}
.rots > span.yi{background-position:-1202px 0}
.rots > span.z{background-position:-1241px 0}
.rots > span.zi{background-position:-1281px 0}
.rots > span.fw{background-position:-1322px 0}
.rots > span.rw{background-position:-1363px 0}
.rots > span.uw{background-position:-1404px 0}
.rots > span.bw{background-position:-1445px 0}
.rots > span.lw{background-position:-1484px 0}
.rots > span.dw{background-position:-1525px 0}
.rots > span.fwi{background-position:-1566px 0}
.rots > span.rwi{background-position:-1607px 0}
.rots > span.uwi{background-position:-1648px 0}
.rots > span.bwi{background-position:-1689px 0}
.rots > span.lwi{background-position:-1728px 0}
.rots > span.dwi{background-position:-1769px 0}
.rots > span.fw2{background-position:-1810px 0}
.rots > span.rw2{background-position:-1851px 0}
.rots > span.uw2{background-position:-1892px 0}
.rots > span.bw2{background-position:-1933px 0}
.rots > span.lw2{background-position:-1972px 0}
.rots > span.dw2{background-position:-2013px 0}
blockquote{clear:both;background:#d7e9f5;border-left:15px solid #1952af;padding:0.5em 10px;quotes:"\201C" "\201D" "\2018" "\2019";margin:1.5em 10px;color:#000000;font-size:1.2em;line-height:1.4em}
blockquote:before{color:#000;content:open-quote;font-size:6em;line-height:0.1em;margin-right:0.25em;position:relative;vertical-align:-0.4em;top:12px}
blockquote p{display:inline}
blockquote a{color:#000 !important;font-style:italic}
.shopTable{min-width:700px;vertical-align:middle;width:100%;text-align:center}
span.flag{display:inline-block;font-weight:bold;background:top center no-repeat #FFF;padding:27px 0 0;min-width:40px;vertical-align:middle}
span.flag.australia{background-image:url(img/flag-australia.png)}
span.flag.canada{background-image:url(img/flag-canada.png)}
span.flag.hungary{background-image:url(img/flag-hungary.png)}
span.flag.india{background-image:url(img/flag-india.png)}
span.flag.spain{background-image:url(img/flag-spain.png)}
span.flag.usa{background-image:url(img/flag-usa.png)}
span.flag.china{background-image:url(img/flag-china.png)}
span.flag.singapore{background-image:url(img/flag-singapore.png)}
span.flag.uk{background-image:url(img/flag-uk.png)}
span.flag.hongkong{background-image:url(img/flag-hongkong.png)}
.shopTable img{max-width:207px;margin:8px 0}
.shopTable thead{border-bottom:1px solid #999;background-color:#eee;text-align:center;line-height:2em}
.stars0,.stars2,.stars3,.stars4,.stars5,.stars1{width:60px;background-image:url("/img/star-ratings.png");height:13px;margin-top:6px;overflow:hidden;background-repeat:no-repeat;text-indent:999px;display:inline-block}
.stars4{background-position:0 -12px}
.stars3{background-position:0 -24px}
.stars2{background-position:0 -36px}
.stars1{background-position:0 -48px}
.stars0{background-position:0 -60px}
.article h2 a,.article h3 a{text-decoration:none}
.aligncenter{text-align:center;margin:auto;display:block}
.inlinebox{display:inline-block;vertical-align:top;padding:0 20px 20px 0}
.article h2 a:hover,.article h3 a:hover{text-decoration:underline}
h2 a:after,h3 a:after{content:"»";display:inline-block;margin-left:10px}
.article hr{background-color:#1952af;border:none;height:2px;margin:35px 0;width:100%;clear:both}
.post-comments{display:none}
.hrlabel{display:block;margin:-60px auto 10px;color:#1952af;font-size:2em;text-align:center;line-height:1.5em;font-weight:bold}
.hrlabel span{background-color:#FFF;padding:5px 20px;font-family:"Times New Roman",Times,serif}
.socialShareLinks li{display:inline-block;margin:2px}
.socialShareLinks{list-style:none;margin:0 auto 80px;text-align:center}
.popupBoxBox .socialShareLinks{margin-bottom:20px;width:auto}
.socialShareLinks li a{display:block;height:35px;overflow:hidden;width:35px;background-color:#eee;border-radius:10px}
.socialShareLinks li a:hover{background-color:#fff}
.socialShareLinks li a img{width:100%}
table.timeline td:nth-child(1){width:auto;background:url("/img/timeline-arrow.png") no-repeat scroll left bottom rgba(0,0,0,0)}
table.timeline{background:url("/img/timeline-vertical-line.png") repeat-y scroll left bottom rgba(0,0,0,0)}
table.timeline td:nth-child(1) span{background-color:#1952af;color:#FFF;display:block;text-align:center;padding:8px 6px;border-radius:23px;font-size:1.1em;font-weight:bold;margin-top:-3px}
table.timeline td{vertical-align:top;padding-bottom:35px;border:none}
table.timeline h3{margin:0;color:#1952af;background-color:#FFF;border-bottom:2px solid #1952af;padding:0 15px}
.entry-content table.timeline tr:nth-child(2n){background:transparent}
table.timeline td:nth-child(2) p{padding:8px 0 0px 15px}
.separatorLine{font-size:2.5em;color:#333;line-height:1.5em;display:block}
.imageright{float:right;margin:3px 0 3px 10px}
.imageleft{float:left;margin:3px 10px 3px 0}
.alertRightSide{background-color:#1952af;text-decoration:none;border:medium none !important;border-radius:10px;color:#FFF !important;display:block;float:right;font-weight:normal !important;line-height:18px;margin:0px 0px 10px 20px;transition:all 0.5s ease 0s;padding:3px 6px;text-align:center;width:100px;font-size:0.9em}
.bigbutton{background-color:#1952af !important;text-decoration:none !important;border:medium none !important;border-radius:10px;clear:both;color:#FFF !important;display:block;font-size:1.1em;margin:20px 30px;padding:2px 8px;text-align:center;transition:all 0.5s ease 0s;width:80%;font-weight:bold !important}
.bigbutton:hover{background-color:#1a4a9a !important}
.myFakeGallery{text-align:center}
.myFakeGallery span{display:block;font-size:1.7em;clear:both;text-align:center;font-weight:bold;padding:2px 10px;border-bottom:1px solid #a2a9b1;font-family:"Times New Roman",Times,serif;background:url(img/blue-gradient.png) bottom left repeat-x transparent}
.myFakeGallery img{margin:0 auto 70px;max-height:none;max-width:100%}
.prevNextButtons{display:block;padding:20px 5% 50px;width:90%;font-weight:bold}
.prevNextButtons a{background-color:#1952af;border:medium none !important;border-radius:5px;text-decoration:none !important;color:#fff !important;display:block;margin:5px 2%;padding:3px 5px;transition:all 0.5s ease 0s;text-align:center;width:30%}
.bigLeftButton{float:left}
.bigRightButton{float:right}
.bigLinkList{display:block;min-height:30px;margin-bottom:10px;text-align:center}
.bigLinkList li{display:inline-block;text-align:center;color:#000;border-radius:10px;background-color:#c2c0ef;font-weight:bold;padding:1px 4px;font-weight:bold;border-radius:10px;margin:0 3px 4px}
.bigLinkList li a{color:#FFF;background-color:#1952af;text-decoration:none;display:inline-block;padding:0px 10px;border-radius:10px}
.bigLinkList li a:hover{background-color:#1e4689}
.spoiler{background-color:#eaf2ff;padding:5px 15px;color:#eaf2ff;margin-bottom:17px}
.spoiler strong{color:#000}
.spoiler:hover,.spoiler:active{color:#000}
.spoiler:hover strong,.spoiler:active strong{color:#eaf2ff}
.algImgCont{background-image:none !important;float:left;height:90px;margin:0 !important;padding:0 !important;width:75px}
.algImgCont img{cursor:zoom-in;max-width:200%;height:75px;position:relative;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;width:75px}
.algChain .inline{display:inline-block;background:none;padding:0;margin:0}
.algChain{display:inline-block}
.algImgCont img:hover{width:100px;height:100px;z-index:10000}
.alertRightSide{background-color:#1952af;border:medium none !important;border-radius:10px;text-decoration:none !important;color:#FFF !important;display:block;float:right;font-weight:normal !important;line-height:18px;margin:0px 0px 10px 20px;transition:all 0.5s ease 0s;padding:3px 6px;text-align:center;width:100px;font-size:0.9em}
span.sprite{width:20px;height:20px;display:inline-block;overflow:hidden;text-indent:999px;background:url(img/sprite.png) no-repeat center center transparent;overflow:hidden;vertical-align:middle}
.sprite.fb{background-position:0 0}
.sprite.tw{background-position:0 -25px}
.sprite.blog{background-position:0 -50px}
.sprite.shop{background-position:0 -75px}
.sprite.tiktok{background-position:0 -101px}
.solutionSteps{background-color:#EEE;padding:10px;margin:15px 0}
.solutionSteps ul li img{width:55px;height:40px;float:left;margin:0px 20px 5px 0}
.solutionSteps ul li{clear:both}
.solutionSteps h4{border-bottom:1px solid #777;padding-bottom:5px;font-size:1.2em;font-weight:bold}
.solutionSteps ul li a{display:block;font-weight:bold;font-size:1.3em;text-decoration:none}
.solutionSteps ul li a:hover{text-decoration:underline}
.sendThisToSidebar .solutionSteps{padding:5px;text-align:left;margin:0}
.sendThisToSidebar .solutionSteps ul li a{font-size:1.1em}
.solutionSteps ul li.active{background:#b4c7e6}
.alertRightSide:hover{background-color:#000000}
.algChain a{border:none !important}
.algChain{min-height:10px}
.algChain div{background:url("/img/algTransformArrow.png") no-repeat scroll right bottom rgba(0,0,0,0);float:left;margin:18px 0 3px;padding:0 14px 8px 5px}
.algChain div.longerText a{text-decoration:none;margin-top:-10px;display:inline-block;font-size:0.9em;line-height:1em;font-weight:bold}
.algChain div.longerText a:hover{color:#000}
.algChain div.longerText{}
.algDescr{float:left;margin:0 0 25px;width:50%}
.fullWidth{float:none !important;width:100%;clear:both}
.algDescr div{float:left;font-weight:bold;margin:25px 30px 10px 5px}
.algDescr:after,.algChain:after{content:"";display:table;clear:both}
.algName{border-bottom:1px solid #999;display:block;margin-bottom:5px;margin-top:-30px}
.rubiksDemoTable{width:300px}
.rubiksDemoTable td{text-align:center;padding:0;border:1px solid #999}
.rubiksDemoTable td div{border:none;background-color:#000;color:#FFF;font-weight:bold}
.clearnone{clear:none}
.clearBoth{clear:both}
.galleryImages{margin:10px auto 45px;max-width:400px;max-height:400px;clear:both}
.mega-sub-menu li{width:100% !important}
.mega-block-title{color:#1952af !important}
.mymenucolumn{float:left !important;width:33% !important}
.mymegamenu{height:40px !important}
.mymegamenu a{background-color:transparent !important;background-image:url("/img/megamenu-progs.png") !important;background-repeat:no-repeat !important;color:#1c2c4c !important;margin:0 0 10px !important;display:block !important;float:none !important;font-weight:bold;min-height:20px !important;overflow:hidden !important;padding:6px 0 13px 48px !important;position:inherit !important;text-decoration:none !important}
.mega-sub-menu > li > h4{margin-bottom:7px !important;border-bottom:1px solid #bbb}
.mymegamenu a:hover{color:#1952af !important}
.mymegamenuarrow{float:right;height:15px;width:21px;margin:3px 0 0 4px}
.mymegamenu a.mymegamenuaa{background-position:0 -40px !important}
.mymegamenu a.mymegamenuaa:hover{background-position:0 -545px !important}
.mymegamenu a.mymegamenuab{background-position:0 -80px !important}
.mymegamenu a.mymegamenuab:hover{background-position:0 -585px !important}
.mymegamenu a.mymegamenuac{background-position:0 -120px !important}
.mymegamenu a.mymegamenuac:hover{background-position:0 -625px !important}
.mymegamenu a.mymegamenuad{background-position:0 -200px !important}
.mymegamenu a.mymegamenuad:hover{background-position:0 -705px !important}
.mymegamenu a.mymegamenuae{background-position:0 -160px !important}
.mymegamenu a.mymegamenuae:hover{background-position:0 -665px !important}
.mymegamenu a.mymegamenuaf{background-position:0 0px !important}
.mymegamenu a.mymegamenuaf:hover{background-position:0 -505px !important}
.mymegamenu a.mymegamenuag{background-position:0 -281px !important}
.mymegamenu a.mymegamenuag:hover{background-position:0 -785px !important}
.mymegamenu a.mymegamenuah{background-position:0 -241px !important}
.mymegamenu a.mymegamenuah:hover{background-position:0 -745px !important}
.mymegamenu a.mymegamenuai{background-position:0 -280px !important}
.mymegamenu a.mymegamenuai:hover{background-position:0 -785px !important}
.mymegamenu a.mymegamenuaj{background-position:0 -320px !important}
.mymegamenu a.mymegamenuaj:hover{background-position:0 -825px !important}
.mymegamenu a.mymegamenuak{background-position:0 -360px !important}
.mymegamenu a.mymegamenuak:hover{background-position:0 -865px !important}
.clearboth{clear:both}
#featuredArticles{display:block;text-align:center}
#featuredArticlesWrap{max-height:220px;overflow:hidden}
.commentSzektion{text-align:center;padding:15px 0 5px;background-color:#F6f6f6;margin:20px 0;border-top:1px solid #d7e9f5;border-right:1px solid #d7e9f5;border-bottom:1px solid #d7e9f5}
.fbCommentsWrapper{background-color:#F6f6f6;text-align:center;margin-bottom:20px}
.fb-comments{display:inline-block !important}
.wrapFeaturedArticles{text-align:center}
a.featuredArticle{display:inline-block;padding:0px;text-align:center;border:1px solid #c8ccd1;text-decoration:none !important;border-bottom:none;margin:5px 1%;background-color:#f8f9fa;width:23%;-webkit-transition:all 0.7s;transition:all 0.7s;max-width:200px}
a.featuredArticle:hover{background-color:#cddcea;text-decoration:none}
a.featuredArticle > img{display:block;margin:5px auto 0;border:1px solid #c8ccd1;max-width:100%;width:160px;height:160px}
a.featuredArticle span span{font-size:0.9em;display:table-cell;position:relative;text-decoration:none;height:30px;transition:all 0.5s;padding:1px 20px 1px 3px;line-height:15px;vertical-align:middle;text-align:center;margin:auto;font-weight:bold}
a.featuredArticle > span{display:block;border-bottom:1px solid #c8ccd1;background:url(img/sprite.png) no-repeat right -142px transparent}
a.featuredArticle > span:hover{color:#000}
@media screen and (min-width:800px){#primary.sticked{position:fixed;bottom:0}
}
@media screen and (max-width:1200px){#wrapSimulatorCanvas{height:380px}
}
@media screen and (max-width:600px){a.featuredArticle{width:48%}
}
#sidebarFeaturedArticles,#sidebarFeaturedArticles2{margin-bottom:20px}
#sidebarFeaturedArticles a.featuredArticle,#sidebarFeaturedArticles2 a.featuredArticle{margin:5px;width:175px;max-width:100%}
.stars4{background-position:0 -12px}
.stars3{background-position:0 -24px}
.stars2{background-position:0 -36px}
.stars1{background-position:0 -48px}
.stars0{background-position:0 -60px}
.scrollable{width:100%;overflow-x:auto}
.scrollable td{padding:2px}
#socialLinks{float:right}
#socialLinks li{float:left;padding-left:9px}
#socialLinx{padding:10px 0 30px;text-align:center}
#socialLinx li{border:medium none;display:inline-block;list-style:outside none none;margin:2px;padding:0}
#socialLinx li a{vertical-align:middle}
#socialLinx ul{text-align:center;width:100%;display:block}
.puzzle4x4{line-height:30px;margin:0 auto 4px;text-align:center;width:140px}
.puzzle4x4 td{border:1px solid #777;font-weight:bold;height:26px;margin:0;padding:0;font-style:normal;text-align:center;width:26px}
.puzzle4x4 .el{background-color:#ccc}
.puzzle4x4 .koz{background-color:#ddd}
.captionImageRight{font-size:0.9em;background-color:#f8f9fa;float:right;border-radius:5px;font-style:italic;clear:both;border:1px solid #c8ccd1;line-height:1.1em;margin:3px 0 3px 10px;padding:5px;text-align:center}
#sidebar .captionImageRight{float:none;display:inline-block;margin-bottom:40px}
.captionImageRight img{max-width:100%;display:block;margin-bottom:6px}
.imageright{float:right;margin:3px 0 3px 10px;text-align:center;line-height:1em}
.imagecenter{float:none;margin:3px auto}
.imageleft{float:left;margin:3px 10px 3px 0}
.imagerightfix{float:right;margin:3px 0 3px 10px;width:143px}
.centered200{width:200px;margin:3px auto}
.centered300{width:300px;margin:3px auto}
.alignleft{float:left;margin:5px 10px 5px 0}
.textalignleft{text-align:left !important}
.alignright{float:right;margin:5px 0 5px 10px}
p.alignright{float:none;text-align:right;margin:0.5em 0}
.imageWithAlairas{display:inline-block;padding:10px 20px;font-style:italic}
.imageWithAlairas strong{font-style:normal}
.centeredText{text-align:center;clear:both}
.spoiler{background-color:#DDD;padding:5px 15px;color:#DDD;margin-bottom:17px}
.spoiler strong{color:#000}
.spoiler:hover,.spoiler:active{color:#000}
.spoiler:hover strong,.spoiler:active strong{color:#DDD}
a.more-link,a.more-link,a.more-link,a.more-link{display:inline-block;font-weight:bold;background-color:#1952af;color:#FFF !important;border-radius:5px;padding:0px 12px;clear:both;text-decoration:none !important;margin:0 0 0 20px}
a.more-link:hover{background-color:#1952af}
a.borderedLink{border:2px solid #FFF;margin-right:20px;display:inline-block;border-radius:4px}
a.borderedLink:hover{border:2px solid #000000}
.headerSocialButtons{padding-top:15px;max-height:52px;overflow:hidden;padding-bottom:5px}
.headerSocialButtons a{display:inline-block;margin:2px 10px 0px 2px;border:2px solid #FFF;padding:2px;margin-bottom:10px;border-radius:5px}
.headerSocialButtons a:hover{margin:0 12px 2px 0}
.thirdThumbnail{display:inline-block;width:32.5%;padding:0 2% 15px;vertical-align:top;text-align:center}
.entry-meta,.cat-links{font-style:italic;background:#d7e9f5;padding:5px 20px;display:block}
.cat-links{margin:2em 0;font-weight:bold}
.footer #nav-below{clear:both}
.footer #nav-below > div{width:45%;min-width:300px}
.nav-previous{float:left}
.nav-next{float:right;text-align:right}
.nav-previous a,.nav-next a{display:inline-block;background:#629028;color:#FFF;border-radius:10px;padding:4px 15px;font-weight:bold;margin:20px 0 5px}
.footer #nav-below div a{display:inline-block;background:#1952af;color:#FFF;padding:5px 10px;white-space:nowrap;border-radius:10px}
.footer #nav-below div a:hover{text-decoration:none;background-color:#4982e2}
.meta-nav{font-weight:bold}
#preventMouseHoverOnPageLoad{background:transparent;position:fixed;top:5px;left:5px;right:5px;height:250px;z-index:9999}
.rTable{display:table;width:100%}
.rTableRow{display:table-row}
.rTableHeading{display:table-header-group;background-color:#ddd}
.rTableCell,.rTableHead{display:table-cell;padding:3px 10px;border:1px solid #999999}
.rTableHeading{display:table-header-group;background-color:#ddd;font-weight:bold}
.rTableFoot{display:table-footer-group;font-weight:bold;background-color:#ddd}
.rTableBody{display:table-row-group}
#popupBox,#popupShadow{display:none}
.inlineblock{display:inline-block}
.inline-block{float:left;display:inline-block}
{position:fixed;z-index:990;background-color:rgba(0,0,0,0.25);left:0;right:0;top:0;bottom:0;width:100%;height:100%;display:none}
#popupBoxClose{cursor:pointer;float:right;display:inline-block}
#content{width:65%;float:left;overflow:hidden}
#content .solutionSteps ul{list-style-type:none;margin:0 0 10px 10px}
#sidebar{width:30%;float:right;text-align:center}
.article a,.article a:visited{text-decoration:underline}
.contentsPanel a,.contentsPanel a:visited{text-decoration:none}
.article a:hover{text-decoration:none}
.article a:active{color:#006400}
.menu h4{font-weight:bold;border-bottom:1px solid #555;line-height:1em;font-size:1.1em}
.menu-container .menu{width:800px}
.menu-mobile{display:none;padding:20px}
.menuIco1,.menuIco2,.menuIco3,.menuIco4{display:inline-block;width:28px;height:24px;background:url(img/sprite.png) no-repeat 0 -506px transparent;vertical-align:middle;margin-right:6px}
.menuIco2{background-position:0 -543px}
.menuIco3{background-position:0 -580px}
.menuIco4{background-position:0 -618px}
.menu-mobile:after{content:"Menu";font-size:2.5rem;padding:0;float:right;position:relative;top:50%;transform:translateY(-25%)}
.mdico:before{content:"CSSbol van ez";display:none;cursor:pointer;float:right;padding:1.5em 2em;background:#fff;color:#333}
.menu > ul{list-style:none;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu > ul:before,.menu > ul:after{content:"";display:table}
.menu > ul:after{clear:both}
.menu > ul > li{margin:0 1px}
.menu > ul > li a{text-decoration:none;display:block}
.menu > ul > li a:hover,a.activeTab{background:#d7e9f5;color:#000}
.menu > ul > li > ul{display:none;border-top:7px solid #d7e9f5;background:#FFF;box-shadow:6px 15px 30px -15px #000;padding:9px;position:absolute;min-height:183px;z-index:1001;left:0;margin:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 15px 0}
.menu > ul > li > ul:before,.menu > ul > li > ul:after{content:"";display:table}
.menu > ul > li > ul:after{clear:both}
.menu > ul > li > ul > li{margin:0;padding:0 35px 0 0;list-style:none;background:none;display:inline-block;vertical-align:top}
.menu > ul > li > ul > li a{color:#000;padding:0;line-height:1.6em;display:block}
.menu > ul > li > ul > li a:hover{background:#e1eff9}
.menu > ul > li > ul > li > ul{display:block;padding:0;margin:10px 0 0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu > ul > li > ul > li > ul:before,.menu > ul > li > ul > li > ul:after{content:"";display:table}
.menu > ul > li > ul > li > ul:after{clear:both}
.menu > ul > li > ul > li > ul > li{padding:0;margin:0;font-size:.8em}
.menu > ul > li > ul > li > ul > li a{border:0}
.menu > ul > li > ul.normal-sub{width:300px;left:auto;padding:10px 20px}
.menu > ul > li > ul.normal-sub > li{width:100%}
.menu > ul > li > ul.normal-sub > li a{border:0;padding:1em 0}
.fullScreenVideo{width:1120px;height:630px;max-width:100%}
@media only screen and (max-width:2080px){.fullScreenVideo{width:1000px;height:562px}
}
@media only screen and (max-width:1910px){.fullScreenVideo{width:900px;height:505px}
}
@media only screen and (max-width:1750px){.fullScreenVideo{width:800px;height:450px}
}
@media only screen and (max-width:1560px){.fullScreenVideo{width:700px;height:393px}
.article{font-size:1.05em;line-height:1.3em}
}
@media only screen and (max-width:1400px){.fullScreenVideo{width:600px;height:337px}
}
@media only screen and (max-width:1200px){.fullScreenVideo{width:500px;height:281px}
}
@media only screen and (max-width:1050px){.fullScreenVideo{width:352px;height:198px}
}
@media only screen and (max-width:800px){.fullScreenVideo{width:500px;height:280px}
.pagefooter{padding:10px}
}
@media only screen and (max-width:732px){.fullScreenVideo{width:400px;height:224px}
}
@media only screen and (max-width:460px){.fullScreenVideo{width:300px;height:167px}
}
@media only screen and (max-width:959px){.menu-container{width:100%}
.menu-mobile{display:block}
.mdico:before{display:block}
.menu > ul{display:none}
.menu > ul > li{width:100%;float:none;display:block}
.menu > ul > li a{padding:1.5em;width:100%;display:block}
.menu > ul > li > ul{position:relative}
.menu > ul > li > ul.normal-sub{width:100%}
.menu > ul > li > ul > li{float:none;width:100%;margin-top:20px}
.menu > ul > li > ul > li:first-child{margin:0}
.menu > ul > li > ul > li > ul{position:relative}
.menu > ul > li > ul > li > ul > li{float:none}
.menu .show-on-mobile{display:block}
}
.search-results .wrapBackToTop{display:none}
.wrapBackToTop{position:absolute;right:10px;display:none}
.backToTopPage{display:block;color:#888;padding:5px 10px 10px;font-size:0.9em;right:10px;clear:both;cursor:pointer;background-color:#FFF;font-weight:bold;text-align:right}
.backToTopPage:hover span{color:#CE4B42}
.backToTopPage span{display:inline-block;color:#000;-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);font-size:1.5em}
#back2Top{position:fixed;left:10px;bottom:140px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 250ms linear;transition:all 250ms linear}
#back2Top.showProgress{opacity:1;visibility:visible;transform:translateY(0)}
#back2Top::after{color:rgba(66,105,170,0.9);position:absolute;transform:rotate(-90deg);content:"\27A4";text-align:center;line-height:46px;font-size:1.5em;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 250ms linear;transition:all 250ms linear}
#back2Top:hover::after{opacity:0}
#back2Top::before{background:rgba(66,105,170,1);position:absolute;transform:rotate(-90deg);content:"\27A4";text-align:center;line-height:46px;font-size:1.5em;opacity:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:2;-webkit-transition:all 250ms linear;transition:all 250ms linear}
#back2Top:hover::before{opacity:1;top:-5px}
#back2Top svg path{fill:none}
#back2Top svg.circleSvg path{stroke:rgba(66,105,170,0.8);stroke-width:4;box-sizing:border-box;-webkit-transition:all 250ms linear;transition:all 250ms linear}
@media only screen and (max-width:1650px){.sidebar{width:13em}
.mainsection{margin:0 0 0 16em}
}
@media only screen and (max-width:1400px){#content a.featuredArticle > img{width:120px;height:120px}
.navigation{font-size:1em}
.sidebar{width:11em}
.mainsection{margin:0 0 0 13em}
.menu > ul > li > a{padding:8px 6px 0}
}
@media only screen and (max-width:1200px){#searchInput,.searchform #s{width:100px}
#simpleSearch,#search{width:130px}
.socialShareLinks{width:100%}
.wrapBackToTop{display:none}
}
@media only screen and (max-width:960px){.menu-container{display:none}
.txta a{padding-left:10px !important;padding-right:10px !important}
.menu > ul,.tabs > div > ul,.menu > ul > li > a,.tabs > div > ul > li > a{background:transparent}
}
@media screen and (max-width:850px){#searchInput{width:110px}
#simpleSearch{width:138px}
#popupBox,#popupShadow{display:none !important}
}
@media only screen and (max-width:800px){.sidebar{width:9em;padding:1em 0.5em 10px 0.3em}
.logo a img{width:90px;height:84px}
.mainsection{margin:0 0 0 10em}
.logo a{font-size:0.8em}
.logo a img{width:90px}
.logo a strong{font-size:2em}
#content,#sidebar{width:100%;float:none}
#breadcrumbs{margin:1em 0 2em;padding:0}
.tabs > div > ul > li > a{padding:1em 0.2em 0}
}
.onlyMobile{display:none}
@media only screen and (max-width:670px){
#back2Top{bottom: 10px}
.mobileHidden{display:none}
.onlyMobile{display:block}
.sidebar{float:none;width:90%;padding:10px 2%;position:relative;margin:auto}
.mainsection{margin:0}
.menu > ul > li > a,.tabs > div > ul > li > a{border-bottom:none}
#mobileMenuTrigger{font-size:1.2em;background:#1952af;color:#FFF;cursor:pointer;text-align:center;font-weight:bold;line-height:1.8em}
#mobileMenuTrigger span{font-size:1.5em}
.logo a img{display:none}
.logo a{font-size:1em;width:100%;line-height:0.8em;margin-top:20px}
.navigation{font-size:1.3em;background:#FFF;padding-bottom:15px}
.sidebar li{text-align:center;font-weight:bold}
li.activePage{background-color:#AAA}
.sidebar h3{border-bottom:none;text-align:center}
.tabs > div > ul > li > a{padding:0.5em}
.tabs{margin:2px auto 15px;text-align:center}
.tabsRight{float:none}
#wrapTooltipSearch{float:none;margin:5px}
.navigation{display:none}
}
@media only screen and (max-width:400px){.tabs > div > ul > li > a{padding:0.3em !important}
.article{padding:10px 4px}
.sidebarinner{margin:20px 5px}
}
#patternGallery{text-align:center;z-index:887}
#patternGallery > div{display:inline-block;position:relative;cursor:pointer;width:190px;border-radius:8px;overflow:hidden;height:172px;margin:8px;border:2px solid #ddd;border-bottom:2px solid #FFF;transition:all 0.5s ease-out}
#patternGallery > p > a{position:relative;cursor:pointer;width:190px;border-radius:8px;overflow:hidden;height:172px;margin:8px;border:2px solid #1952af;transition:all 0.5s ease-out;display:inline-block}
#patternGallery > p{display:inline-block}
#patternGallery a > img{width:50px;height:50px;transition:all 0.5s ease-out}
#patternGallery a > span{position:absolute;bottom:0;left:0;right:0;background-color:#1952af;text-align:center;font-size:2em;line-height:30px;padding:4px;color:#FFF;font-weight:bold;transition:all 0.5s ease-out}
#patternGallery a:hover > span{background-color:#28487b}
#patternGallery a:hover > img{width:60px;height:60px}
#patternGallery a:hover{border:2px solid #28487b}
#patternGallery > div > h3{position:absolute;bottom:0;left:0;right:0;background-color:#1952af;text-align:center;line-height:1em;padding:4px;color:#FFF;transition:all 0.5s ease-out;font-size:1em}
#patternGallery > div > img{transition:all 0.5s ease-out;width:150px;height:150px}
#patternGallery > div:hover > h3{background-color:#28487b}
#patternGallery > div:hover{border:2px solid #28487b}
#patternGallery > div:hover > img{width:190px;height:190px;margin-top:-25px}
#wrapOpenedPattern{height:120px;display:none;position:fixed;top:60px;left:0;right:0;overflow:visible;z-index:889}
#openedPattern{border:2px solid #1952af;width:95%;margin:auto;min-height:300px;background:#FFF;position:relative;border-radius:20px;max-width:1200px;box-shadow:3px 5px 30px #000}
.patternRotsWrap{border-top:1px solid #a2a9b1;background:#f6f6f6;padding:10px 5px}
#closeOpenedPattern{top:-10px;right:-11px;display:inline-block;position:absolute;background:#FFF;border:3px solid #1952af;height:35px;width:35px;line-height:1.1em;text-align:center;font-size:2em;font-weight:bold;cursor:pointer;color:#1952af;border-radius:40px}
.inverseAlg{padding:10px}
#closeOpenedPattern:hover{background:#1952af;color:#FFF}
#patternSliderLeft,#patternSliderRight{position:absolute;color:#1952af;font-size:6em;width:90px;padding-top:180px;top:0;text-align:center;cursor:pointer;bottom:0}
#patternSliderLeft{left:0px}
#patternSliderRight{right:0px}
#patternSliderLeft:hover,#patternSliderRight:hover{color:#000}
#patternGalleryShadow{background:rgba(0,0,0,0.3);display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:888}
#openedPatternContent{margin:auto;width:80%;text-align:center}
#openedPatternContent h2 span{float:left}
#openedPatternContent iframe{width:300px;height:350px;overflow:hidden;overflow:hidden}
.thisPatternImg{width:300px;height:300px;margin-right:60px}
@media screen and (max-width:1000px){.thisPatternImg{margin-right:10px}
}
@media screen and (max-width:850px){#openedPatternContent iframe{display:none}
.thisPatternImg{margin-right:0;height:200px;width:200px}
h1{font-size:1.5em}
}
@media screen and (max-width:400px){.thisPatternImg{height:150px;width:150px}
}
@media screen and (max-height:770px){.patterninfo{display:none}
#wrapOpenedPattern{top:15px}
}
@media screen and (max-height:595px){.inverseAlg{display:none}
}
@media screen and (max-height:550px){.patternRotsWrap{display:none}
}
@media screen and (max-height:460px){#openedPatternContent iframe{display:none}
.thisPatternImg{width:200px;height:200px;margin-right:0}
#patternSliderLeft,#patternSliderRight{padding-top:80px}
}
@media screen and (max-height:325px){#openedPattern h2{display:none}
.thisPatternImg{width:150px;height:150px}
#patternSliderLeft,#patternSliderRight{padding-top:15px}
#openedPattern{min-height:auto}
}
#printerOnly{font-size:1.2em;padding:5px 20px;display:none;border-bottom:1px solid #999}
@media print{#printerOnly{display:block}
.wrapAll{font-size:0.8em}
*,*:before,*:after,*:first-letter,*:first-line{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
#sidebar,.sidebar,#tabsContent,#content .fb-comments,.pagefooter,#relatedThumbsFoot,#myCookieConsent,#breadcrumbs,#sticky-footer{display:none !important}
.mainsection{margin:0}
#content{width:auto;float:none}
.article,#breadcrumbs{border:none}
}
@media (prefers-color-scheme:dark){.article{background:#f9f9f9}
}