@charset "UTF-8";


html {
font-family: var(--font_body);
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
font-family: var(--font_body);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #151617;
text-align: left;
background-color: var(--putih);
}
code, kbd, pre, samp {
font-family: var(--font_body);
font-size: 1em;
}
.load * {
transition: none !important;
}
*, ::after, ::before {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
-webkit-box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
select {
word-wrap: normal;
}
[type="button"], [type="reset"], [type="submit"], button {
-webkit-appearance: button;
outline: 0 !important;
}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
cursor: pointer;
}
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
.anchor-line {
overflow: hidden;
height: 0;
}
.anchor-line > span {
margin-top: -4rem;
display: block;
height: 1px;
}
@media (min-width: 768px) {
.anchor-line > span {
margin-top: -5rem;
}
}
html {
height: 100%;
}
body {
min-height: 100%;
min-width: 320px;
background-color: #fbfbfa;
}
@media (min-width: 768px) {
body {
background-color: #f4f5f3;
background-image: var(--bg);
background-position: 50% 5rem;
background-repeat: no-repeat;
background-size: 281rem auto;
}
.body-main {
background-position: 50% 22.5rem;
}
}
@media (max-width: 767px) {
.body-main {
background-position: 50% 21.5rem;
}
}
a {
color: var(--color_link);
text-decoration: none;
background-color: transparent;
}
@media (min-width: 992px) {
body {
display: flex;
flex-direction: column;
}
a:hover {
text-decoration: underline;
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.3;
}
.h1, h1 {
font-size: 2.5rem;
}
.h2, h2 {
font-size: 2rem;
}
.h3, h3 {
font-size: 1.75rem;
}
.h4, h4 {
font-size: 1.5rem;
}
.h5, h5 {
font-size: 1.25rem;
}
.h6, h6 {
font-size: 1rem;
}
.title {
line-height: 1.3;
word-wrap: break-word;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid #edeff1;
}
.smf {
font-size: 0.875rem;
}
.xsmf {
font-size: 0.8125rem;
}
.xxsmf {
font-size: 0.6875rem;
}
.normf {
font-size: 1rem;
}
.lgf {
font-weight: 700;
letter-spacing: -0.02rem;
}
.xlgf {
font-weight: 700;
letter-spacing: -0.02rem;
}
.xxlgf {
font-weight: 700;
letter-spacing: -0.04rem;
}
.xxxlgf {
font-weight: 700;
letter-spacing: -0.06rem;
}
.lgf {
font-size: 1.125rem;
}
.xlgf {
font-size: 1.3rem;
}
.xxlgf {
font-size: 1.5rem;
}
.xxxlgf {
font-size: 1.8rem;
}
@media (min-width: 460px) and (max-width: 1279px) {
.lgf {
font-size: 1.2rem;
}
.xlgf {
font-size: 1.35rem;
}
.xxlgf {
font-size: 1.65rem;
}
.xxxlgf {
font-size: 2rem;
}
}
@media (min-width: 1280px) {
.lgf {
font-size: 1.375rem;
}
.xlgf {
font-size: 1.625rem;
}
.xxlgf {
font-size: 2rem;
}
.xxxlgf {
font-size: 2.75rem;
}
}
.fbold {
font-weight: 700;
}
.fnormal {
font-weight: 400;
}
.uppercase {
text-transform: uppercase;
}
.noline {
text-decoration: none !important;
}
.uline {
text-decoration: underline !important;
}
.muted {
color: var(--color_muted);
}
.c-warn {
color: var(--color_mods_text);
}
.c-green {
color: var(--color_list);
}
.b-yellow {
background-color: var(--color_mods_svg);
}
.b-green {
background-color: var(--color_button);
}
.vhide {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.cover {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.arrow_drop::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-style: solid;
margin-top: -0.15rem;
margin-left: 0.25rem;
border-width: 0.25rem 0.25rem 0 0.25rem;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
}
@media (min-width: 992px) {
.grid {
display: flex;
flex-wrap: wrap;
margin-right: -1rem;
margin-left: -1rem;
}
.grid-2, .grid-3, .grid-4, .grid-a, .grid-f, .grid-m {
position: relative;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
.grid-m {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.grid-a {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.grid-f {
flex: 0 0 100%;
max-width: 100%;
}
.grid-4 {
flex: 0 0 25%;
max-width: 25%;
}
.grid-3 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.grid-2 {
flex: 0 0 50%;
max-width: 50%;
}
}
.page {
width: 100%;
}
.wrp {
width: 100%;
max-width: calc(1200px + 4rem);
margin: 0 auto;
}
@media (min-width: 500px) {
.wrp {
padding: 0 2rem;
}
}
.footer {
margin-top: auto;
color: #343a40;
}
.foot_line {
display: none;
}
.copyright {
padding-bottom: 2rem;
}
@media (max-width: 767px) {
.copyright {
margin-top: 2rem;
}
}
@media (min-width: 768px) {
.copyright, .footer .banner {
margin-top: 4.5rem;
}
}
@media (min-width: 992px) {
.foot_line {
display: block;
background-color: var(--color_footer);
}
.foot_line > .wrp {
display: flex;
}
ul.foot_menu {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 0 -0.75rem;
}
.social::before, ul.foot_menu > li > a {
opacity: 0.8;
padding: 0.25rem 0.75rem;
line-height: 1.5rem;
}
ul.foot_menu > li > a {
color: inherit;
display: block;
}
ul.foot_menu > li > a:hover {
opacity: 1;
}
.social::before {
content: attr(title);
display: inline-block;
text-transform: uppercase;
font-weight: 700;
}
}
@media (min-width: 576px) {
.copyright svg {
vertical-align: middle;
margin-top: -0.25rem;
margin-right: 0.5rem;
}
.copyright img {
vertical-align: middle;
margin-top: -0.25rem;
margin-right: 0.5rem;
}
.copyright_i2::before {
content: " — ";
}
}
@media (max-width: 575px) {
.copyright {
text-align: center;
}
.copyright > * {
display: block;
}
.copyright svg {
width: 2rem;
height: auto;
margin-bottom: 1rem;
}
.copyright img {
width: 2rem;
height: auto;
margin-bottom: 1rem;
}
}
.social {
display: flex;
margin-left: auto;
}
.soc_vk {
color: #6d99cb;
}
.soc_tg {
color: #039be5;
}
.soc_fb {
color: #1778f2;
}
.soc_yt {
color: #ea3d3d;
}
.soc_tw {
color: #00acee;
}
.soc_ig {
color: #E1306C;
}
html.hfix .header {
position: fixed;
}
.header {
position: relative;
left: 0;
top: 0;
width: 100%;
z-index: 55;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.header > header {
position: relative;
z-index: 1;
background: var(--putih);
padding: 0 0.5rem;
color: #343a40;
}
@media (min-width: 992px) {
.header > header {
display: flex;
align-items: center;
}
}
@media (max-width: 767px) {
.header > header {
height: 4rem;
}
html.hfix body {
padding-top: 4rem;
}
}
@media (min-width: 768px) {
.header > header {
height: 5rem;
}
html.hfix body {
padding-top: 5rem;
}
}
@media (min-width: 576px) {
.header > header {
padding: 0 2rem;
}
}
.header::after {
content: "";
position: absolute;
left: 50%;
top: 0;
bottom: 0.8rem;
width: 96%;
transform: translateX(-50%);
box-shadow: 0 0 2.5rem 0 rgba(0, 0, 0, 0.12);
}
.logo {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.logo svg {
width: 128px;
height: 64px;
display: block;
}
.logo img {
max-width: 128px;
max-height: 60px;
display: block;
}
.logo > a {
margin-left: -1rem;
display: block;
}
.logo-t-fill {
fill: var(--color_link);
}
.logo-w-fill {
fill: #68cb5b;
}
.logo-wmd-bg {
fill: #ffebeb;
}
.logo-psh-bg {
fill: #e6f4dc;
}
.logo-hwn-bg {
fill: #29343d;
}
.logo-hny-bg {
fill: #dceff7;
}
.logo-hbd-bg {
fill: #eeebff;
}
.logo-ahd-bg {
fill: #e6f4dc;
}
.logo-lvd-bg {
fill: #ffebeb;
}
.logo-lvd-text {
fill: #4f3232;
}
@media (min-width: 1140px) {
.logo {
flex: 1 1 0;
margin-right: auto;
}
}
@media (max-width: 991px) {
.tools > .lang {
display: none;
}
.header > header::after {
clear: both;
display: block;
content: "";
}
.head_menu > ul > li > a > i, .hmenu {
display: none;
}
.toggle_submenu {
display: block;
}
.hmenu {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
background-color: var(--putih);
display: none;
opacity: 0;
overflow: hidden;
overflow-y: scroll;
transition: opacity 0.3s ease;
}
.hmenu.sm {
overflow: hidden;
}
.hmenu .btn-close {
position: absolute;
right: 0;
top: 0;
transform: translateY(-100%);
opacity: 0;
z-index: 1;
}
.head_menu {
margin: 0;
width: 100%;
min-height: 100%;
max-width: 580px;
padding: 0 2rem;
margin-left: auto;
margin-right: auto;
transition: transform 0.5s ease, opacity 0.3s ease;
transform: translateY(30%);
opacity: 0;
}
.head_menu {
padding: 4rem 0 3.5rem 0;
}
.head_menu > ul {
list-style: none;
margin: 0;
padding: 0;
}
.head_menu > ul > li > a {
display: block;
padding: 0.55rem 2.5rem;
}
.head_menu > ul.head_menu_f > li > a {
font-size: 1.25rem;
padding: 0.75rem 2.5rem;
line-height: 1.5rem;
height: 3rem;
}
.head_menu > ul a {
color: inherit;
}
.head_menu li > a.active {
color: var(--color_link);
}
.head_menu > ul.head_menu_s {
margin-top: 1rem;
margin-bottom: 1rem;
}
.head_menu button {
border: 0 none;
background: 0 0;
}
.head_menu_s_foot {
padding: 0.75rem 2rem;
margin-top: auto;
}
.head_menu_s_foot > .lang {
float: right;
}
.head_menu .social {
margin-left: 0;
padding: 0.5rem;
}
.submenu:not(.open) > .toggle_submenu {
position: absolute;
margin: 0;
right: 0;
width: 3rem;
height: 3rem;
opacity: 0.5;
padding: 0.75rem;
transform: translateY(-100%);
margin-right: 1.5rem;
}
.submenu:not(.open) > .toggle_submenu::after {
content: "";
display: block;
border: 0 solid;
border-width: 2px 2px 0 0;
width: 0.75rem;
height: 0.75rem;
transform: rotate(45deg);
}
.submenu.open {
background-color: var(--putih);
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 122;
overflow: hidden;
overflow-y: scroll;
}
.submenu.open > .toggle_submenu {
height: 4rem;
width: 4rem;
color: inherit !important;
}
.submenu .toggle_submenu .i__arrowleft {
width: 1.5rem;
height: 1.5rem;
display: none;
}
.submenu.open .toggle_submenu .i__arrowleft {
display: block;
margin: 0 auto;
}
.submenu > ul {
display: none;
list-style: none;
margin: 0;
padding: 0 0 4rem 0;
}
.hmenu.open, .submenu.open > ul {
display: block;
}
.submenu > ul > li > a {
font-size: 1rem;
display: block;
padding: 0.5rem 2.5rem;
line-height: 1.5rem;
}
.submenu > ul > li:first-child > a {
font-size: 1.25rem;
padding: 0.75rem 2.5rem;
}
html.hm {
overflow: hidden;
width: 100%;
height: 100%;
}
html.hm .hmenu.open {
opacity: 1;
}
html.hm .hmenu.open .btn-close, html.hm .hmenu.open > .head_menu {
transform: translateY(0);
opacity: 1;
}
}
@media (min-width: 500px) and (max-width: 991px) {
.head_menu > ul.head_menu_f > li > a, .head_menu > ul > li > a, .submenu > ul > li:first-child > a, .submenu > ul > li > a {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.head_menu_s_foot {
padding-right: 3rem;
padding-left: 3rem;
}
.submenu:not(.open) > .toggle_submenu {
margin-right: 3rem;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.logo {
float: left;
}
.head_menu_btn, .header .tools {
float: right;
margin-top: 1rem;
}
.head_menu_btn {
margin-right: -0.75rem;
}
.header .tools {
margin-right: 0.5rem;
}
}
@media (max-width: 767px) {
.head_menu_btn, .header .tools {
margin-top: 0.5rem;
}
}
@media (min-width: 768px) {
.logo > a {
padding: 0.5rem;
margin-left: -1.5rem;
}
}
@media (min-width: 992px) {
.tools {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin-left: auto;
}
.hmenu {
display: block;
flex: 3 1 0;
max-width: 1200px;
}
.head_menu_f {
display: flex;
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.head_menu_f > li {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
position: relative;
}
.head_menu_f > li > a {
display: block;
padding: 1rem 0.75rem;
color: inherit;
text-decoration: none !important;
}
.head_menu_f > li > a > span {
display: block;
}
.head_menu_f > li > a > i {
display: block;
margin-bottom: 0.25rem;
color: #e2e5e2;
}
.head_menu_f > li > a > i svg {
width: 24px;
height: 24px;
}
.head_menu_f > li > a > i svg > * {
opacity: 1;
}
.head_menu_f > li > a.active {
color: var(--color_link);
opacity: 1 !important;
}
.head_menu_f > li > a.active i {
color: inherit !important;
}
.head_menu_f > li > a.active svg .icon_lightcolor {
opacity: 0.3;
}
.head_menu_f > li > a, .head_menu_f > li > a > * {
cursor: pointer;
}
.head_menu_f > li > a {
transition: opacity 0.2s ease;
}
.head_menu_f > li > a:hover {
opacity: 0.6;
}
.head_menu_s, .head_menu_s_foot {
display: none !important;
}
.toggle_submenu {
display: none;
}
.submenu {
position: absolute;
left: 50%;
top: 100%;
margin-top: -0.25rem;
font-size: 0.875rem;
transform: translateX(-50%) translateY(-1rem);
background-color: var(--putih);
box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.16);
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease 0.1s, transform 0.4s ease 0.1s;
}
.head_menu_f > li:hover > .submenu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.submenu::after {
content: "";
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
border-style: solid;
border-width: 0 0.75rem 0.75rem 0.75rem;
border-color: transparent transparent #fff transparent;
}
.submenu ul {
list-style: none;
padding: 1rem;
margin: 0;
}
.submenu ul > li {
min-width: 10rem;
}
.submenu ul > li > a {
text-align: left;
display: block;
padding: 0.25rem 0.5rem;
font-weight: 400;
color: inherit;
text-decoration: none;
white-space: nowrap;
}
.submenu ul > li > a:hover {
color: var(--color_link);
}
}
@media (min-width: 1140px) {
.tools {
flex: 1 1 0;
}
}
@media (min-width: 576px) {
.logo svg {
margin-left: -0.5rem;
}
.tools {
margin-right: -0.5rem;
}
}
.head_menu_btn, .tool-btn {
width: 3rem;
height: 3rem;
padding: 0.5rem;
color: inherit;
}
button.head_menu_btn {
border: 0 none;
background: 0 0;
position: relative;
}
@media (max-width: 575px) {
.head_menu_btn {
float: left;
}
.logo {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.logo > a {
margin-left: 0 !important;
}
.tools {
float: right;
}
}
@media (max-width: 991px) {
.butterbrod {
width: 24px;
height: 24px;
display: block;
margin: 0 auto;
color: inherit;
overflow: hidden;
cursor: pointer;
}
.butterbrod > i {
display: block;
margin: 5px auto 0 auto;
max-width: 18px;
height: 0;
border-top: 2px solid;
}
.butterbrod > i:first-child {
margin-top: 4px;
}
}
.tool-btn {
border: 0 none;
background: 0 0;
position: relative;
}
.tool-btn > svg {
position: relative;
z-index: 1;
width: 24px;
height: 24px;
}
@media (min-width: 992px) {
.tool-btn::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 2rem;
width: 2rem;
border-radius: 50%;
margin: -1rem 0 0 -1rem;
transform: scale(0.5);
opacity: 0;
background-color: rgba(220, 225, 229, 0.3);
transition: opacity 0.2s ease, transform 0.4s ease;
}
.tool-btn:hover::after {
transform: scale(1);
opacity: 1;
}
}
a.lang {
display: inline-block;
cursor: pointer;
}
a.lang, a.lang > span {
padding: 0.5rem;
}
a.lang {
text-decoration: none !important;
color: inherit;
}
.flag {
width: 1.125rem;
height: 1.125rem;
background-size: 100% auto;
margin-right: 0.5rem;
}
.minbtn {
background-color: rgba(220, 225, 229, 0.3);
}
a.lang > span {
height: 2rem;
border-radius: 1rem;
display: flex;
align-items: center;
}
@media (min-width: 992px) {
.minbtn {
transition: background-color 0.4s ease;
}
.minbtn:hover, a.lang:hover > .minbtn {
background-color: rgba(220, 225, 229, 0.6);
}
}
.toolbar {
color: #343a40;
min-width: 0;
height: 4rem;
margin-bottom: 2rem;
align-items: center;
border-bottom: 1px solid #e2e5e2;
box-shadow: 0 1px 0 0 var(--putih);
}
.toolbar::after {
clear: both;
display: block;
content: "";
}
.toolbar .breadcrumbs {
overflow: hidden;
line-height: 2rem;
height: 2rem;
}
.toolbar_right {
float: right;
}
.toolbar_right .catsmenu_btn:last-child {
margin-right: -0.75rem;
}
.toolbar_right .catsmenu_btn {
float: left;
}
.toolbar_dark {
color: var(--putih);
background-color: #121416;
box-shadow: none !important;
border-bottom: 0 none;
margin-bottom: 0 !important;
}
.toolbar_dark .minbtn {
background-color: #292c2f !important;
}
.toolbar_dark .breadcrumbs {
display: none;
}
.toolbar_dark .breadcrumbs::after {
background-color: #121416;
box-shadow: 0 0 1rem 1rem #121416;
}
.catbar {
list-style: none;
padding: 0;
margin: 0;
margin-left: -0.5rem;
margin-bottom: 0.5rem;
margin-top: -0.5rem;
}
.catbar > li {
display: inline;
}
.catbar > li::after {
content: " / ";
opacity: 0.3;
}
.catbar > li:last-child::after {
display: none;
}
.catbar > li > a {
display: inline-block;
padding: 0.5rem;
text-transform: uppercase;
font-weight: 700;
font-size: 0.875rem;
}
.breadcrumbs {
display: block;
white-space: nowrap;
overflow: hidden;
position: relative;
}
@media (min-width: 576px) {
.no-toolbar {
margin-top: 2rem;
}
.toolbar_right > * {
margin-left: 1rem;
}
.toolbar_dark .breadcrumbs {
display: block;
}
}
@media (max-width: 575px) {
.toolbar {
margin-bottom: 0;
overflow-x: auto;
}
.toolbar:not(.toolbar_dark) {
display: none;
}
.tb_on .toolbar:not(.tb_showfull) {
display: block;
}
.tb_showfull .toolbar_right {
display: none !important;
}
.toolbar.tb_showfull, .toolbar.tb_showfull .breadcrumbs {
display: block !important;
overflow-x: auto;
}
.toolbar.tb_showfull .breadcrumbs, .toolbar_right {
flex: 1 1 auto;
}
.toolbar_right {
float: none !important;
}
.toolbar .catsmenu_btn {
float: left;
margin-left: -0.75rem;
}
.page {
margin-top: 2rem;
}
.card_row ~ .page {
margin-top: 0;
}
}
@media (min-width: 768px) {
.no-toolbar {
margin-top: 3.75rem;
}
}
@media (min-width: 500px) {
.toolbar {
padding: 1rem 2rem;
}
}
@media (max-width: 499px) {
.toolbar {
padding: 1rem 1.5rem;
}
}
@media (max-width: 339px) {
.toolbar {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.logo img {
margin-top: 12px;
margin-right: 50%;
max-height: 40px !important;
}
}
.main-head {
background-image: var(--head_bg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto 100%;
background-color: #152b3c;
color: var(--putih);
overflow: hidden;
}
.main-head-left {
position: relative;
z-index: 1;
max-width: 28rem;
}
.main-head-left, .main-head-right {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
.main-head .title {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.3;
}
.main-head .title + p {
line-height: 1.5em;
max-height: 4.5em;
overflow: hidden;
}
@media (max-width: 991px) {
.main-head-left {
margin: 0 auto;
text-align: center;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.main-head {
background-image: var(--head_bg_min);
}
.main-head .btn-orange {
display: inline-block !important;
}
.main-head .btn {
width: 47%;
max-width: 9rem;
}
.main-head .btn-orange {
margin-left: 0.5rem;
}
}
@media (max-width: 576px) {
.main-head {
background-image: var(--head_bg_min_2);
background-position: 30% 50%;
}
}
@media (min-width: 992px) {
.main-head .wrp {
display: flex;
}
.main-head-right {
display: block !important;
position: relative;
background-color: var(--color_button_orange);
width: 45%;
max-width: 30rem;
padding-left: 2rem;
margin-left: auto;
}
.main-head-right::after, .main-head-right::before {
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
}
.main-head-right::after {
left: 0;
margin-left: -9.75rem;
border-bottom-color: var(--color_button_orange);
border-width: 0 0 22.5rem 9.75rem;
}
.main-head-right::before {
right: 0;
margin-right: -9.75rem;
border-top-color: var(--color_button_orange);
border-width: 22.5rem 9.75rem 0 0;
}
}
@media (min-width: 1140px) {
.main-head-right {
margin-right: 3rem;
}
}
.section {
padding-top: 1.5rem;
}
.section-sep .sep_line {
margin-top: 1.5rem;
}
.sep_line {
position: relative;
height: 1rem;
width: 100%;
background-image: var(--sep);
background-position: 0 50%;
background-repeat: repeat-x;
background-size: 3rem auto;
}
.section-title {
font-size: 1.25rem;
margin-bottom: 0.75rem;
line-height: 1.4;
}
.section-btn {
margin-top: 2rem;
}
@media (min-width: 500px) {
.section {
padding-top: 2.5rem;
}
.section-sep .sep_line {
margin-top: 2.5rem;
}
}
@media (min-width: 768px) {
.section {
padding-top: 3.75rem;
}
.section-sep .sep_line {
margin-top: 3.75rem;
}
.section-title {
font-size: 1.5rem;
margin-bottom: 1rem;
}
}
@media (max-width: 575px) {
.section-btn .btn {
width: 100%;
display: block;
}
}
@media (max-width: 499px) {
.section {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (max-width: 350px) {
.section {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
.carousel-apps {
overflow: hidden;
}
.carousel-apps-out {
position: relative;
}
.carousel-apps {
margin: -2rem 0;
margin-left: -1.5rem;
white-space: nowrap;
}
.card-list .item, .carousel-apps .item {
display: inline-block;
vertical-align: top;
width: 100%;
}
.carousel-apps .item {
max-width: 13.75rem;
padding: 2rem 0;
padding-left: 1.5rem;
}
.card-list {
margin: -0.75rem;
}
.card-list .item {
max-width: 25%;
padding: 0.75rem;
}
.card-list .item_app, .carousel-apps .item_app {
box-shadow: 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.03);
background-color: var(--putih);
border-radius: 0.125rem;
padding: 1.25rem;
text-align: left;
}
.card-list .item_app .cont, .carousel-apps .item_app .cont {
margin: 0;
}
.card-list .item_app .img, .carousel-apps .item_app .img {
float: none;
position: relative;
z-index: 1;
width: 100%;
height: auto;
margin-bottom: 1rem;
}
.card-list .item_app .img img, .carousel-apps .item_app .img img {
width: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
}
.card-list .item_app .img::after, .carousel-apps .item_app .img::after {
display: block;
content: "";
padding-top: 100%;
width: 1px;
margin-left: -1px;
}
.card-list .item_app.mod .meta::before, .carousel-apps .item_app.mod .meta::before {
display: none;
}
.card-list .item_app.mod .img::before, .carousel-apps .item_app.mod .img::before {
content: var(--text_mods);
position: absolute;
right: 0.25rem;
bottom: 0.25rem;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
color: var(--putih);
border-radius: 0.75rem;
}
.card-list .item_app .name, .carousel-apps .item_app .name {
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
.card-list .item_app .name > a > span, .carousel-apps .item_app .name > a > span {
white-space: normal;
line-height: 1.4rem;
max-height: 2.8rem;
}
.card-list .item_app .data, .carousel-apps .item_app .data {
height: 4.5rem;
}
.card-list .item_app .data .developer, .carousel-apps .item_app .data .developer {
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
}
.card-list .item_app .meta, .carousel-apps .item_app .meta {
margin-top: 1rem;
height: 1.25rem;
}
.card-list .item_app .meta .rate_star, .carousel-apps .item_app .meta .rate_star {
margin-top: 0 !important;
}
@media (min-width: 992px) {
.carousel-apps-out::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin-left: -1.5rem;
width: 1.5rem;
background-image: linear-gradient(90deg, #fbfbfa 0, #fbfbfa00 100%);
}
.card-list .item_app:hover, .carousel-apps .item_app:hover {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.05);
}
.carousel-btn {
display: block !important;
}
.carousel-btn--next {
position: absolute;
right: 0;
top: 0;
width: 3rem;
height: 100%;
border: 0 none;
background: 0 0;
padding: 0;
}
.cbtn {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
display: block;
background-color: var(--color_button);
border-radius: 50%;
margin-top: -1.5rem;
margin-left: 1.5rem;
width: 3rem;
height: 3rem;
padding: 0.75rem;
box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease;
}
.cbtn:hover {
transform: scale(0.92);
transform-origin: 50% 50%;
}
.cbtn svg {
display: block;
color: var(--putih);
}
.cbtn-hide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.cbtn-hide::after {
content: "";
background-color: var(--putih);
transform: translateX(100%);
width: 100%;
height: calc(100% - 2rem);
margin-top: 1rem;
border-radius: 2rem;
display: block;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.25);
}
}
@media (max-width: 991px) {
.carousel-apps-out:not(.carousel-apps-js) {
overflow: hidden;
}
.carousel-apps-out:not(.carousel-apps-js) .carousel-apps {
margin-left: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.carousel-apps-out:not(.carousel-apps-js) .carousel-apps::after, .carousel-apps-out:not(.carousel-apps-js) .carousel-apps::before {
content: "";
display: inline-block;
height: 2rem;
}
.carousel-apps-js .carousel-apps {
margin-left: -1.5rem;
}
.carousel-apps-js {
margin-right: -1.5rem;
}
.carousel-apps-out::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3rem;
pointer-events: none;
background-image: linear-gradient(-90deg, #fbfbfa 0, #fbfbfa00 100%);
}
}
@media (min-width: 500px) and (max-width: 991px) {
.carousel-apps-out:not(.carousel-apps-js) {
margin: 0 -2rem;
}
.carousel-apps-out:not(.carousel-apps-js) .carousel-apps::before {
width: 0.5rem;
min-width: 0.5rem;
}
.carousel-apps-out:not(.carousel-apps-js) .carousel-apps::after {
width: 2rem;
min-width: 2rem;
}
.carousel-apps-js .carousel-apps {
margin-left: -2rem;
}
.carousel-apps-js {
margin-right: -2rem;
}
.carousel-apps-js .carousel-apps .item {
padding-left: 2rem;
}
}
@media (max-width: 499px) {
.carousel-apps-out:not(.carousel-apps-js) {
margin: 0 -1.5rem;
}
.carousel-apps-out:not(.carousel-apps-js) .carousel-apps::after {
width: 1.5rem;
min-width: 1.5rem;
}
}
@media (max-width: 339px) {
.carousel-apps-out:not(.carousel-apps-js) {
margin: 0 -0.75rem;
}
.carousel-apps-out:not(.carousel-apps-js) .carousel-apps::after {
width: 0.75rem;
min-width: 0.75rem;
}
.carousel-apps .item {
padding-left: 0.5rem !important;
}
.carousel-apps-js .carousel-apps {
margin-left: -0.75rem;
}
.carousel-apps-js {
margin-right: -0.75rem;
}
}
.flickity-button {
display: none;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: 0;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.cat-apps {
list-style: none;
padding: 0;
margin: 0;
margin-left: -1rem;
margin-top: 2rem;
}
.cat-apps-list::after, .cat-apps::after {
content: "";
display: block;
clear: both;
}
.cat-apps > li {
float: left;
padding-left: 1rem;
}
.cat-apps-title {
font-weight: 700;
margin-bottom: 0.75rem;
}
.cat-apps-title a {
text-decoration: none !important;
color: inherit !important;
}
.cat-apps-list {
margin-left: -0.25rem;
}
.cat-apps-item {
padding-left: 0.25rem;
float: left;
}
.cat-apps-img, .cat-apps-item.more {
display: block;
width: 2rem;
height: 2rem;
border-radius: 0.5rem;
position: relative;
}
.cat-apps-img {
overflow: hidden;
background-color: var(--putih);
}
.cat-apps-img > img {
width: auto;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
min-width: 100%;
height: 100%;
transform: translateX(-50%);
}
.cat-apps-item.more {
background-color: #68cb5b33;
padding-left: 0;
margin-left: 0.25rem;
}
@media (min-width: 992px) and (max-width: 1139px) {
.cat-apps > li {
width: 20%;
}
.cat-apps > li:last-child {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cat-apps > li {
width: 25%;
}
.cat-apps > li {
display: none;
}
.cat-apps > li:nth-child(-n + 4) {
display: block;
}
}
@media (max-width: 767px) {
.cat-apps > li {
margin-top: 1.5rem;
}
.cat-apps {
margin-top: 0;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.cat-apps > li {
width: 33.333333%;
}
}
@media (max-width: 575px) {
.cat-apps > li {
width: 50%;
}
.cat-apps-title {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1140px) {
.cat-apps > li {
width: 16.666666%;
}
}
@media (min-width: 1200px) {
.cat-apps-img, .cat-apps-item.more {
width: 2.5rem;
height: 2.5rem;
}
}
@media (min-width: 992px) {
.cat-apps-item.more {
transition: background-color 0.2s ease;
}
.cat-apps-img {
transition: transform 0.2s ease;
}
.cat-apps-item.more:hover {
background-color: #68cb5b40;
}
.cat-apps-img:hover {
transform: scale(1.1);
}
}
.cat-apps-item.more .dots {
width: 1rem;
height: 0.25rem;
position: absolute;
left: 50%;
top: 50%;
margin: -0.125rem 0 0 -0.5rem;
}
.cat-apps-item.more .dots i {
float: left;
margin-left: 0.125rem;
border-radius: 50%;
width: 0.25rem;
height: 0.25rem;
background-color: var(--color_button);
}
.cat-apps-item.more .dots i:first-child {
margin-left: 0;
}
.last-news::after {
content: "";
display: block;
clear: both;
}
.last-news .post {
display: block;
padding: 0;
border: 0 none;
}
.last-news .post .img {
margin: 0 0 1.5rem 0 !important;
max-width: none !important;
box-shadow: none !important;
}
.last-news .post .img::after {
display: none !important;
}
.last-news .post .img > .cover {
padding-top: 56.5%;
border-radius: 0.125rem;
}
.last-news .post .title {
font-size: 1rem;
font-weight: 700;
}
.last-news .post .cont {
padding: 0 !important;
}
@media (min-width: 576px) and (max-width: 767px) {
.last-news .post {
display: none;
}
.last-news .post:nth-child(-n + 2) {
display: block;
}
.last-news .post {
width: 50%;
}
}
@media (min-width: 576px) {
.last-news {
margin-left: -2rem;
}
.last-news .post {
float: left;
padding-left: 2rem;
}
}
@media (max-width: 575px) {
.last-news .post {
border-bottom: 1px solid #edefec;
}
}
@media (min-width: 500px) and (max-width: 575px) {
.last-news {
margin-left: -2rem;
margin-right: -2rem;
margin-top: -2rem;
}
.last-news .post {
padding: 2rem;
}
}
@media (max-width: 499px) {
.last-news {
margin-left: -1.5rem;
margin-right: -1.5rem;
margin-top: -1.5rem;
}
.last-news .post {
padding: 1.5rem;
}
}
@media (min-width: 768px) {
.last-news .post {
width: 33.333333%;
}
}
@media (min-width: 992px) {
.last-news {
margin-left: -3.75rem;
}
.last-news .post {
padding-left: 3.75rem;
width: 33.333333%;
}
}
.seo-section {
max-width: 100%!important;
color: rgba(21, 22, 23, 0.65);
}
@media (min-width: 768px) {
.seo-section .section-title {
font-size: 1.25rem;
margin-bottom: 1rem;
}
}
@media (max-width: 767px) {
.seo-section .section-title {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.seo-text {
font-size: 0.875rem;
}
}
.card_row .card_bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: -2;
background-color: #000;
}
.card_big {
width: 100%;
position: relative;
color: var(--putih);
}
.card_big > .cont {
padding: 2rem;
position: relative;
}
.card_big a {
color: inherit !important;
}
.card_big > .cover {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
opacity: 0.35;
}
.card_big .title {
margin-bottom: 0;
}
.card_big .title > a {
display: block;
}
.card_big .title > a > span {
position: relative;
z-index: 2;
display: block;
line-height: 1.3em;
overflow: hidden;
}
.card_big .title > a::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
.card_big .meta {
position: relative;
z-index: 3;
display: inline-block;
margin-bottom: 0.5rem;
opacity: 0.8;
white-space: nowrap;
}
.card_big .meta a {
display: block;
}
@media (max-width: 499px) {
.card_big .title > a > span {
line-height: 1.4em;
max-height: 5.6em;
}
.card_row {
margin-bottom: 0.5rem;
}
}
@media (min-width: 500px) {
.card_big > .cont::before {
content: "";
display: block;
width: 1px;
height: 0;
padding-top: 40%;
}
.card_row {
margin-bottom: 2rem;
}
.card_big .title {
margin-top: auto;
}
}
@media (max-width: 991px) {
.card_big > .cont::before {
padding-top: 30%;
}
.card_row::after {
content: "";
display: block;
clear: both;
}
.card_big > .cont {
min-height: 0;
}
.card_big > .cont > .data {
width: 100%;
min-height: 0;
}
.card_big .title > a > span {
height: 5.2em;
}
}
@media (min-width: 992px) {
.card_row {
display: flex;
flex-wrap: wrap;
}
.corner::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 30px 30px;
border-color: transparent transparent #fbfbfa transparent;
}
.card_big > .cont::before {
padding-top: 50%;
}
.card_big > .cover {
transition: opacity 0.4s ease;
}
.card_row:hover .card_big > .cover {
opacity: 0.55 !important;
}
.card_row:hover .card_big:hover > .cover {
opacity: 0.75 !important;
}
.card_big .title > a > span {
height: 7.8em;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.card_row > .card_big {
float: left;
max-width: 50%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.card_row > .card_big {
max-width: 33.333333%;
flex: 0 0 33.333333%;
}
.card_row .card_big:last-child {
display: none;
}
}
@media (min-width: 1200px) {
.card_row > .card_big {
max-width: 25%;
flex: 0 0 25%;
}
.card_row .card_big:last-child {
display: block;
}
}
@media (min-width: 1440px) {
.card_big > .cont {
padding: 3rem;
}
}
.heading .title {
position: relative;
display: inline-block;
margin-bottom: 0;
}
@media (max-width: 991px) {
.heading .title > button {
border: 0 none;
padding: 0;
margin: 0;
background: 0 0;
}
.heading .title > button::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
}
}
@media (min-width: 992px) {
.heading .title > button {
display: none;
}
}
@media (max-width: 575px) {
.heading {
margin-top: 2rem;
}
}
@media (min-width: 500px) {
.heading {
margin-bottom: 1rem;
}
}
@media (max-width: 499px) {
.heading {
padding: 0 1.5rem;
margin-bottom: 1rem;
margin-top: 1.5rem;
}
}
.card_game, .card_game_title {
width: 100%;
}
.card_game_title {
background-color: #68cb5b;
color: #343a40;
position: relative;
}
.card_game_title .title {
color: var(--putih);
line-height: 1.2;
}
.card_game {
position: relative;
color: var(--putih);
}
.card_game a {
color: inherit;
text-decoration: none !important;
}
.card_game > .cover {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.card_game > .cont .title a::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
}
@media (max-width: 575px) {
.card_game > .cont {
max-width: 10rem;
}
.card_game > .cover {
background-position: 100% 30%;
background-size: auto 180%;
}
.card_game > .cont > .btn {
display: none;
}
}
@media (min-width: 576px) {
.card_game > .cont {
max-width: 200px;
}
.card_game > .cont .title {
margin-bottom: 1rem;
}
.card_game_title {
max-width: 100%;
flex: 0 0 100%;
}
.card_game::before {
content: "";
display: block;
width: 1px;
height: 0;
padding-top: 60%;
margin-left: -1px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.card_game {
display: inline-block;
max-width: 25%;
vertical-align: top;
}
.card_game > .cont .title {
height: 2.6em;
overflow: hidden;
}
}
@media (max-width: 499px) {
.card_game, .card_game_title {
padding: 1.5rem;
}
}
@media (max-width: 339px) {
.card_game, .card_game_title {
padding: 1.5rem 0.75rem;
}
}
@media (min-width: 500px) {
.card_game, .card_game_title {
padding: 2rem;
}
}
@media (min-width: 992px) {
.card_game_title {
max-width: 25%;
flex: 0 0 25%;
display: flex;
align-items: flex-end;
}
.card_game {
max-width: 18.75%;
flex: 0 0 18.75%;
display: flex;
align-items: flex-end;
}
.card_game > .cover {
transition: opacity 0.4s ease;
}
.card_row:hover .card_game > .cover {
opacity: 0.45;
}
.card_row:hover .card_game:hover > .cover {
opacity: 1;
}
.card_game:hover > .cont .btn {
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.35);
}
}
@media (min-width: 992px) {
.colomns {
display: flex;
}
.colomns > .content {
flex: 1 1 auto;
min-width: 0;
max-width: 52.25rem;
}
.colomns > .sidebar {
width: 100%;
max-width: 300px;
flex: 0 0 300px;
margin-left: 2rem;
}
.block > .banner {
margin-bottom: 0;
}
.sticky {
position: sticky;
top: calc(5rem + 2rem);
}
.sticky h2, .sticky h3, .sticky h4 {
text-align: center;
font-size: larger;
font-weight: bold;
text-transform: capitalize;
}
.banner ~ a.xxsmf {
display: inline-block;
margin-top: 0.5rem;
}
}
@media (max-width: 991px) {
.banner ~ a.xxsmf, .colomns > .sidebar {
display: none;
}
}
@media (min-width: 1200px) {
.colomns > .sidebar {
margin-left: 4rem;
}
}
@media (min-width: 320px) {
.banner, .block {
margin-bottom: 2rem;
min-width: 300px;
min-height: 250px;
}
}
@media (min-width: 960px) {
.banner, .block {
min-height: 175px;
}
}
.banner, .block {
width: 100%;
}
.banner {
text-align: center;
}
.banner img {
max-width: 100%;
vertical-align: top;
}
.post {
position: relative;
}
.post_list .post {
box-shadow: 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.03);
background-color: var(--putih);
border-radius: 0.125rem;
padding: 1.5rem;
margin-top: 1rem;
}
.post_list .post:first-child {
margin-top: 0 !important;
}
.post .cont {
flex: 1 1 auto;
}
.post a {
color: inherit !important;
}
.post .title {
margin-bottom: 0;
}
.post .title > a::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
}
.post .img {
width: 100%;
background-color: #f8f9fa;
}
.img > .cover {
width: 100%;
padding-top: 66.5%;
display: block;
}
@media (min-width: 500px) {
.post .meta {
margin-bottom: 0.25rem;
}
.post .img {
max-width: 11rem;
flex: 0 0 11rem;
margin-right: 1.5rem;
position: relative;
}
.post + .navigation {
margin-top: 2rem;
}
}
@media (max-width: 575px) {
.post .title {
font-size: 1rem;
}
}
@media (min-width: 640px) {
.post .meta {
margin-bottom: 0.75rem;
}
.post .img {
max-width: 13rem;
flex: 0 0 13rem;
}
}
@media (min-width: 992px) {
.post {
display: flex;
align-items: flex-start;
}
.post .meta {
margin-bottom: 0.75rem;
}
.post .cont {
transition: padding-right 0.2s ease;
padding-top: 0.5rem;
}
.post .title {
transition: opacity 0.3s ease;
}
.post:hover .title {
opacity: 0.8;
}
.post_list .post:hover {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.05);
}
}
@media (min-width: 1200px) {
.post .img {
margin-right: 2rem;
max-width: 15.75rem;
flex: 0 0 15.75rem;
}
}
@media (min-width: 500px) and (max-width: 991px) {
.post .img {
float: left;
}
.post .cont {
display: table;
}
.post::after {
clear: both;
display: block;
content: "";
}
}
@media (max-width: 499px) {
.post {
padding: 1.5rem;
}
.post_list .post {
margin-top: 0.5rem;
}
.post .cont {
margin-top: 1.5rem;
}
.post .cont .meta {
margin-bottom: 0.5rem;
margin-top: -0.5rem;
}
.post .cont .title {
margin: 0;
}
.post .img > .cover {
padding-top: 50%;
}
}
@media (min-width: 640px) {
.post_view {
background-color: var(--putih);
box-shadow: 0 0.25rem 1.5rem 1px rgb(0 0 0 / 3%);
border-radius: 0.125rem;
padding: 2rem;
}
}
.post_view img {
max-width: 100%;
}
.post_view ~ .sep_line {
margin: 2rem 0;
}
.post_view .post_left {
display: none;
}
.post_view .post_right {
display: none;
}
.post_left {
padding-top: 0.25rem;
}
.post_mid > .img, .post_mid > header {
margin-bottom: 1.5rem;
}
.post_mid > .img {
text-align: center;
vertical-align: top;
}
.next_post a {
text-decoration: none !important;
color: inherit;
}
.heading_sep {
border-top: 2px solid;
margin-top: 2rem;
margin-bottom: 1rem;
padding-top: 1rem;
}
.related > .title {
margin-bottom: 1.5rem;
}
@media (max-width: 499px) {
.post_view {
padding: 0 1.5rem;
}
.post_mid > .img, .post_mid > header, .related > .title {
margin-bottom: 1.5rem;
}
.related {
margin-top: 2rem;
}
.related > .title {
padding: 0 1.5rem;
}
}
@media (min-width: 500px) {
.post_mid > .text {
font-size: 1.125rem;
}
}
@media (max-width: 767px) {
.post_view {
margin-bottom: 2rem;
}
.no-toolbar .post_view {
margin-top: 0;
}
}
@media (min-width: 768px) {
.post_view {
margin-bottom: 3.5rem;
}
.related > .title {
margin-top: 3.5rem;
}
}
@media (min-width: 992px) {
.post_view {
display: flex;
}
.post_view .post_left {
display: block;
width: 100%;
flex: 0 0 10%;
max-width: 10%;
}
.post_view .post_right {
display: block;
width: 100%;
flex: 0 0 10%;
max-width: 10%;
}
.post_view .post_mid {
width: 100%;
flex: 1 1 80%;
max-width: 80%;
}
}
@media (min-width: 1200px) {
.post_view .post_left {
flex: 0 0 15%;
max-width: 15%;
}
.post_view .post_right {
flex: 0 0 15%;
max-width: 15%;
}
.post_view .post_mid {
flex: 1 1 70%;
max-width: 100%;
}
}
.cd-faq-group {
list-style: none;
padding: 0;
margin-top: 0;
}
.cd-faq-group > li {
border-top: 1px solid #edf0f2;
}
.cd-faq-group > li > .cd-faq-trigger, .cd-faq-group > li > h3 {
font-weight: 700;
}
.cd-faq-content {
margin-top: 0.5rem;
}
.cd-faq-content p {
margin: 0;
}
@media (max-width: 499px) {
.cd-faq-group > li {
padding: 1.5rem 0;
}
}
@media (min-width: 500px) {
.cd-faq-group > li {
padding: 2rem 0;
}
}
.mail_feedback {
border: 1px solid #edf0f2;
padding: 5%;
border-radius: 1rem;
text-align: center;
margin-top: 2rem;
}
.app_list {
margin-bottom: 0;
}
.app_list::after, .app_list > #dle-content::after, .item_app .meta::after, .item_app::after {
clear: both;
content: "";
display: block;
}
.app_list > #dle-content {
min-width: 100%;
width: 100%;
}
.app_list .searchbox {
width: 100%;
clear: both;
}
.app_list .item, .app_list > #dle-content .item {
float: left;
width: 100%;
}
.item_app {
padding: 1.5rem;
position: relative;
}
.item_app a {
color: inherit;
text-decoration: none !important;
}
.item_app .img {
overflow: hidden;
border-radius: 1rem;
}
.item_app .img img {
display: block;
}
.item_app .name {
display: block;
font-weight: 700;
}
.item_app .name > a > span {
display: block;
overflow: hidden;
line-height: 1.4em;
max-height: 2.8em;
}
.item_app .name > a::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: 2;
}
.item_app .meta {
height: 1.5rem;
}
.item_app.mod .img::before, .item_app.mod .meta::before {
font-weight: 700;
line-height: 1rem;
padding: 0.25rem 0.5rem;
background-color: rgba(220, 225, 229, 0.2);
margin-left: auto;
font-size: 0.75rem;
}
.item_app .meta .rate_star {
margin-left: -0.25rem;
}
.item_app .unit-rating {
width: 6.25rem;
height: 1.25rem;
}
.app_list {
margin: -0.75rem;
}
.app_list .item, .app_list .searchbox, .app_list > #dle-content .item {
padding: 0.75rem;
}
.app_list .item_app {
box-shadow: 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.03);
background-color: var(--putih);
border-radius: 0.125rem;
}
@media (min-width: 576px) {
.app_list .item, .app_list > #dle-content .item {
max-width: 33.333333%;
}
}
@media (max-width: 639px) {
.app_list {
margin: -0.25rem;
}
.app_list .item, .app_list .searchbox, .app_list > #dle-content .item {
padding: 0.25rem;
}
}
@media (max-width: 499px) {
.item_app {
padding: 1rem !important;
}
}
@media (max-width: 819px) {
.app_list .item_app .img {
margin-bottom: 1rem;
}
.item_app .img {
position: relative;
z-index: 1;
}
.item_app .img img {
width: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
}
.item_app .img::after {
display: block;
content: "";
padding-top: 100%;
width: 1px;
margin-left: -1px;
}
.item_app .data {
width: 100%;
min-width: 0;
font-size: 0.8125rem;
min-width: 0;
height: 4.5rem;
}
.item_app .data .developer, .item_app .name > a > span {
overflow: hidden;
position: relative;
}
.item_app .data .developer {
white-space: nowrap;
text-overflow: ellipsis;
}
.item_app .name {
margin-bottom: 0.25rem;
}
.item_app .meta {
margin-top: 0.5rem;
}
.app_list .item_app.mod .img::before {
content: var(--text_mods);
position: absolute;
right: 0.25rem;
bottom: 0.25rem;
border-radius: 0.75rem;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
color: var(--putih);
}
}
@media (min-width: 820px) {
.item_app .img {
float: left;
width: 8rem;
height: 8rem;
}
.item_app .img img {
width: auto;
height: 100%;
}
.item_app .cont {
margin-left: 9.5rem;
}
.item_app .data {
height: 6.5rem;
}
.item_app .meta {
margin-top: auto;
}
.item_app .name {
margin-bottom: 0.5rem;
}
.item_app.mod .meta .rate_star {
float: left;
margin-top: 0.125rem;
}
.item_app.mod .meta::before {
float: right;
content: var(--text_mods);
border-radius: 0.75rem;
}
}
@media (min-width: 820px) and (max-width: 1069px), (max-width: 575px) {
.app_list .item, .app_list > #dle-content .item {
max-width: 50%;
}
}
@media (min-width: 1070px) {
.item_app {
transition: box-shadow 0.15s ease-in-out;
}
.item_app:hover {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.05);
}
}
@media (min-width: 1070px) and (max-width: 1199px) {
.item_app .img {
width: 6.25rem;
height: 6.25rem;
}
.item_app .data {
height: 4.75rem;
}
.item_app .cont {
margin-left: 7.75rem;
}
}
@media (min-width: 576px) and (max-width: 1199px) {
.item_app .developer {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 499px) {
.content {
overflow: hidden;
padding-bottom: 1px;
}
}
.app_view-first .img {
margin-bottom: 0;
overflow: hidden;
border-radius: 1rem;
box-shadow: 0 1.5rem 2rem -1rem #00000029;
background-color: var(--putih);
}
.app_view-first .img > img {
display: block;
width: auto;
height: 100%;
border-radius: inherit;
}
.app_view_pad .description, .app_view_pad .rate {
margin-top: 1.5rem;
}
.app_view_pad .spec {
color: #343a40;
margin-bottom: -0.125rem;
}
.app_view_pad .spec > li {
padding-top: 0.195rem;
padding-bottom: 0.195rem;
}
@media (min-width: 768px) {
.app_view_wrp {
background-color: var(--putih);
box-shadow: 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.03);
border-radius: 0.125rem;
padding: 2rem;
margin-bottom: 1.5rem;
}
.app_view_wrp_version {
background-color: var(--putih);
box-shadow: 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.03);
border-radius: 0.125rem;
padding: 2rem;
margin-bottom: 1.5rem;
}
.app_view_pad {
position: relative;
}
}
@media (max-width: 767px) {
.app_view_wrp {
position: relative;
padding-bottom: 11.25rem;
}
.app_view_wrp_version {
position: relative;
padding-bottom: 1.25rem;
}
.app_view_pad {
margin-bottom: 2rem;
}
.app_view_pad::after {
content: "";
display: block;
clear: both;
}
.app_view_pad > .rate {
position: absolute;
bottom: 0;
height: 11.25rem;
width: 100%;
}
}
@media (min-width: 500px) and (max-width: 767px) {
.app_view_wrp {
padding-bottom: 6.5rem;
}
.app_view_wrp_version {
padding-bottom: 1rem;
}
.app_view_pad > .rate {
height: 6.5rem;
}
}
.spec {
list-style: none;
padding: 0;
}
.spec > li {
display: inline-block;
padding-left: 1.75rem;
margin-right: 1.5rem;
}
.spec > li::after {
clear: both;
display: block;
content: "";
}
.spec > li a {
color: inherit;
text-decoration: none !important;
}
.spec > li:last-child {
margin-right: 0;
}
.spec > li .spec_icon > svg {
margin-top: -0.125rem;
margin-left: -1.75rem;
float: left;
width: 24px;
height: 24px;
}
.spec > li .asu {
display: none;
}
ul.spec li.asu {
display: none;
}
.spec > li .asu > svg {
margin-left: 0.25rem;
margin-top: -0.02rem;
width: 24px;
height: 24px;
float: right ;
}
.app_view-first .spec_addon > .btn {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.app_view_pad .description {
line-height: 1.5rem;
}
.app_view_pad .description .spoiler-btn {
margin-top: 0.5rem;
font-size: 0.75rem;
color: var(--color_link);
}
.app_view_pad .description .spoiler-btn {
margin-left: -0.75rem;
}
.spoiler {
max-height: 6rem;
overflow: hidden;
}
.spoiler.open {
max-height: none;
overflow: visible;
}
.spoiler-btn > svg {
vertical-align: middle;
margin: -0.125rem 0.5rem 0 0;
}
.spoiler-btn-o {
display: inline;
}
.spoiler-btn-h {
display: none;
}
.spoiler.open ~ .spoiler-btn .spoiler-btn-h {
display: inline;
}
.spoiler.open ~ .spoiler-btn .spoiler-btn-o {
display: none;
}
.spoiler.open ~ .spoiler-btn > svg {
transform: rotate(180deg);
}
@media (max-width: 767px) {
.app_view-first {
margin-bottom: 1rem;
padding-left: 11.5rem;
}
.app_view-first::after {
content: "";
display: block;
clear: both;
}
.app_view-first > .img {
float: left;
margin-left: -11.5rem;
}
.app_view-first > .cont {
display: table;
width: 100%;
}
.app_view-first > .inline {
display: inline-block !important;
}
.app_view-first .spec > li {
margin-right: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spec > li {
display: block;
}
.spec_cat {
display: none !important;
}
.app_view_pad > .title {
margin-bottom: 1.5rem;
}
.app_view_pad .rate {
background-color: #edefec;
padding: 1.5rem;
}
.app_view_pad .rate .unit-rating {
width: 17.5rem;
height: 3.5rem;
}
.app_view_pad .rate .rating {
margin-left: -0.375rem;
}
.app_view_pad .rate .unit-rating li a:hover, .app_view_pad .rate .unit-rating li.current-rating {
background-color: #edefec;
}
.version_upload {
display: block !important;
font-size: 0.95rem;
border-top: 1px solid #edeff1;
color: #343a40;
padding-top: 1rem;
margin-top: 2rem;
}
.version_upload svg {
width: 1.25rem !important;
height: 1.25rem !important;
margin-right: 0.25rem;
}
}
@media (min-width: 500px) {
.app_view-first .img {
width: 11.5rem;
height: 11.5rem;
}
}
@media (min-width: 500px) and (max-width: 767px) {
.app_view-first > .cont {
padding-left: 2rem;
}
.app_view_pad .rate::after {
clear: both;
display: block;
content: "";
}
.app_view_pad .rate .rating {
float: left;
}
.app_view_pad .rate .rate_num {
float: right;
margin-top: 1rem;
}
.app_view-first .spec > li {
margin-top: 0.5rem;
}
.app_view-first .spec {
height: 8.125rem;
}
}
@media (min-width: 768px) {
.app_view_pad {
padding-left: 12rem;
}
.app_view-first .img {
left: 0;
top: 0;
position: absolute;
width: 10rem;
height: 10rem;
}
.app_view_pad .spec {
margin-top: 0.5rem;
font-weight: 700;
}
.app_view_pad .developer {
order: 0;
margin-top: 0.5rem;
}
.app_view_pad .rate {
order: 1;
margin-top: 1.5rem;
display: flex;
align-items: center;
}
.app_view_pad .rate .rating {
margin-left: -3px;
}
.app_view-first {
order: 2;
}
.app_view_pad .description {
order: 3;
}
.app_view_pad .share {
order: 4;
}
.app_view_pad .rate .rate_num {
font-size: 0.875rem;
margin-left: 0.5rem;
margin-top: 0.125rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.app_view-first .spec_addon {
padding: 0.5rem;
border-radius: 3rem;
margin-top: 1.5rem;
background-color: rgba(220, 225, 229, 0.3);
}
.app_view-first .spec_addon::after {
clear: both;
display: block;
content: "";
}
.app_view-first .spec_addon > .btn {
display: inline-block;
vertical-align: middle;
font-size: 0.875rem;
margin-right: 1rem;
}
.app_view-first .spec_addon > p {
display: inline !important;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.app_view_pad {
display: flex;
flex-direction: column;
}
.spec > li a:hover {
color: var(--color_link);
}
.i__more_c1, .i__more_c2, .i__more_c3 {
transition: transform 0.15s ease-in-out;
}
.spoiler-btn:hover .i__more_c1, .spoiler-btn:hover .i__more_c3 {
transform: translateY(-0.05rem);
}
.spoiler-btn:hover .i__more_c2 {
transform: translateY(0.15rem);
}
}
@media (min-width: 1025px) {
.app_view_pad {
padding-right: 15rem;
}
.app_view-first .spec_addon {
position: absolute;
right: 0;
top: 0;
width: 100%;
max-width: 13rem;
text-align: center;
color: #343a40;
}
.app_view-first .spec_addon > .btn {
width: 100%;
margin-bottom: 1.5rem;
font-size: 0.875rem;
}
.app_view-first .spec_addon > p {
max-width: 10rem;
margin: 0 auto;
}
.app_view-first .spec_addon > p > i {
display: block;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.app_view_pad {
padding-left: 13.5rem;
}
.app_view-first .img {
width: 11.5rem;
height: 11.5rem;
}
}
@media (max-width: 499px) {
.app_view-first .spec_addon > .btn {
white-space: nowrap;
}
.app_view-first {
padding-left: 8.5rem;
}
.app_view-first .img {
width: 8.5rem;
height: 8.5rem;
margin-left: -8.5rem;
}
.app_view-first > .cont {
padding-left: 1.5rem;
}
.app_view-first .spec_addon .btn.btn-green {
font-size: 0.875rem;
line-height: 1.5rem;
padding: 0.5rem 1rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
#hide {
display: none;
}
.app_view-first .spec {
height: 6.125rem;
}
.app_view_pad {
padding: 0 1.5rem;
}
.app_view_pad .rate {
left: 0;
right: 0;
}
.app_view_pad .rate .unit-rating {
margin: 0 auto;
}
.app_view_pad .rate .rate_num {
text-align: center;
line-height: 1;
margin-top: 1rem;
}
}
@media (max-width: 339px) {
.app_view_pad {
padding: 0 0.75rem;
}
}
.app_screens {
position: relative;
}
.app_screens .sep_line {
margin-bottom: 2rem;
}
.app_screens_in {
overflow: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 500px) {
.app_screens {
margin-left: -2rem;
margin-right: -2rem;
}
.app_screens .sep_line {
margin-top: 2rem;
}
.app_screens .section-title {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 768px) {
.app_screens {
margin-bottom: -2rem;
}
}
@media (min-width: 992px) {
.app_screens_in::-webkit-scrollbar {
width: 16px;
background-color: var(--putih);
}
.app_screens_in::-webkit-scrollbar-thumb {
background-color: #e2e5e2;
border-radius: 16px;
border: 3px solid var(--putih);
}
.app_screens_in::-webkit-scrollbar-track {
background-color: var(--putih);
border-radius: 16px;
border: 3px solid var(--putih);
}
}
.app_screens_list {
white-space: nowrap;
margin: 0;
padding-bottom: 2rem;
}
.app_screens_list a {
display: inline-block;
vertical-align: bottom;
background-color: var(--putih);
border-radius: 0.5rem;
margin-left: 1rem;
}
.app_screens_list a:first-child {
margin-left: 0;
}
.app_screens_list a img {
display: block;
width: auto;
border-radius: inherit;
}
.app_screens_list::after, .app_screens_list::before {
content: "";
display: inline-block;
width: 2rem;
height: 2rem;
}
.app_screens_list::after {
margin-left: -0.3em;
}
.app_screens_list::before {
margin-right: -0.3em;
}
.xfieldimagegallery {
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
}
.xfieldimagegallery > li {
height: auto;
display: inline-block;
}
.xfieldimagegallery > li img {
max-width: 100%;
height: auto;
}
@media (min-width: 500px) {
.app_screens_list a {
height: 300px;
}
.app_screens_list a img {
height: 100% !important;
}
.app_screens_list a:last-child {
padding-right: 0;
}
}
@media (max-width: 991px) {
.app_screens {
overflow: hidden;
}
.app_screens_list {
padding-bottom: 4rem;
}
.app_screens_in {
margin-bottom: -2rem;
}
}
@media (max-width: 499px) {
.app_screens .section-title {
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
text-transform: uppercase;
}
.app_screens_list a {
max-width: 80vw;
}
.app_screens_list a img {
width: 100%;
height: auto !important;
max-height: 400px;
box-shadow: 0 0.25rem 1.25rem -0.25rem rgba(0, 0, 0, 0.1);
}
.app_screens_list::after, .app_screens_list::before {
height: 1.5rem;
width: 1.5rem;
}
}
@media (max-width: 339px) {
.app_screens .section-title {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.app_screens_list::after, .app_screens_list::before {
height: 0.75rem;
width: 0.75rem;
}
.app_screens_list a {
margin-left: 0.75rem;
}
}
.box_shadow {
background-color: var(--putih);
box-shadow: 0 0.25rem 1.5rem 1px rgba(0, 0, 0, 0.03);
border-radius: 0.125rem;
position: relative;
z-index: 1;
}
.box_download .tabs {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 0.5rem;
}
.tabs {
display: flex;
}
ul.tabs {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.tabs > li > a {
padding: 0 1rem;
display: block;
color: inherit !important;
opacity: 0.5;
text-decoration: none !important;
}
.tabs > li > a > span {
display: block;
line-height: 1.5rem;
padding: 1rem 0;
box-shadow: inset 0 0 0 0 #68cb5b;
transition: box-shadow 0.15s ease-in-out;
}
.tabs > li > a.active {
opacity: 1 !important;
}
.tabs > li > a.active > span {
box-shadow: inset 0 2px 0 0 #68cb5b;
}
@media (min-width: 992px) {
.tabs > li > a:hover {
opacity: 0.6;
}
}
@media (min-width: 500px) {
.box_download .cont, .box_download .foot {
padding: 2rem;
}
.box_download .cont ~ .foot, .box_download .tabs ~ .cont {
margin-top: -2rem;
}
}
@media (max-width: 499px) {
.box_download .tabs {
justify-content: center;
}
.box_download .cont, .box_download .foot {
padding: 1.5rem;
}
.box_download .cont ~ .foot, .box_download .tabs ~ .cont {
margin-top: -1.5rem;
}
}
@media (max-width: 339px) {
.box_download .cont, .box_download .foot {
padding: 0.75rem;
}
.box_download .cont ~ .foot, .box_download .tabs ~ .cont {
margin-top: -0.75rem;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .tab-pane:first-child {
display: block;
}
.download_line {
margin-top: 1rem;
padding: 0.5rem;
display: block;
text-decoration: none !important;
}
.download_line * {
cursor: pointer;
line-height: 1.5rem;
}
.download_line:first-child {
margin-top: 0;
}
.download_line > .size {
font-style: normal;
}
.download_line > div > i {
float: left;
margin-left: -2rem;
margin-top: -0.125rem;
}
.download_line.light {
color: inherit !important;
background-color: rgba(220, 225, 229, 0.3);
}
.download_line.light > .size, .download_line.light > div > i {
color: #68cb5b;
}
.download_line.green {
color: #fff !important;
background-color: var(--color_button);
}
.download_line.brand {
color: #121416;
background-color: #fc0;
}
.download_line.brand:hover {
background-color: #ebbc00;
}
.download_line.brand > div > i > svg {
margin: -0.25rem;
}
@media (min-width: 992px) {
.download_line {
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-size: 1.125rem;
border-radius: 2rem;
transition: background-color 0.15s ease-in-out;
}
.download_line > div {
padding: 0.75rem;
padding-left: 2.75rem;
flex: 1 1 auto;
}
.download_line > .size {
font-weight: 700;
border-radius: 1.5rem;
padding: 0.75rem 1.5rem;
min-width: 8.75rem;
text-align: center;
margin-left: 2rem;
box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.download_line.light:hover {
background-color: rgba(220, 225, 229, 0.5);
}
.download_line.light > .size {
background-color: var(--putih);
}
.download_line.green:hover {
background-color: var(--color_button_hover);
}
.download_line.green > .size {
background-color: rgba(206, 235, 202, 0.2);
}
.download_line.brand {
display: flex !important;
}
.download_line.brand > .size {
background-color: var(--putih);
}
}
@media (max-width: 991px) {
.download_line {
border-radius: 0.75rem;
padding: 1rem;
}
.download_line > div {
padding-left: 2rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.download_line > .size {
display: block;
margin-left: 2rem;
}
.download_line.light > .size {
color: #363f46;
}
}
@media (max-width: 575px) {
.download_line > div {
font-size: 0.875rem;
line-height: normal;
}
.download_line > .size {
display: block;
margin-left: 2rem;
font-size: 0.8125rem;
}
}
@media (max-width: 339px) {
.download_line {
margin-top: 0.75rem;
}
}
.cache {
display: flex;
}
.cache > .b-yellow {
border-radius: 50%;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
display: inline-block;
vertical-align: top;
}
.cache > .b-yellow > svg {
display: block;
}
@media (min-width: 500px) {
.cache > .b-yellow {
margin-right: 1rem;
}
}
@media (max-width: 499px) {
.cache {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.cache > .b-yellow {
margin-bottom: 1rem;
}
.rate_num .fbold {
font-size: 50px;
}
}
.box_grey {
background-color: #edefeca6;
padding: 2rem;
}
@media (max-width: 499px) {
.box_grey {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
}
@media (max-width: 339px) {
.box_grey {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
.app_moreinfo_item > .smf {
margin-bottom: 0;
}
.app_moreinfo_item > .fbold {
margin-bottom: 0.5rem;
}
.app_moreinfo_item ul {
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.app_moreinfo_item .spec > li {
padding-left: 0;
display: inline-block;
}
@media (max-width: 991px) {
.app_moreinfo .grid-2:last-child {
margin-top: 1rem;
}
}
@media (min-width: 576px) {
.app_moreinfo_item {
padding-left: 2.5rem;
}
.app_moreinfo_item > i > svg {
margin-left: -2.5rem;
float: left;
}
}
@media (max-width: 575px) {
.app_moreinfo {
text-align: center;
}
.app_moreinfo .spec {
text-align: left;
}
.app_moreinfo .spec > li {
width: 49%;
max-width: 50%;
padding-right: 1rem;
margin: 0 0 1rem 0;
font-size: 0.8125rem;
}
.app_moreinfo_item > i > svg {
margin-bottom: 1rem;
}
.app_moreinfo_item.novirus > i {
border-radius: 50%;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
margin-bottom: 1rem;
display: inline-block;
vertical-align: top;
background-color: #ceebca;
}
}
.unit-rating {
width: 8.75rem;
height: 1.75rem;
font-size: 1px;
}
.unit-rating {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23CACEC9' d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/svg%3E");
}
.unit-rating, .unit-rating li a:hover, .unit-rating li.current-rating {
background-size: auto 100%;
}
.unit-rating {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
.unit-rating li {
text-indent: -9000px;
padding: 0;
margin: 0;
float: left;
width: 20%;
height: 100%;
}
.unit-rating li a {
width: 20%;
height: 100%;
text-decoration: none !important;
text-indent: -9000px;
z-index: 17;
position: absolute;
}
.unit-rating li a:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2368CB5B' d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/svg%3E");
z-index: 2;
left: 0;
}
.unit-rating a.r1-unit {
left: 0;
}
.unit-rating a.r1-unit:hover {
width: 20%;
}
.unit-rating a.r2-unit {
left: 20%;
}
.unit-rating a.r2-unit:hover {
width: 40%;
}
.unit-rating a.r3-unit {
left: 40%;
}
.unit-rating a.r3-unit:hover {
width: 60%;
}
.unit-rating a.r4-unit {
left: 60%;
}
.unit-rating a.r4-unit:hover {
width: 80%;
}
.unit-rating a.r5-unit {
left: 80%;
}
.unit-rating a.r5-unit:hover {
width: 100%;
}
.unit-rating li.current-rating {
background-image: var(--svg_rating);
position: absolute;
height: 100%;
text-indent: -9000px;
z-index: 1;
}
.unit-rating li a:hover, .unit-rating li.current-rating {
background-color: var(--putih);
}
.modal_search .unit-rating li a:hover, .modal_search .unit-rating li.current-rating {
background-color: #fafafa;
}
.navigation {
clear: both;
}
.navigation_ext {
background-color: var(--putih);
box-shadow: 0 0.25rem 1.5rem 1px rgb(0 0 0 / 3%);
}
.navigation_ext > .pages {
overflow-x: auto;
margin-top: -1px;
}
.navigation_ext > .pages a, .navigation_ext > .pages span, .navigation_ext > a, .navigation_ext > span {
color: inherit;
padding: 0.5rem 1rem;
line-height: 1.5rem;
height: 2.5rem;
text-decoration: none;
}
.navigation_ext > a, .navigation_ext > span {
margin-top: -1px;
}
.navigation_ext > a svg, .navigation_ext > span svg {
vertical-align: top;
width: 1.5rem;
height: 1.5rem;
}
.navigation_ext > span svg {
opacity: 0.5;
}
@media (min-width: 992px) {
.navigation_ext {
display: flex;
justify-content: center;
align-items: flex-start;
}
.navigation_ext > .pages {
display: flex;
min-width: 0;
flex: 1;
justify-content: center;
align-items: center;
}
.navigation_ext a {
transition: color 0.15s ease-in-out;
}
.navigation_ext a:hover {
color: var(--color_link);
}
}
@media (max-width: 991px) {
.navigation_ext {
position: relative;
height: 2.5rem;
padding: 0 4rem;
}
.navigation_ext > .pages {
text-align: center;
white-space: nowrap;
}
.navigation_ext > .pages > * {
display: inline-block;
vertical-align: top;
}
.navigation_ext > a, .navigation_ext > span {
position: absolute;
top: 0;
width: 4rem;
height: 2.5rem;
text-align: center;
}
.navigation_ext > a:last-child, .navigation_ext > span:last-child {
right: 0;
}
.navigation_ext > a:first-child, .navigation_ext > span:first-child {
left: 0;
}
}
.navigation_ext > :first-child {
border-right: 1px solid #e2e5e2;
}
.navigation_ext > :last-child {
border-left: 1px solid #e2e5e2;
}
.navigation_ext > .pages span {
background-color: #e2e5e233;
}
.navigation_ext > .pages span.nav_ext {
background-color: transparent !important;
}
.navigation_in::after {
clear: both;
display: block;
content: "";
}
.navigation_in > button.btn {
margin-right: -1rem;
}
.navigation_in > .nav_more {
float: left;
}
#navcollapse_btn {
float: right;
}
@media (max-width: 499px) {
.navigation {
padding: 1.5rem;
}
.navigation_ext {
margin-bottom: 1.5rem;
}
}
@media (min-width: 500px) {
.navigation_in {
margin-top: 2rem;
}
}
.item ~ .navigation {
padding: 0 0.75rem;
padding-top: 1.25rem;
}
.item ~ .navigation .navigation_ext {
margin-bottom: 2rem;
}
.item ~ .navigation .navigation_in {
padding-top: 0 !important;
}
.navigation .collapse {
display: none;
}
.navigation.open .collapse {
display: block;
}
.navigation.open .navigation_in > button.btn > .arrow_drop::after {
transform: rotate(180deg);
}
.modal {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
background-color: var(--putih);
display: none;
opacity: 0;
overflow: hidden;
transition: opacity 0.3s ease;
}
.modal_search {
background-color: #f4f5f3fa;
}
.modal .btn-close {
position: absolute;
right: 0;
top: 0;
transform: translateY(-100%);
opacity: 0;
z-index: 1;
}
.modal_content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: scroll;
}
.modal_wrap {
margin: 0 auto;
width: 100%;
}
.modal .btn-close, .modal_catmenu, .qsearch_form {
transition: transform 0.5s ease, opacity 0.3s ease;
}
.modal_catmenu, .qsearch_form {
transform: translateY(30%);
opacity: 0;
padding: 4rem 0;
}
ul.modal_catmenu, ul.modal_catmenu ul {
list-style: none;
margin: 0;
}
.modal_catmenu a {
display: block;
color: #363f46;
text-decoration: none;
font-weight: 400;
}
.modal_catmenu a.active {
font-weight: 700;
cursor: default;
}
@media (min-width: 576px) {
.modal_wrap {
max-width: calc(848px + 2rem);
padding: 0 2rem;
}
.modal_catmenu a {
padding: 0.2em 0;
padding-left: 4rem;
font-size: calc(1rem + 1vw);
}
.modal_catmenu a.active::before {
transform: translateX(0) !important;
opacity: 1 !important;
background-color: var(--color_list)!important;
}
.modal_catmenu a::before {
content: "";
float: left;
margin-left: -3rem;
margin-top: 0.7em;
width: 1.5rem;
height: 0.25rem;
transform: translateX(2rem);
opacity: 0;
background-color: var(--color_list);
transition: transform 0.2s ease, opacity 0.1s ease;
}
}
@media (min-width: 992px) {
.modal_catmenu, .qsearch_form {
padding: 5rem 0;
}
.modal_catmenu a:hover::before {
transform: translateX(0);
opacity: 1;
}
}
@media (max-width: 575px) {
.modal_wrap {
max-width: calc(848px + 1rem);
padding: 0 1rem;
}
.modal_catmenu a {
font-size: 1.25rem;
padding: 0.75rem 2.5rem;
line-height: 1.5rem;
height: 3rem;
}
}
@media (max-width: 499px) {
.modal_catmenu a {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.modal.open {
display: block;
}
@media (min-width: 992px) {
html.mdl, html.mdl .header, html.qs, html.qs .header {
padding-right: 16px;
}
}
html.mdl, html.qs {
overflow: hidden;
width: 100%;
height: 100%;
}
html.mdl .modal.open, html.qs .modal.open {
opacity: 1;
}
html.mdl .modal.open .btn-close, html.mdl .modal.open .modal_catmenu, html.qs .modal.open .btn-close, html.qs .modal.open .qsearch_form {
transform: translateY(0);
opacity: 1;
}
.search_field {
position: relative;
}
.search_field > input {
display: block;
width: 100%;
outline: 0 !important;
border-radius: 0.125rem;
background-color: var(--putih);
border: 0 none;
box-shadow: 0 0.5rem 1.375rem 0 rgba(0, 0, 0, 0.07);
}
.search_field > button {
position: absolute;
right: 1.125rem;
top: 50%;
transform: translateY(-50%);
width: 3rem;
height: 3rem;
padding: 0.5rem;
margin: 0;
border: 0 none;
background: 0 0;
}
.search_field > button > svg {
width: 2rem;
height: 2rem;
display: block;
}
.qsearch_list .item {
padding: 0 1rem;
position: relative;
}
.qsearch_list .item .item_app {
padding: 1rem 0;
position: static;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.qsearch_list .item_app .img {
width: 4rem;
height: 4rem;
float: left;
}
.qsearch_list .item_app .cont {
margin-left: 5rem;
}
.qsearch_list .item_app .meta {
height: 1.25rem;
}
.qsearch_list .item_app .meta::after, .qsearch_list .item_app.mod .meta::before {
display: none;
}
.qsearch_list .item_app .cont .data {
height: auto;
margin-right: 2rem;
white-space: nowrap;
width: 100%;
overflow: hidden;
position: relative;
}
.qsearch_list .item_app .cont .data::after {
content: "";
width: 1px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin-right: -1px;
background-color: #fafafa;
box-shadow: 0 0 1rem 1rem #fafafa;
}
@media (max-width: 819px) {
.qsearch_list .item_app .meta {
margin-top: 0.125rem;
}
}
@media (min-width: 820px) {
.qsearch_list .item_app .cont {
position: relative;
margin-top: 0.5rem;
padding-right: 7.5rem;
}
.qsearch_list .item_app .meta {
position: absolute;
right: 0;
top: 50%;
margin: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
}
@media (min-width: 576px) {
.search_field > input {
font-size: 1.125rem;
line-height: 1.75rem;
padding: 1.75rem 2rem;
padding-right: 5.25rem;
height: 5.25rem;
}
.search_field > button {
right: 1.125rem;
}
.qsearch_list {
padding: 1rem;
}
.qsearch_more {
margin-top: 1rem;
}
}
@media (min-width: 992px) {
.search_field > button {
transition: color 0.2s linear;
}
.search_field > button:hover {
color: #68cb5b;
}
}
@media (max-width: 575px) {
.search_field > button {
right: 0.5rem;
}
.search_field > input {
font-size: 1rem;
line-height: 1.5rem;
padding: 1.25rem;
padding-right: 4rem;
height: 4rem;
}
.qsearch_list {
margin-top: 1rem;
}
.qsearch_more {
margin-top: 1.5rem;
}
}
@media (min-width: 576px) {
.searchbox .box_grey {
padding: 1.5rem;
}
.searchbox .box_grey > .uppercase {
margin-top: 1.5rem;
}
}
@media (max-width: 575px) {
.searchbox .box_grey {
padding: 1rem;
}
.searchbox .box_grey > .uppercase {
margin-top: 1rem;
}
}
.ui-widget-overlay {
background: #000;
opacity: 0.5;
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
}
.ui-helper-clearfix:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
.ui-dialog {
text-align: left;
overflow: hidden;
padding: 0;
position: absolute;
width: 420px;
border-radius: 2px;
box-shadow: 0 0.5rem 2.5rem -0.5rem rgba(0, 0, 0, 0.3);
border: 1px solid #e6e6e6;
border-color: rgba(0, 0, 0, 0.2);
background-color: var(--putih);
background-clip: padding-box;
}
.ui-dialog-titlebar {
padding: 1.25rem;
position: relative;
border-bottom: 1px solid #edeff1;
}
.ui-dialog-title {
float: left;
font-weight: 700;
font-size: 1em;
}
.ui-dialog-titlebar-close {
position: absolute;
right: 0.5rem;
top: 50%;
margin-top: -1.5rem;
height: 3rem;
width: 3rem;
padding: 0.75rem;
border: 0 none !important;
}
.ui-dialog-titlebar-close .ui-icon {
display: block;
width: 1.5rem;
height: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23343a40'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
background-size: 100% auto;
opacity: 0.5;
}
.ui-button {
float: right;
font-weight: 700;
margin-left: 3px;
}
.ui-dialog-titlebar-close:hover .ui-icon {
opacity: 1;
}
.ui-icon {
overflow: hidden;
text-indent: -9999px;
}
.ui-dialog-content {
padding: 1.25rem;
overflow: auto;
position: relative;
zoom: 1;
}
.ui-dialog-content h2 {
display: inline;
font-size: 1em;
font-weight: 700;
}
.ui-dialog .ui-dialog-buttonpane {
padding: 1.25rem;
text-align: center;
border-top: 1px solid #eceded;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-front {
z-index: 1000;
}
.ui-button-icon-only {
overflow: hidden;
text-indent: -9999px;
}
.share {
margin-top: 2rem;
height: 3.5rem;
color: #343a40;
}
.share .share-box {
box-shadow: 0 0 0 1px #e2e5e2;
width: 100%;
}
.share .share-box::after {
clear: both;
display: block;
content: "";
}
.share .share-box > a {
float: left;
width: 100%;
max-width: 25%;
height: 3.5rem;
padding: 1rem;
text-align: center;
border-left: 1px solid #e2e5e2;
color: inherit !important;
}
.share .share-box > a:first-child {
border-left-width: 0;
}
@media (min-width: 768px) {
.share .share-box {
max-width: 340px;
}
}
@media (min-width: 992px) {
.share .share-box > a:hover {
box-shadow: inset 0 -4rem 0 0 #e2e5e233;
}
}
.btn, .ui-button {
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none !important;
outline: 0 !important;
color: inherit;
background-color: transparent;
border: 0 none;
padding: 0.5rem 1rem;
line-height: 1.5rem;
border-radius: 1.5rem;
cursor: pointer;
}
.btn-sm {
line-height: 1.25rem;
padding: 0.375rem 0.75rem;
}
.btn-lg {
line-height: 1.5rem;
padding: 0.75rem 1.25rem;
}
@media (prefers-reduced-motion: reduce) and (max-width: 991px) {
.btn {
transition: none;
}
}
.btn.btn-dark, .ui-button {
background-color: var(--color_button_more);
color: var(--putih);
opacity: 1 !important;
}
.btn.btn-green {
background-color: var(--color_button);
color: var(--putih);
opacity: 1 !important;
box-shadow: 0 0.5rem 1.5rem 0 #68cb5b33;
}
.btn.btn-orange {
background-color: var(--color_button_orange);
color: var(--putih);
opacity: 1 !important;
box-shadow: 0 0.5rem 1.5rem 0 var(--color_button_orange);
}
.btn-border {
border: 2px solid;
}
.btn-back {
display: inline-block;
width: 2.5rem;
height: 2.5rem;
padding: calc(0.5rem - 2px);
border-radius: 50%;
border: 2px solid;
}
.btn-back svg {
width: 1.5rem;
height: 1.5rem;
display: block;
}
.btn-close {
border: 0 none;
background: 0 0;
color: inherit;
width: 4rem;
height: 4rem;
}
.btn-close > svg {
width: 1.5rem;
height: 1.5rem;
}
@media (min-width: 1200px) {
.btn-close {
background-color: var(--color_button);
color: var(--putih);
width: 5rem;
height: 5rem;
}
.btn-close > svg {
width: 2rem;
height: 2rem;
}
}
@media (min-width: 992px) {
.btn, .ui-button {
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover, .ui-button:hover {
opacity: 0.8;
}
.btn.btn-dark:hover, .ui-button:hover {
box-shadow: 0 0 0 0.25rem rgba(54, 63, 70, 0.15);
}
.btn.btn-dark:active, .ui-button:active {
box-shadow: inset 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
}
.btn.btn-green:hover {
box-shadow: 0 0.5rem 1.5rem 0 #68cb5b33, 0 0 0 0.25rem rgba(104, 203, 91, 0.15);
}
.btn.btn-green:active {
background-color: #54b247;
box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 121, 50, 0.15);
transform: translateY(0);
}
.btn.btn-orange:hover {
box-shadow: 0 0.5rem 1.5rem 0 var(--color_button_orange)33, 0 0 0 0.25rem rgba(247, 122, 76, 0.15);
}
.btn.btn-orange:active {
background-color: #c75b33;
box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 121, 50, 0.15);
transform: translateY(0);
}
.btn-back {
transition: box-shadow 0.2s ease;
}
.btn-back:hover {
box-shadow: inset 0 0 0 0.25rem rgba(104, 203, 91, 0.4);
}
}
.toolbar .minbtn {
float: right;
color: inherit !important;
background-color: rgba(220, 225, 229, 0.3);
}
.toolbar .minbtn .switch {
margin-left: -0.25rem;
margin-right: 0.25rem;
}
.switch {
display: inline-block;
vertical-align: middle;
margin-top: -0.25rem;
position: relative;
border-radius: 0.5rem;
width: 1.5rem;
height: 1rem;
background-color: #d55e5e;
}
.switch::after {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 0.125rem;
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background-color: var(--putih);
box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.15);
}
.switch.active {
background-color: var(--color_button);
}
.switch.active::after {
left: 100%;
margin-left: -0.875rem;
}
.alert {
background-color: #fcf6d2;
padding: 1.25rem 1.5rem;
}
@media (min-width: 500px) {
.alert {
padding: 1.25rem 2rem;
margin-bottom: 2rem;
}
}
@media (max-width: 991px) {
html.load .app-panel {
transform: translateY(100%);
opacity: 0;
}
html.ap-open .app-panel {
display: block !important;
}
.app-panel {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 4rem;
pointer-events: none;
z-index: 99;
transform: translateY(0);
opacity: 1;
transition: transform 0.3s ease, opacity 0.2s ease;
}
.app-panel-wrap {
width: 100%;
max-width: 26rem;
padding: 0.75rem;
margin: 0 auto;
background-color: var(--putih);
pointer-events: auto;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 0 1.5rem 0 rgba(0, 0, 0, 0.07);
position: relative;
border-radius: 1rem;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.app-panel-wrap::after {
content: "";
display: block;
clear: both;
}
.app-panel-wrap > img {
float: left;
width: 2.5rem;
height: 2.5rem;
border-radius: 0.5rem;
margin-right: 0.75rem;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 1rem 0 rgba(0, 0, 0, 0.07);
}
.app-panel-cont {
font-size: 0.75rem;
overflow: hidden;
padding-top: 1px;
white-space: nowrap;
text-overflow: ellipsis;
}
.app-panel-cont > .fbold {
font-size: 0.875rem;
display: block;
}
.app-panel-btns {
float: right;
padding: 0.25rem;
}
.app-panel-btns .btn-green {
font-size: 0.75rem;
}
.app-panel-btns .btn-green::after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
}
.app-panel-close {
width: 2rem;
padding: 0.375rem;
background-color: #f5f6f7;
position: relative;
z-index: 2;
}
.app-panel-close svg {
display: block;
transition: transform 0.4s ease;
}
.app-panel-close:hover svg {
transform: rotate(180deg);
}
}
html.darkmod .modal, html.darkmod body {
background: #121416;
color: var(--putih);
}
html.darkmod .cat-apps-item.more {
background-color: #292c2f; 
}
html.darkmod .header > header {
background-color: #292c2f;
color: var(--putih);
}
html.darkmod .header::after {
box-shadow: 0 0 2.5rem 0 rgb(0, 0, 0, 0.5);
}
html.darkmod .section-sep {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .footer {
color: var(--putih);
}
html.darkmod .btn.btn-dark, html.darkmod .ui-button {
background-color: var(--color_button_more);
color: var(--putih);
opacity: 1 !important;
}
html.darkmod .seo-section {
color: rgba(255, 255, 255, 0.5);
}
html.darkmod .app_list .item_app {
background-color: #1b1d1f;
}
html.darkmod .cat-apps-img, html.darkmod .item_app .img, html.darkmod .post .img {
background-color: rgba(255, 255, 255, 0.05);
}
html.darkmod .card-list .item_app, html.darkmod .carousel-apps .item_app {
background-color: #1b1d1f;
}
html.darkmod .cat-apps-item.more, html.darkmod .mail_feedback {
border-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .modal_search {
background-color: #121416;
}
html.darkmod .mail_feedback {
color: var(--putih);
}
html.darkmod .mail_black {
display: none !important;
}
html.darkmod .mail_white {
display: block !important;
}
html.darkmod .cd-faq-group > li, html.darkmod .post_list, html.darkmod .ui-dialog .ui-dialog-buttonpane {
border-top-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .share {
color: rgba(255, 255, 255, 0.8);
}
html.darkmod .share-box > a {
border-left-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .share-box {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
html.darkmod .modal_catmenu a {
color: inherit;
}
html.darkmod .toolbar, html.darkmod .ui-dialog-titlebar {
border-bottom-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.01);
}
html.darkmod .post_list .post {
background-color: #1b1d1f;
}
html.darkmod .toolbar {
color: #b7bfc6;
}
html.darkmod .alert {
background-color: rgba(247, 122, 76, 0.2);
}
html.darkmod .muted {
color: rgba(255, 255, 255, 0.5) !important;
}
html.darkmod .app_view_pad .spec {
color: rgba(255, 255, 255, 0.8);
}
html.darkmod button {
color: inherit;
}
html.darkmod .navigation_ext {
background-color: #1b1d1f;
border-color: #1b1d1f;
}
html.darkmod .navigation_ext > :last-child {
border-left-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .navigation_ext > :first-child {
border-right-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .box_shadow {
background-color: #292c2f;
}
html.darkmod .c-warn {
color: var(--color_mods_text) !important;
}
html.darkmod .b-yellow.c-warn {
color: var(--color_mods_text) !important;
}
html.darkmod .download_line.light {
background-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .box_grey {
background-color: #1d1f21;
}
html.darkmod .version_history .list {
background: #1d1f21;
}
html.darkmod .version_history .big_title, html.darkmod .version_history .list .title {
color: #ffffff;
}
html.darkmod .app_view-first .img {
background: 0 0;
box-shadow: none;
}
html.darkmod .search_field > input {
background-color: #292c2f;
color: var(--putih);
box-shadow: 0 0.5rem 1.375rem 0 rgba(0, 0, 0, 0.25);
}
html.darkmod .ui-dialog {
border: 0 none;
background-color: #292c2f;
box-shadow: 0 0.5rem 2.5rem -0.5rem rgba(0, 0, 0, 0.9);
}
html.darkmod .ui-dialog-titlebar-close .ui-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23fff'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
}
html.darkmod .unit-rating {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23595A5C' d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z'/%3E%3C/svg%3E");
}
html.darkmod .unit-rating li.current-rating {
background-image: var(--svg_rating);
}
html.darkmod .unit-rating li a:hover, html.darkmod .unit-rating li.current-rating {
background-color: #1b1d1f;
}
html.darkmod .logo-t-fill {
fill: var(--putih);
}
html.darkmod .logo-wmd-bg {
fill: rgba(255, 235, 235, 0.1);
}
html.darkmod .logo-psh-bg {
fill: rgba(230, 244, 220, 0.1);
}
html.darkmod .logo-w-fill {
fill: var(--putih);
}
html.darkmod .logo-hwn-bg {
fill: #121416;
}
html.darkmod .logo-hny-bg {
fill: rgba(220, 239, 247, 0.1);
}
html.darkmod .logo-hbd-bg {
fill: rgba(238, 235, 255, 0.1);
}
html.darkmod .logo-ahd-bg {
fill: rgba(104, 203, 91, 0.1);
}
html.darkmod .logo-lvd-bg {
fill: rgba(255, 104, 97, 0.1);
}
html.darkmod .logo-lvd-text {
fill: var(--putih);
}
html.darkmod .breadcrumbs::after {
background-color: #121416;
box-shadow: 0 0 1rem 1rem #121416;
}
@media (min-width: 640px) {
html.darkmod .post_view {
background-color: #1b1d1f;
}
}
@media (min-width: 768px) {
html.darkmod .app_view_wrp {
background-color: #1b1d1f;
}
}
@media (max-width: 991px) {
html.darkmod .hmenu, html.darkmod .submenu.open {
background-color: #121416;
color: var(--putih);
}
html.darkmod .app-panel-wrap {
background-color: #292c2f;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 0 1.5rem 0 rgba(0, 0, 0, 0.3);
}
html.darkmod .app-panel-close {
background-color: rgba(255, 255, 255, 0.1);
}
html.darkmod .download_line.light > .size {
color: var(--putih);
}
html.darkmod .carousel-apps-out::after {
background-image: linear-gradient( -90deg, rgba(18, 20, 22, 0.8) 0, rgba(18, 20, 22, 0) 100% );
}
}
@media (max-width: 767px) {
html.darkmod .app_view_pad .rate {
background-color: #1d1f21;
}
html.darkmod .app_screens {
box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 10%);
border-bottom-color: rgb(255 255 255 / 5%);
}
html.darkmod .app_view_pad .rate .unit-rating li a:hover, html.darkmod .app_view_pad .rate .unit-rating li.current-rating {
background-color: #1d1f21;
}
html.darkmod .version_upload {
border-top-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
}
}
@media (max-width: 575px) {
html.darkmod .last-news .post {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
}
@media (min-width: 992px) {
html.darkmod .head_menu_f > li > a > i {
color: var(--putih);
opacity: 0.3;
}
html.darkmod .head_menu_f > li > a.active > i {
opacity: 1;
}
html.darkmod .minbtn, html.darkmod .tool-btn::after {
background-color: rgba(220, 225, 229, 0.1);
}
html.darkmod .minbtn:hover, html.darkmod a.lang:hover > .minbtn {
background-color: rgba(220, 225, 229, 0.3);
}
html.darkmod .foot_line {
background-color: #000;
}
html.darkmod .social::before, html.darkmod ul.foot_menu > li > a {
opacity: 0.5;
}
html.darkmod .carousel-apps-out::after {
background-image: linear-gradient( 90deg, #121416 0, rgba(18, 20, 22, 0) 100% );
}
html.darkmod .app_list .item_app:hover, html.darkmod .card-list .item_app:hover, html.darkmod .carousel-apps .item_app:hover, html.darkmod .post_list .post:hover {
background-color: #212325;
}
html.darkmod .download_line.light > .size {
background-color: #292c2f;
}
html.darkmod .btn.btn-dark:hover, html.darkmod .ui-button:hover {
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.03);
background-color: rgba(255, 255, 255, 0.15);
}
html.darkmod .btn.btn-dark:active, html.darkmod .ui-button:active {
background-color: rgba(220, 225, 229, 0.05);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.02);
}
html.darkmod .cbtn-hide::after {
background-color: #121416;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.5);
}
html.darkmod .cat-apps-item.more:hover {
border-color: rgba(255, 255, 255, 0.2);
}
html.darkmod .share-box > a:hover {
box-shadow: inset 0 -4rem 0 0 rgba(255, 255, 255, 0.05);
}
html.darkmod .submenu {
background-color: #34373b;
box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.3);
}
html.darkmod .submenu::after {
border-bottom-color: #34373b;
}
html.darkmod .corner::after {
border-bottom-color: #121416;
}
html.darkmod .post .img::after {
border-left-color: #121416;
}
html.darkmod .item_app:hover .unit-rating li a:hover, html.darkmod .item_app:hover .unit-rating li.current-rating {
background-color: #212325;
}
html.darkmod .app_screens_in::-webkit-scrollbar {
background-color: #121416;
}
html.darkmod .app_screens_in::-webkit-scrollbar-thumb {
background-color: #292c2f;
border-color: #121416;
}
html.darkmod .app_screens_in::-webkit-scrollbar-track {
background-color: #121416;
border-color: #121416;
}
html.darkmod .sep_line::after {
background-color: rgba(255, 255, 255, 0.1);
}
}
@media (min-width: 1025px) {
html.darkmod .app_view-first .spec_addon {
color: rgba(255, 255, 255, 0.5);
}
}
.links a {
display: block;
text-decoration: none;
background: #8bc24c;
color: var(--putih);
font-size: 18px;
padding: 14px 25px;
border-radius: 24px;
white-space: nowrap;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
}
.content-area .status .category a:hover {
color: #748796;
border-color: #ff5521;
}
.truncate {
width: 130px;
overflow: hidden;
position: relative;
display: inline-block;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
#scrolltop {
display: block;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.5s ease-in;
position: fixed;
bottom: 5%;
right: 20px;
background: rgba(255, 255, 255, 0.001);
border-radius: 50%;
}
.top-button {
text-decoration: none;
font-size: 55px;
font-weight: 700;
line-height: 1.5;
cursor: pointer;
padding: 12px;
color: var(--color_button);
}
html.darkmod #scrolltop {
background: rgba(255, 255, 255, 0.001);
}
.center {
text-align: center;
}
rect.back {
fill: transparent;
}
rect.two, path.three, rect.middle {
fill: var(--color_button);
}
.arrowspace {
position: fixed;
right: 1%;
bottom: 0;
display: inline-block;
padding: 1em;
margin: 1em;
transition: all 0.25s ease-in-out;
opacity: 0.8;
cursor: pointer;
}
.arrowspace:hover, .arrowspace:focus {
opacity: 1;
text-decoration: none;
}
.arrowspace:hover rect.two, .arrowspace:hover path.three, .arrowspace:hover rect.middle, .arrowspace:focus rect.two, .arrowspace:focus path.three, .arrowspace:focus rect.middle {
fill: var(--color_button_hover);
}
.arrowspace:focus {
outline: thin dotted;
}
.show-back-to-top {
display: block;
visibility: visible;
}
.textwidget {
margin: 25px;
}
li.widget_text.widget.widget_custom_html, li.widget.widget_text, .widget, #mod_info li {
list-style: none;
}
#mod_info ul {
padding: 1px !important;
}
.review_tag_main .title {
font-size: 1rem;
padding: 16px 0;
font-weight: bold;
}
.review_tag_main a {
padding: 0 20px;
display: inline-block;
color: white;
line-height: 2rem;
background: var(--color_button_hover);
border-radius: 15px;
font-size: .8rem;
margin-bottom: 8px;
text-transform: uppercase;
}
.review_tag_main a:hover {
opacity: .8;
text-decoration: underline;
}
.review_tag_main a:first-child {
color: white;
background: var(--color_button_hover);
}
.review_tag_main a:nth-child(2) {
color: white;
background: var(--color_button_hover);
}
.post_mid .text iframe, .post_mid .text video {
display: block;
margin: auto;
width: 90%;
}
.note_me_rey {
display: block;
text-align: center;
padding-left: 10px;
padding-right: 10px;
background-color: white;
text-transform: capitalize;
}
.note_me_rey::after {
content: "";
}
html.darkmod .note_me_rey {
background: #1b1d1f;
}
@media (min-width: 992px) {
#hantu_laut {
display: none;
}
}
html.darkmod .review_app_box {
background: #1b1d1f;
}
html.darkmod .review_app_box .title {
color: var(--putih);
}
.review_app_box {
width: 100%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 8px auto;
overflow: hidden;
background: var(--putih);
-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.08);
box-shadow: 0 2px 15px 0 rgba(0,0,0,.08);
position: relative;
text-align: left;
padding: 12px 16px;
}
.review_app_box .icon {
position: absolute;
top: 12px;
left: 16px;
height: 72px;
width: 72px;
-moz-border-radius: 20%;
-webkit-border-radius: 20%;
border-radius: 20%;
overflow: hidden;
}
.review_app_box .text {
padding: 0 0 0 80px;
margin-bottom: 10px;
min-height: 96px;
}
.review_app_box .title {
display: block;
font-size: 1.2rem;
line-height: 1.6rem;
max-height: 3.2rem;
margin-bottom: 8px;
color: #222;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.review_app_box p {
font-size: .85rem;
line-height: 1.2rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
.review_app_box a.title:hover {
color: #0284fe;
}
.review_app_box .other a.alternatives, .review_app_box .other span {
display: inline-block;
position: relative;
padding-left: 16px;
color: #9f9f9f;
height: 20px;
line-height: 20px;
margin-right: 6px;
font-size: .85rem;
}
.review_app_box .other a.alternatives:before, .review_app_box .other span:before {
content: '';
position: absolute;
top: 0;
width: 12px;
height: 20px;
left: 0;
display: inline-block;
background-repeat: no-repeat;
background-position: left 3px;
}
.review_app_box .other a.alternatives {
color: #0284fe;
margin: 0;
}
.review_app_box .other a.alternatives:before {
background-color: #0284fe;
-webkit-mask: var(--app_alternatives_icon) no-repeat center;
mask: var(--app_alternatives_icon) no-repeat center;
-webkit-mask-size: 10px;
mask-size: 10px;
}
.review_app_box .button {
display: inline-table;
background: var(--color_button);
color: var(--putih);
font-size: .85rem;
line-height: 1.6rem;
padding: 8px 24px;
border-radius: 4px;
min-width: 100px;
width: 100%;
text-align: center;
}
.review_app_box .button:hover {
text-decoration: none;
}
.review_app_box .google_play_btn, .review_app_box .pre_register_btn {
width: 176px;
height: 55px;
margin: 0;
margin-left: 100px;
}
@media (min-width:560px) {
.review_app_box {
text-align: left;
}
.review_app_box .text {
padding: 0 166px 0 120px;
}
.review_app_box .icon {
position: absolute;
top: 12px;
left: 16px;
height: 100px;
width: 100px;
-moz-border-radius: 20%;
-webkit-border-radius: 20%;
border-radius: 20%;
overflow: hidden;
}
.review_app_box .button {
position: absolute;
right: 16px;
top: 50px;
width: auto;
}
.review_app_box .gp_btn {
width: 176px;
height: 55px;
position: absolute;
right: 4px;
top: 50px;
}
}
.review_icon, .star_icon {
position: relative;
display: inline-block;
font-size: 12px;
padding-left: 14px;
}
.star_icon {
color: #fa8b15;
}
.review_icon {
color: #919191;
}
.review_icon:before, .star_icon:before {
content: '';
width: 12px;
height: 10px;
position: absolute;
left: 0;
top: 2px;
}
.star_icon:before {
background-color: #fa8b15;
-webkit-mask: var(--star_icon) no-repeat center;
mask: var(--star_icon) no-repeat center;
-webkit-mask-size: 12px;
mask-size: 12px;
}
.review_icon:before {
background-color: #919191;
-webkit-mask: var(--review_icon) no-repeat center;
mask: var(--review_icon) no-repeat center;
-webkit-mask-size: 10px;
mask-size: 10px;
}
.review_banner {
background: #f1f2f3;
display: block;
width: 100%;
height: 0;
padding-top: 48.88%;
position: relative;
overflow: hidden;
text-align: center;
border-radius: 8px 8px 0 0;
box-shadow: 0 0 12px 0 rgba(189,189,189,.3);
}
.review_banner img.img {
min-height: 100%;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
@media (min-width:960px) {
.review_banner {
padding-top: 40%;
}
}
html.darkmod .sample_ads {
border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 399px) {
.sample_ads {
font-size: 14px!important;
}
.sample_ads::before {
content: 'ADS'!important;
}
}
.sample_ads {
min-height: 70px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--color_link);
border: 1px solid #e6e6e6;
border-radius: 3px;
margin: 10px 0;
}
.sample_ads::before {
content: attr(data-text);
}
@font-face {
font-family: swiper-icons;src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7 xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2 eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j W2 MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j /8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR E gAEQFEAAAAKgAqACoANAA AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9 5SIc9PqupJKhYFSSl47 Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER 3i/BP83vIBLLySsoKimrqKqpa2hp6 jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")format("woff");font-weight: 400;font-style: normal;
}
:root {
--swiper-theme-color: var(--color_svg);
}
.screenshots_swiper {
width: 100%;
padding: 5px 0;
background-color: var(--color_background_body);
}
.screenshots_swiper .swiper-slide {
width: auto;
margin-right: 5px;
}
.screenshots_swiper .swiper-slide a {
display: block;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: var(--color_background_body);
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: var(--color_button);
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color), var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical> .swiper-pagination-bullets.swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic.swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl> .swiper-pagination-bullets-dynamic.swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color), var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl.swiper-pagination-progressbar.swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,.swiper-zoom-container > img,.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color), var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: var(--putih);
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 10px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: var(--putih);
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image,.fancybox-spaceball {
background: 0 0;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: var(--putih);
}
.fancybox-iframe,.fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: var(--putih);
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: var(--putih);
}
.fancybox-button:focus {
outline: 0;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: var(--putih);
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption {
background: linear-gradient(0deg,rgba(0, 0, 0, 0.85) 0,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.15) 65%,rgba(0, 0, 0, 0.075) 75.5%,rgba(0, 0, 0, 0.037) 82.85%,rgba(0, 0, 0, 0.019) 88%,transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right))max(25px, env(safe-area-inset-bottom))max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: var(--putih);
text-decoration: underline;
}
.fancybox-loading {
animation: a 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: var(--putih);
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes a {
to {
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}@	supports (padding: max(0px)) {
.fancybox-caption{padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,.fancybox-share__button:visited {
color: var(--putih);
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: var(--putih);
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: 0;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: var(--putih);
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
.postToc {
position: fixed;
top: 0;
right: -355px;
bottom: 0;
left: 0;
width: 355px;
margin-left: auto;
-webkit-transition: all .1s ease;
transition: all .1s ease;
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 2;
}
.tableOfContainer {
width: 100%;
height: 100%;
background-color: #FFFFFF;
-webkit-transition: all .1s ease;
transition: all .1s ease;
display: flex;
position: relative;
z-index: 3;
}
.tableOfHeader {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px 15px 30px;
background-color: #FFFFFF;
font-size: 15px;
font-weight: 400;
position: absolute;
top: 70px;
right: 0;
left: 0;
z-index: 1;
transition: inherit;
}
.tableOfHeader svg {
width: 20px;
height: 20px;
}
.tableOfHeader span:before {
content: attr(data-text);
}
.tableOfIcon {
width: 55px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fefefe;
border-radius: 50px 0 0 50px;
border: 1px solid #eceff1;
border-right: 0;
box-shadow: 0 10px 20px 0 rgb(30 30 30 / 8%);
position: absolute;
top: 70px;
left: -55px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
}
.tableOfIcon:before {
content: '';
display: block;
width: 12px;
height: 12px;
background-color: var(--color_list);
border: 2px solid #fefefe;
border-radius: 50%;
position: absolute;
top: 8px;
left: 15px;
}
.tableOfInner {
margin-top: 70px;
padding: 50px 25px 50px 30px;
width: 100%;
overflow-y: auto;
}
.tableOfContent a {
color: var(--color_link);
display: flex;
}
.tableOfContent ol {
margin: 0;
}
.tableOfContent li > a:before {
opacity: .7;
}
.tocMenu:checked ~ .postToc {
right: 0;
}
.tocMenu:checked ~ .postToc .tableOfIcon {
opacity: 0;
visibility: hidden;
}
html.darkmod .tableOfContainer,html.darkmod .tableOfHeader {
background-color: #292c2f;
}
html.darkmod .tableOfContent a {
color: currentColor;
}
html.darkmod .tableOfIcon {
background-color: #292c2f;
border-color: transparent;
}
html.darkmod .tableOfIcon:before {
border-color: #292c2f;
}
html.darkmod svg.line,svg .line {
stroke: currentColor;
}
@media screen and (max-width:896px) {
.postToc {
right: 0;
width: 75%;
max-width: 480px;
margin-right: -480px;
}
.tableOfContainer {
border-radius: 15px 0 0 15px;
}
.tableOfHeader,.tableOfIcon {
top: 75px;
}
.tableOfInner {
margin-top: 75px;
}
.tocMenu:checked ~ .postToc {
z-index: 10;
margin-right: 0;
}
.tocMenu:checked ~ .postToc .fullClose {
background: rgba(0,0,0,.25);
opacity: 1;
visibility: visible;
}
html.darkmod .tableOfContainer,html.darkmod .tableOfHeader {
background-color: #292c2f;
}
}
@media screen and (max-width:480px) {
.postToc {
margin-right: -75%;
}
.tableOfHeader,.tableOfInner {
padding-left: 20px;
padding-right: 20px;
}
}
.hidden,.replaced {
display: none;
}
svg.line,svg .line {
fill: none!important;
stroke: var(--color_button_hover);
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1;
}
div.toc {
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 80px;
float: right;
background-position: right top;
}
.tocs {
display: block;
position: relative;
float: right;
margin-top: 215px;
margin-right: 25px;
background-color: white;
width: 30px; overflow: hidden;
transition: width .3s ease-in-out 0s, border 1s, border-width .2s, background-color .3s ease .2s;
cursor: default;
}
.tocs .title {
overflow: hidden;
height: 0;
line-height: 35px;
width: 100%;
text-align: center;
background-color: var(--putih);
transition: height .1s;
}
.tocs ol {
margin: 0;
padding: 0;
}
.tocs ol li {
overflow: hidden;
text-indent: -200%;
background-color: var(--color_button);
margin: 2px;
margin-right: 5px;
height: 5px;
border-radius: 2px;
font-size: 0;
transition: margin-right .2s ease 0s, max-height .2s ease .2s, all .4s;
}
.tocs ol li.active {
margin-right: 5px;
color: red;
}
.tocs:hover {
width: 250px;
max-height: 90%;
border: 3px solid var(--color_button);
border-width: 3px 0px 2px 0px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
background-color: white;
}
.tocs:hover .title {
height: 36px;
}
.tocs:hover ol li {
max-width: 300px;
height: auto;
min-height: 22px;
line-height: 22px;
max-height: 400px;
background-color: transparent;
text-indent: 8px;
font-size: 12px;
}
@media (max-width: 450px) {
.hide {
display: none !important;
}
.comment-list li.comment .children .comment-by {
margin-left: 10px;
}
.form-group.text-right {
text-align: center;
}
#respond {
position: relative;
margin-left: 20px;
margin-right: 20px;
}
}
html.darkmod .comment-list li.even, html.darkmod .comment-list li.odd {
background: transparent;
}
html.darkmod ul.children li.comment.odd.alt {
border-top: 1px dotted rgba(255, 255, 255, 0.1);
}
html.darkmod .comment-list li.parent, html.darkmod .comment-list li.comment {
border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
html.darkmod #reply-title {
display: none;
}
#comments h3.title {
font-size: 1.25rem;
font-weight: 700;
max-width: 38rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin: 0 auto;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
p.must-log-in {
text-align: center;
font-size: 1.25rem;
font-weight: 700;
max-width: 38rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin: 0 auto;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.comment-title h3.title {
margin-bottom: 20px;
font-size: 1.25rem;
font-weight: 700;
}
.comment-list {
list-style: none;
margin: 0 0 1em;
padding: 0;
text-indent: 0;
}
.comment-list ol {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list li.comment {
border-bottom: 1px dotted rgba(248, 248, 255, 0.9);
padding: 1em;
}
.comment-list li.comment ol, .comment-list li.comment .children {
list-style: none;
margin: 0 0 0 20px;
}
.comment-list li.comment .avatar {
float: left;
width: 50px;
height: 50px;
border-radius: 50px;
}
.comment-list li.comment .comment-by {
margin-left: 20px;
}
.comment-list li.comment p {
margin-left: 20px;
}
.comment-list li.comment .comment-meta a {
color: #ccc;
}
.comment-list li.comment .reply a {
font-weight: bold;
}
.comment-list li.comment .children {
text-indent: 0;
padding-left: 40px;
}
.comment-list li.comment .children li.depth-2 {
margin: 0 0 10px 10px;
}
.comment-list li.comment .children li.depth-3 {
margin: 0 0 10px 10px;
}
.comment-list li.comment .children li.depth-4 {
margin: 0 0 10px 10px;
}
.comment-list li.even {
background: var(--putih);
}
.comment-list li.odd {
background: var(--putih);
}
ul.children li.comment.odd.alt {
border-top: 1px dotted rgba(248, 248, 255, 0.9);
}
.comment-list li.parent {
border-bottom: 1px dotted rgba(248, 248, 255, 0.9);
}
.comment-content a {
word-wrap: break-word;
}
ol.comment-list {
list-style: none;
margin: 0 0 30px;
padding: 0;
text-indent: 0;
position: relative;
}
ol.comment-list li .comment-meta {
margin-bottom: 20px;
position: relative;
}
ol.comment-list li .comment-meta:after {
content: " ";
bottom: -15px;
display: block;
width: 100%;
height: 1px;
position: absolute;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
ol.comment-list li.comment {
margin: 0 0 15px;
}
.comment-body {
padding: 10px;
}
.bypostauthor > .comment-body {
border-left: 2px solid #ddd;
}
ol.comment-list li.comment ol.children li.comment {
margin-left: 20px;
}
ol.comment-list li div.vcard cite.fn {
font-style: normal;
}
ol.comment-list li div.vcard img.avatar {
float: left;
margin: 0 0.8em 0 0;
-webkit-border-radius: 50%;
border-radius: 50%;
}
ol.comment-list li div.comment-author {
font-size: 13px;
}
ol.comment-list li div.comment-metadata {
font-size: 12px;
}
ol.comment-list li div.comment-metadata a {
color: #aaa;
}
ol.comment-list li p {
margin: 0 0 1em;
}
ol.comment-list li ol {
list-style: square;
margin: 0 0 1em 2em;
}
ol.comment-list li div.reply {
font-size: 12px;
}
ol.comment-list li ol.children {
list-style: none;
margin: 1em 0 0;
padding-left: 0;
text-indent: 0;
}
ol.comment-list li.even {
}
ol.comment-list li.odd {
}
ol.comment-list li.pingback {
padding: 1em;
}
@media (max-width: 767px) {
ol.comment-list li.comment {
margin: 0 0 5px;
}
ol.comment-list li.comment ol.children li.comment {
margin-left: 5px;
}
ol.comment-list li.parent, ol.comment-list li ol.children li.depth-2, ol.comment-list li ol.children li.depth-3, ol.comment-list li ol.children li.depth-4 {
border-left: none;
}
}
#respond {  
position: relative;
padding-left: 15px;
padding-right: 15px;
background-color: white;
padding-bottom: 20px;
}
#respond textarea, #respond input[type="text"], #respond input[type="email"] {
display: block;
box-sizing: padding-box;
overflow: hidden;
padding: 10px;
width: 250px;
font-size: 14px;
border-radius: 6px;
box-shadow: 2px 2px 8px var(--color_rgb);
border: 0;
}
#respond textarea:focus, #respond input[type="email"]:focus, #respond input[type="text"]:focus {
border: none;
outline: none;
}
:focus {
outline: none;
}
.col-3 {
position: relative;
}
#commentform textarea, #commentform input[type="email"], #commentform input[type="text"] {
font: 15px/24px;
color: #333;
width: 100%;
box-sizing: border-box;
letter-spacing: 1px;
}
.effect-1 {
border: 0;
padding: 7px 15px;
border: 1px solid var(--color_rgb);
position: relative;
background: transparent;
}
.effect-1 ~ .focus-bg:before, .effect-1 ~ .focus-bg:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: var(--color_rgb);
transition: 0.3s;
z-index: -1;
}
.effect-1:focus ~ .focus-bg:before, .has-content.effect-1 ~ .focus-bg:before {
transition: 0.3s;
width: 50%;
height: 100%;
}
.effect-1 ~ .focus-bg:after {
left: auto;
right: 0;
top: auto;
bottom: 0;
}
.effect-1:focus ~ .focus-bg:after, .has-content.effect-1 ~ .focus-bg:after {
transition: 0.3s;
width: 50%;
height: 100%;
}
.effect-1 ~ label {
position: absolute;
left: 14px;
width: 100%;
top: 10px;
color: var(--color_link);
transition: 0.3s;
z-index: -1;
letter-spacing: 0.5px;
}
.effect-1:focus ~ label, .has-content.effect-1 ~ label {
margin-bottom: -18px;
top: -18px;
left: 0;
font-size: 20px;
color: var(--color_link);
transition: 0.3s;
}
h3.comment-reply-title {
margin: 0 0 10px 0;
font-size: 16px;
}
h3.comment-reply-title:after {
content: "";
display: block;
width: 100%;
max-width: 70px;
border-top: 2px solid rgba(248, 248, 255, 0.9);
margin-top: 10px;
}
ol.comment-list li #respond {
margin-top: 20px;
}
ol.comment-list li #reply-title {
font-size: 0;
margin: 0!important;
padding: 0;
height: 0;
border-top: 0;
}
#cancel-comment-reply-link {
color: #999;
display: block;
position: absolute;
bottom: 15px;
right: 20px;
vertical-align: middle;
font-size: 14px;
}
#cancel-comment-reply-link:hover {
color: #777;
}
#commentform p.comment-notes {
color: #aaa;
font-size: 12px;
}
#commentform textarea {
}
#commentform p.comment-form-author {
}
#commentform p.comment-form-email {
}
#commentform p.comment-form-comment, #commentform p.comment-form-url {
clear: both;
}
#commentform p.form-submit {
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
}
#submit {
background: -moz-linear-gradient(top, var(--color_button) 5%, var(--color_button_hover) 100%);
background: -webkit-linear-gradient(top, var(--color_button) 5%, var(--color_button_hover) 100%);
background: -o-linear-gradient(top, var(--color_button) 5%, var(--color_button_hover) 100%);
background: -ms-linear-gradient(top, var(--color_button) 5%, var(--color_button_hover) 100%);
background: linear-gradient(to bottom, var(--color_button) 5%, var(--color_button_hover) 100%);
background-color: var(--color_button);
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border-radius: 28px;
border: 1px solid var(--color_button_hover);
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 17px;
padding: 16px 31px;
text-decoration: none;
text-shadow: 0px 1px 0px var(--color_button);
}
#submit:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, var(--color_button_hover)), color-stop(1, var(--color_button)));
background: -moz-linear-gradient(top, var(--color_button_hover) 5%, var(--color_button) 100%);
background: -webkit-linear-gradient(top, var(--color_button_hover) 5%, var(--color_button) 100%);
background: -o-linear-gradient(top, var(--color_button_hover) 5%, var(--color_button) 100%);
background: -ms-linear-gradient(top, var(--color_button_hover) 5%, var(--color_button) 100%);
background: linear-gradient(to bottom, var(--color_button_hover) 5%, var(--color_button) 100%);
background-color: var(--color_button_hover);
}
#submit:active {
position: relative;
top: 1px;
}
@media (max-width: 767px) {
#gallery-screenshots1 img {
height: 150px !important;
width: auto !important;
max-width: 100% !important;
max-height: 150px !important;
}
}
@media screen and (max-width: 768px) {
.ads-here {
min-height: 90px;
}
.ads-here .ads-content {
padding-top: 8px;
}
.ads-here .ads-content:before, .ads-here .ads-content:after {
padding-top: 8%;
}
}
@media screen and (max-width: 768px) {
.is-hidden-mobile {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
#gallery-screenshots1 img.lzl {
min-width: 200px;
}
#gallery-screenshots1 {
overflow: hidden;
overflow-y: hidden;
white-space: nowrap;
margin-bottom: 25px;
margin-top: 17px;
overflow-x: scroll;
position: relative;
width: 100%;
}
#gallery-screenshots1 a, #gallery-screenshots1 img {
display: inline-block;
max-width: none;
min-height: 165px;
max-height: 165px;
border-radius: 15px;
}
}
@media (hover: hover) and (pointer: fine) {
.beauty-scroll::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.beauty-scroll::-webkit-scrollbar-track {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
border-radius: 8px;
}
.beauty-scroll::-webkit-scrollbar-thumb {
background-color: #707570;
border-radius: 8px;
}
.beauty-scroll::-webkit-scrollbar-thumb:hover {
background-color: #50555a;
}
}
.mb-14 {
margin-bottom: 14px !important;
}
@media (min-width: 481px) and (max-width: 767px) {
#gallery-screenshots1 a, #gallery-screenshots1 img {
display: inline-block;
max-width: none;
min-height: 125px;
max-height: 125px;
border-radius: 15px;
}
img.googleplayicon {
margin-left: 0 !important;
height: 25px !important;
width: 110px !important;
}
}
@media (min-width: 320px) and (max-width: 480px) {
img.googleplayicon {
margin-left: 0 !important;
height: 25px !important;
width: 110px !important;
}
.screenshots_swiper .swiper-slide {
}
}
@media (min-width: 481px) and (max-width: 767px) {
#hidez {
display: none !important;
}
.hidez {
display: none !important;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
#hidez {
display: none !important;
}
.hidez {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
#gallery-screenshots1 img.lzl {
min-width: 200px;
}
#gallery-screenshots1 {
overflow: hidden;
overflow-y: hidden;
white-space: nowrap;
margin-bottom: 25px;
margin-top: 17px;
overflow-x: scroll;
position: relative;
width: 100%;
}
#gallery-screenshots1 a, #gallery-screenshots1 img {
display: inline-block;
max-width: none;
min-height: 165px;
max-height: 165px;
border-radius: 15px;
}
}
@media (hover: hover) and (pointer: fine) {
.beauty-scroll::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.beauty-scroll::-webkit-scrollbar-track {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) inset;
border-radius: 8px;
}
.beauty-scroll::-webkit-scrollbar-thumb {
background-color: #707570;
border-radius: 8px;
}
.beauty-scroll::-webkit-scrollbar-thumb:hover {
background-color: #50555a;
}
}
@media (min-width: 320px) and (max-width: 479px) {
.breadcrumb-item.active {
display: none !important;
}
.breadcrumb-item1 {
display: none !important;
}
}
@media (max-width: 767px) {
#wpadminbar {
position: fixed !important;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1280px;
}
}
@media (max-width: 767px) {
.single .breadcrumb-item.active {
display: none;
}
.hide {
display: none !important;
}
}
@media (min-width: 768px) {
.admin-bar .site-header {
top: 32px;
}
}
@media (max-width: 1199px) {
.site-nav .menu > li > a {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (max-width: 991px) {
.site-nav {
background-color: var(--putih);
overflow-y: auto;
width: 17.5rem;
position: fixed;
left: -17.5rem;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s;
z-index: 1002;
}
body.open-site-nav .site-nav {
left: 0;
}
.site-overlay {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
}
.site-nav .menu {
display: block;
}
.site-nav .menu > li {
border-bottom: 1px solid #dee2e6;
padding: 0.75rem 2.5rem 0.75rem 0.75rem;
margin-left: 0;
}
.site-nav .menu > li + li {
margin-left: 0;
}
.site-nav .menu > li > a {
display: inline;
padding: 0;
}
.site-nav .menu > li.menu-item-has-children:before {
content: " ";
border-top: 2px solid #212121;
border-left: 2px solid #212121;
cursor: pointer;
float: right;
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 1.25rem;
right: 1rem;
transform: rotateZ(-135deg);
transition: all 0.3s ease 0s;
}
.site-nav .menu > li.menu-item-has-children:hover:before {
border-top-color: #eb144c;
border-left-color: #eb144c;
}
.site-nav .menu > li.menu-item-has-children.active:before {
transform: rotateZ(45deg);
}
.site-nav .menu > li > .sub-menu {
background-color: transparent;
border: 0;
box-shadow: none;
clear: both;
display: none;
padding: 0;
position: relative;
top: 0;
left: 0;
margin: 0.5rem 0;
}
.site-nav .menu > li:hover > .sub-menu {
display: none;
}
}
@media (max-width: 767px) {
.row {
margin-left: -8px;
margin-right: -8px;
}
[class*="col-"] {
padding-left: 8px;
padding-right: 8px;
}
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 1.625rem;
}
h2, .h2 {
font-size: 1.5rem;
}
h3, .h3 {
font-size: 1.375rem;
}
h4, .h4 {
font-size: 1.25rem;
}
h5, .h5 {
font-size: 1.125rem;
}
.display-4 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.single .breadcrumb-item.active {
display: none;
}
}
@media (min-width: 768px) {
.admin-bar .site-header {
top: 32px;
}
}
@media (max-width: 1199px) {
.site-nav .menu > li > a {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (max-width: 991px) {
.site-nav {
background-color: var(--putih);
overflow-y: auto;
width: 17.5rem;
position: fixed;
left: -17.5rem;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s;
z-index: 1002;
}
body.open-site-nav .site-nav {
left: 0;
}
.site-overlay {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
}
.site-nav .menu {
display: block;
}
.site-nav .menu > li {
border-bottom: 1px solid #dee2e6;
padding: 0.75rem 2.5rem 0.75rem 0.75rem;
margin-left: 0;
}
.site-nav .menu > li + li {
margin-left: 0;
}
.site-nav .menu > li > a {
display: inline;
padding: 0;
}
.site-nav .menu > li.menu-item-has-children:before {
content: " ";
border-top: 2px solid #212121;
border-left: 2px solid #212121;
cursor: pointer;
float: right;
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 1.25rem;
right: 1rem;
transform: rotateZ(-135deg);
transition: all 0.3s ease 0s;
}
.site-nav .menu > li.menu-item-has-children:hover:before {
border-top-color: var(--color_border);
border-left-color: var(--color_border);
}
.site-nav .menu > li.menu-item-has-children.active:before {
transform: rotateZ(45deg);
}
.site-nav .menu > li > .sub-menu {
background-color: transparent;
border: 0;
box-shadow: none;
clear: both;
display: none;
padding: 0;
position: relative;
top: 0;
left: 0;
margin: 0.5rem 0;
}
.site-nav .menu > li:hover > .sub-menu {
display: none;
}
}
@media (max-width: 450px) {
img.mDr {
width: 150px !important;
height: 150px !important;
}
.king-logged-user {
display: none !important;
}
}
@media (max-width: 320px) {
img.mDr {
width: 150px !important;
height: 150px !important;
}
.king-logged-user {
display: none !important;
}
}
@media (max-width: 767px) {
#wpadminbar {
position: fixed !important;
}
}
@media (max-width: 450px) {
img.rounded-lg.d-block.mx-auto, .entry-content center iframe {
height: 175px !important;
}
.truncate-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
time.text-container {
width: auto;
height: 2em;
overflow: hidden;
display: flex;
position: relative;
}
time.text-container > em {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 100%;
max-width: 100%;
position: absolute;
right: 0%;
}
}
@media (max-width: 320px) {
img.rounded-lg.d-block.mx-auto, .entry-content center iframe {
height: 175px !important;
}
.truncate-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
time.text-container {
width: 275px;
height: 2em;
overflow: hidden;
display: flex;
position: relative;
}
time.text-container > em {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 100%;
max-width: 100%;
position: absolute;
right: 0%;
}
}
@media (max-width: 767px) {
}
@media (min-width: 1200px) {
.container {
max-width: 1280px;
}
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 1.625rem;
}
h2, .h2 {
font-size: 1.5rem;
}
h3, .h3 {
font-size: 1.375rem;
}
h4, .h4 {
font-size: 1.25rem;
}
h5, .h5 {
font-size: 1.125rem;
}
.display-4 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.single .breadcrumb-item.active {
display: none;
}
}
@media (min-width: 768px) {
.admin-bar .site-header {
top: 32px;
}
}
@media (max-width: 1199px) {
.site-nav .menu > li > a {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
@media (max-width: 991px) {
.site-nav {
background-color: var(--putih);
overflow-y: auto;
width: 17.5rem;
position: fixed;
left: -17.5rem;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s;
z-index: 1002;
}
body.open-site-nav .site-nav {
left: 0;
}
.site-overlay {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
}
.site-nav .menu {
display: block;
}
.site-nav .menu > li {
border-bottom: 1px solid #dee2e6;
padding: 0.75rem 2.5rem 0.75rem 0.75rem;
margin-left: 0;
}
.site-nav .menu > li + li {
margin-left: 0;
}
.site-nav .menu > li > a {
display: inline;
padding: 0;
}
.site-nav .menu > li.menu-item-has-children:before {
content: " ";
border-top: 2px solid #212121;
border-left: 2px solid #212121;
cursor: pointer;
float: right;
width: 0.5rem;
height: 0.5rem;
position: absolute;
top: 1.25rem;
right: 1rem;
transform: rotateZ(-135deg);
transition: all 0.3s ease 0s;
}
.site-nav .menu > li.menu-item-has-children:hover:before {
border-top-color: var(--color_link);
border-left-color: var(--color_link);
}
.site-nav .menu > li.menu-item-has-children.active:before {
transform: rotateZ(45deg);
}
.site-nav .menu > li > .sub-menu {
background-color: transparent;
border: 0;
box-shadow: none;
clear: both;
display: none;
padding: 0;
position: relative;
top: 0;
left: 0;
margin: 0.5rem 0;
}
.site-nav .menu > li:hover > .sub-menu {
display: none;
}
}
@media (max-width: 767px) {
#gallery-screenshots1 img {
height: 150px !important;
width: auto !important;
max-width: 100% !important;
max-height: 150px !important;
}
}
@media screen and (max-width: 1024px) {
#gallery-screenshots1 img.lzl {
min-width: 200px;
}
#gallery-screenshots1 {
overflow: hidden;
overflow-y: hidden;
white-space: nowrap;
margin-bottom: 25px;
margin-top: 17px;
overflow-x: scroll;
position: relative;
width: 100%;
}
#gallery-screenshots1 a, #gallery-screenshots1 img {
display: inline-block;
max-width: none;
min-height: 165px;
max-height: 165px;
border-radius: 15px;
}
}
@media (max-width: 450px) {
.breadcrumb-item.active {
display: none;
}
.king-logged-user, .tags-links {
display: none !important;
}
}
@media (max-width: 320px) {
.breadcrumb-item.active {
display: none;
}
}
@media (max-width: 450px) {
img.rounded-lg.d-block.mx-auto, .entry-content center iframe {
height: 175px !important;
}
.truncate-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
time.text-container {
width: auto;
height: 2em;
overflow: hidden;
display: flex;
position: relative;
}
time.text-container > em {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 100%;
max-width: 100%;
position: absolute;
right: 0%;
}
}
@media (max-width: 320px) {
img.rounded-lg.d-block.mx-auto, .entry-content center iframe {
height: 175px !important;
}
.truncate-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
time.text-container {
width: 275px;
height: 2em;
overflow: hidden;
display: flex;
position: relative;
}
time.text-container > em {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 100%;
max-width: 100%;
position: absolute;
right: 0%;
}
}
@media (max-width: 450px) {
.nav-rtl {
margin-right: auto !important;
}
.button-rtl {
margin-left: 15% !important;
}
.search-rtl {
margin-right: auto !important;
}
.offset-lg-2-rtl {
margin-right: 3%;
}
.mr-2-rtl {
margin-right: 1.5em !important;
}
.input-group-append-rtl {
margin-right: -1px;
}
.input-group-append-rtl, .input-group-prepend {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 320px) {
.nav-rtl {
margin-right: auto !important;
}
.button-rtl {
margin-left: 15% !important;
}
.search-rtl {
margin-right: auto !important;
}
.offset-lg-2-rtl {
margin-right: 3%;
}
.mr-2-rtl {
margin-right: 1.5em !important;
}
.input-group-append-rtl {
margin-right: -1px;
}
.input-group-append-rtl, .input-group-prepend {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 450px) {
img.mDr {
width: 150px !important;
height: 150px !important;
}
.king-logged-user {
display: none !important;
}
}
@media (max-width: 320px) {
img.mDr {
width: 150px !important;
height: 150px !important;
}
.king-logged-user {
display: none !important;
}
}
@media (max-width: 450px) {
img.rounded-lg.d-block.mx-auto, .entry-content center iframe {
height: 175px !important;
}
}
@media (max-width: 320px) {
img.rounded-lg.d-block.mx-auto, .entry-content center iframe {
height: 175px !important;
}
}
img[data-src] {
opacity: 0;
transition: opacity 1.25s ease-in-out;
will-change: opacity;
}
img[data-src][src] {
opacity: 1;
}
img[src] {
opacity: 0;
transition: opacity 2.25s ease-in-out;
will-change: opacity;
}
img[src][src] {
opacity: 2;
}
.stars_rate {
--percent: calc(var(--rating) / 5 * 100%);
display: inline-block;
font-size: 22px;
cursor: pointer;
line-height: .5rem;
margin-left: -.25rem;
}
.stars_rate::before {
content: "★★★★★";
letter-spacing: 3px;
background: linear-gradient(90deg, var(--color_rating2) var(--percent), #b7b7b7 var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h3.section-title.fbold {
padding-left: 2rem;
padding-top: 2rem; 
text-transform: uppercase;
}
.smf p {
padding-top: 10px;
margin-bottom: 1rem;
text-align: justify;
color: #151617;
}
.smf ul li, .smf ol li {
text-align: justify;
color: #151617;
}
div.description p img {
width: 100%;
}.kksr-auto {
display: none !important;
}
.report-post-link {
display:  unset !important;
background-image: unset !important;
background-repeat: unset !important;
background-position: unset !important;
margin-left:  unset !important;
margin-right: unset !important;
padding-left: unset !important;
vertical-align: unset !important;
}
.kksr-auto {display: none !important;}
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] a[href],
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] area[href], 
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] input:not([disabled]), 
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] select:not([disabled]), 
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] textarea:not([disabled]), 
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] button:not([disabled]), 
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] [tabindex]:not([disabled]), 
div.flickity-viewport div.flickity-slider div.item[aria-hidden=true] [contenteditable=true]:not([disabled]){ }
div.section-title.fbold, div.section-title.fbold.xxlgf, .section-title.fbold.xxlgf {
text-transform: uppercase;
}
#px-changelog .last-changelog {
border-top: 2px dashed #CCC;
border-bottom: 2px dashed #CCC;
}
#px-changelog .alert {
display: inline-block;
padding: 0 5px;
border-radius: 3px;
font-size: 11px;
border: 1px solid;
margin: 4px 10px 4px 0;
min-width: 85px;
text-align: center;
}
#px-changelog ul {
margin: 0;
padding: 0;
margin-top: 20px;
}
#px-changelog ul li {
width: auto;
margin-bottom: 9px;
list-style: none;
padding-left: 130px;
position: relative;
text-transform: capitalize;
}
#px-changelog .chl-release,#px-changelog .chl-error-fixed,#px-changelog .chl-fixed,#px-changelog .chl-remove,#px-changelog .chl-add {
display: inline-block;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
padding: 0 9px;
margin-right: 10px;
color: #FFF;
font-size: 12px;
min-width: 100px;
text-align: center;
height: 22px;
position: absolute;
left: 0;
border: 1px solid;
font-weight: bold;
}
#px-changelog .chl-add {
border-color: #59b859;
color: #59b859;
}
#px-changelog .chl-fixed {
border-color: steelblue;
color: blue;
}
#px-changelog .chl-remove {
border-color: crimson;
color: crimson;
}
#px-changelog .chl-release {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
#px-changelog h1,#px-changelog h2,#px-changelog h3,#px-changelog h4 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 2rem;
font-weight: bold;    
}
#px-changelog a {
color: #3a87ad;
text-transform: uppercase;
font-weight: bold;
}
html {
margin: unset!important;
}
html.darkmod .version_history .list .info_box, html.darkmod .version_history .list .info_box .whats_new {
background: #1b1d1f;
border-top: 1px solid #1b1d1f;
}
html.darkmod .smf p, html.darkmod .smf ul li, html.darkmod .smf ol li, html.darkmod .version_history .list .info_box strong { 
color: var(--putih);
}body{
font-family: var(--font_body_rtl) !important;
text-align: right !important;
}
.rtl {
direction: rtl;
}
.float-left {
float: left;
}
.rtl .modal .btn-close {
left: 0!important;
right: unset !important;
}
.spec > li {
display: inline-block;
margin-left: 1rem!important;
margin-right: unset!important;
}
@media (max-width: 575px) {
.logo {
position: absolute;
right: 5px !important;
transform: translateX(-50%);
}
}
.cat-apps > li {
float: right !important;
padding-left: 1rem;
}
.float-right {
float: right !important;
}
.main-head .title {
float: right !important;
}
.main-head .title + p {
float: right !important;
} 
@media (max-width: 576px) {
.main-head { 
padding-bottom: 60px !important;
}
}
@media (max-width: 991px) {
.main-head-left {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.main-head .btn-orange {
margin-right: 0.5rem !important;
}
}
@media (min-width: 992px) { 
.main-head-right {
padding-right: 1.5rem !important;
margin-right: auto !important;
}
.main-head-right::after {
left: 0 !important;
margin-right: 8.75rem !important;
}
.main-head-right::before {
right: 0 !important;
margin-left: 8.75rem !important;
}
}
@media (min-width: 1140px) {
.main-head-right {
margin-left: 1rem !important;
}
}
.btn.btn-dark, .ui-button, .btn.btn-green, .btn.btn-orange  {
float: right !important;
} 
@media (min-width: 576px) and (max-width: 991px) {
.logo {
float: right !important;
}
.head_menu_btn,
.header .tools {
float: left !important; 
}
.head_menu_btn {
margin-left: -0.75rem !important;
}
.header .tools {
margin-left: 0.5rem !important;
}
}
@media (min-width: 768px) {
.logo > a { 
margin-left: -1.5rem !important;
}
}
@media (min-width: 992px) {     
.submenu ul > li > a {
text-align: right !important; 
}
}
@media (min-width: 576px) {
.logo svg {
margin-right: -0.5rem !important;
} 
.tools {
margin-left: -0.5rem !important;
}
}  
@media (max-width: 575px) {
.head_menu_btn {
float: right !important;
}
.logo { }
.logo > a {
margin-right: 0 !important;
}
.tools {
float: left !important;
}
}
.social-rtl {
margin-right: auto !important;
text-align: right !important;
}
@media (max-width: 991px) {	
.hmenu.open.sm button.btn-close > svg  {
float: left !important;
} 
}
@media (min-width: 768px) {
.copyright, .footer .banner {
float: right !important;
text-align: right !important;
}
}
@media (min-width: 992px) {
.carousel-btn--next-rtl {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 3rem !important;
height: 100% !important;
border: 0 none !important;
background: 0 0 !important;
padding: 0 !important;
}
ul.foot_menu {
float: right !important;
text-align: right !important;
}
.social-rtl::before,
ul.foot_menu > li > a {
opacity: 0.8;
padding: 0.25rem 0.75rem;
line-height: 1.5rem;
} 
.social-rtl::before {
content: attr(title);
display: inline-block;
text-transform: uppercase;
font-weight: 700;
float: right !important;
text-align: right !important;
}
}
@media (min-width: 768px) {
.section {
padding-top: 3.75rem;
}
.section-sep .sep_line {
margin-top: 3.75rem;
}
.section-title {
font-size: 1.5rem;
margin-bottom: 1rem; 
}
}
@media (min-width: 768px) {
.seo-section .section-title {
font-size: 1.25rem;
margin-bottom: 1rem;
}
}
@media (max-width: 767px) {
.seo-section .section-title {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.seo-text {
font-size: 0.875rem;
}
}
.sep_line { 
float: right !important;
}
.navigation_in > .nav_more {
float: right !important;
}
#navcollapse_btn {
float: left !important;
text-align: right !important;
}
.arrow_drop::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-style: solid;
margin-top: -0.15rem;
margin-right: 0.25rem !important;
border-width: 0.25rem 0.25rem 0 0.25rem;
border-left-color: transparent !important;
border-bottom-color: transparent;
border-right-color: transparent !important;
}
@media (min-width: 500px) {
.app_screens {
margin-left: -2rem;
margin-right: -2rem;
}
.app_screens .sep_line {
margin-top: 2rem;
}
.app_screens .section-title {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (max-width: 499px) {
.app_screens .section-title {
padding-left: 1.5rem;
padding-right: 1.5rem;
text-align: center;
text-transform: uppercase;
}
.app_screens_list a {
max-width: 80vw;
}
.app_screens_list a img {
width: 100%;
height: auto !important;
max-height: 400px;
box-shadow: 0 0.25rem 1.25rem -0.25rem rgba(0, 0, 0, 0.1);
}
.app_screens_list::after,
.app_screens_list::before {
height: 1.5rem;
width: 1.5rem;
}
}
@media (max-width: 339px) {
.app_screens .section-title {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.app_screens_list::after,
.app_screens_list::before {
height: 0.75rem;
width: 0.75rem;
}
.app_screens_list a {
margin-left: 0.75rem;
}
}
.toolbar_right {
float: left !important;
}
.toolbar_right .catsmenu_btn:last-child {
margin-right: -0.75rem;
}
.toolbar_right .catsmenu_btn {
float: left;
}
@media (min-width: 768px) {
.app_view-first .img {
right: 0 !important;
top: 0;
position: absolute;
width: 10rem;
height: 10rem;
}	
}
@media (min-width: 1025px) {
.app_view-first .spec_addon_rtl {
position: absolute;
left: 0 !important;
top: 0;
width: 100%;
max-width: 13rem;
text-align: center;
color: #343a40;
}
.app_view-first .spec_addon_rtl > .btn {
width: 100%;
margin-bottom: 1.5rem;
font-size: 0.875rem;
}
.app_view-first .spec_addon_rtl > p {
max-width: 10rem;
margin: 0 auto;
}
.app_view-first .spec_addon_rtl > p > i {
display: block;
margin-bottom: 0.5rem;
}
}
@media (min-width: 576px) {
.app_moreinfo_item {
padding-left: .5rem !important;
}
.app_moreinfo_item > i > svg {
margin-right: -2.5rem !important;
float: right !important;
}
}
@media (max-width: 575px) {
.app_moreinfo .spec {
text-align: right !important;
}
.app_moreinfo .spec > li {
width: 49%;
max-width: 50%;
padding-right: .5rem !important;
margin: 0 0 1rem 0;
font-size: 0.8125rem;
}
.app_moreinfo_item > i > svg {
margin-bottom: 1rem;
}
.app_moreinfo_item.novirus > i {
border-radius: 50%;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
margin-bottom: 1rem;
display: inline-block;
vertical-align: top;
background-color: #ceebca;
}
}
@media (min-width: 992px) {
.grid {
display: flex;
flex-wrap: wrap;
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.grid-2,
.grid-3,
.grid-4,
.grid-a,
.grid-f,
.grid-m {
position: relative;
width: 100%;
padding-right: -1rem !important;
padding-left: -1rem !important;
} 
}
.download_line_rtl {
margin-top: 1rem;
padding: 0.5rem;
display: block;
text-decoration: none !important;
}
.download_line_rtl * {
cursor: pointer;
line-height: 1.5rem;
}
.download_line_rtl:first-child {
margin-top: 0;
}
.download_line_rtl > .size {
font-style: normal;
}
.download_line_rtl > div > i { 
margin-left: 1rem !important; 
}
.download_line_rtl.light {
color: inherit !important;
background-color: rgba(220, 225, 229, 0.3);
}
.download_line_rtl.light > .size,
.download_line_rtl.light > div > i {
color: #68cb5b;
}
.download_line_rtl.green {
color: #fff !important;
background-color: var(--color_button);
}
.download_line_rtl.brand {
color: #121416;
background-color: #fc0;
}
.download_line_rtl.brand:hover {
background-color: #ebbc00;
}
.download_line_rtl.brand > div > i > svg {
margin: -0.25rem;
}
@media (min-width: 992px) {
.download_line_rtl {
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-size: 1.125rem;
border-radius: 2rem;
transition: background-color 0.15s ease-in-out;
}
.download_line_rtl > div {
padding: 0.75rem; flex: 1 1 auto;
}
.rtl .download_line_rtl > div {
padding: 0.75rem;
padding-right: 1.75rem;
flex: 1 1 auto;
}
.download_line_rtl > .size {
font-weight: 700;
border-radius: 1.5rem;
padding: 0.75rem 1.5rem;
min-width: 8.75rem;
text-align: center;
margin-left: 2rem;
box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}
.download_line_rtl.light:hover {
background-color: rgba(220, 225, 229, 0.5);
}
.download_line_rtl.light > .size {
background-color: #fff;
}
.download_line_rtl.green:hover {
background-color: var(--color_button_hover);
}
.download_line_rtl.green > .size {
background-color: rgba(206, 235, 202, 0.2);
}
.download_line_rtl.brand {
display: flex !important;
}
.download_line_rtl.brand > .size {
background-color: #fff;
}
}
@media (max-width: 991px) {
.download_line_rtl {
border-radius: 0.75rem;
padding: 1rem;
}
.download_line_rtl > div {
padding-left: 2rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.download_line_rtl > .size {
display: block;
margin-left: 2rem;
}
.download_line_rtl.light > .size {
color: #363f46;
}
}
@media (max-width: 575px) {
.download_line_rtl > div {
font-size: 0.875rem;
line-height: normal;
}
.download_line_rtl > .size {
display: block;
margin-left: 2rem;
font-size: 0.8125rem;
}
}
@media (max-width: 339px) {
.download_line_rtl {
margin-top: 0.75rem;
}
}
#pre_download.btn.btn-lg.btn-green {
float: none !important;
}
@media (max-width: 991px) { 
.submenu:not(.open) > .toggle_submenu {
right: unset !important;
left: 0 !important;
margin-right: unset !important;
}
}	
@media (min-width: 500px) {
.cache > .b-yellow {
margin-left: 1rem !important;
}
}
@media (min-width: 500px) and (max-width: 767px) {
.app_view-first > .cont {
padding-right: 2rem !important;
}
}  
@media (max-width: 499px) {
.app_view-first > .cont {
padding-right: 10rem !important;
}	
}
@media (max-width: 767px) {	
.app_view-first > .img {
float: right !important;
margin-right: unset !important;
}
}
@media (min-width: 1200px) {
.post .img {
margin-right: unset !important;
margin-left: 2rem !important;
max-width: 15.75rem;
flex: 0 0 15.75rem;
}
}
@media (min-width:560px) {
.review_app_box {
text-align:right !important;
}
.review_app_box .text {
padding:0 166px 0 120px;
text-align:right !important;
}
.review_app_box .icon {
position:absolute;
top:12px;
right:16px !important;
left: unset !important;
height:100px;
width:100px;
-moz-border-radius:20%;
-webkit-border-radius:20%;
border-radius:20%;
overflow:hidden;
}
.review_app_box .button {
position:absolute;
right: unset !important;
left:16px !important;
top:50px;
width:auto;
}
.review_app_box .gp_btn {
width:176px;
height:55px;
position:absolute;
left:4px !important;
top:50px;
}
.review_app_box .other {
padding-left: 5px;
text-align: right;
float: right;
}
}
@media (min-width: 992px) {
.rtl .carousel-btn--next {
left: 0 !important;
right: unset !important;
}
.rtl .carousel-apps-out::after { 		
left: 0; 
margin-right: -1.5rem !important;
}
.rtl .cbtn {
right: 0!important;
left: unset!important;
margin-right: -1.5rem !important;
}
.rtl .cbtn-hide { 
right: 0!important;
left: unset!important;
}
}
.rtl .carousel-apps { margin-left: 2.1rem !important; 
} .rtl .cat-apps-item { 
float: right;
}
.rtl .card-list .item_app, .rtl .carousel-apps .item_app { 
text-align: right;
}
.rtl .card-list .item_app.mod .img::before, .carousel-apps .item_app.mod .img::before {
left: 0.25rem !important;
right: unset !important;
}
@media (min-width: 820px) {
.rtl .app_list .item_app .img {
float: right; 
}
.rtl .app_list .item_app .cont {
margin-right: 9.5rem;  
margin-left: unset !important;
}
.rtl .app_list .item_app.mod .meta .rate_star {
float: right;
}
.rtl .app_list .item_app.mod .meta::before {
float: left; 
}  
}
@media (min-width: 768px) {    
.rtl .app_view_pad .rate .rate_num {
margin-right: 0.5rem;
}
}
.rtl h3.section-title.fbold {
padding-right: 2rem; 
}
.rtl .version_history .list .icon { 
right: 16px; 
}
.rtl .version_history .list .v_h_button {
left: 0;
text-align: left;
padding-left: 8px;
}
@media (min-width:720px) {
.rtl .version_history .list .package_info {
padding-right: 80px;
}
}
.rtl .version_history .list .title .version {
padding-left: 6px;
}
@media (min-width: 576px) {    
.rtl .modal_catmenu a {
padding-right: 1rem;
}
.rtl .modal_catmenu a::before {
float: right;
margin-right: -3rem;
}
}
.rtl .spec > li .spec_icon > svg { 
margin-left: 1.1rem;
float: right; 
}
.rtl .app_list .item, .rtl .app_list > #dle-content .item {
float: right;
}.version_history {  
margin-bottom: 1.5rem;
padding-bottom: .5rem;
}
.version_history .big_title {
padding: 12px;
font-size: 1rem;
line-height: 1.2rem;
color: #222;
position: relative;
}
.version_history .big_title a {
font-size: 12px;
float: right;
color: #666;
}
.version_history .big_title h2 {
display: inline-block;
}
.version_history .list {
width: 100%;
background: var(--putih);
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
border-radius: 6px;
margin-bottom: 5px;
overflow: hidden;
position: relative;
-webkit-touch-callout: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.version_history .list:hover {
box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
}
.version_history .list .package_info {
display: block;
color: #222;
width: auto;
padding: 12px 90px 12px 76px;
position: relative;
min-height: 72px;
cursor: pointer;
}
.version_history .list .icon {
position: absolute;
left: 16px;
top: 12px;
width: 50px;
height: 50px;
border-radius: 8px;
overflow: hidden;
}
.version_history .list .text {
font-size: 12px;
line-height: 18px;
color: #999;
padding-top: 4px;
display: block;
}
.version_history .list .text span {
padding-right: 8px;
}
.version_history .list .title {
line-height: 18px;
font-size: 16px;
overflow: hidden;
display: block;
}
.version_history .list .title .version {
font-weight: 700;
padding-right: 6px;
}
.version_history .list .title .name {
display: none;
width: 100%;
}
.version_history .list .title span {
margin: 2px 0;
}
.version_history .list .title span.apk,.version_history .list .title span.obb,.version_history .list .title span.xapk,.version_history .list .title span.mod {
display: inline-block;
height: 24px;
line-height: 22px;
padding: 0 4px;
border-radius: 4px;
text-transform: uppercase;
border: 1px solid var(--color_button);
color: var(--color_link);
font-size: 12px;
vertical-align: middle;
}
.version_history .list .title span.xapk {
border-color: var(--color_button);
color: var(--color_link);
}
.version_history .list .title span.obb {
border: solid 1px var(--color_border);
color: var(--color_link);
}
.version_history .list .title span.mod {
border: solid 1px var(--color_mods_text);
color: var(--color_mods_text);
}
.version_history .list .v_h_button {
position: absolute;
right: 0;
top: 22px;
text-align: right;
padding-right: 8px;
z-index: 10;
}
.info_box .down-button,.version_history .list .v_h_button a,.version_history .list .v_h_button button {
display: inline-block;
position: relative;
height: 32px;
line-height: 30px;
width: 32px;
border-radius: 50%;
border: 1px solid #ebedef;
cursor: pointer;
vertical-align: top;
margin: 0 4px;
overflow: hidden;
color: var(--putih);
text-align: center;
font-size: 12px;
}
.version_history .list .v_h_button .info {
width: 20px;
height: 20px;
border: 1px solid #c1c1c1;
position: relative;
background: 0 0;
margin-top: 7px;
}
.version_history .list .v_h_button .info:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #c1c1c1;
-webkit-mask: url(//top4tech.com/images/info.svg) no-repeat center;
mask: url(//top4tech.com/images/info.svg) no-repeat center;
-webkit-mask-size: 14px;
mask-size: 14px;
background-size: 14px;
background-position: right center;
background-repeat: no-repeat;
}
.info_box .down-button,.version_history .list .down {
border: none;
background: var(--color_button);
background-image: linear-gradient(90deg,var(--color_button),var(--color_button));
}
.info_box .down-button:before,.version_history .list .down:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: var(--putih);
-webkit-mask: var(--download_icon) no-repeat center;
mask: var(--download_icon) no-repeat center;
-webkit-mask-size: 12px;
mask-size: 12px;
background-size: 12px;
background-position: right center;
background-repeat: no-repeat;
}
.version_history .list .down span {
display: none;
}
.version_history .list .down:hover,.version_history .list .info:hover {
opacity: .9;
}
.version_history .list .info_box {
display: none;
border-top: 1px solid #e0e7f0;
background: #fcfdfd;
border-radius: 4px;
font-size: 13px;
padding: 16px;
overflow-x: scroll;
}
.version_history .list .info_box.show {
display: block;
}
.version_history .list .info_box p {
padding: 4px 0;
position: relative;
}
.version_history .list .info_box strong {
font-weight: 600;
color: #425761;
}
.version_history .list .info_box .whats_new {
font-size: 12px;
line-height: 18px;
background: #f6f9fc;
padding: 12px;
margin-top: 4px;
}
.info_box .table {
box-sizing: border-box;
display: table;
width: 100%;
height: 100%;
max-width: 100%;
}
.info-fix {
position: relative;
}
.version_history .list .info_box.info-download {
position: absolute;
display: none;
padding-left: 0;
top: 0;
right: 0;
overflow: revert;
}
.version_history .info-download .table:before {
content: '';
width: 20%;
height: 100%;
position: absolute;
left: -20%;
top: 0;
background: linear-gradient(to right ,rgba(255,255,255,0),var(--putih));
}
.version_history .more-apk {
display: flex;
justify-content: center;
align-items: center;
width: 43px;
position: relative;
height: 22px;
}
.version_history .list .info_box.show_amp {
display: block;
}
.version_history .word-break {
word-break: break-all;
}
.version_history .more-apk span:after,.version_history .more-apk span:before {
content: '';
position: absolute;
left: 50%;
}
.version_history .more-apk span:before {
top: 0;
transform: translateX(-3px);
}
.version_history .more-apk span:after {
bottom: 0;
transform: translateX(-3px);
}
.version_history .more-apk span,.version_history .more-apk span:after,.version_history .more-apk span:before {
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #9d9d9d;
}
@media (min-width:720px) {
.version_history .list .package_info {
padding-right: 160px;
}
.version_history .more-apk {
display: none;
}
.version_history .list .title .name {
display: inline-block;
padding-bottom: 4px;
width: auto;
}
.version_history .list .v_h_button a.down,.version_history .list .v_h_button button.down {
width: 100px;
border-radius: 6px;
}
.version_history .list .v_h_button a.down:before,.version_history .list .v_h_button button.down:before {
display: none;
}
.version_history .list .down span {
display: inline-block;
vertical-align: top;
}
}
@media (max-width:720px) {
.version_history .list .v_h_button button.down {
display: none;
}
}
@media (max-width:565px) {
.version_history .list .info_box.info-download {
display: block;
}
.info_box .table-cell .down_text {
display: none;
}
.info_box .down-button {
display: inline-block;
}
.version_history .list .info_box.show_amp_download {
display: block;
}
}
@media (min-width:565px) {
.version_history .list .info_box.show_amp_download {
display: none;
}
}#sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#sb_instagram:after,.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after,.sbi_lb-outerContainer:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;box-sizing:border-box}#sb_instagram #sbi_images{box-sizing:border-box;display:grid;width:100%;padding:12px 0}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover,.sbi_lightbox a img{border:none}#sb_instagram #sbi_images .sbi_item{display:inline-block;width:100%;vertical-align:top;zoom:1;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram.sbi_col_1 #sbi_images,#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images,#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:inherit;object-fit:cover;scale:1;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;vertical-align:middle}#sb_instagram .sbi_no_js img,#sb_instagram br,#sb_instagram p:empty,#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover,.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em;display:inline-block}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.4));filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite sbi-sk-scaleout;animation:1s ease-in-out infinite sbi-sk-scaleout}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:1s steps(8) infinite fa-spin;animation:1s steps(8) infinite fa-spin}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important;overflow:hidden!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:12px 0}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color .5s;text-decoration:none}.sb_instagram_header.sbi_header_outside{float:none;margin-left:auto!important;margin-right:auto!important;display:flex}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;width:50px;height:50px;position:relative}.sb_instagram_header .sbi_header_hashtag_icon{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}.sbi_no_avatar .sbi_header_hashtag_icon{display:block;color:#fff;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background .2s linear,color .2s linear;-moz-transition:background .2s linear,color .2s linear;-o-transition:background .2s linear,color .2s linear;transition:background .2s linear,color .2s linear}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{position:relative;width:50px;height:50px;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-18px;margin-left:-18px;width:36px;height:36px;font-size:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-24px;margin-left:-24px;width:48px;height:48px;font-size:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover,.sbi_lb-nav a.sbi_lb-next:hover,.sbi_lb-nav a.sbi_lb-prev:hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{display:flex;gap:20px;justify-content:flex-start;align-items:center}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{display:flex;justify-content:flex-start;align-items:flex-start;flex:1;flex-direction:column;gap:4px}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center;opacity:1;transition:.5s ease-in}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a,.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0;background:#333;text-decoration:none;line-height:1.5}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:.1s ease-in}.sbi_lb-nav a.sbi_lb-next,.sbi_lb-nav a.sbi_lb-prev{width:50px;padding-left:10px;padding-right:10px;opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s}#sb_instagram .sbi_follow_btn{display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{display:inline-block;padding:6px 10px;background:rgba(0,0,0,.1);text-decoration:none;border-radius:5px;margin-top:10px;color:#444}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{color:rgba(0,0,0,.85);background-color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media all and (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(//top4tech.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;background-color:#000;opacity:.9;display:none}.sbi_lightbox{position:absolute;left:0;width:100%;z-index:100000;text-align:center;line-height:0;font-weight:400}.sbi_lightbox .sbi_lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lb-outerContainer{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto 5px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{position:relative;top:0;left:0;width:100%;height:100%;bottom:0;right:0}.sbi_lb-loader{position:absolute;width:100%;top:50%;left:0;height:20px;margin-top:-10px;text-align:center;line-height:0}.sbi_lb-loader span{display:block;width:14px;height:14px;margin:0 auto;background:url(//top4tech.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{position:absolute;z-index:100;top:0;height:90%;outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.sbi_lb-next,.sbi_lb-prev{height:100%;cursor:pointer;display:block}.sbi_lb-nav a.sbi_lb-prev{left:-70px;float:left;transition:opacity .2s}.sbi_lb-nav a.sbi_lb-next{right:-70px;float:right;transition:opacity .2s}.sbi_lb-nav span{display:block;top:55%;position:absolute;left:20px;width:34px;height:45px;margin:-25px 0 0;background:url(//top4tech.com/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{left:auto;right:20px;background-position:-18px 0}.sbi_lb-dataContainer{margin:0 auto;padding-top:10px;width:100%;font-family:"Open Sans",Helvetica,Arial,sans-serif;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{position:relative;padding-right:300px;background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{position:relative;background:#000}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{width:300px!important;position:absolute;top:0;right:-300px;height:100%;bottom:0;background:#fff;line-height:1.4;overflow:hidden;overflow-y:auto;text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;width:100%;margin-top:20px;padding:4px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{width:100%;max-width:100%;margin-bottom:20px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{display:block!important;width:100%;min-width:100%;float:left;clear:both;font-size:12px;padding:3px 20px 3px 0;margin:0 0 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{padding:0 4px;color:#ccc}.sbi_lb-data .sbi_lb-details{width:85%;float:left;text-align:left;line-height:1.1}.sbi_lb-data .sbi_lb-caption{float:left;font-size:13px;font-weight:400;line-height:1.3;padding-bottom:3px;color:#ccc;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{float:left;width:100%;color:#ccc;padding-bottom:0;display:block;margin:0 0 5px}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{float:left;border:none;width:32px;height:32px;margin-right:10px;background:#666;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.sbi_lightbox_username p{float:left;margin:0;padding:0;color:#ccc;line-height:32px;font-weight:700;font-size:13px}.sbi_lb-data .sbi_lb-number{display:block;float:left;clear:both;padding:5px 0 15px;font-size:12px;color:#999}.sbi_lb-data .sbi_lb-close{display:block;float:right;width:30px;height:30px;font-size:18px;color:#aaa;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.sbi_lb-data .sbi_lb-close:hover{cursor:pointer;opacity:1;color:#fff}.sbi_lb-nav{top:0;left:0;width:100%;z-index:10;height:auto}.sbi-feed-block-cta,.sbi-feed-block-cta-img-ctn{width:100%!important;position:relative!important}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;text-align:center!important}.sbi-feed-block-cta-img-ctn{float:left!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:50px!important;margin-bottom:35px!important}.sbi-feed-block-cta-img{width:65px!important;height:65px!important;position:relative!important;border:2px solid #dcdde1!important;border-radius:16px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;display:flex!important;justify-content:center!important;align-items:center!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{position:absolute!important;right:-15px!important;bottom:-19px!important;z-index:1!important}.sbi-feed-block-cta-heading{font-size:19px!important;padding:0!important;margin:0 0 30px!important;display:inline-block!important;width:100%!important;font-weight:700!important;line-height:1.4em!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;padding:8px 20px 8px 38px!important;cursor:pointer!important;color:#fff!important;position:relative!important;margin-bottom:30px!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{content:''!important;position:absolute!important;width:2px!important;height:12px!important;background:#fff!important;left:20px!important;top:14px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;margin-top:35px!important;flex-direction:column!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a,.sbi-feed-block-cta-selector span a{text-transform:capitalize!important;text-decoration:underline!important;font-weight:600!important}.sbi-feed-block-cta-selector{width:100%!important;padding:0 20%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;margin-bottom:45px!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;padding:8px 16px!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;margin-left:2px!important;font-weight:400!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:','!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:'or'!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{content:''!important;height:16px!important;font-variant:normal!important;background-position:center center!important;background-repeat:no-repeat!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}.rmp-results-widget p:empty:before,.rmp-widgets-container p:empty:before,.widget_rate-my-post-top-rated-widget p:empty:before{display:none}@font-face{font-family:ratemypost;src:url(//top4tech.com/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.eot);src:url(//top4tech.com/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.eot#iefix)format("embedded-opentype"),url(//top4tech.com/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.ttf)format("truetype"),url(//top4tech.com/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.woff)format("woff"),url(//top4tech.com/wp-content/plugins/rate-my-post/public/css/fonts/ratemypost.svg#ratemypost)format("svg");font-weight:400;font-style:normal;font-display:block}[class*=\ rmp-icon--],[class^=rmp-icon--]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:ratemypost!important}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container{text-align:center;margin:1rem 0}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container p{margin:0}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget--hidden{display:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons{margin:0 0 .4rem}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list{margin:0;padding:0;list-style-type:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list:before{content:""}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons-list__icon{margin:0;display:inline-block}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__hover-text{margin:0 0 .4rem}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__submit-btn{display:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__submit-btn--visible{display:inline-block}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results{margin:0 0 .4rem}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results--hidden{margin:0;display:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__not-rated{margin:0 0 .4rem}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__not-rated--hidden{margin:0;display:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__msg{margin:.4rem 0}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__msg--alert{color:#dc3545}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget{display:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget--visible{display:block}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__text{margin:0 0 .4rem}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__input{min-width:250px;max-width:630px;margin-bottom:.4rem;margin-left:auto;margin-right:auto;display:block}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__msg--alert{color:#dc3545}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__loader{width:80px;height:40px;display:none;position:relative;left:50%;transform:translate(-50%)}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__loader--visible{display:block}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__loader div{background:#ffcc36;width:16px;animation:1.2s cubic-bezier(0,.5,.5,1) infinite rmp-feedback-widget__loader;display:inline-block;position:absolute;left:8px}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__loader div:first-child{animation-delay:-.24s;left:8px}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__loader div:nth-child(2){animation-delay:-.12s;left:32px}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-feedback-widget__loader div:nth-child(3){animation-delay:0;left:56px}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-social-widget{display:none}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-social-widget--visible{display:block}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-social-widget a{color:#fff}.rmp-tr-posts-widget__post{margin-top:6px}.rmp-tr-posts-widget__post p{margin-bottom:1.5rem!important}.rmp-tr-posts-widget__star-rating{font-size:14px}.rmp-tr-posts-widget__star-rating p{margin:0;padding:0}.rmp-tr-posts-widget__img{-o-object-fit:cover;object-fit:cover;width:150px;height:150px;display:block}.rmp-tr-posts-widget__link{box-shadow:none;text-decoration:none;display:block}.rmp-icon--star:before{content:""}.rmp-icon--heart:before{content:""}.rmp-icon--trophy:before{content:""}.rmp-icon--smile-o:before{content:""}.rmp-icon--thumbs-up:before{content:""}.rmp-icon--twitter{color:#fff;background:#55acee}.rmp-icon--twitter:before{content:""}.rmp-icon--facebook{color:#fff;background:#3b5998}.rmp-icon--facebook:before,.rmp-icon--facebook-f:before{content:""}.rmp-icon--pinterest{color:#fff;background:#cb2027}.rmp-icon--pinterest:before{content:""}.rmp-icon--linkedin{color:#fff;background:#007bb5}.rmp-icon--linkedin:before{content:""}.rmp-icon--youtube-square{color:#fff;background:#b00}.rmp-icon--youtube-square:before{content:""}.rmp-icon--instagram{color:#fff;background:#125688}.rmp-icon--instagram:before{content:""}.rmp-icon--flickr{color:#fff;background:#f40083}.rmp-icon--flickr:before{content:""}.rmp-icon--reddit{color:#fff;background:#ff5700}.rmp-icon--reddit:before{content:""}.rmp-icon--ratings{color:#ccc;font-size:1rem}.rmp-rating-widget .rmp-icon--ratings{font-size:2.5rem}.rmp-icon--full-highlight{color:#ff912c}.rmp-rating-widget .rmp-icon--full-highlight{color:#ffe699}.rmp-icon--half-highlight{background:linear-gradient(90deg,#ff912c 50%,#ccc 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.rmp-rating-widget .rmp-icon--half-highlight{background:linear-gradient(90deg,#ffe699 50%,#ccc 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (hover:hover){.rmp-rating-widget .rmp-icon--hovered{color:#ffcc36;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background:0 0;transition:color .1s ease-in}}.rmp-rating-widget .rmp-icon--processing-rating{color:#ff912c;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background:0 0}.rmp-social-widget .rmp-icon--social{text-align:center;width:70px;box-shadow:none;border-radius:50%;margin:5px 2px;padding:20px;font-family:ratemypost;font-size:30px;text-decoration:none;transition-property:none;display:inline-block}.rmp-social-widget .rmp-icon--social:hover{filter:contrast(140%);color:#fff;box-shadow:none;text-decoration:none;transition-property:none}.rmp-heading{margin:0 0 .4rem}.rmp-heading--title{font-size:1.625rem;font-weight:400}.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-heading{margin:0 0 .4rem}.rmp-btn{color:#fff;background-color:#ffcc36;border:none;margin-bottom:.4rem;padding:.5rem;font-size:1rem;text-decoration:none}.rmp-btn:focus,.rmp-btn:hover{background:initial;color:#fff;cursor:pointer;background-color:#ffd966;border:none;margin-bottom:.4rem;padding:.5rem;font-size:1rem;text-decoration:none}.rmp-btn--large,.rmp-btn--large:focus,.rmp-btn--large:hover{padding:.8rem}.rmp-results-widget__visual-rating{margin-right:.3rem;display:inline-block;position:relative}.rmp-results-widget__avg-rating,.rmp-results-widget__vote-count{display:inline-block}.rmp-archive-results-widget{vertical-align:top;margin-left:.4rem;font-size:.9rem;display:inline-block;position:relative}.rmp-archive-results-widget--excluded-post{display:none}.rmp-archive-results-widget .rmp-icon{font-size:.9rem}@keyframes rmp-feedback-widget__loader{0%{height:32px;top:4px}to,50%{height:16px;top:12px}}.rmp-amp-results-widget .rmp-amp-results-widget__stars{display:inline}.rmp-amp-results-widget .rmp-amp-results-widget__average-rating,.rmp-amp-results-widget .rmp-amp-results-widget__vote-count{display:inline-block;position:relative;bottom:4px}.rmp-amp-results-widget .rmp-icon:before{content:"★";color:#ccc;margin:-2px;font-size:26px}.rmp-amp-results-widget .rmp-icon{font-size:26px;font-style:normal;line-height:26px}.rmp-amp-results-widget .rmp-icon--full-highlight:before{color:#ff912c}.rmp-amp-results-widget .rmp-icon--half-highlight:before{background:linear-gradient(90deg,#ff912c 50%,#ccc 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.rmp-amp-rating-widget{text-align:center}#rmp-amp-rating-widget__title{margin-bottom:.5rem;font-size:1.8rem}.rmp-amp-rating-widget .rmp-amp-rating-widget__subtitle{margin-bottom:0}#rmp-amp-action,#rmp-amp-post-id{display:none}.rmp-amp-centered-fieldset{max-width:100%;margin-left:auto;margin-right:auto}.rmp-amp-rating-widget__fieldset{--star-size:3;-webkit-user-select:none;user-select:none;font-size:3em;font-size:calc(var(--star-size)*1em);cursor:pointer;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;direction:rtl;unicode-bidi:bidi-override;border:none;margin-bottom:16px;padding:0;line-height:normal}.rmp-amp-rating-widget__fieldset>label{width:1.1em;width:calc(var(--star-size)/3*1.1em);display:inline-block;position:relative}.rmp-amp-rating-widget__fieldset:not(:hover)>input:checked~label,.rmp-amp-rating-widget__fieldset>:hover,.rmp-amp-rating-widget__fieldset>:hover~label{color:#0000;cursor:inherit}.rmp-amp-rating-widget__fieldset:not(:hover)>input:checked~label:before,.rmp-amp-rating-widget__fieldset>:hover:before,.rmp-amp-rating-widget__fieldset>:hover~label:before{content:"★";color:gold;position:absolute}.rmp-amp-rating-widget__fieldset>input{transform:scale(3);transform:scale(var(--star-size));top:-.5em;top:calc(var(--star-size)/6*-1em);margin-left:-2.5em;margin-left:calc(var(--star-size)/6*-5em);z-index:2;opacity:0;font-size:initial;position:relative}form.amp-form-submit-error [submit-error]{color:red}.rmp-amp-rating-widget__not-rated--hidden,.rmp-amp-rating-widget__results--hidden,label#rmp-amp-post-nonce{display:none}