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}
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}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important}
em{font-style:italic}
body{background:#FFF}
.article ol{list-style:decimal;margin-left:20px}
.siteMapLinks a{display:none}
.logo-container{text-align:center !important}
.logo-container img{width:135px !important;max-width:100% !important}
.article ul{list-style:disc;margin-left:20px}
.article #sidebar ul{list-style:none;margin-left:0}
.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}
.qc-cmp2-persistent-link{padding:2px 5px;text-decoration:none;background:#000;color:#FFF !important;font-weight:normal !important;opacity:0.5;left:0;font-size:13px;right:auto}
.qc-cmp2-persistent-link:hover{opacity:0.9}
.css-dmb4u1.css-dmb4u1 .qc-cmp2-footer .qc-cmp2-summary-buttons button:first-of-type{order:1;background:#03950b;color:#FFF;font-weight:bold;cursor:pointer}
.css-g9v652.css-g9v652 .qc-cmp2-footer .qc-cmp2-summary-buttons button:last-of-type{background:#2d782d;color:#fff;font-weight:bold}
button span{cursor:pointer !important}
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:80%}
sub,sup{font-size:75%;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}
td,th{padding:0;vertical-align:middle}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
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-top:50px}
#welcomeToRuwixMiddle{text-align:center;font-size:10px;color:#F0F0F0}
.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:15px !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(https://ruwix.com/img/sprite.png) no-repeat -20px 0px #d5d7d8;text-indent:-117px;font-size:10px !important;overflow:hidden;width:34px !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:30px !important}
.roofpig-count{font-weight:bold;color:#2e649e;width:auto;margin-left:2px;display:inline-block}
.roofpig-button-enabled{background:url(https://ruwix.com/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}
#play-1{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}
/*Fly Catcher banner BEGIN*/p.nomargin{margin:0}
#wrapCloseFly{position:absolute;right:10px;top:-10px;margin:0;z-index:99}
#closeFly{font-weight:bold;text-decoration:none !important;background:#ddd;width:25px;display:inline-block;height:25px;margin:0;line-height:25px;font-size:24px;border-radius:20px;border:2px solid #0645ad;cursor:pointer}
#wrapFlyWidget{margin:10px 0;position:relative}
#flyFrame{width:300px;display:block;height:340px;background:#F3F3F3;margin:20px auto;position:relative;border-radius:10px;border:1px solid #ddd}
#flyFrame:hover,#flyFrame a:hover{cursor:url(https://ruwix.com/pics/geekprank/swatter.png) 25 90,auto;-webkit-transition:width 2s;transition:width 2s}
#flyFrame:hover #swatter{display:none}
#flyLink{top:200px;left:200px;position:absolute;height:50px;padding:17px 0 2px 3px;width:50px}
#flyLink:hover{background:url(https://ruwix.com/pics/geekprank/target.png) center center no-repeat transparent}
#fly{transform:rotate(-30deg)}
em#gplink{display:none;right:5px;bottom:0px;font-family:Arial;position:absolute;font-size:11px;color:#1746a2;text-decoration:none;font-weight:bold;padding:3px 6px;cursor:pointer !important}
#flyFrame:hover em#gplink{display:inline-block}
em#gplink:hover{text-decoration:underline}
#swatter{position:absolute;animation:swatterX 15s infinite,swatterY 2s infinite}
@keyframes swatterX{0%{left:50px}
50%{left:150px}
100%{left:50px}
}
@keyframes swatterY{0%{top:5px}
50%{top:30px}
100%{top:5px}
}
#flyLink{animation:flyPosition 13s infinite;animation-timing-function:linear}
#fly{animation:fly 13s infinite;animation-timing-function:linear}
@keyframes flyPosition{0%{top:200px;left:200px}
4%{top:150px;left:150px}
6%{top:155px;left:130px}
10%{top:135px;left:50px}
13%{top:140px;left:10px}
14%{top:140px;left:10px}
17%{top:150px;left:8px}
19%{top:180px;left:5px}
23%{top:220px;left:5px}
25%{top:225px;left:15px}
26%{top:235px;left:25px}
30%{top:265px;left:55px}
31%{top:270px;left:65px}
35%{top:280px;left:100px}
39%{top:280px;left:140px}
40%{top:278px;left:150px}
42%{top:274px;left:160px}
44%{top:265px;left:175px}
46%{top:250px;left:180px}
48%{top:230px;left:182px}
52%{top:200px;left:182px}
54%{top:180px;left:180px}
56%{top:160px;left:170px}
58%{top:140px;left:170px}
60%{top:123px;left:175px}
62%{top:118px;left:185px}
63%{top:118px;left:185px}
64%{top:115px;left:195px}
66%{top:115px;left:215px}
68%{top:118px;left:232px}
70%{top:118px;left:252px}
72%{top:118px;left:252px}
74%{top:125px;left:255px}
75%{top:140px;left:260px}
77%{top:165px;left:260px}
79%{top:180px;left:257px}
81%{top:195px;left:253px}
83%{top:195px;left:253px}
85%{top:210px;left:243px}
86%{top:220px;left:243px}
88%{top:240px;left:243px}
89%{top:240px;left:243px}
90%{top:245px;left:238px}
91%{top:250px;left:228px}
92%{top:250px;left:218px}
94%{top:250px;left:208px}
96%{top:240px;left:200px}
97%{top:230px;left:200px}
100%{top:200px;left:200px}
}
@keyframes fly{0%{transform:rotate(315deg)}
4%{transform:rotate(315deg)}
6%{transform:rotate(295deg)}
10%{transform:rotate(275deg)}
13%{transform:rotate(260deg)}
14%{transform:rotate(260deg)}
17%{transform:rotate(220deg)}
19%{transform:rotate(180deg)}
23%{transform:rotate(180deg)}
25%{transform:rotate(160deg)}
26%{transform:rotate(135deg)}
30%{transform:rotate(135deg)}
31%{transform:rotate(105deg)}
35%{transform:rotate(105deg)}
39%{transform:rotate(90deg)}
40%{transform:rotate(80deg)}
42%{transform:rotate(70deg)}
44%{transform:rotate(45deg)}
46%{transform:rotate(25deg)}
48%{transform:rotate(0deg)}
52%{transform:rotate(0deg)}
54%{transform:rotate(-20deg)}
56%{transform:rotate(-30deg)}
58%{transform:rotate(0deg)}
60%{transform:rotate(20deg)}
62%{transform:rotate(45deg)}
63%{transform:rotate(45deg)}
64%{transform:rotate(80deg)}
66%{transform:rotate(90deg)}
68%{transform:rotate(95deg)}
70%{transform:rotate(90deg)}
72%{transform:rotate(90deg)}
74%{transform:rotate(130deg)}
75%{transform:rotate(150deg)}
77%{transform:rotate(180deg)}
79%{transform:rotate(190deg)}
81%{transform:rotate(190deg)}
83%{transform:rotate(190deg)}
85%{transform:rotate(200deg)}
86%{transform:rotate(180deg)}
88%{transform:rotate(180deg)}
89%{transform:rotate(200deg)}
90%{transform:rotate(225deg)}
91%{transform:rotate(250deg)}
92%{transform:rotate(270deg)}
94%{transform:rotate(300deg)}
96%{transform:rotate(325deg)}
97%{transform:rotate(360deg)}
100%{transform:rotate(315deg)}
}
.fullYoutube{width:1120px;height:630px;max-width:100%}
.back2topScroll{position:fixed;right:25px;bottom:25px;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}
.back2topScroll.showProgress{opacity:1;visibility:visible;transform:translateY(0)}
.back2topScroll::after{color:rgba(66,105,170,0.8);position:absolute;transform:rotate(-90deg);content:"\27A4";text-align:center;line-height:46px;font-size:24px;left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 250ms linear;transition:all 250ms linear}
.back2topScroll:hover::after{opacity:0}
.back2topScroll::before{background:rgba(66,105,170,1);position:absolute;transform:rotate(-90deg);content:"\27A4";text-align:center;line-height:46px;font-size:24px;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}
.back2topScroll:hover::before{opacity:1;top:-5px}
.back2topScroll svg path{fill:none}
.back2topScroll 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 print{.sidebar,.tabs,#sidebar,.fb-comments,#relatedThumbsFoot,.pagefooter{display:none !important}
#content{width:100% !important}
.mainsection{margin:0 !important}
*,*: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}
}
.sideBarWikiMenu ul.children{display:none}
.sideBarWikiMenu ul ul ul{margin:0px 0 5px 20px;padding:0}
.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:18px;line-height:18px;color:#222;margin:15px 0 0 0;padding:0.25em 0;font-weight:bold;border:0;border-bottom:1px solid #ccc;display:block}
a.activePage{background-color:#4269aa !important;color:#FFF !important}
h1,h2,h3,h4,h5,h6{color:#000;clear:both;background:none;font-weight:normal;margin:0;padding-top:0.5em;padding-bottom:0.17em}
#breadcrumbs{margin:-11px 5px 0 0}
#breadcrumbs span #breadcrumb_last{color:#444}
#breadcrumbs span a{font-weight:normal}
.article h1{font-family:"Times New Roman",Times,serif;margin:30px 0 20px;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}
.article h3{font-weight:bold;font-size:1.2em;padding-top:30px}
.article p.roleNote{padding:1em 0 0 1.6em;font-style:italic}
p.siteSub{font-size:92%}
ul{list-style-type:none;list-style-image:none;margin:0;padding:0.3em 0 0 0}
h1{line-height:1.3;margin-bottom:0.25em;padding:0;letter-spacing:0;font-size:2.3em}
a,a:visited{color:#0645ad;text-decoration:none}
a:hover{text-decoration:underline}
.wrapAll{width:100%.}
.simpleTable td{border:1px solid #999;padding:2px;text-align:center}
.sidebar{float:left;width:15em;padding:1em 1.5em 10px 1.3em;position:absolute}
.sidebar h3{font-size:0.90em;color:#222;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:#222}
.rootPageMenu ul ul ul{display:none}
.sidebar li{line-height:17px;margin:0;font-size:16px;font-weight:bold;word-wrap:break-word}
.sidebar ul ul ul li{font-weight:normal;font-size:12px;line-height:13px}
.sidebar li a{display:block;padding:4px 5px;min-width:10px}
.sidebar li a.inline{display:inline-block;text-align:center}
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;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
}
.logo a img{width:135px;display:inline-block}
.logo a strong {
    font-size: 35px;
    display: block;
}
.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}
.headerLinks{text-align:right;padding:0.8em 1.4em;font-size:0.72em;color:#777;letter-spacing:0.017em}
.headerLinks a{display:inline-block;margin:0 0 0 1.5em}
#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,.tabs > div > ul > li > a{display:block;font-weight:bold;padding:5px;line-height:1.5em;color:#333}
.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:#FFF;border-bottom-color:transparent;text-decoration:none}
.menu > ul,.tabs > div > ul{display:inline-block;letter-spacing:0;margin:0;padding:0 1px 0 0 !important}
.stick.menu > ul{background:#FFF;box-shadow:5px 5px 10px #999}
.menuIco1,.menuIco2,.menuIco3,.menuIco4{display:inline-block;width:28px;height:24px;background:url(https://ruwix.com/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 > ul > li,.tabs > div > ul > li{margin:0;padding:0;white-space:nowrap;display:inline-block;float:left;margin:0 1px 0 0px}
.menu-container{line-height:0;float:left}
.screen-reader-text{display:none}
#wrapTooltipSearch{position:relative;top:-10px;width:150px;margin:5px 30px 5px 5px;background:#FFF;display:inline-block;float:right}
#abortTooltipSearch{background:#406b98;color:#FFF;border-radius:10px;position:absolute;top:-4px;right:-25px;width:15px;height:15px;line-height:15px;text-align:center;font-weight:bold;cursor:pointer;display:none}
#tooltipSearch{border:2px solid #333;border-radius:5px;outline:none;padding:2px 5px;display:block;width:150px;height:16px;background:url(https://ruwix.com/img/sprite.png) 142px -195px no-repeat transparent;font-size:15px;line-height:16px}
#tooltipSearchSuggestions {
    border: 1px solid #222;
    position: absolute;
    font-weight: bold;
    max-height: 200px;
    z-index: 99;
    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;line-height:0;position:relative;top:-10px}
.article{padding:1.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 p{margin:0.5em 0}
span.user,a.user{background-position:0 -145px;background-repeat:no-repeat;display:inline-block;background-image:url(https://ruwix.com/img/sprite.png);padding-left:15px !important;height:15px;line-height:15px;color:#555;vertical-align:middle}
.contentsPanel{padding:5px 80px 5px 5px;position:relative;line-height:1.7em;width:auto;text-align:left;display:inline-block;margin:20px 0;border-radius:15px;box-shadow:2px 2px 10px #555}
.article .contentsPanel a{text-decoration:none}
#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:#0645ad;top:4px}
.contentsPanel ul li span{display:inline-block;margin-right:8px}
.contentsPanel ul{padding:0 0 5px 5px}
.contentsPanel ul li ul li{padding:0 0 0 25px}
.showPanel{display:none}
.minimizedPanel .showPanel{display:block}
.minimizedPanel .hidePanel{display:none}
.minimizedPanel .contentsHeader{text-align:left}
.lavenderBox{background:#fdfdfd;border:1px solid #a2a9b1;clear:both;font-size:88%;text-align:center;padding:3px;line-height:1.7em;margin:1em auto 0}
.lavenderBox .header{background:#ccccff;padding:0.25em 1em;line-height:1.5em;text-align:center;font-weight:bold;color:#0645ad;font-size:115%;margin-bottom:3px}
.lavenderBox .subtitle{background:#ddddff}
.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:1.5em 1.3em 4em 0.3em;line-height:2em}
.pagefooter a{display:inline-block;margin:0 5px}
.rubiksDemoTable td{border:1px solid #999;padding:3px}
.rots{font-weight:bold;display:inline-block;vertical-align:middle;margin:0}
.rots > span{display:inline-block;width:36px;height:22px;background:url(https://ruwix.com/img/rots.png) no-repeat 0px 100px transparent;padding:40px 0 0 0;line-height:22px;text-align:center;font-size:18px;font-style:normal;margin-right:8px}
.rots > span.li{background-position:0px 0px}
.rots > span.mi{background-position:-40px 0px}
.rots > span.r{background-position:-80px 0px}
.rots > span.ui{background-position:-120px 0px}
.rots > span.e{background-position:-160px 0px}
.rots > span.d{background-position:-200px 0px}
.rots > span.l{background-position:-240px 0px}
.rots > span.m{background-position:-280px 0px}
.rots > span.ri{background-position:-320px 0px}
.rots > span.u{background-position:-360px 0px}
.rots > span.ei{background-position:-400px 0px}
.rots > span.di{background-position:-440px 0px}
.rots > span.f{background-position:-480px 0px}
.rots > span.bi{background-position:-520px 0px}
.rots > span.fi{background-position:-560px 0px}
.rots > span.b{background-position:-600px 0px}
.rots > span.s{background-position:-642px 0px}
.rots > span.si{background-position:-682px 0px}
.rots > span.f2{background-position:-720px 0px}
.rots > span.r2{background-position:-760px 0px}
.rots > span.u2{background-position:-800px 0px}
.rots > span.b2{background-position:-840px 0px}
.rots > span.l2{background-position:-880px 0px}
.rots > span.d2{background-position:-920px 0px}
.rots > span.m2{background-position:-960px 0px}
.rots > span.e2{background-position:-1000px 0px}
.rots > span.s2{background-position:-1040px 0px}
blockquote{background:#289dcc;border-left:15px solid #c6e4f9;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";margin:1.5em 10px;color:#FFF;font-size:1.2em;line-height:1.6em}
blockquote:before{color:#c6e4f9;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}
.shopTable{min-width:700px;vertical-align:middle;width:100%;text-align:center}
span.flag{display:inline-block;font-size:11px;font-weight:bold;background:top center no-repeat #FFF;padding:27px 0 0;min-width:40px;vertical-align:middle}
span.flag.esp{background-image:url(https://ruwix.com/img/flag-esp.png)}
span.flag.usa{background-image:url(https://ruwix.com/img/flag-usa.png)}
span.flag.china{background-image:url(https://ruwix.com/img/flag-china.png)}
span.flag.singapore{background-image:url(https://ruwix.com/img/flag-singapore.png)}
span.flag.uk{background-image:url(https://ruwix.com/img/flag-uk.png)}
span.flag.hongkong{background-image:url(https://ruwix.com/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("https://ruwix.com/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}
.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:#4269aa;border:none;height:2px;margin:35px 0;width:100%;clear:both}
.post-comments{display:none}
.hrlabel{display:block;margin:-60px auto 10px;color:#4269aa;font-size:30px;text-align:center;line-height:45px;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("https://ruwix.com/img/timeline-arrow.png") no-repeat scroll left bottom rgba(0,0,0,0)}
table.timeline{background:url("https://ruwix.com/img/timeline-vertical-line.png") repeat-y scroll left bottom rgba(0,0,0,0)}
table.timeline td:nth-child(1) span{background-color:#4269aa;color:#FFF;display:block;text-align:center;padding:8px 6px;border-radius:23px;font-size:19px;font-weight:bold}
table.timeline td{vertical-align:top;padding-bottom:15px}
table.timeline h3{margin:0;color:#4269aa;background-color:#FFF;border-bottom:2px solid #4269aa;padding:0 15px}
table.timeline td:nth-child(2) p{padding:8px 0 0px 15px}
.separatorLine{font-size:36px;color:#333;line-height:50px;display:block}
.imageright{float:right;margin:3px 0 3px 10px}
.imageleft{float:left;margin:3px 10px 3px 0}
.alertRightSide{background-color:#4269aa;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:#4269aa !important;text-decoration:none !important;border:medium none !important;border-radius:10px;clear:both;color:#FFF !important;display:block;font-size:18px;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(https://ruwix.com/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:#4269aa;border:medium none !important;border-radius:5px;text-decoration:none !important;color:#fff !important;display:block;font-size:15px;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:#4269aa;text-decoration:none;display:inline-block;padding:0px 10px;border-radius:10px}
.bigLinkList li a:hover{background-color:#1e4689}
.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}
.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:#4269aa;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(https://ruwix.com/img/sprite.png) no-repeat center center transparent;overflow:hidden;vertical-align:middle}
.sprite.tiktok{background-position:0 -101px}
.sprite.fb{background-position:0 0}
.sprite.tw{background-position:0 -25px}
.sprite.gp{background-position:0 -50px}
.sprite.shop{background-position:0 -75px}
.solutionSteps{background-color:#EEE;padding:10px;margin:15px 0}
.solutionSteps ul li img{width:55px;height:40px;float:left;margin:0px 20px 5px 0px}
.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}
.alertRightSide:hover{background-color:#000000}
.algChain a{border:none !important}
.algChain{min-height:10px}
.algChain div{background:url("https://ruwix.com/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:12px;line-height:12px;font-weight:bold}
.algChain div.longerText a:hover{color:#000}
.algDescr{float:left;margin:0 0 25px;width:50%}
.fullWidth{float:none !important;width:100%;clear:both}
.algDescr div{float:left;font-size:12px;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}
.clearBoth{clear:both}
.galleryImages{margin:10px auto 45px;max-width:400px;max-height:400px;clear:both}
#mega-menu-wrap-primary{background:transparent !important}
.megamenu{position:absolute;display:none;left:0;top:0;background:white;padding:18px 10px 3px 10px;font:normal 12px Verdana;z-index:100;background-color:#EEEEEE;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}
.megamenu .column ul li{height:40px}
.megamenu .column ul li a{background:url("https://ruwix.com/pics/megamenu-icons-transparent.png") no-repeat scroll transparent;border-bottom:medium none !important;color:#1C2C4C;font-size:13px;font-weight:bold;padding:6px 0 14px 48px;text-decoration:none}
.megamenu .column ul li a:hover{color:#3C5C9C}
.megamenu .column{float:left;width:170px;margin-right:5px}
.megamenu .column ul{margin:0;padding:0;list-style-type:none}
.megamenu .column ul li{padding-bottom:5px;list-style:none outside none}
.megamenu .column h3{background:#e0e0e0;font:bold 13px Arial;margin:0 0 5px 0}
.megamenuarrow{background:url(https://ruwix.com/images/arrowdown.png) 0 0 no-repeat;float:right;height:15px;width:21px;margin:3px 0 0 4px}
.megamenu .column ul li a.megamenuaa{background-position:0 -1600px}
.megamenu .column ul li a.megamenuaa:hover{background-position:0 0}
.megamenu .column ul li a.megamenuab{background-position:0 -1640px}
.megamenu .column ul li a.megamenuab:hover{background-position:0 -40px}
.megamenu .column ul li a.megamenuac{background-position:0 -1680px}
.megamenu .column ul li a.megamenuac:hover{background-position:0 -80px}
.megamenu .column ul li a.megamenuad{background-position:0 -1720px}
.megamenu .column ul li a.megamenuad:hover{background-position:0 -120px}
.megamenu .column ul li a.megamenuae{background-position:0 -1760px}
.megamenu .column ul li a.megamenuae:hover{background-position:0 -160px}
.megamenu .column ul li a.megamenuaf{background-position:0 -1800px}
.megamenu .column ul li a.megamenuaf:hover{background-position:0 -200px}
.megamenu .column ul li a.megamenuag{background-position:0 -1840px}
.megamenu .column ul li a.megamenuag:hover{background-position:0 -240px}
.megamenu .column ul li a.megamenuah{background-position:0 -1880px}
.megamenu .column ul li a.megamenuah:hover{background-position:0 -280px}
.megamenu .column ul li a.megamenuai{background-position:0 -1920px}
.megamenu .column ul li a.megamenuai:hover{background-position:0 -320px}
.megamenu .column ul li a.megamenuaj{background-position:0 -1960px}
.megamenu .column ul li a.megamenuaj:hover{background-position:0 -360px}
.megamenu .column ul li a.megamenuak{background-position:0 -2000px}
.megamenu .column ul li a.megamenuak:hover{background-position:0 -400px}
.megamenu .column ul li a.megamenual{background-position:0 -2040px}
.megamenu .column ul li a.megamenual:hover{background-position:0 -440px}
.megamenu .column ul li a.megamenuam{background-position:0 -2080px}
.megamenu .column ul li a.megamenuam:hover{background-position:0 -480px}
.megamenu .column ul li a.megamenuan{background-position:0 -2120px}
.megamenu .column ul li a.megamenuan:hover{background-position:0 -520px}
.megamenu .column ul li a.megamenuao{background-position:0 -2160px}
.megamenu .column ul li a.megamenuao:hover{background-position:0 -560px}
.megamenu .column ul li a.megamenuap{background-position:0 -2200px}
.megamenu .column ul li a.megamenuap:hover{background-position:0 -600px}
.megamenu .column ul li a.megamenuaq{background-position:0 -2240px}
.megamenu .column ul li a.megamenuaq:hover{background-position:0 -640px}
.megamenu .column ul li a.megamenuar{background-position:0 -2280px}
.megamenu .column ul li a.megamenuar:hover{background-position:0 -680px}
.megamenu .column ul li a.megamenuas{background-position:0 -2320px}
.megamenu .column ul li a.megamenuas:hover{background-position:0 -720px}
.megamenu .column ul li a.megamenuat{background-position:0 -2360px}
.megamenu .column ul li a.megamenuat:hover{background-position:0 -760px}
.megamenu .column ul li a.megamenuau{background-position:0 -2400px}
.megamenu .column ul li a.megamenuau:hover{background-position:0 -800px}
.megamenu .column ul li a.megamenuav{background-position:0 -2440px}
.megamenu .column ul li a.megamenuav:hover{background-position:0 -840px}
.megamenu .column ul li a.megamenuaz{background-position:0 -2480px}
.megamenu .column ul li a.megamenuaz:hover{background-position:0 -880px}
.megamenu .column ul li a.megamenuazs{background-position:0 -2520px}
.megamenu .column ul li a.megamenuazs:hover{background-position:0 -920px}
.megamenu .column ul li a.megamenuba{background-position:0 -2560px}
.megamenu .column ul li a.megamenuba:hover{background-position:0 -960px}
.megamenu .column ul li a.megamenubb{background-position:0 -2600px}
.megamenu .column ul li a.megamenubb:hover{background-position:0 -1000px}
.megamenu .column ul li a.megamenubc{background-position:0 -2640px}
.megamenu .column ul li a.megamenubc:hover{background-position:0 -1040px}
.megamenu .column ul li a.megamenubd{background-position:0 -2680px}
.megamenu .column ul li a.megamenubd:hover{background-position:0 -1080px}
.megamenu .column ul li a.megamenube{background-position:0 -2720px}
.megamenu .column ul li a.megamenube:hover{background-position:0 -1120px}
.megamenu .column ul li a.megamenubf{background-position:0 -2760px}
.megamenu .column ul li a.megamenubf:hover{background-position:0 -1160px}
.megamenu .column ul li a.megamenubg{background-position:0 -2800px}
.megamenu .column ul li a.megamenubg:hover{background-position:0 -1200px}
.megamenu .column ul li a.megamenuamore{background-position:0 200px}
.megamenu .column ul li a.megamenuamore:hover{text-decoration:underline}
#sub-page-menu h2{background-color:#4269aa;margin:0;padding:2px 10px}
#sub-page-menu h2 a{color:#fff;font-family:arial,sans-serif;font-size:18px;font-weight:bold;text-transform:uppercase}
#sub-page-menu{border:2px solid #4269aa;padding:0}
.mega-sub-menu li{width:100% !important}
.mega-sub-menu{}
.mega-block-title{color:#4269aa !important}
.mymenucolumn{float:left !important;width:33% !important}
.mymegamenu{height:40px !important}
.mymegamenu a{background-color:transparent !important;background-image:url("https://ruwix.com/pics/megamenu-icons-transparent.png") !important;background-repeat:no-repeat !important;color:#1c2c4c !important;margin:0 0 10px !important;display:block !important;float:none !important;font-size:13px !important;font-weight:bold;height:20px !important;overflow:hidden !important;padding:6px 0 14px 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.mymegamenuaa,.mymegamenu a.mymegamenuaf,.mymegamenu a.mymegamenuab,.mymegamenu a.mymegamenuac,.mymegamenu a.mymegamenuae{background-image:url("https://ruwix.com/img/megamenu-progs.png") !important}
.mymegamenu a:hover{color:#4269aa !important}
.mymegamenuarrow{background:url(https://ruwix.com/images/arrowdown.png) 0 0 no-repeat;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 -1720px !important}
.mymegamenu a.mymegamenuad:hover{background-position:0 -120px !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 -1840px !important}
.mymegamenu a.mymegamenuag:hover{background-position:0 -240px !important}
.mymegamenu a.mymegamenuah{background-position:0 -1880px !important}
.mymegamenu a.mymegamenuah:hover{background-position:0 -280px !important}
.mymegamenu a.mymegamenuai{background-position:0 -1920px !important}
.mymegamenu a.mymegamenuai:hover{background-position:0 -320px !important}
.mymegamenu a.mymegamenuaj{background-position:0 -1960px !important}
.mymegamenu a.mymegamenuaj:hover{background-position:0 -360px !important}
.mymegamenu a.mymegamenuak{background-position:0 -2000px !important}
.mymegamenu a.mymegamenuak:hover{background-position:0 -400px !important}
.mymegamenu a.mymegamenual{background-position:0 -2040px !important}
.mymegamenu a.mymegamenual:hover{background-position:0 -440px !important}
.mymegamenu a.mymegamenuam{background-position:0 -2080px !important}
.mymegamenu a.mymegamenuam:hover{background-position:0 -480px !important}
.mymegamenu a.mymegamenuan{background-position:0 -2120px !important}
.mymegamenu a.mymegamenuan:hover{background-position:0 -520px !important}
.mymegamenu a.mymegamenuao{background-position:0 -2160px !important}
.mymegamenu a.mymegamenuao:hover{background-position:0 -560px !important}
.mymegamenu a.mymegamenuap{background-position:0 -2200px !important}
.mymegamenu a.mymegamenuap:hover{background-position:0 -600px !important}
.mymegamenu a.mymegamenuaq{background-position:0 -2240px !important}
.mymegamenu a.mymegamenuaq:hover{background-position:0 -640px !important}
.mymegamenu a.mymegamenuar{background-position:0 -2280px !important}
.mymegamenu a.mymegamenuar:hover{background-position:0 -680px !important}
.mymegamenu a.mymegamenuas{background-position:0 -2320px !important}
.mymegamenu a.mymegamenuas:hover{background-position:0 -720px !important}
.mymegamenu a.mymegamenuat{background-position:0 -2360px !important}
.mymegamenu a.mymegamenuat:hover{background-position:0 -760px !important}
.mymegamenu a.mymegamenuau{background-position:0 -2400px !important}
.mymegamenu a.mymegamenuau:hover{background-position:0 -800px !important}
.mymegamenu a.mymegamenuav{background-position:0 -2440px !important}
.mymegamenu a.mymegamenuav:hover{background-position:0 -840px !important}
.mymegamenu a.mymegamenuaz{background-position:0 -2480px !important}
.mymegamenu a.mymegamenuaz:hover{background-position:0 -880px !important}
.mymegamenu a.mymegamenuazs{background-position:0 -2520px !important}
.mymegamenu a.mymegamenuazs:hover{background-position:0 -920px !important}
.mymegamenu a.mymegamenuba{background-position:0 -2560px !important}
.mymegamenu a.mymegamenuba:hover{background-position:0 -960px !important}
.mymegamenu a.mymegamenubb{background-position:0 -2600px !important}
.mymegamenu a.mymegamenubb:hover{background-position:0 -1000px !important}
.mymegamenu a.mymegamenubc{background-position:0 -2640px !important}
.mymegamenu a.mymegamenubc:hover{background-position:0 -1040px !important}
.mymegamenu a.mymegamenubd{background-position:0 -2680px !important}
.mymegamenu a.mymegamenubd:hover{background-position:0 -1080px !important}
.mymegamenu a.mymegamenube{background-position:0 -2720px !important}
.mymegamenu a.mymegamenube:hover{background-position:0 -1120px !important}
.mymegamenu a.mymegamenubf{background-position:0 -2760px !important}
.mymegamenu a.mymegamenubf:hover{background-position:0 -1160px !important}
.mymegamenu a.mymegamenubg{background-position:0 -2800px !important}
.mymegamenu a.mymegamenubg:hover{background-position:0 -1200px !important}
.mymegamenu a.mymegamenuamore{background-position:0 200px !important;font-size:16px !important;color:#4269aa !important}
.mymegamenu a.mymegamenuamore:hover{text-decoration:underline !important}
.clearboth{clear:both}
#featuredArticles{display:block;text-align:center}
#featuredArticlesWrap{max-height:220px;overflow:hidden}
.commentSzektion{padding:15px 0 5px;background-color:#F6f6f6;margin:20px -1.5em;border-top:1px solid #d7e9f5;border-right:1px solid #d7e9f5;border-bottom:1px solid #d7e9f5}
.fb_iframe_widget,.fb_iframe_widget span[style],.fb-comments,.fb-comments iframe[style]{display:block;position:relative;margin:auto}
.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;max-width:100%}
a.featuredArticle span span{display:table-cell;font-size:0.9em;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(https://ruwix.com/img/link-icon.png) no-repeat center right transparent}
@media screen and (max-width:1111px){.rightLeftLink{display:none !important}
.tabsRight a{padding-left:9px !important;background:#FFF !important}
.tabs > div > ul > li{}
}
@media screen and (min-width:800px){#primary.sticked{position:fixed;bottom:0}
}
@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}
.homeicon div{font-weight:bold;font-size:13px}
.homeicon div span{background-color:#3399FF;color:#FFFFFF}
.homeicon{line-height:16px;text-align:center}
.homeicon:hover{background-color:#E2E3E4}
.hiddenhomeicon{display:inline-block;height:0;margin:0 2px 0 20px;text-align:center;visibility:hidden;width:100px}
.hiddenhomeicon div{font-size:3px;line-height:0}
#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;float:left;list-style:outside none none;margin:2px;padding:0}
#socialLinx li a{}
#socialLinx li a:hover{}
#socialLinx ul{text-align:center;width:100%;display:block}
.footerPopular li{border-bottom:medium none !important;clear:both;font-size:14px !important;line-height:25px}
.footerPopular img{margin-right:5px;width:45px}
.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{border-radius:10px;max-width:60%;background-color:#f7fbff;float:right;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%;margin:4px auto;display:block}
.imageright{float:right;margin:3px 0 3px 10px}
.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}
.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:#4269aa;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:#0645ad}
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:#f0f0f0;padding:0 1em;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:#4269aa;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}
#cookieConsent{background-color:rgba(20,20,20,0.8);min-height:26px;font-size:14px;color:#ccc;line-height:26px;padding:8px 0 8px 30px;font-family:"Trebuchet MS",Helvetica,sans-serif;position:fixed;bottom:0;left:0;right:0;display:none;z-index:9999}
#cookieConsent a{color:#4B8EE7;text-decoration:none}
#closeCookieConsent{float:right;display:inline-block;cursor:pointer;height:20px;width:20px;margin:-15px 0 0 0;font-weight:bold}
#closeCookieConsent:hover{color:#FFF}
#cookieConsent a.cookieConsentOK{background-color:#F1D600;color:#000;display:inline-block;border-radius:5px;padding:0 20px;float:right;margin:0 60px 0 10px}
#cookieConsent a.cookieConsentOK:hover{background-color:#E0C91F}
@media screen and (max-width:900px){#cookieConsent{display:none !important}
}
/* Exit monitor - BEGIN*/#popupBox{background-color:#FFF;border:2px solid #4269aa;border-radius:5px 5px 5px 5px;color:#333;line-height:19px;display:none;font-size:14px;margin:135px 20% 0;padding:0;position:fixed;box-shadow:0px 3px 52px #678;text-align:center;width:60%;min-width:300px;z-index:999;top:10px;max-width:1200px}
#popupBoxClose{cursor:pointer;float:right;display:inline-block;border:3px solid #4269aa;width:30px;height:30px;text-align:center;line-height:30px;color:#FFF;background-color:#4269aa;font-weight:bold;font-size:28px;border-radius:20px;position:relative;top:-10px;right:-10px}
#popupBoxFeatured{text-align:center;height:220px;overflow:hidden;margin-top:15px}
#popupBox a.featuredArticle{margin:5px 5px;width:185px}
.popupBoxBox > a > img{margin-right:10px}
#popupBox h2{margin:0;font-size:20px}
#popupBoxInner{padding:20px}
.inlineblock{display:inline-block}
.inline-block{float:left;display:inline-block}
.popupBoxBox{display:inline-block;margin:10px auto 0px;clear:both}
#popupBoxClose:hover{color:#4269aa;background-color:#FFF}
#popupShadow{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}
#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}
.article a:hover{text-decoration:none}
.article a:active{color:darkgreen}
.menu h4{font-weight:bold;border-bottom:1px solid #555;line-height:1em;width:60%}
.tabs{padding-top:40px}
.menu-container{background:transparent;width:650px;overflow:visible}
.menu-container .menu{width:800px}
.menu-mobile{display:none;padding:20px}
.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;border-radius:10px 10px 0 0;padding:10px 25px 0}
.stick.menu > ul > li > a{padding:5px 25px 5px}
.menu > ul > li a:hover,a.activeTab{background:#d7e9f5}
.stick a{border-radius:0 !important}
.menu > ul > li > ul{display:none;width:700px;border-radius:0 0 10px 0;background:#FFFFFF;background:-moz-linear-gradient(top,#FFFFFF 0%,#E8E8E8 100%);background:#ffffff;box-shadow:0px 10px 10px #333;padding:20px;position:absolute;min-height:155px;z-index:99;left:0;margin:0;list-style:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.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-bottom:0;list-style:none;width:31%;max-width:220px;background:none;float:left}
.menu > ul > li > ul a.activePage{background-color:#4269aa !important;color:#FFF !important;padding-left:5px}
.menu > ul > li > ul > li a{color:#000;padding:0;width:95%;line-height:1.75em;display:block;border-radius:0}
.menu > ul > li > ul > li a.inline{display:inline-block;min-width:15px;text-align:center;border-radius:0;padding-right:4px;width:auto;border-right:1px solid #888;margin-bottom:8px}
.menu > ul > li > ul > li a.inline:last-child{border:none}
.menu > ul > li > ul > li a.inline:first-child{padding-right:10px}
.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}
}
@media only screen and (max-width:1420px){.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}
}
@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}
.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{width:40px;line-height:40px;border-radius:8px 8px 0 0;overflow:hidden;z-index:999;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:50px;right:0;background-color:#5279ba;color:#FFF;text-align:center;font-size:30px;text-decoration:none}
#back2Top:hover{background-color:#4269aa}
@media only screen and (max-width:1650px){.sidebar{width:13em}
.mainsection{margin:0 0 0 16em}
.menu > ul > li > a{padding:10px 16px 0}
}
@media only screen and (max-width:1400px){.navigation{font-size:1em}
.sidebar{width:12em;padding:1em 1.5em 10px 0.3em}
.mainsection{margin:0 0 0 13em}
}
@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}
.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 li a{padding:3px 0}
.headerLinks{display:none}
.sidebar{width:9em;padding:1em 0.5em 10px 0.3em}
.mainsection{margin:0 0 0 10em}
.logo a{font-size:1.3em}
.logo a img{width:90px}
.logo a strong{font-size:1.5em}
#content,#sidebar{width:100%;float:none}
.tabs > div > ul > li > a{padding:1em 0.2em 0}
}
.onlyMobile{display:none}
@media only screen and (max-width:670px){#readLink,#htsLink,#solveLink{position:absolute;width:33%;display:block;padding:2px;color:#FFF;text-align:center;font-size:20px;letter-spacing:2px;line-height:30px;text-shadow:2px 2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,-2px -2px 0 #000,2px 0px 0 #000,0px 2px 0 #000,-2px 0px 0 #000,0px -2px 0 #000;border-bottom:2px solid #222;border-radius:0 0 10px 10px}
#readLink{background-color:#68f368}
#htsLink{left:33.3%;background-color:#fd7070}
#solveLink{right:0;left:66.6%;background-color:#e0ea7c}
.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:#4269aa;color:#FFF;cursor:pointer;text-align:center;font-weight:bold;line-height:1.8em}
#mobileMenuTrigger span{font-size:1.5em;display:inline-block;padding:0 8px}
.logo a img{display:none}
.logo a{font-size:1.5em;width:100%;line-height:0.8em;margin-top:50px}
.navigation{font-size:1.3em;background:#FFF;padding-bottom:15px}
.sidebar li{text-align:center;font-weight:bold}
a.activePage{background-color:#AAA}
.sidebar h3{border-bottom:none;text-align:center}
.tabs > div > ul > li > a{padding:0;background:transparent !important}
.tabs{width:250px;margin:5px auto 20px}
.navigation{display:none}
}
@media only screen and (max-width:400px){#readLink,#htsLink,#solveLink{font-size:16px;letter-spacing:1px}
}
#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 #4269aa;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:#4269aa;text-align:center;font-size:31px;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:#4269aa;text-align:center;font-size:14px;line-height:12px;padding:4px;color:#FFF;transition:all 0.5s ease-out}
#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:1px;display:none;position:fixed;top:60px;left:0;right:0;z-index:889}
#openedPattern{border:2px solid #4269aa;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 #4269aa;height:35px;width:35px;line-height:32px;text-align:center;font-size:30px;font-weight:bold;cursor:pointer;color:#4269aa;border-radius:40px}
.inverseAlg{padding:10px}
#closeOpenedPattern:hover{background:#4269aa;color:#FFF}
#patternSliderLeft,#patternSliderRight{position:absolute;color:#4269aa;font-size:75px;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}
}
@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}
}