');top:50%;right:0;transform:translateY(-50%);width:18px;height:18px;opacity:.6;position:absolute}#header #site-nav>ul>li._megamenu>a{padding-right:22px}#header #site-nav>ul>li._megamenu>a:after{content:url('data:image/svg+xml,');top:50%;right:0;transform:translateY(-50%);width:18px;height:18px;opacity:.6;position:absolute}#header #site-nav>ul>li._megamenu>ul{width:800px;transform:translateX(0);right:0;left:auto;max-height:388px;overflow:hidden;overflow-y:scroll;position:absolute;top:100%;border-radius:var(--border-radius);background:var(--white);padding:20px;color:var(--dark);margin-top:10px;opacity:0;display:block}#header #site-nav>ul>li._megamenu>ul>li{display:block;margin:0 0 20px}#header #site-nav>ul>li._megamenu>ul>li:last-child{margin:0}#header #site-nav>ul>li._megamenu>ul>li>a{display:table;color:var(--dark);margin:0 0 10px;text-transform:uppercase;font-weight:500;position:relative}#header #site-nav>ul>li._megamenu>ul>li>ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px}#header #site-nav>ul>li._megamenu>ul>li>ul li{border-radius:var(--border-radius);overflow:hidden}#header #site-nav>ul>li._megamenu>ul>li>ul li a{border:1px solid var(--border-light)!important;border-radius:var(--border-radius);display:flex;text-align:center;justify-content:center;height:100%;align-content:center;align-items:center;min-height:80px;font-weight:500;background:var(--white);color:var(--secondary)}#header #site-nav>ul>li>a{color:var(--light);position:relative}#header #site-controls ul{margin:0;padding:0;list-style:none;display:table;width:auto}#header #site-controls ul>li{display:table-cell;vertical-align:middle;padding:0 8px}#header #site-controls ul>li:first-child{padding-left:0}#header #site-controls ul>li:last-child{padding-right:0}@media (max-width:1480px){#header #site-nav>ul>li._megamenu>ul{left:50%;right:auto;transform:translateX(-50%);max-width:600px}#header #site-nav>ul>li._megamenu>ul>li>ul{grid-template-columns:repeat(3,1fr)}#header #site-nav>ul>li._megamenu>ul>li>ul li a{min-height:70px;font-size:12px}}@media (max-width:991px){#header #site-nav>ul>li{padding:18px 5px}}@media (max-width:480px){#header{padding:0 10px}}#main{display:flex;flex-direction:column;justify-content:flex-start;height:auto;width:100%;padding:0;position:relative;z-index:1;background:var(--dark);height:100%}#aside{position:fixed;width:100%;max-width:300px;right:0;top:0;height:100%;z-index:100;background:var(--dark);z-index:10001;padding:0;transform:translateX(100%);display:flex;flex-direction:column}#aside #aside-close{position:absolute;top:10px;right:10px;width:50px;height:50px;padding:10px;margin:0;border:none;background:0 0}#aside #aside-close .icon{width:100%;height:100%;stroke:var(--white);stroke-width:1.2}#aside #aside-logo{padding:40px 0;border-bottom:1px solid var(--border)}#aside #aside-logo svg{margin:0 auto;display:block;width:60px;height:auto;fill:var(--white)}#aside .aside-wrapper{width:100%;height:100%;padding:15px 0;overflow:hidden;overflow-y:auto}#aside .aside-section{font-size:13px;height:calc(100% - 65px);display:flex;flex-direction:column}#aside .aside-section .menu-aside-menu-container{padding:0 15px;height:100%}#aside .aside-section:last-child{margin:0;padding:0;border:none}#aside .aside-section>nav>ul{margin:0;padding:0;list-style:none;height:100%;display:flex;flex-direction:column}#aside .aside-section>nav>ul>li{display:block;border-radius:var(--border-radius);padding:20px 18px;position:relative;margin:0 0 2px}#aside .aside-section>nav>ul>li.link{border-radius:0;background:0 0!important;padding:0}#aside .aside-section>nav>ul>li.link._dark>a{background:var(--dark-100);border:1px solid var(--border-alt)}#aside .aside-section>nav>ul>li.link>a{background:var(--purple);padding:0 10px;line-height:50px;border-radius:var(--border-radius);text-align:center;font-size:12px;display:block;width:auto;color:var(--white)!important;margin:6px 0 0}#aside .aside-section>nav>ul>li:last-child{margin:0}#aside .aside-section>nav>ul>li.menu-item-has-children:after{content:url('data:image/svg+xml,');top:20px;right:15px;width:18px;height:18px;opacity:.6;position:absolute}#aside .aside-section>nav>ul>li>a{font-size:14px;line-height:18px;font-weight:500}#aside .aside-section>nav>ul>li>ul{margin:0;padding:0;list-style:none;display:none}#aside .aside-section>nav>ul>li>ul>li{margin:12px 0 0}#aside .aside-section>nav>ul>li>ul>li:first-child{margin-top:20px}#aside .aside-section>nav>ul>li>ul>li.standalone{position:relative;padding-left:20px}#aside .aside-section>nav>ul>li>ul>li.standalone:before{content:"●";position:absolute;left:0;font-size:8px;top:10px;color:var(--purple);line-height:0}#aside .aside-section>nav>ul>li>ul>li.standalone>a{color:var(--light)}#aside .aside-section>nav>ul>li>ul>li>a{color:var(--secondary)}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children{position:relative;margin:0;padding:15px 0 15px 25px;border-bottom:1px dashed var(--border-alt);position:relative}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children:first-child{margin-top:10px}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children:after{content:url('data:image/svg+xml;utf8,');position:absolute;right:0;font-size:10px;top:18px;color:var(--purple);width:18px;height:18px;transform-origin:center center}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children:before{content:"●";position:absolute;left:2px;font-size:10px;top:24px;color:var(--purple);line-height:0}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children:last-child{border:none}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children>a{color:var(--secondary)}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children>ul{padding:0;margin:0;display:none}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children>ul>li{display:inline-block;vertical-align:bottom;padding:2px 1px 0 0!important;margin:-2px -1px 0 0}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children>ul>li:first-child{margin-top:10px}#aside .aside-section>nav>ul>li>ul>li.menu-item-has-children>ul>li>a{display:block;border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--secondary);padding:2px 10px;background:rgba(255,255,255,.025);border-radius:var(--border-radius)}#aside #site-search{margin:0 15px 15px}#aside #site-search .search-form{position:relative}#aside #site-search .search-form .search-results{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:var(--white);padding:10px;border-radius:var(--border-radius);z-index:1;display:none;max-height:50vh;overflow:hidden;overflow-y:auto}#aside #site-search .search-form .search-results:before{bottom:100%;left:25px;border:solid transparent;content:"";height:0;width:0;position:absolute;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:6px;margin-left:-6px}#aside #site-search .search-form input{width:100%;height:50px;border:none;background:var(--white);padding:0 40px 0 50px;color:var(--dark-900);font-size:14px;font-weight:400;outline:none!important;border-radius:var(--border-radius)}#aside #site-search .search-form>.icon{position:absolute;width:22px;height:auto;left:15px;top:50%;transform:translateY(-50%);stroke:var(--secondary);stroke-width:1.5}#aside #request-game{border-top:1px solid var(--border);padding:20px}#aside #aside-social{border-top:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;height:auto}#aside #aside-social ul{margin:20px auto;padding:0;list-style:none;display:table;width:auto;table-layout:fixed}#aside #aside-social ul>li{display:table-cell;vertical-align:middle;padding:0 8px}#aside #aside-social ul>li a{display:block;width:50px;height:50px;border:1px solid var(--border);margin:0 auto;padding:12px;border-radius:var(--border-radius);font-size:0}#aside #aside-social ul>li a .icon{width:100%;height:100%;stroke-width:1.2;stroke:var(--secondary)}@media (max-width:1480px){#aside #aside-close{top:5px;right:5px}#aside #aside-logo{padding:30px 0}#aside #aside-logo svg{width:50px}}@media (max-width:767px){#aside #site-search .search-form input{font-size:13px}#aside .aside-section>nav>ul>li{padding:16px 14px}#aside .aside-section>nav>ul>li.menu-item-has-children:after{top:17px}#aside .aside-section>nav>ul>li>a{font-size:13px;line-height:16px}#aside #aside-logo{padding:20px 0}#aside #aside-logo svg{width:40px}}@media (max-width:480px){#aside #aside-social ul{margin:15px auto}#aside #aside-social ul>li a{width:46px;height:46px;padding:8px}}#playground{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100dvh;min-height:100%;width:100%;padding:60px 0 0;background:#000;overflow:hidden}@media (min-width:1321px){#playground.no-sidebar #dos-controls{opacity:.6;width:54px;height:auto;bottom:10px;right:10px;border-radius:var(--border-radius);border-width:1px!important;border:1px solid var(--purple);top:50%;transform:translateY(-50%);bottom:auto;z-index:10}#playground.no-sidebar #dos-controls .dos-control_btns{flex-direction:column}#playground.no-sidebar #dos-controls .dos-control_btns .control-btn:before{right:100%;bottom:auto!important;left:auto!important;width:96px}}#playground #game-holder{position:relative;border-top:1px solid var(--border-alt)}#playground #game-holder #wrapper{display:flex;align-items:center;width:100%;height:100%;position:relative;justify-content:center}#playground #game-holder #wrapper #pre-play{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;padding:20px;min-height:260px}#playground #game-holder #wrapper #pre-play .pre-play-bg{position:absolute;width:100%;height:100%;top:0;left:0;filter:grayscale(1);mix-blend-mode:luminosity;opacity:.2}#playground #game-holder #wrapper #pre-play .pre-play-bg img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0}#playground #game-holder #wrapper #pre-play #start-game{width:160px;height:160px;line-height:156px;border:2px solid var(--purple);border-radius:50%;text-align:center;text-transform:uppercase;font-size:12px;font-weight:500;letter-spacing:4px;margin:0;background:0 0;color:var(--white);z-index:1;position:relative}#playground #game-holder #wrapper #pre-play #start-game:disabled{opacity:.4;font-size:0}#playground #game-holder #wrapper #pre-play #start-game:disabled:before{content:"Loading";font-size:13px;width:100%;text-align:center;left:0;position:absolute;height:100%}#playground #game-holder #wrapper #pre-play .game-source{margin:30px 0 0;display:block;text-align:left;position:relative;z-index:1;max-width:360px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#playground #game-holder #wrapper #pre-play .game-source .source{margin:0 0 10px}#playground #game-holder #wrapper #pre-play .game-source .source:last-child{margin:0}#playground #game-holder #wrapper #pre-play .game-source .source [type=radio]{position:absolute;opacity:0;visibility:hidden}#playground #game-holder #wrapper #pre-play .game-source .source [type=radio]:checked~label{color:var(--white)}#playground #game-holder #wrapper #pre-play .game-source .source [type=radio]:checked~label:before{border-color:var(--purple);color:var(--purple)}#playground #game-holder #wrapper #pre-play .game-source .source label{display:block;position:relative;padding-left:34px;font-size:14px;font-weight:400;color:var(--secondary);display:flex;justify-content:space-between;align-items:center}#playground #game-holder #wrapper #pre-play .game-source .source label:before{content:"⬤";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;margin-top:-1px;border-radius:50%;border:1px solid var(--border-alt);text-align:center;line-height:16px;font-size:6px;text-align:center;color:transparent}#playground #game-holder #wrapper #pre-play .game-source .source label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#playground #game-holder #wrapper #pre-play .game-source .source label small{font-size:12px;color:var(--secondary);padding-left:15px;white-space:nowrap}#playground #dos-controls{position:absolute;width:340px;bottom:1px;right:0;height:50px;border-top:1px solid var(--purple);opacity:.4;display:block!important}#playground #dos-controls .dos-control_btns{display:flex;flex-direction:row;justify-content:space-evenly}#playground #dos-controls .dos-control_btns .control-btn{width:100%;height:50px;text-align:center;line-height:50px;border:none;border-right:1px solid var(--border-alt);background:0 0;margin:0;padding:12px;position:relative}#playground #dos-controls .dos-control_btns .control-btn:before{content:attr(data-hover);background:var(--white);position:absolute;left:0;font-size:12px;color:var(--white);font-weight:500;padding:2px 8px;bottom:100%;border-radius:var(--border-radius);line-height:20px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--purple);background:var(--dark-900);opacity:0;z-index:1}#playground #dos-controls .dos-control_btns .control-btn .icon{display:block;width:100%;height:100%;stroke:var(--secondary);stroke-width:1px;margin:0 auto}#playground #infobox{position:absolute;bottom:10px;width:300px;height:auto;background:var(--white);border-radius:5px;box-shadow:rgba(0,0,0,.05) 0px 0px 5px 6px;color:var(--primary);display:flex;flex-direction:column;opacity:0;right:calc(100% + 40px)}#playground #infobox:before{left:100%;top:auto;bottom:12px;border:solid transparent;content:"";height:0;width:0;position:absolute;border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:6px;margin-top:-6px}#playground #infobox:after{display:none;top:100%;left:22px;border:solid transparent;content:"";height:0;width:0;position:absolute;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:6px;margin-left:-6px}#playground #infobox #infobox-close{position:absolute;top:5px;right:0;width:40px;height:40px;padding:10px;z-index:2}#playground #infobox #infobox-close .icon{width:100%;height:100%;display:block;stroke-width:2px;stroke:var(--secondary);transform-origin:50% 50%}#playground #infobox .infobox-block{text-align:left}#playground #infobox .infobox-block .infobox-inner{max-height:calc(100vh - 180px);overflow:hidden;overflow-y:auto}#playground #infobox .infobox-block .infobox-block_head{font-weight:600;font-size:14px;line-height:22px;padding:15px 40px 15px 15px;border-bottom:1px dashed var(--border-light);padding:15px}#playground #infobox .infobox-block .infobox-block_body{font-size:13px;line-height:20px;padding:15px;color:var(--secondary)}#playground #infobox .infobox-block .infobox-block_body strong{color:var(--primary);font-weight:500}#playground #infobox .infobox-block .infobox-block_body p{margin:0 0 10px}#playground #infobox .infobox-block .infobox-block_body p:last-child{margin:0}#playground #infobox .infobox-footer .splide__arrows{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-light);padding:15px 15px 30px;margin-top:auto;position:relative;left:auto;bottom:auto;width:100%;height:auto;border-radius:0;border:none}#playground #infobox .infobox-footer .splide__arrows .info-arrow{border:1px solid var(--border-light);border-radius:4px;background:0 0;width:40px;height:40px;display:block;padding:8px;min-width:40px;position:relative;left:auto;right:auto;top:auto;transform:none}#playground #infobox .infobox-footer .splide__arrows .info-arrow .icon{width:100%;height:100%;display:block;fill:none;transform:none}#playground #infobox .infobox-footer .info-button{height:40px;width:100%;line-height:38px;border-radius:4px;padding:0;background:0 0;text-align:center;border:none;margin:0 5px;text-transform:uppercase;font-weight:500;font-size:13px;border:1px solid var(--border-light)}#playground #infobox .splide__pagination{position:absolute;bottom:0!important;margin:0!important;padding:10px}#playground.no-sidebar #infobox{bottom:auto;top:0}#playground.no-sidebar #infobox:before{bottom:auto;top:22px}@media (max-width:1320px){#playground #game-holder #wrapper #pre-play #start-game{width:130px;height:130px;line-height:126px}#playground #dos-controls{width:100%;height:40px}#playground #dos-controls .dos-control_btns .control-btn{background:0 0!important;height:39px;line-height:39px;padding:8px}#playground #dos-controls .dos-control_btns .control-btn:before{display:none!important}#playground #infobox{right:auto!important;left:10px!important;bottom:calc(100% + 20px)!important;top:auto!important}#playground #infobox:before{display:none}#playground #infobox:after{display:block}#playground #infobox .infobox-block .infobox-inner{max-height:calc(100vh - 230px)}}@media (max-width:991px){#playground #game-holder #wrapper #pre-play .pre-play-bg{display:none}}@media (max-width:767px){#playground #infobox .splide__pagination{padding:5px 10px;display:none}#playground #infobox #infobox-close{top:0}#playground #infobox .infobox-block .infobox-block_head{font-size:13px;line-height:20px;padding:10px 35px 10px 10px}#playground #infobox .infobox-block .infobox-block_body{padding:10px;font-size:12px;line-height:19px}#playground #infobox .infobox-footer .splide__arrows{padding:10px}}@media (max-width:480px){#playground #infobox{width:calc(100vw - 20px)}}.btn{white-space:nowrap;outline:none;position:relative;border-radius:var(--border-radius);background:var(--dark);color:var(--white)!important;line-height:46px;padding:0 20px;text-transform:uppercase;font-weight:500;letter-spacing:1px;display:table;text-align:center;font-size:12px;border:2px solid transparent;z-index:2;overflow:hidden}.btn:before{content:"";left:0;top:0;height:100%;width:0;position:absolute;opacity:1;z-index:-1;border-radius:var(--border-radius)}.btn .icon{width:28px;height:28px;margin:-2px 0 0;vertical-align:middle;stroke-width:1.2px;stroke:var(--white)}.btn.btn-purple{background:var(--purple)}.btn.btn-purple:before{background:var(--purple-900)}.btn.btn-green{background:var(--green);color:#39640e!important}.btn.btn-green:before{background:var(--green-dark)}@media (max-width:1480px){.btn{padding:0 15px;line-height:45px}}@media (max-width:1199px){.btn{padding:0 10px;line-height:38px}}.splide{opacity:0}.arrows{display:table;table-layout:fixed;width:80px;height:40px;border-radius:var(--border-radius);border:1px solid var(--border-light)}.arrows .icon{stroke:var(--white);width:100%;height:100%;stroke-width:2}.splide__pagination{position:relative;bottom:auto;margin:20px 0!important}#wrapper *,#wrapper :before,#wrapper :after{--tw-shadow:0 0 #0000}#wrapper *,#wrapper :before,#wrapper :after{--tw-ring-inset:var(--tw-empty,);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}#overlay{width:100%;height:100%;background:rgba(20,23,32,.9);z-index:10000;position:fixed;top:0;left:0;display:none}.modal{background:var(--white);color:var(--dark);text-align:left;padding:30px;width:calc(100% - 10px);max-width:460px;border-radius:var(--border-radius);z-index:10000;display:none;vertical-align:middle;margin-bottom:10px;transform:translate3d(0,0,0);position:relative;display:none}.modal button{color:var(--purple);background:0 0;border:none;padding:0}.modal:after{vertical-align:middle}.modal .modal-close{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.04);padding:10px;margin:0;border:none;position:absolute;top:15px;right:15px}.modal .modal-close .icon{stroke:var(--dark);stroke-width:1.5;width:100%;height:100%;display:block}.modal .modal-header{margin:0 0 40px;padding-right:50px}@media (max-width:1480px){.modal{padding:25px}.modal .modal-header{margin:0 0 30px}}#modal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch;padding:10px 10px 0;background:rgba(20,23,32,.9);padding:10px;display:none}#modal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:"";vertical-align:middle}.wpcf7-form{position:relative}.wpcf7 form .wpcf7-response-output{margin:15px 0 0;padding:20px;border:1px solid var(--border);font-size:14px;border-radius:var(--border-radius)}.form._light input:not([type=submit]),.form._light textarea{background:var(--white);border-color:var(--border-light);color:var(--dark)}.form._light .input-label{background:var(--white);border-color:var(--border-light);color:var(--dark)}.form .input-row{position:relative}.form input:not([type=submit]),.form textarea{width:100%;height:56px;border-radius:var(--border-radius);background:var(--dark-900);border:none;color:var(--white);padding:0 15px;display:block;font-size:13px;letter-spacing:.5px;border:1px solid transparent}.form textarea{padding:20px 15px;min-height:260px;resize:none}.form ::-moz-placeholder{letter-spacing:0!important}.form :-ms-input-placeholder{letter-spacing:0!important}.form .input-label{font-size:10px;text-transform:uppercase;line-height:21px;white-space:nowrap;padding:0 10px;border:1px solid var(--border);color:var(--white);position:absolute;top:-12px;left:15px;display:block;z-index:1;background:var(--dark-900);font-weight:500;letter-spacing:1px;border-radius:4px} Donkey Kong Country - Play game online