/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-tap-highlight-color:transparent}body{font-family:Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(0,0,0,.87);background-color:#fff}a{color:#088744;text-decoration:none}a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ol,ul{margin-top:0;margin-bottom:10px}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,.12)}strong{font-weight:700}abbr[title]{cursor:help;text-decoration-color:#088744}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}.mui-btn{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:#414141;background-color:#f4f4f0;transition:all .2s ease-in-out;display:inline-block;height:32px;padding:0 16px;margin:6px 0;border:none;border-radius:16px;cursor:pointer;touch-action:manipulation;background-image:none;text-align:center;line-height:32px;vertical-align:middle;white-space:nowrap;user-select:none;font-size:14px;font-family:inherit;letter-spacing:.03em;position:relative;overflow:hidden}.mui-btn:active,.mui-btn:focus,.mui-btn:hover{color:#414141;background-color:#fff}.mui-btn[disabled]:active,.mui-btn[disabled]:focus,.mui-btn[disabled]:hover{color:#414141;background-color:#f4f4f0}.mui-btn.mui-btn--flat{color:#414141;background-color:transparent}.mui-btn.mui-btn--flat:active,.mui-btn.mui-btn--flat:focus,.mui-btn.mui-btn--flat:hover{color:#414141;background-color:#f0f0f0}.mui-btn.mui-btn--flat[disabled]:active,.mui-btn.mui-btn--flat[disabled]:focus,.mui-btn.mui-btn--flat[disabled]:hover{color:#414141;background-color:transparent}.mui-btn:active,.mui-btn:focus,.mui-btn:hover{outline:0;text-decoration:none;color:#414141}.mui-btn:focus,.mui-btn:hover{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn:focus,.mui-btn:hover{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn:focus,.mui-btn:hover{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}.mui-btn:active:hover{box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn:active:hover{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn:active:hover{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}.mui-btn.mui--is-disabled,.mui-btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.6;box-shadow:none}.mui-btn+.mui-btn{margin-left:12px}.mui-btn--flat{background-color:#f4f4f0}.mui-btn--flat:active,.mui-btn--flat:active:hover,.mui-btn--flat:focus,.mui-btn--flat:hover{box-shadow:none;background-color:#f0f0f0}.mui-btn--fab,.mui-btn--raised{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn--fab,.mui-btn--raised{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn--fab,.mui-btn--raised{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}.mui-btn--fab:active,.mui-btn--raised:active{box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn--fab:active,.mui-btn--raised:active{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn--fab:active,.mui-btn--raised:active{box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}.mui-btn--fab{position:relative;padding:0;width:55px;height:55px;line-height:55px;border-radius:50%;z-index:1}.mui-checkbox,.mui-radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.mui-checkbox>label,.mui-radio>label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.mui-checkbox input:disabled,.mui-radio input:disabled{cursor:not-allowed}.mui-checkbox input:focus,.mui-radio input:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.mui-checkbox--inline>label>input[type=checkbox],.mui-checkbox>label>input[type=checkbox],.mui-radio--inline>label>input[type=radio],.mui-radio>label>input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px}.mui-checkbox+.mui-checkbox,.mui-radio+.mui-radio{margin-top:-5px}.mui-checkbox--inline,.mui-radio--inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.mui-checkbox--inline>input[type=checkbox],.mui-checkbox--inline>input[type=radio],.mui-checkbox--inline>label>input[type=checkbox],.mui-checkbox--inline>label>input[type=radio],.mui-radio--inline>input[type=checkbox],.mui-radio--inline>input[type=radio],.mui-radio--inline>label>input[type=checkbox],.mui-radio--inline>label>input[type=radio]{margin:4px 0 0;line-height:normal}.mui-checkbox--inline+.mui-checkbox--inline,.mui-radio--inline+.mui-radio--inline{margin-top:0;margin-left:10px}.mui-container{box-sizing:border-box;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:after,.mui-container:before{content:" ";display:table}.mui-container:after{clear:both}@media (min-width:544px){.mui-container{max-width:570px}}@media (min-width:768px){.mui-container{max-width:740px}}@media (min-width:992px){.mui-container{max-width:960px}}@media (min-width:1200px){.mui-container{max-width:1170px}}.mui-container-fluid{box-sizing:border-box;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container-fluid:after,.mui-container-fluid:before{content:" ";display:table}.mui-container-fluid:after{clear:both}.mui-divider{display:block;height:1px;background-color:#EOEOEO}.mui--divider-top{border-top:1px solid #EOEOEO}.mui--divider-bottom{border-bottom:1px solid #EOEOEO}.mui--divider-left{border-left:1px solid #EOEOEO}.mui--divider-right{border-right:1px solid #EOEOEO}.mui-form legend{display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(0,0,0,.87);line-height:inherit;border:0}.mui-form fieldset{border:0;padding:0;margin:0 0 20px 0}@media (min-width:544px){.mui-form--inline .mui-textfield{display:inline-block;vertical-align:bottom;margin-bottom:0}.mui-form--inline .mui-checkbox,.mui-form--inline .mui-radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.mui-form--inline .mui-checkbox>label,.mui-form--inline .mui-radio>label{padding-left:0}.mui-form--inline .mui-checkbox>label>input[type=checkbox],.mui-form--inline .mui-radio>label>input[type=radio]{position:relative;margin-left:0}.mui-form--inline .mui-select{display:inline-block;vertical-align:bottom;margin-bottom:0}.mui-form--inline .mui-btn{margin-bottom:0;margin-top:0;vertical-align:bottom}}.mui-row{margin-left:-15px;margin-right:-15px}.mui-row:after,.mui-row:before{content:" ";display:table}.mui-row:after{clear:both}.mui-col-lg-1,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-md-1,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9{box-sizing:border-box;min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9{float:left}.mui-col-xs-1{width:8.3333333333%}.mui-col-xs-2{width:16.6666666667%}.mui-col-xs-3{width:25%}.mui-col-xs-4{width:33.3333333333%}.mui-col-xs-5{width:41.6666666667%}.mui-col-xs-6{width:50%}.mui-col-xs-7{width:58.3333333333%}.mui-col-xs-8{width:66.6666666667%}.mui-col-xs-9{width:75%}.mui-col-xs-10{width:83.3333333333%}.mui-col-xs-11{width:91.6666666667%}.mui-col-xs-12{width:100%}.mui-col-xs-offset-0{margin-left:0}.mui-col-xs-offset-1{margin-left:8.3333333333%}.mui-col-xs-offset-2{margin-left:16.6666666667%}.mui-col-xs-offset-3{margin-left:25%}.mui-col-xs-offset-4{margin-left:33.3333333333%}.mui-col-xs-offset-5{margin-left:41.6666666667%}.mui-col-xs-offset-6{margin-left:50%}.mui-col-xs-offset-7{margin-left:58.3333333333%}.mui-col-xs-offset-8{margin-left:66.6666666667%}.mui-col-xs-offset-9{margin-left:75%}.mui-col-xs-offset-10{margin-left:83.3333333333%}.mui-col-xs-offset-11{margin-left:91.6666666667%}.mui-col-xs-offset-12{margin-left:100%}@media (min-width:544px){.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9{float:left}.mui-col-sm-1{width:8.3333333333%}.mui-col-sm-2{width:16.6666666667%}.mui-col-sm-3{width:25%}.mui-col-sm-4{width:33.3333333333%}.mui-col-sm-5{width:41.6666666667%}.mui-col-sm-6{width:50%}.mui-col-sm-7{width:58.3333333333%}.mui-col-sm-8{width:66.6666666667%}.mui-col-sm-9{width:75%}.mui-col-sm-10{width:83.3333333333%}.mui-col-sm-11{width:91.6666666667%}.mui-col-sm-12{width:100%}.mui-col-sm-offset-0{margin-left:0}.mui-col-sm-offset-1{margin-left:8.3333333333%}.mui-col-sm-offset-2{margin-left:16.6666666667%}.mui-col-sm-offset-3{margin-left:25%}.mui-col-sm-offset-4{margin-left:33.3333333333%}.mui-col-sm-offset-5{margin-left:41.6666666667%}.mui-col-sm-offset-6{margin-left:50%}.mui-col-sm-offset-7{margin-left:58.3333333333%}.mui-col-sm-offset-8{margin-left:66.6666666667%}.mui-col-sm-offset-9{margin-left:75%}.mui-col-sm-offset-10{margin-left:83.3333333333%}.mui-col-sm-offset-11{margin-left:91.6666666667%}.mui-col-sm-offset-12{margin-left:100%}}@media (min-width:768px){.mui-col-md-1,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9{float:left}.mui-col-md-1{width:8.3333333333%}.mui-col-md-2{width:16.6666666667%}.mui-col-md-3{width:25%}.mui-col-md-4{width:33.3333333333%}.mui-col-md-5{width:41.6666666667%}.mui-col-md-6{width:50%}.mui-col-md-7{width:58.3333333333%}.mui-col-md-8{width:66.6666666667%}.mui-col-md-9{width:75%}.mui-col-md-10{width:83.3333333333%}.mui-col-md-11{width:91.6666666667%}.mui-col-md-12{width:100%}.mui-col-md-offset-0{margin-left:0}.mui-col-md-offset-1{margin-left:8.3333333333%}.mui-col-md-offset-2{margin-left:16.6666666667%}.mui-col-md-offset-3{margin-left:25%}.mui-col-md-offset-4{margin-left:33.3333333333%}.mui-col-md-offset-5{margin-left:41.6666666667%}.mui-col-md-offset-6{margin-left:50%}.mui-col-md-offset-7{margin-left:58.3333333333%}.mui-col-md-offset-8{margin-left:66.6666666667%}.mui-col-md-offset-9{margin-left:75%}.mui-col-md-offset-10{margin-left:83.3333333333%}.mui-col-md-offset-11{margin-left:91.6666666667%}.mui-col-md-offset-12{margin-left:100%}}@media (min-width:992px){.mui-col-lg-1,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9{float:left}.mui-col-lg-1{width:8.3333333333%}.mui-col-lg-2{width:16.6666666667%}.mui-col-lg-3{width:25%}.mui-col-lg-4{width:33.3333333333%}.mui-col-lg-5{width:41.6666666667%}.mui-col-lg-6{width:50%}.mui-col-lg-7{width:58.3333333333%}.mui-col-lg-8{width:66.6666666667%}.mui-col-lg-9{width:75%}.mui-col-lg-10{width:83.3333333333%}.mui-col-lg-11{width:91.6666666667%}.mui-col-lg-12{width:100%}.mui-col-lg-offset-0{margin-left:0}.mui-col-lg-offset-1{margin-left:8.3333333333%}.mui-col-lg-offset-2{margin-left:16.6666666667%}.mui-col-lg-offset-3{margin-left:25%}.mui-col-lg-offset-4{margin-left:33.3333333333%}.mui-col-lg-offset-5{margin-left:41.6666666667%}.mui-col-lg-offset-6{margin-left:50%}.mui-col-lg-offset-7{margin-left:58.3333333333%}.mui-col-lg-offset-8{margin-left:66.6666666667%}.mui-col-lg-offset-9{margin-left:75%}.mui-col-lg-offset-10{margin-left:83.3333333333%}.mui-col-lg-offset-11{margin-left:91.6666666667%}.mui-col-lg-offset-12{margin-left:100%}}@media (min-width:1200px){.mui-col-xl-1,.mui-col-xl-10,.mui-col-xl-11,.mui-col-xl-12,.mui-col-xl-2,.mui-col-xl-3,.mui-col-xl-4,.mui-col-xl-5,.mui-col-xl-6,.mui-col-xl-7,.mui-col-xl-8,.mui-col-xl-9{float:left}.mui-col-xl-1{width:8.3333333333%}.mui-col-xl-2{width:16.6666666667%}.mui-col-xl-3{width:25%}.mui-col-xl-4{width:33.3333333333%}.mui-col-xl-5{width:41.6666666667%}.mui-col-xl-6{width:50%}.mui-col-xl-7{width:58.3333333333%}.mui-col-xl-8{width:66.6666666667%}.mui-col-xl-9{width:75%}.mui-col-xl-10{width:83.3333333333%}.mui-col-xl-11{width:91.6666666667%}.mui-col-xl-12{width:100%}.mui-col-xl-offset-0{margin-left:0}.mui-col-xl-offset-1{margin-left:8.3333333333%}.mui-col-xl-offset-2{margin-left:16.6666666667%}.mui-col-xl-offset-3{margin-left:25%}.mui-col-xl-offset-4{margin-left:33.3333333333%}.mui-col-xl-offset-5{margin-left:41.6666666667%}.mui-col-xl-offset-6{margin-left:50%}.mui-col-xl-offset-7{margin-left:58.3333333333%}.mui-col-xl-offset-8{margin-left:66.6666666667%}.mui-col-xl-offset-9{margin-left:75%}.mui-col-xl-offset-10{margin-left:83.3333333333%}.mui-col-xl-offset-11{margin-left:91.6666666667%}.mui-col-xl-offset-12{margin-left:100%}}.mui-panel{padding:15px;margin-bottom:20px;border-radius:0;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.mui-panel:after,.mui-panel:before{content:" ";display:table}.mui-panel:after{clear:both}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-panel{box-shadow:0 -1px 2px 0 rgba(0,0,0,.12),-1px 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}}@supports (-ms-ime-align:auto){.mui-panel{box-shadow:0 -1px 2px 0 rgba(0,0,0,.12),-1px 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}}.mui-select{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-select:focus{outline:0}.mui-select:focus>select{height:calc(32px + 1px);margin-bottom:-1px;border-color:#088744;border-width:2px}.mui-select>select{display:block;height:32px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0;border:none;border-bottom:1px solid rgba(0,0,0,.26);border-radius:0;box-shadow:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right center;cursor:pointer;color:rgba(0,0,0,.87);font-size:16px;font-family:inherit;line-height:inherit;padding:0 25px 0 0}.mui-select>select::-ms-expand{display:none}.mui-select>select:focus{outline:0;height:calc(32px + 1px);margin-bottom:-1px;border-color:#088744;border-width:2px}.mui-select>select:disabled{color:rgba(0,0,0,.38);cursor:not-allowed;background-color:transparent;opacity:1}.mui-select>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.mui-select>select:focus::-ms-value{background:0 0;color:rgba(0,0,0,.87)}.mui-select>select.mui--text-placeholder{color:rgba(0,0,0,.26)}.mui-select>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-select:focus>label,.mui-select>select:focus~label{color:#088744}.mui-select__menu{position:absolute;z-index:2;min-width:100%;overflow-y:auto;padding:8px 0;box-sizing:border-box;background-color:#fff;font-size:16px}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-select__menu{border-left:1px solid rgba(0,0,0,.12);border-top:1px solid rgba(0,0,0,.12)}}@supports (-ms-ime-align:auto){.mui-select__menu{border-left:1px solid rgba(0,0,0,.12);border-top:1px solid rgba(0,0,0,.12)}}.mui-select__menu>div{padding:0 22px;height:42px;line-height:42px;cursor:pointer;white-space:nowrap}.mui-select__menu>div.mui--is-selected{background-color:#eee}.mui-select__menu>div.mui--is-disabled{color:rgba(0,0,0,.38);cursor:not-allowed}.mui-select__menu>div:not(.mui-optgroup__label):not(.mui--is-disabled):hover{background-color:#e0e0e0}.mui-optgroup__option{text-indent:1em}.mui-optgroup__label{color:rgba(0,0,0,.54);font-size:.9em}.mui-table{width:100%;max-width:100%;margin-bottom:20px}.mui-table>tbody>tr>th,.mui-table>tfoot>tr>th,.mui-table>thead>tr>th{text-align:left}.mui-table>tbody>tr>td,.mui-table>tbody>tr>th,.mui-table>tfoot>tr>td,.mui-table>tfoot>tr>th,.mui-table>thead>tr>td,.mui-table>thead>tr>th{padding:10px;line-height:1.429}.mui-table>thead>tr>th{border-bottom:2px solid #EOEOEO;font-weight:700}.mui-table>tbody+tbody{border-top:2px solid #EOEOEO}.mui-table.mui-table--bordered>tbody>tr>td{border-bottom:1px solid #EOEOEO}.mui-tabs__bar{list-style:none;padding-left:0;margin-bottom:0;background-color:transparent;white-space:nowrap;overflow-x:auto}.mui-tabs__bar>li{display:inline-block}.mui-tabs__bar>li>a{display:block;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;color:rgba(0,0,0,.87);cursor:default;height:48px;line-height:48px;padding-left:24px;padding-right:24px;user-select:none}.mui-tabs__bar>li>a:hover{text-decoration:none}.mui-tabs__bar>li.mui--is-active{border-bottom:2px solid #088744}.mui-tabs__bar>li.mui--is-active>a{color:#088744}.mui-tabs__bar.mui-tabs__bar--justified{display:table;width:100%;table-layout:fixed}.mui-tabs__bar.mui-tabs__bar--justified>li{display:table-cell}.mui-tabs__bar.mui-tabs__bar--justified>li>a{text-align:center;padding-left:0;padding-right:0}.mui-tabs__pane{display:none}.mui-tabs__pane.mui--is-active{display:block}.mui-textfield{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-textfield>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-textfield>textarea{padding-top:5px}.mui-textfield>input:focus~label,.mui-textfield>textarea:focus~label{color:#088744}.mui-textfield--float-label>label{position:absolute;transform:translate(0,15px);font-size:16px;line-height:32px;color:rgba(0,0,0,.26);text-overflow:clip;cursor:text;pointer-events:none}.mui-textfield--float-label>input:-webkit-autofill~label,.mui-textfield--float-label>textarea:-webkit-autofill~label{transform:translate(0,0);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:focus~label,.mui-textfield--float-label>textarea:focus~label{transform:translate(0,0);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label{color:rgba(0,0,0,.54);font-size:12px;line-height:15px;transform:translate(0,0);text-overflow:ellipsis}.mui-textfield--wrap-label{display:table;width:100%;padding-top:0}.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label{display:table-header-group;position:static;white-space:normal;overflow-x:visible}.mui-textfield>input,.mui-textfield>textarea{box-sizing:border-box;display:block;background-color:transparent;color:rgba(0,0,0,.87);border:none;border-bottom:1px solid rgba(0,0,0,.26);outline:0;width:100%;padding:0;box-shadow:none;border-radius:0;font-size:16px;font-family:inherit;line-height:inherit;background-image:none}.mui-textfield>input:focus,.mui-textfield>textarea:focus{border-color:#088744;border-width:2px}.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder{color:rgba(0,0,0,.26);opacity:1}.mui-textfield>input{height:32px}.mui-textfield>input:focus{height:calc(32px + 1px);margin-bottom:-1px}.mui-textfield>textarea{min-height:64px}.mui-textfield>textarea[rows]:not([rows="2"]):focus{margin-bottom:-1px}.mui-textfield>input:focus{height:calc(32px + 1px);margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty){border-color:#f44336;border-width:2px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty){height:calc(32px + 1px);margin-bottom:-1px}.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):not(:required)~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):not(:required)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label{color:#f44336}.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):not(:required)~label,.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):not(:required)~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-not-empty~label{color:#f44336}.mui-textfield.mui-textfield--float-label>.mui--is-invalid.mui--is-not-empty:not(:focus)~label{color:#f44336}.mui-textfield:not(.mui-textfield--float-label)>.mui--is-invalid:not(:focus)~label{color:#f44336}.mui--no-transition{transition:none!important}.mui--no-user-select{user-select:none}.mui-caret{display:inline-block;width:0;height:0;margin:0 0 0 2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.mui-caret.mui-caret--up{transform:rotate(180deg);margin:0 0 2px 2px}.mui-caret.mui-caret--right{transform:rotate(-90deg);margin:0 0 2px 2px}.mui-caret.mui-caret--left{transform:rotate(90deg);margin:0 2px 2px 0}.mui--text-left{text-align:left!important}.mui--text-right{text-align:right!important}.mui--text-center{text-align:center!important}.mui--text-justify{text-align:justify!important}.mui--text-nowrap{white-space:nowrap!important}.mui--align-baseline{vertical-align:baseline!important}.mui--align-top{vertical-align:top!important}.mui--align-middle{vertical-align:middle!important}.mui--align-bottom{vertical-align:bottom!important}.mui--text-dark{color:rgba(0,0,0,.87)}.mui--text-dark-secondary{color:rgba(0,0,0,.54)}.mui--text-dark-hint{color:rgba(0,0,0,.38)}.mui--text-light{color:#fff}.mui--text-light-secondary{color:rgba(255,255,255,.7)}.mui--text-light-hint{color:rgba(255,255,255,.3)}.mui--text-accent{color:rgba(57,192,126,.87)}.mui--text-accent-secondary{color:rgba(57,192,126,.54)}.mui--text-accent-hint{color:rgba(57,192,126,.38)}.mui--text-black{color:#000}.mui--text-white{color:#fff}.mui--text-danger{color:#f44336}.mui--text-placeholder{color:rgba(0,0,0,.26)}.mui--bg-primary{background-color:#088744}.mui--bg-primary-dark{background-color:#0c6136}.mui--bg-primary-light{background-color:#088744}.mui--bg-accent{background-color:#39c07e}.mui--bg-accent-dark{background-color:#39c07e}.mui--bg-accent-light{background-color:#39c07e}.mui--bg-danger{background-color:#f44336}.mui-list--unstyled{padding-left:0;list-style:none}.mui-list--inline{padding-left:0;list-style:none;margin-left:-5px}.mui-list--inline>li{display:inline-block;padding-left:5px;padding-right:5px}.mui--z1,.mui-dropdown__menu,.mui-select__menu{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.mui--z2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.mui--z3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.mui--z4{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.mui--z5{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.mui--clearfix:after,.mui--clearfix:before{content:" ";display:table}.mui--clearfix:after{clear:both}.mui--pull-right{float:right!important}.mui--pull-left{float:left!important}.mui--hide{display:none!important}.mui--show{display:block!important}.mui--invisible{visibility:hidden}.mui--overflow-hidden{overflow:hidden!important}.mui--overflow-hidden-x{overflow-x:hidden!important}.mui--overflow-hidden-y{overflow-y:hidden!important}.mui--visible-lg-block,.mui--visible-lg-inline,.mui--visible-lg-inline-block,.mui--visible-md-block,.mui--visible-md-inline,.mui--visible-md-inline-block,.mui--visible-sm-block,.mui--visible-sm-inline,.mui--visible-sm-inline-block,.mui--visible-xl-block,.mui--visible-xl-inline,.mui--visible-xl-inline-block,.mui--visible-xs-block,.mui--visible-xs-inline,.mui--visible-xs-inline-block{display:none!important}@media (max-width:543px){.mui-visible-xs{display:block!important}table.mui-visible-xs{display:table}tr.mui-visible-xs{display:table-row!important}td.mui-visible-xs,th.mui-visible-xs{display:table-cell!important}.mui--visible-xs-block{display:block!important}.mui--visible-xs-inline{display:inline!important}.mui--visible-xs-inline-block{display:inline-block!important}}@media (min-width:544px) and (max-width:767px){.mui-visible-sm{display:block!important}table.mui-visible-sm{display:table}tr.mui-visible-sm{display:table-row!important}td.mui-visible-sm,th.mui-visible-sm{display:table-cell!important}.mui--visible-sm-block{display:block!important}.mui--visible-sm-inline{display:inline!important}.mui--visible-sm-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.mui-visible-md{display:block!important}table.mui-visible-md{display:table}tr.mui-visible-md{display:table-row!important}td.mui-visible-md,th.mui-visible-md{display:table-cell!important}.mui--visible-md-block{display:block!important}.mui--visible-md-inline{display:inline!important}.mui--visible-md-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.mui-visible-lg{display:block!important}table.mui-visible-lg{display:table}tr.mui-visible-lg{display:table-row!important}td.mui-visible-lg,th.mui-visible-lg{display:table-cell!important}.mui--visible-lg-block{display:block!important}.mui--visible-lg-inline{display:inline!important}.mui--visible-lg-inline-block{display:inline-block!important}}@media (min-width:1200px){.mui-visible-xl{display:block!important}table.mui-visible-xl{display:table}tr.mui-visible-xl{display:table-row!important}td.mui-visible-xl,th.mui-visible-xl{display:table-cell!important}.mui--visible-xl-block{display:block!important}.mui--visible-xl-inline{display:inline!important}.mui--visible-xl-inline-block{display:inline-block!important}}@media (max-width:543px){.mui--hidden-xs{display:none!important}}@media (min-width:544px) and (max-width:767px){.mui--hidden-sm{display:none!important}}@media (min-width:768px) and (max-width:991px){.mui--hidden-md{display:none!important}}@media (min-width:992px) and (max-width:1199px){.mui--hidden-lg{display:none!important}}@media (min-width:1200px){.mui--hidden-xl{display:none!important}}.mui-scrlock--showbar-y{overflow-y:scroll!important}.mui-scrlock--showbar-x{overflow-x:scroll!important}#mui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background-color:rgba(0,0,0,.2);overflow:auto}.mui-btn__ripple-container{position:absolute;top:0;left:0;display:block;height:100%;width:100%;overflow:hidden;z-index:0;pointer-events:none}.mui-ripple{position:absolute;top:0;left:0;border-radius:50%;opacity:0;pointer-events:none;transform:scale(.0001,.0001)}.mui-ripple.mui--is-animating{transform:none;transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .3s cubic-bezier(0,0,.2,1)}.mui-ripple.mui--is-visible{opacity:.3}.mui-btn .mui-ripple{background-color:#e0e0e0}.mui-btn--primary .mui-ripple{background-color:rgba(255,255,255,.12)}.mui-btn--dark .mui-ripple{background-color:#fff}.mui-btn--danger .mui-ripple{background-color:#fff}.mui-btn--accent .mui-ripple{background-color:#fff}.mui-btn--flat .mui-ripple{background-color:rgba(255,255,255,.12)}.mui--text-display4{font-weight:300;font-size:112px;line-height:112px}.mui--text-display3{font-weight:400;font-size:56px;line-height:56px}.mui--text-display2{font-weight:400;font-size:45px;line-height:48px}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}.mui--text-subhead,h4{font-weight:400;font-size:16px;line-height:24px}.mui--text-body2,h5{font-weight:500;font-size:14px;line-height:24px}.mui--text-body1{font-weight:400;font-size:14px;line-height:20px}.mui--text-caption{font-weight:400;font-size:12px;line-height:16px}.mui--text-menu{font-weight:500;font-size:13px;line-height:17px}.mui--text-button{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase} /** * Body CSS */ html, body { /*height: 100%;*/ background-color: #fff; font-family: helvetica, sans-serif; } html, body, input, textarea, button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } /** * General layout CSS */ .container{ padding-left: 10px; padding-right: 10px; } #main-area-wrapper{ width: 100%; /* padding-left: 10px; padding-right: 10px; */ box-sizing: border-box; } #main-area-wrapper h1, #main-area-wrapper h2{ margin-left: 10px; } #main-area-left{ display: none; float: left; margin-right: 70px; } #main-area-central{ width: 100%; float: left; } #main-area-right{ display: none; float:left; margin-left: 70px; } #top-leaderboard-728-90{ display: none; margin-bottom: 16px; margin-left: auto; margin-right: auto; width: 728px; height: 90px; } #below-leaderboard-728-90{ display: none; margin-top: 16px; margin-left: auto; margin-right: auto; width: 728px; height: 90px; } #inline-text-300-250{ display: none; float: none; width: 300px; height: 250px; margin-bottom: 16px; } #placeholder-below-game-300-250{ width: 300px; height: 250px; margin-top: 12px; margin-left: auto; margin-right: auto; display: none; } #left-col-160-600{ display: none; width: 160px; height: 600px; padding: 0; margin: 0; } #right-col-160-600{ display: none; width: 160px; height: 600px; padding: 0; margin: 0; } #left-col-300-600{ display: none; width: 300px; height: 600px; padding: 0; margin: 0; } #right-col-300-600{ display: none; width: 300px; height: 600px; padding: 0; margin: 0; } #div-gpt-ad-1572029717396-0{ text-align: right; } #div-gpt-ad-1572029734926-0{ text-align: right; } #div-gpt-ad-1572029748255-0{ text-align: right; } #div-gpt-ad-1572029763566-0{ text-align: right; } @media (min-width: 320px) { #inline-text-300-250{ display: block; } #placeholder-below-game-300-250{ display: block; } } @media (min-width: 748px) { #top-leaderboard-728-90{ display: block; } #below-leaderboard-728-90{ display: block; } #inline-text-300-250{ display: block; float: right; margin-left: 16px; } } @media (min-width: 768px) { #placeholder-below-game-300-250{ display: none; } } @media (min-width: 820px) { .container{ width: 800px; margin-left: auto; margin-right: auto; padding: 0; } #main-area-wrapper{ width: 800px; padding: 0; margin-left: auto; margin-right: auto; } #main-area-central{ width: 800px; padding: 0; } } @media (min-width: 1280px) { #main-area-wrapper{ width: 1260px; } #main-area-left{ display: block; width: 160px; } #main-area-right{ display: block; width: 160px; } #top-leaderboard-728-90{ display: none; } #below-leaderboard-728-90{ display: none; } #left-col-160-600{ display: block; } #right-col-160-600{ display: block; } } @media (min-width: 1536px) { #main-area-wrapper{ width: 1526px; } #main-area-left{ display: block; margin-right: 63px; width: 300px; } #main-area-right{ display: block; margin-left: 63px; width: 300px; } #left-col-160-600{ display: none; } #right-col-160-600{ display: none; } #left-col-300-600{ display: block; } #right-col-300-600{ display: block; } } @media (min-width: 1560px) { #main-area-wrapper{ width: 1540px; } #main-area-left{ display: block; margin-right: 70px; width: 300px; } #main-area-right{ display: block; margin-left: 70px; width: 300px; } } @media (max-height: 450px) and (min-width: 600px) { #top-leaderboard-728-90{ display: none; } #below-leaderboard-728-90{ display: none; } } #ad-container-mobile{ display: none; position: fixed; inset: 0; z-index: 10000; } #ad-resume-container-mobile{ display: none; position: fixed; inset: 0; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.7); z-index: 10001; } #ad-resume-button-mobile{ height: 36px; width: 100px; } #ad-container{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ad-resume-container{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.7); } #ad-resume-button{ height: 36px; width: 100px; } /** * General styles */ .grey-background{ background-color: #f4f4ef; } .content-block{ padding-top: 16px; padding-bottom: 16px; margin-top: 0; margin-bottom: 0; } .content-block-inner{ margin-bottom: 12px; } .short-desc p{ margin-bottom: 0; } h1{ margin: 0; margin-bottom: 6px; padding: 0; font-size: 18px; line-height: 24px; font-weight: bold; } h2{ margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: bold; } h2 a{ color: #000; } h3{ margin: 0; padding: 0; font-weight: bold; font-size: 14px; line-height: 24px; } h4{ font-weight: bold; } .text-content a{ color: #000; text-decoration: underline; } .text-content img{ max-width: 100%; } .text-content h1{ font-size: 18px; line-height: 24px; } .text-content h2{ font-size: 16px; line-height: 22px; } .text-content h3{ font-size: 14px; line-height: 18px; } .text-content h4{ font-size: 12px; line-height: 16px; } @media (min-width: 820px) { .text-content img{ max-width: 400px; } .text-content h1{ font-size: 28px; line-height: 42px; } .text-content h2{ font-size: 24px; line-height: 36px; } .text-content h3{ font-size: 18px; line-height: 24px; } .text-content h4{ font-size: 14px; line-height: 18px; } } .sp-panel{ padding: 12px; margin-top: 12px; margin-bottom: 12px; } .my-btn{ text-transform: none; height: 32px; border-radius: 16px; line-height: 32px; font-weight: bold; font-size: 13px; padding: 0 16px; margin: 0; letter-spacing: normal; box-sizing: border-box; } .my-btn.primary, .my-btn-large.primary, .my-btn.primary:focus, .my-btn-large.primary:focus, .my-btn.primary:active, .my-btn-large.primary:active{ background-color: #088744; color: #fff; } .my-btn.primary:hover, .my-btn-large.primary:hover{ background-color: #169C55; color: #fff; } .my-btn.secondary, .my-btn.secondary:focus, .my-btn.secondary:active{ background-color: #F4F4EF; border: 1px solid #CCCCCC; color: #414141; } .my-btn.secondary:hover{ background-color: #E9E9E2; } .my-btn.tertiary{ background-color: #0C6136; color: #fff; } .my-btn.tertiary:hover, .my-btn.tertiary:focus, .my-btn.tertiary:active{ background-color: #0C6136; color: #fff; } .my-btn-icon-left{ margin-right: 8px; } .my-btn-icon-right{ margin-left: 8px; } .my-btn-large{ text-transform: none; height: 48px; border-radius: 24px; line-height: 48px; font-weight: bold; font-size: 18px; padding: 0 24px; margin: 0; } .btn-jump.is-active { animation: .4s jump ease infinite alternate; } @keyframes jump { 0% { transform: scale(1); box-shadow: 0 1px 2px rgba(0,0,0,.15); } 100% { transform: scale(1.04); box-shadow: 0 4px 20px rgba(0,0,0,.1); } } .btn-shockwave.is-active { animation: shockwaveJump 1s ease-out infinite; &:after { @include afterBg; animation: shockwave 1s .65s ease-out infinite; } &:before { @include afterBg; animation: shockwave 1s .5s ease-out infinite; } } @keyframes shockwaveJump { 0% { transform: scale(1); } 40% { transform: scale(1.08); } 50% { transform: scale(0.98); } 55% { transform: scale(1.02); } 60% { transform: scale(0.98); } 100% { transform: scale(1); } } @keyframes shockwave { 0% { transform: scale(1); box-shadow: 0 0 2px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15); } 95% { box-shadow: 0 0 50px rgba(0,0,0,0), inset 0 0 30px rgba(0,0,0,0); } 100% { transform: scale(2.25); } } .btn-wiggle.is-active { animation: 1s wiggle ease infinite; } @keyframes wiggle { 0% { transform: rotate(-3deg); box-shadow: 0 2px 2px rgba(0,0,0,.2); } 20% { transform: rotate(20deg); } 40% { transform: rotate(-15deg); } 60% { transform: rotate(5deg); } 90% { transform: rotate(-1deg); } 100% { transform: rotate(0); box-shadow: 0 2px 2px rgba(0,0,0,.2); } } #btn-header-favorite-games.is-active{ color: #D20000; } #btn-header-recent-games{ font-size: 14px; } /** * Header CSS */ header{ height: 48px; background-color: #0C6136; } #header-container{ position: relative; text-align: center; } .site-title{ font-weight: 800; font-size: 16px; color: #fff; text-decoration: none; font-family: 'Nunito Sans', sans-serif; line-height: 48px; } .site-title:hover, .site-title:focus, .site-title:active{ text-decoration: none; } .site-title-dot{ color: #39C07E; } @media (min-width: 768px) { header{ height: 64px; } #header-container{ text-align: left; } .site-title{ line-height: 64px; font-size: 20px; } } @media (min-width: 1024px) { .site-title{ font-size: 24px; } } header ul{ margin:0; list-style: none; padding-left:0; } #menu-toggle{ font-size: 12px; padding: 0 12px; position: absolute; left: 10px; top: 8px; } #detailed-menu{ position: absolute; top: 8px; right: 8px; text-align: right; display: flex; } #detailed-menu > div{ display: none; margin-left: 4px; margin-right: 4px; } #detailed-menu > div:first-of-type{ margin-left: 0; } #detailed-menu > div:last-of-type{ margin-right: 0; } #detailed-menu > div.show-on-small{ display: block; } @media (min-width: 768px) { #menu-toggle{ display: none; } #detailed-menu{ top: 16px; right: 8px; } #detailed-menu > div{ display: block; } #detailed-menu > div#search-input-container{ display: flex; } } @media (min-width: 820px) { #detailed-menu{ right: 0; top: 16px; } } nav{ display: none; } nav ul{ list-style: none; padding-top: 12px; padding-left: 12px; } nav ul li{ margin-bottom: 6px; display: inline-block; } #cat-nav{ display: none; list-style: none; text-align: center; height: 48px; } #cat-nav ul{ padding: 0; margin: 0 auto; width: 100%; max-width: 800px; display: flex; justify-content: space-between; height: 48px; } #cat-nav ul li{ display: inline-block; height: 48px; padding-left: 6px; padding-right: 6px; flex-grow: 1; } #cat-nav ul li:first-of-type{ padding-left: 0; } #cat-nav ul li:last-of-type{ padding-right: 0; } #cat-nav ul li a{ color: #414141; height: 48px; line-height: 48px; display: block; } #cat-nav ul li a:hover{ background-color: #fff; text-decoration: none; } #cat-nav ul li a.active{ background-color: #fff; text-decoration: none; } #cat-nav ul li a i{ color: #6C6C6C; margin-right: 6px; font-size: 16px; vertical-align: middle; } #cat-nav ul li a img{ margin-right: 6px; vertical-align: middle; filter: invert(41%) sepia(25%) saturate(5%) hue-rotate(336deg) brightness(95%) contrast(92%); } @media (min-width: 768px) { #cat-nav{ display: block; } } /** * Game Area CSS */ .btn-circle{ width: 32px; border-radius: 16px; text-align: center; padding: 0; } .btn-circle-on-small{ padding: 0; width: 32px; text-align: center; } #game-nav-bar-below{ margin-top: 12px; padding-left: 10px; padding-right: 10px; } .game-nav-bar .my-btn-icon-left{ margin-right: 0; } .game-nav-bar .btn-contents{ display: none; } .btn-circle-on-small .btn-contents{ display: none; } .btn-circle-on-small .my-btn-icon-left{ margin-right: 0; } @media (min-width: 768px) { #game-nav-bar-below{ padding-left: 0; padding-right: 0; } .btn-circle-on-small{ padding: 0 16px; width: auto; text-align: left; } .game-nav-bar .btn-contents{ display: inline; } .btn-circle-on-small .btn-contents{ display: inline; } .game-nav-bar .my-btn-icon-left{ margin-right: 8px; } .btn-circle-on-small .my-btn-icon-left{ margin-right: 8px; } } #flash-game-wrapper{ text-align: center; margin-left: auto; margin-right: auto; } #iframe-game-wrapper{ text-align: center; margin-left: auto; margin-right: auto; } #iframe-responsive-wrapper{ text-align: center; margin-left: auto; margin-right: auto; } #iframe-aspect-ratio{ position:relative; height:0; } #iframe-aspect-ratio iframe{ border:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f4f4ef; } #game-new-window-dimensions-placeholder{ position: relative; background-size: cover; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; } #game-new-window-dimensions-placeholder.regular{ width: 100vw; height: 85.7142857142857vw; } #game-new-window-dimensions-placeholder.cover{ width: 100vw; height: 57.1428571428571vw; } #game-new-window-dimensions-placeholder::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(255,255,255,0.7); } #store-button-container{ width: 100%; display: flex; justify-content: center; height: 41px; } #store-button-container a{ position: relative; display: block; margin-right: 12px; height: 41px; } #store-button-container a:last-of-type{ margin-right: 0; } #mobile-game-iframe-container{ display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 2000; overflow: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior-y: contain; touch-action: none !important; touch-action-delay: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none!important; outline-style: none !important; } #mobile-game-iframe{ overflow: hidden; background: rgb(31,145,61); background: -moz-linear-gradient(120deg, rgba(31,145,61,1) 0%, rgba(3,83,59,1) 100%); background: -webkit-linear-gradient(120deg, rgba(31,145,61,1) 0%, rgba(3,83,59,1) 100%); background: linear-gradient(120deg, rgba(31,145,61,1) 0%, rgba(3,83,59,1) 100%); position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } #btn-mobile-game-iframe-close{ position: absolute; top: 300px; left: 0; background: #414141; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); color: #fff; height: 48px; width: 48px; text-align: center; line-height: 48px; transition:width 1000ms; font-size: 36px; } #btn-mobile-game-iframe-close svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #fff; } .noscroll { overflow: hidden; } #min-width-768{ display: none; } #game-dimensions-placeholder{ display: none; background-color: #fff; margin-left: auto; margin-right: auto; max-width: 100%; } @media (min-width: 768px) { #min-width-768{ display: block; } #game-new-window-dimensions-placeholder{ display: none; } #game-dimensions-placeholder{ display: block; } } @media (max-height: 450px) and (min-width: 600px) { #min-width-768{ display: none; } #game-new-window-dimensions-placeholder{ display: flex; } #game-dimensions-placeholder{ display: none; } #game-new-window-dimensions-placeholder.regular{ width: 350px; height: 300px; margin-left: auto; margin-right: auto; } #game-new-window-dimensions-placeholder.cover{ width: 350px; height: 200px; margin-left: auto; margin-right: auto; } } #game-dimensions-placeholder-inner{ border:1px solid #CCCCCC; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #F4F4EF; width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content:space-between; /*justify-content: space-evenly;*/ align-items: center; position: relative; } #game-dimensions-placeholder-inner:before, #game-dimensions-placeholder-inner:after { content: ''; display: block; width: 2px; background-color: red; } #game-dimensions-placeholder-inner-background{ opacity: 0.1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .div-around-img{ width: 175px; height: 150px; z-index: 2; } .div-around-img img{ border-radius: 12px; box-shadow: 0px 1px 3px 0 #959795; } #game-dimensions-placeholder-inner-right{ text-align: center; z-index: 2; } #play-now-game-title{ font-size: 24px; font-weight: bold; margin-bottom: 24px; } #play-other-version{ margin-top: 24px; font-size: 14px; font-weight: bold; color: #414141; } .thumb-overlay { margin-top: 16px; position: relative; width:175px; height:150px; background-color:#000; margin-left: auto; margin-right: auto; } .thumb-overlay img{ opacity: 0.5; } .thumb-overlay .thumbnail { display: block; } .thumb-overlay .play-button i{ font-size: 48px; } .thumb-overlay .play-button{ text-align: center; color:#fff; opacity: 1; position: absolute; z-index: 2; top: 50px; width: 100%; } #btn-bookmark{ transition: none; } #rating-like-button.selected, #rating-dislike-button.selected, #btn-favorites.selected, #btn-bookmark.selected{ background-color: #414141; color: #fff; border: none; } #flash-missing-container{ position: relative; overflow: hidden; width: 100%; height: 100%; margin-left:auto; margin-right:auto; display: none; } #flash-missing-container-content{ padding: 15px; position: relative; z-index: 2; margin-top: 50px; width: 490px; margin-left: auto; margin-right: auto; } #flash-missing-container-back-image{ position: absolute; left: 0; top: 0; opacity: 0.2; } .message{ background-color: #f4f4ef; text-align: center; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .message a{ color: #000; text-decoration: underline; } #message-left-col-160-600, #message-right-col-160-600{ display: none; width: 136px; height: 576px; } #message-left-col-300-600, #message-right-col-300-600{ display: none; width: 276px; height: 576px; } #message-top-leaderboard-728-90, #message-below-leaderboard-728-90{ display: none; width: 704px; height: 66px; } .message-site-title{ font-weight: 800; color: #0C6136; font-family: 'Nunito Sans', sans-serif; } #message-left-col-160-600 .message-site-title, #message-right-col-160-600 .message-site-title{ font-size: 18px; } #message-left-col-300-600 .message-site-title, #message-right-col-300-600 .message-site-title{ font-size: 24px; } /** * Games List CSS */ .games-list{ padding: 0; display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 12px 0px 0px 0px; } .games-list a{ display: block; color: #000; width: 90px; text-align: center; margin: 0 8px; } .games-list li{ list-style-type: none; margin-bottom: 0px; } .games-list a span{ display: inline-block; margin-top: 0; margin-bottom: 0; line-height: 16px; } .games-list a:hover span{ text-decoration: underline; } .games-list-wide{ padding: 0; margin: 12px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .games-list-wide li{ list-style-type: none; height: 199px; } .games-list-wide a{ display: block; clear: both; color: #000; width: 175px; margin: 0 4px; text-align: center; } .games-list-wide img{ border-radius: 12px; box-shadow: 0px 1px 3px 0 #959795; } .games-list-desc{ padding:0; margin:5px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: center; } .games-list-desc li{ list-style-type: none; } .games-list-desc a{ display:block; clear:both; color:#000; width:245px; margin:5px; padding:5px; text-align:center; margin-bottom:5px; border-radius: 6px; } .games-list-desc img{ float:left; border-radius: 4px; } .games-list-desc-right{ float:left; width:150px; margin-left:5px; } .games-list-desc p{ margin-top:0; margin-bottom:0; } .games-list-desc-name{ font-weight:bold; } .games-list-medium{ padding: 0; /*margin: 12px 0 0 0;*/ display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-top: 12px; margin-bottom: 6px; } .games-list-medium li{ list-style-type: none; width: 119px; height: 102px; padding-left: 6px; padding-right: 6px; margin-bottom: 12px; } .games-list-medium img{ border-radius: 12px; box-shadow: 0px 1px 3px 0 #959795; } .games-list-medium img:hover{ } .games-list-medium a{ position: relative; width: 119px; height: 102px; display: inline-block; } .games-list-medium .name{ position: absolute; bottom: 0; left: 0; right: 0; height: 18px; line-height: 18px; font-size: 12px; background-color: #414141; color: #fff; font-weight: bold; visibility: hidden; opacity: 0; transition:opacity 300ms; text-align: center; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .games-list-medium li:hover .name{ visibility: visible; opacity: 1; transition:opacity 300ms; } @media (min-width: 820px) { .games-list-medium{ width: 393px; justify-content: space-between; } #new-games .games-list-medium{ margin-left: 7px; } #new-games > h2{ margin-left: 14px; } #featured-games > h2{ margin-left: 6px; } } /** * Footer CSS */ footer{ color: #fff; background-color: #696969; padding-bottom: 24px; } footer .mui-row{ margin-left:0; margin-right:0; } footer a{ color: #fff; text-decoration: none; } #pwa-popup{ display: none; border-radius: 12px; padding: 12px 12px 0 12px; position: fixed; width: 350px; top: auto !important; bottom: 12px !important; left: 12px !important; z-index: 5; background-color: #000E44; color: #fff; font-size: 16px; -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.5); box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.5); } .my-btn.darkBlue{ background-color: #001566; color: #fff; font-weight: normal; } .my-btn.darkBlue:hover, .my-btn.darkBlue:focus, .my-btn.darkBlue:active{ background-color: #001b85; color: #fff; } .my-btn.yellow{ background-color: #ffe53a; color: #000; } .my-btn.yellow:hover, .my-btn.yellow:focus, .my-btn.yellow:active{ background-color: #f0d105; color: #000; } #bottom-popup{ display: none; } .bottom-popup-container { padding-top: 12px; position: fixed; max-width: 100% !important; top: auto !important; bottom: 0 !important; left: 0 !important; width: 100%; z-index: 5; background-color: #000E44; color: #fff; background-image: url(../images/stars-background.png); background-repeat: repeat-x; } .bottom-popup-container-close{ position: absolute; top: 12px; right: 12px; cursor: pointer; } .bottom-popup-container-close:hover{ text-decoration: underline; } #mui-overlay{ display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); } .my-modal{ margin:24px; padding: 12px; background-color: #fff; border-radius: 12px; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); } @media (min-width: 820px) { .my-modal{ width: 500px; padding: 20px; border-radius: 24px; } #btn-facebook-messenger-share{ display: none; } } .my-modal h2{ font-weight: bold; } #modal-share{ text-align: center; } #img-div{ float:right; width: 120px; text-align:center; } #modal-share h2{ margin-bottom: 24px; font-size: 18px; } #modal-share a{ text-decoration: none; color: rgba(0,0,0,.87); } .modal-share-icon-container{ display: flex; justify-content: center; flex-wrap: wrap; } .modal-share-icon-btn{ cursor: pointer; margin-left: 6px; margin-right: 6px; margin-bottom: 12px; width: 48px; height: 48px; border-radius: 24px; font-size: 24px; line-height: 48px; position: relative; } .modal-share-icon-btn svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #fff; } #modal-share #btn-facebook-share{ background-color: #3b5998; } #modal-share #btn-facebook-messenger-share{ background-color: #1877f2; } #modal-share #btn-whatsapp-share{ background-color: #25d366; font-size: 36px; } #modal-share #btn-twitter-share{ background-color: #1da1f2; } #modal-share #btn-reddit-share{ background-color: #5f99cf; font-size: 36px; } #modal-share #btn-email-share{ background-color: #414141; } #modal-favorite-games, #modal-recent-games{ display: none; top: 44px; position: absolute; padding: 12px; padding-bottom: 6px; background-color: #fff; border-radius: 12px; width: 196px; font-size: 18px; z-index: 3; text-align: left; } #modal-favorite-games{ right: 48px; } #modal-recent-games{ right: 8px; } @media (min-width: 768px) { #modal-favorite-games, #modal-recent-games{ top: 58px; } #modal-favorite-games{ right: 40px; } #modal-recent-games{ right: 0; } } #modal-favorite-games h3, #modal-recent-games h3{ margin-bottom: 6px; } #modal-favorite-games #close-icon, #modal-recent-games #close-icon{ position: absolute; top: 15px; right: 12px; cursor: pointer; } #modal-favorite-games p, #modal-recent-games p{ font-size: 14px; margin-bottom: 6px; } #modal-favorite-games li, #modal-recent-games li{ padding: 6px 0; } #modal-favorite-games li:not(:last-child), #modal-recent-games li:not(:last-child) { border-bottom: 1px solid #c9c9c9; } #modal-favorite-games li a, #modal-recent-games li a{ display: flex; text-decoration: none; color: rgba(0,0,0,.87); } #modal-favorite-games li img, #modal-recent-games li img{ margin-right: 12px; } #modal-favorite-games li div, #modal-recent-games li div{ font-size: 14px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; text-align: left; } #modal-favorite-games li:hover, #modal-recent-games li:hover{ background-color: #f4f4ef; } .scores-table{ width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 6px; } .scores-table tr{ border-bottom: 1px dashed #E3E3E3; } .scores-table tr:last-of-type{ border-bottom: none; } .scores-table-count{ text-align: right; width: 20px; } .scores-table-score{ text-align: right; width: 70px; } .scores-table-name{ overflow: hidden; text-overflow: ellipsis; } .scores-table tr.highlighted-score{ font-weight: bold; } #modal-score-submit{ width: 360px; } #modal-score-submit h2{ text-align: center; } #search-input-container{ position: relative; } #detailed-menu > div#search-input-container{ justify-content: center; } #mobile-search-input-container{ display: flex; padding-bottom: 12px; padding-left: 12px; } /* reset browser styles */ #search-input, #btn-search-submit, #mobile-search-input, #btn-mobile-search-input{ font-family: inherit; font-size: 13px; padding: 0; margin: 0; box-sizing: border-box; color: #ffffff; background: transparent; outline: 0; border-width: 0; box-shadow: none; opacity: 1; } #search-input, #mobile-search-input { font-weight: bold; width: 166px; height: 32px; padding: 0 12px; background-color: #088744; border-top-left-radius: 16px; border-top-right-radius: 0; border-bottom-left-radius: 16px; border-bottom-right-radius: 0; } #search-input::placeholder, #mobile-search-input::placeholder{ color: rgba(255, 255, 255, 0.5); font-weight: bold; } #btn-search-submit, #btn-mobile-search-submit{ text-align: center; line-height: 32px; height: 32px; width: 34px; /*background-color: #088744;*/ background-color: #088744; padding: 0 12px 0 6px; border-top-left-radius: 0; border-top-right-radius: 16px; border-bottom-left-radius: 0; border-bottom-right-radius: 16px; cursor: pointer; position: relative; color: #fff; } #btn-search-submit-inner, #btn-mobile-search-submit-inner{ position: absolute; top: 3px; right: 6px; height: 26px; width: 26px; border-radius: 13px; line-height: 26px; } #btn-search-submit:hover #btn-search-submit-inner{ background-color: rgba(255,255,255,0.2); } #mobile-search-input{ font-size: 16px; } #mobile-search-input-form input[type='submit'] { display: none; } #modal-search-results{ display: none; top: 36px; left: 0; position: absolute; padding: 6px 12px; background-color: #fff; border-radius: 12px; width: 176px; font-size: 13px; z-index: 3; text-align: left; max-height: 330px; overflow: scroll; } #modal-search-results p{ margin: 6px 0; } #modal-search-results li{ padding: 6px 0; } #modal-search-results li.selected{ background-color: #f4f4ef; } #modal-search-results li:not(:last-child) { border-bottom: 1px solid #c9c9c9; } #modal-search-results li a{ display: flex; text-decoration: none; color: rgba(0,0,0,.87); } #modal-search-results li img{ margin-right: 12px; } #modal-search-results li div{ font-size: 13px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; text-align: left; } @media (min-width: 768px) { #search-input{ width: 146px; } } @media (min-width: 1024px) { #search-input{ width: 166px; } } .fa-icon-rotate-90 svg.my-icon{ -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform:rotate(90deg); transform:rotate(90deg); } .fa-icon-rotate-180 svg.my-icon{ -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform:rotate(180deg); transform:rotate(180deg); } .fa-icon-rotate-270 svg.my-icon{ -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform:rotate(270deg); transform:rotate(270deg); } #cat-nav ul li a.nav-icon-btn{ display: flex; justify-content: center; align-items: center; } .fa-nav-icon{ font-size: 16px; margin-top: -2px; margin-right: 6px; display: inline-block; vertical-align: middle; line-height: 1; } .fa-nav-icon svg{ fill: #6C6C6C; margin-top: 6px; } .fa-icon{ vertical-align: middle; } h2 .fa-icon{ margin-right: 6px; } h2 .fa-icon svg{ fill: rgba(0, 0, 0, 0.87); } #btn-search-submit .fa-icon svg, #btn-mobile-search-submit-inner .fa-icon svg{ fill: #fff; } #btn-header-favorite-games svg, #btn-header-recent-games svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #fff; } .my-icon-btn{ display: inline-flex; justify-content: center; align-items: center; } .my-btn svg.my-icon{ margin-right: 0px; vertical-align: middle; } .my-btn-large.primary svg.my-icon{ fill: #fff; } .my-btn.secondary svg.my-icon{ fill: #414141; } #btn-favorites.selected svg.my-icon{ fill: #D20000; } #rating-like-button.selected svg.my-icon, #rating-dislike-button.selected svg.my-icon, #btn-bookmark.selected svg.my-icon{ fill: #fff; } #rating-like-button svg.my-icon, #rating-dislike-button svg.my-icon{ margin-right: 4px; } @media (min-width: 768px) { .my-btn svg.my-icon{ margin-right: 6px; } #btn-header-favorite-games svg.my-icon, #btn-header-recent-games svg.my-icon{ margin-right: 0; } } #btn-play-now, #btn-play-now-mobile{ display: inline-flex; justify-content: center; align-items: center; } #btn-play-now svg, #btn-play-now-mobile svg{ margin-left: 6px; } .dark body, .dark html{ background-color: #0E1418; color: #d7dedc; word-spacing: 0.05em; } .dark h2 a{ color: #d7dedc; } .dark label, .dark .mui-textfield>input, .dark .mui-textfield>textarea{ color: #d7dedc; } .dark img { opacity: .8; transition: opacity .5s ease-in-out; } .dark img:hover { opacity: 1; } .dark .thumb-overlay img{ opacity: 0.5; } .dark header{ background-color: #214033; } .dark .grey-background, .dark .mui-panel, .dark .message{ background-color: #2B2F32; } .dark .message a{ color: #d7dedc; } .dark .my-modal{ background-color: #2B2F32; } .dark .games-list a, .dark .games-list-wide a, .dark .games-list-desc a{ color: #d7dedc; } .dark .my-btn.primary, .dark .my-btn.primary:focus, .dark .my-btn.primary:active{ background-color: #165035; color: #d7dedc; } .dark .my-btn.primary:hover{ background-color: #0C6136; color: #d7dedc; } .dark .my-btn.secondary, .dark .my-btn.secondary:focus, .dark .my-btn.secondary:active{ background-color: #2B2F32; border: 1px solid #0E1418; color: #d7dedc; } .dark .my-btn.secondary:hover{ background-color: #2B2F32; border: 1px solid #0E1418; color: #d7dedc; } .dark #cat-nav ul li a{ color: #d7dedc; } .dark #cat-nav ul li a:hover{ background-color: #0E1418; } .dark #cat-nav ul li a.active{ background-color: #0E1418; } .dark #cat-nav ul li a i{ color: #d7dedc; } .dark #cat-nav ul li a img{ filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(172deg) brightness(99%) contrast(104%); } .dark #rating-like-button.selected, .dark #rating-dislike-button.selected, .dark #btn-favorites.selected{ background-color: #414141; border:1px solid #088744; } .dark .text-content a{ color: #39C07E; } .dark #game-dimensions-placeholder-inner{ border:1px solid #088744; background-color: #2B2F32; } .dark #modal-favorite-games, .dark #modal-recent-games{ background-color: #0E1418; } .dark #modal-favorite-games li:not(:last-child), .dark #modal-recent-games li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dark #modal-favorite-games li a, .dark #modal-recent-games li a{ color: #d7dedc; } .dark #search-input, .dark #btn-search-submit, .dark #mobile-search-input, .dark #btn-mobile-search-input { color: #d7dedc; } .dark #search-input, .dark #mobile-search-input { background-color: #165035; } .dark #search-input::placeholder, .dark #mobile-search-input::placeholder{ color: rgba(255, 255, 255, 0.5); font-weight: bold; } .dark #btn-search-submit, .dark #btn-mobile-search-submit{ background-color: #165035; color: #d7dedc; } .dark #btn-search-submit:hover #btn-search-submit-inner{ background-color: #0C6136; } .dark #modal-search-results{ background-color: #0E1418; } .dark #modal-search-results li.selected{ background-color: #2B2F32; } .dark #modal-search-results li a{ color: #d7dedc; } .dark #modal-search-results li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .dark .fa-nav-icon svg.my-icon{ fill: #d7dedc; } .dark h2 .fa-icon svg.my-icon{ fill: #d7dedc; } .dark #btn-search-submit .fa-icon svg.my-icon, .dark #btn-mobile-search-submit-inner .fa-icon svg.my-icon, .dark #btn-header-favorite-games svg.my-icon, .dark #btn-header-recent-games svg.my-icon{ fill: #d7dedc; } .dark .my-btn-large.primary svg.my-icon{ fill: #fff; } .dark .my-btn.secondary svg.my-icon{ fill: #d7dedc; } .dark #btn-favorites.selected svg.my-icon{ fill: #D20000; } .dark #rating-like-button.selected svg.my-icon, .dark #rating-dislike-button.selected svg.my-icon, .dark #btn-bookmark.selected svg.my-icon{ fill: #d7dedc; } .dark #modal-favorite-games .fa-icon, .dark #modal-recent-games .fa-icon{ fill: #d7dedc; }