/*!
* Theme Name: droidypley
* Theme URI: 
* Author: droidypley
* Author URI:
* Version: 1.0
* Description: droidypley Theme By Droidyplay
*/
@keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } legend, td, th { padding: 0 } hr, img, legend { border: 0 } .tooltip, a { text-decoration: none } .tooltip, button, select { text-transform: none } .invisible, .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel, .owl-carousel .owl-item, .owl-dots, html { -webkit-tap-highlight-color: transparent } #media-icons img, #social a, .access, .same-creator { vertical-align: top } @font-face { font-display: swap; font-family: IRANSans; font-style: normal; font-weight: 400; src: url(fonts/IRANSansWeb.woff2) format("woff2"), url(fonts/IRANSansWeb.woff) format("woff"), url(fonts/IRANSansWeb.ttf) format("truetype") } html { font-size: 10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } .collapse, [hidden], template { display: none } abbr[title] { border-bottom: 1px dotted } b, optgroup, strong { font-weight: bold; margin-top: 3px; } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } svg:not(:root) { overflow: hidden } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #f5f5f5 } pre, textarea { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } b { font-weight: bold; } .tooltip, h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 18px; } button { overflow: visible } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } *, .select-element, .select-element *, .select-element :after, .select-element :before, .select-element:after, .select-element:before, .select-theme-default, .select-theme-default *, .select-theme-default :after, .select-theme-default :before, :after, :before { box-sizing: border-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } .container, .container-fluid { margin-right: auto; margin-left: auto } table { border-collapse: collapse; border-spacing: 0 } .container, .container-fluid { padding-left: 5px; padding-right: 5px } body { direction: rtl; font-family: IRANSans, sans-serif; font-size: 11px; line-height: 1.42857143; color: #818181; background: #f1f1f1; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } img { vertical-align: middle } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-width: 5px 5px 0; border-top-color: #000; bottom: 0 } [role=button] { cursor: pointer } @media (min-width:768px) { .container { width: 730px } } @media (min-width:992px) { .container { width: 950px } } @media (min-width:1200px) { .container { width: 1170px } } .row { margin-left: -15px; margin-right: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: right } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-offset-12 { margin-right: 100% } .col-xs-offset-11 { margin-right: 91.66666667% } .col-xs-offset-10 { margin-right: 83.33333333% } .col-xs-offset-9 { margin-right: 75% } .col-xs-offset-8 { margin-right: 66.66666667% } .col-xs-offset-7 { margin-right: 58.33333333% } .col-xs-offset-6 { margin-right: 50% } .col-xs-offset-5 { margin-right: 41.66666667% } .col-xs-offset-4 { margin-right: 33.33333333% } .col-xs-offset-3 { margin-right: 25% } .col-xs-offset-2 { margin-right: 16.66666667% } .col-xs-offset-1 { margin-right: 8.33333333% } .col-xs-offset-0 { margin-right: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: right } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-offset-12 { margin-right: 100% } .col-sm-offset-11 { margin-right: 91.66666667% } .col-sm-offset-10 { margin-right: 83.33333333% } .col-sm-offset-9 { margin-right: 75% } .col-sm-offset-8 { margin-right: 66.66666667% } .col-sm-offset-7 { margin-right: 58.33333333% } .col-sm-offset-6 { margin-right: 50% } .col-sm-offset-5 { margin-right: 41.66666667% } .col-sm-offset-4 { margin-right: 33.33333333% } .col-sm-offset-3 { margin-right: 25% } .col-sm-offset-2 { margin-right: 16.66666667% } .col-sm-offset-1 { margin-right: 8.33333333% } .col-sm-offset-0 { margin-right: 0 } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: right } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 16.6%; } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-offset-12 { margin-right: 100% } .col-md-offset-11 { margin-right: 91.66666667% } .col-md-offset-10 { margin-right: 83.33333333% } .col-md-offset-9 { margin-right: 75% } .col-md-offset-8 { margin-right: 66.66666667% } .col-md-offset-7 { margin-right: 58.33333333% } .col-md-offset-6 { margin-right: 50% } .col-md-offset-5 { margin-right: 41.66666667% } .col-md-offset-4 { margin-right: 33.33333333% } .col-md-offset-3 { margin-right: 25% } .col-md-offset-2 { margin-right: 16.66666667% } .col-md-offset-1 { margin-right: 8.33333333% } .col-md-offset-0 { margin-right: 0 } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: right } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 12.49995%; } .col-lg-1 { width: 8.33333333% } .col-lg-offset-12 { margin-right: 100% } .col-lg-offset-11 { margin-right: 91.66666667% } .col-lg-offset-10 { margin-right: 83.33333333% } .col-lg-offset-9 { margin-right: 75% } .col-lg-offset-8 { margin-right: 66.66666667% } .col-lg-offset-7 { margin-right: 58.33333333% } .col-lg-offset-6 { margin-right: 50% } .col-lg-offset-5 { margin-right: 41.66666667% } .col-lg-offset-4 { margin-right: 33.33333333% } .col-lg-offset-3 { margin-right: 25% } .col-lg-offset-2 { margin-right: 16.66666667% } .col-lg-offset-1 { margin-right: 8.33333333% } .col-lg-offset-0 { margin-right: 0 } } .fade { opacity: 0; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: .35s; transition-timing-function: ease } .tooltip { position: absolute; z-index: 1070; display: block; font-family: IRANSans, sans-serif; font-style: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-shadow: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 11px; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -2px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 5px 8px; color: #ddd; text-align: center; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { left: 50%; margin-left: -5px } .tooltip.top-left .tooltip-arrow { right: 5px; margin-bottom: -5px } .tooltip.top-right .tooltip-arrow { left: 5px; margin-bottom: -5px } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { top: 0; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px } .tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px } .tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none } .show { display: block } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important } .affix { top: 70px; position: fixed!important } @-ms-viewport { width: device-width } @media (max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table!important } tr.visible-xs { display: table-row!important } td.visible-xs, th.visible-xs { display: table-cell!important } .visible-xs-block { display: block!important } .visible-xs-inline { display: inline!important } .visible-xs-inline-block { display: inline-block!important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } td.visible-sm, th.visible-sm { display: table-cell!important } .visible-sm-block { display: block!important } .visible-sm-inline { display: inline!important } .visible-sm-inline-block { display: inline-block!important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } td.visible-md, th.visible-md { display: table-cell!important } .visible-md-block { display: block!important } .visible-md-inline { display: inline!important } .visible-md-inline-block { display: inline-block!important } } @media (min-width:1200px) { .visible-lg { display: block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } td.visible-lg, th.visible-lg { display: table-cell!important } .visible-lg-block { display: block!important } .visible-lg-inline { display: inline!important } .visible-lg-inline-block { display: inline-block!important } .hidden-lg { display: none!important } } @media (max-width:767px) { .hidden-xs { display: none!important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important } } .owl-carousel { /* direction: ltr; */ /* display: none; */ width: 100%; position: relative; z-index: 1; } .owl-carousel .owl-stage { padding-right: 0!important; position: relative; -ms-touch-action: pan-Y } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } #footer-right, #logo, #search, #search form, .owl-carousel.owl-rtl .owl-item, .search-btn { float: right } .owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-drag .owl-item, .select.select-theme-default { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-drag .owl-item { user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .select-element, .select-select { position: absolute; display: none } .select-select { pointer-events: none; opacity: 0 } .select-element.select-open { display: block } .select.select-theme-default { min-width: 140px; user-select: none } .select.select-theme-default .select-content { background: #2ca5e0; max-width: 24.4rem; max-height: 24.4rem; overflow: auto; font-family: inherit; color: #fff; border-radius: 4px; -webkit-overflow-scrolling: touch } @media (max-width:36.6rem), (max-height:36.6rem) { .select.select-theme-default .select-content { max-width: 15.25rem; max-height: 15.25rem } } .select.select-theme-default .select-options { overflow-x: hidden; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .select-target.select-theme-default, .select.select-theme-default .select-options .select-option { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; padding: .9rem 10px .9rem 30px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer } .select.select-theme-default .select-options .select-option { min-width: 140px; margin: 0; display: block; list-style: none; line-height: 1.25rem } .select.select-theme-default .select-options .select-option.select-option-highlight, .select.select-theme-default .select-options .select-option:hover { background: #ffc601; color: #333 } .select-target.select-theme-default { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f6f6f6; width: calc(100% - 89px); vertical-align: top; text-decoration: none; text-align: right; font-size: 14px; color: #2ca5e0; right: 0; border-radius: 4px } *, .nop { padding: 0 } #menu i, #search-loading, .fade-btn, .nav-item, .text-center { text-align: center } .select-target.select-theme-default b { width: 2em; height: 1.25rem; margin: auto; position: absolute; left: 1em; top: 0; bottom: 0 } .select-target.select-theme-default b:after, .select-target.select-theme-default b:before { width: 0; height: 0; border: .263em solid transparent; margin: auto; display: block; position: absolute; left: 0; content: '' } .fade-content:before, .search-post:after { content: ' ' } .select-target.select-theme-default b:before { border-bottom-color: inherit; top: -1px } .select-target.select-theme-default b:after { bottom: -2px; border-top-color: inherit } .select-target.select-theme-default:hover { color: #2ca5e0!important } * { margin: 0; } a { outline: 0; color: #555; transition: all .4s } a:hover {} li { list-style-position: inside } .mt { margin-bottom: 20px; } .nopr { padding-right: 0 } .nopl { padding-left: 0 } .stars i { color: #ffcd00; display: inline-block; margin-left: -2px !important; transform: scaleX(-1); } .mobile-only { display: none!important } #wpadminbar { position: fixed!important } .stars>i.fa-wifi { color: #6772e5 !important; float: left !important; margin: 0 !important; margin-left: 3px !important; margin-top: 3px !important; } .wd-bye { position: absolute; top: -9999px } .green { color: #0ab052 } .red { color: #d33 } .gray { color: #999 } .white-bg { background: #fff; border: 1px solid #e6e6e6; border-radius: 0 } .fade-content { height: 100px; overflow: hidden; position: relative } .fade-content:before { background: linear-gradient(to bottom, #fff9 0, #fff 100%); width: 100%; height: 60px; position: absolute; bottom: 0 } .fade-bottom:before { display: none } .fade-btn {border-top: 1px solid #eee;padding: 0 18px;line-height: 34px;background: #6772e5;color: #fff;cursor: pointer;text-align: right;border-radius: 30px;font-size: 14px;display: inline-block;margin: 12px;} .fade-btn i {/* margin-left: 4px */} .mtmob.lastapps .title .r-title i { background: #ff8500; } .mtmob.lastapps .title .r-title font { color: #ff8500; } #header { background: #6772e5; color: #fff; height: 50px; padding: 10px 0; transition: all .4s; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.21); margin-bottom: 22px; } #logo {
    width: 220px;
    height: 42px;
    color: transparent !important;
    line-height: 0;
    font-size: 20px;
    display: inline-block;
    float: none;
    position: absolute;
    top: 3px;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    background: url(https://androfree.net/wp-content/uploads/2021/02/logoandrofree.png) no-repeat;
    background-size: 96%;
} nav[role=navigation] { float: left } .nav-item { min-width: 80px; padding: 10px; display: inline-block; font-size: 15px; color: #fff; cursor: pointer; border-radius: 6px; -moz-user-select: none; user-select: none } .nav-item i { font-size: 16px } .nav-item:focus, .nav-item:hover { background: #07803c; color: #fff } .nav-border { border: 1px solid; font-size: 14px } .header-fix #header { width: 100%; position: fixed; z-index: 9998; } #menu li, #search { position: relative } #search { float: left; } .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 5px; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity, filter; text-transform: none; color: inherit; border: 0; background-color: transparent } .hamburger:hover { opacity: .7 } .hamburger-box { position: relative; display: inline-block; width: 40px; height: 24px } .hamburger-inner { top: 50%; display: block; margin-top: -2px } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { position: absolute; width: 30px; height: 3px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; background-color: #fff } .lSSlideWrapper, .lSSlideWrapper .lSFade { position: relative } .hamburger-inner:after, .hamburger-inner:before { display: block; content: "" } .hamburger-inner:before { top: -10px } .hamburger-inner:after { bottom: -10px } .hamburger--3dx .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx.is-active .hamburger-inner { transform: rotateY(180deg); background-color: transparent } .hamburger--3dx.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dx.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dx-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dx-r.is-active .hamburger-inner { transform: rotateY(-180deg); background-color: transparent } .hamburger--3dx-r.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dx-r.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dy .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy.is-active .hamburger-inner { transform: rotateX(-180deg); background-color: transparent } .hamburger--3dy.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dy.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dy-r.is-active .hamburger-inner { transform: rotateX(180deg); background-color: transparent } .hamburger--3dy-r.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dy-r.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dxy .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy.is-active .hamburger-inner { transform: rotateX(180deg) rotateY(180deg); background-color: transparent } .hamburger--3dxy.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dxy.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dxy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before { transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s } .hamburger--3dxy-r.is-active .hamburger-inner { transform: rotateX(180deg) rotateY(180deg) rotate(-180deg); background-color: transparent } .hamburger--3dxy-r.is-active .hamburger-inner:before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dxy-r.is-active .hamburger-inner:after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--arrow.is-active .hamburger-inner:before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrow.is-active .hamburger-inner:after { transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--arrow-r.is-active .hamburger-inner:before { transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--arrow-r.is-active .hamburger-inner:after { transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowalt .hamburger-inner:before { transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt .hamburger-inner:after { transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt.is-active .hamburger-inner:before { top: 0; transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowalt.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7) } .hamburger--arrowalt-r .hamburger-inner:before { transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt-r .hamburger-inner:after { transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7) } .hamburger--arrowalt-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s; transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn.is-active .hamburger-inner:before { transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--arrowturn.is-active .hamburger-inner:after { transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn-r.is-active .hamburger-inner:before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) } .hamburger--arrowturn-r.is-active .hamburger-inner:after { transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before { transition-property: none } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg) } .hamburger--boring.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--boring.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg) } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .13s; } .hamburger--collapse .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear; } .hamburger--collapse .hamburger-inner:before { transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--collapse.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--collapse.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s; opacity: 0 } .hamburger--collapse.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s; transform: rotate(-90deg) } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .13s } .hamburger--collapse-r .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear } .hamburger--collapse-r .hamburger-inner:before { transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--collapse-r.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, -10px, 0) rotate(45deg) } .hamburger--collapse-r.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s; opacity: 0 } .hamburger--collapse-r.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s; transform: rotate(90deg) } .hamburger--elastic .hamburger-inner { top: 2px; transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-duration: .275s } .hamburger--elastic .hamburger-inner:before { top: 10px; transition: opacity .125s ease .275s } .hamburger--elastic .hamburger-inner:after { top: 20px; transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55) } .hamburger--elastic.is-active .hamburger-inner { transition-delay: 75ms; transform: translate3d(0, 10px, 0) rotate(135deg) } .hamburger--elastic.is-active .hamburger-inner:before { transition-delay: 0s; opacity: 0 } .hamburger--elastic.is-active .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0, -20px, 0) rotate(-270deg) } .hamburger--elastic-r .hamburger-inner { top: 2px; transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55); transition-duration: .275s } .hamburger--elastic-r .hamburger-inner:before { top: 10px; transition: opacity .125s ease .275s } .hamburger--elastic-r .hamburger-inner:after { top: 20px; transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55) } .hamburger--elastic-r.is-active .hamburger-inner { transition-delay: 75ms; transform: translate3d(0, 10px, 0) rotate(-135deg) } .hamburger--elastic-r.is-active .hamburger-inner:before { transition-delay: 0s; opacity: 0 } .hamburger--elastic-r.is-active .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0, -20px, 0) rotate(270deg) } .hamburger--emphatic { overflow: hidden } .hamburger--emphatic .hamburger-inner { transition: background-color .125s ease-in .175s } .hamburger--emphatic .hamburger-inner:before { left: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, left 125ms ease-in 175ms } .hamburger--emphatic .hamburger-inner:after { top: 10px; right: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, right 125ms ease-in 175ms } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent } .hamburger--emphatic.is-active .hamburger-inner:before { top: -80px; left: -80px; transition: left 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms; transform: translate3d(80px, 80px, 0) rotate(45deg) } .hamburger--emphatic.is-active .hamburger-inner:after { top: -80px; right: -80px; transition: right 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms; transform: translate3d(-80px, 80px, 0) rotate(-45deg) } .hamburger--emphatic-r { overflow: hidden } .hamburger--emphatic-r .hamburger-inner { transition: background-color .125s ease-in .175s } .hamburger--emphatic-r .hamburger-inner:before { left: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, left 125ms ease-in 175ms } .hamburger--emphatic-r .hamburger-inner:after { top: 10px; right: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms linear 125ms, right 125ms ease-in 175ms } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent } .hamburger--emphatic-r.is-active .hamburger-inner:before { top: 80px; left: -80px; transition: left 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms; transform: translate3d(80px, -80px, 0) rotate(-45deg) } .hamburger--emphatic-r.is-active .hamburger-inner:after { top: 80px; right: -80px; transition: right 125ms ease-out, top 50ms linear 125ms, transform 125ms cubic-bezier(.075, .82, .165, 1) 175ms; transform: translate3d(-80px, -80px, 0) rotate(45deg) } .hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before { transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear } .hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before { transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s; opacity: 0 } .hamburger--slider .hamburger-inner:before, .hamburger--slider-r .hamburger-inner:before { transition-timing-function: ease; transition-duration: .15s; transition-property: transform, opacity } .hamburger--minus.is-active .hamburger-inner:before { top: 0 } .hamburger--minus.is-active .hamburger-inner:after { bottom: 0 } .hamburger--slider .hamburger-inner { top: 2px } .hamburger--slider .hamburger-inner:before { top: 10px } .hamburger--slider .hamburger-inner:after { top: 20px } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner:before { transform: rotate(-45deg) translate3d(-5.71px, -6px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(-90deg) } .hamburger--slider-r .hamburger-inner { top: 2px } .hamburger--slider-r .hamburger-inner:before { top: 10px } .hamburger--slider-r .hamburger-inner:after { top: 20px } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger--slider-r.is-active .hamburger-inner:before { transform: rotate(45deg) translate3d(5.71px, -6px, 0); opacity: 0 } .hamburger--slider-r.is-active .hamburger-inner:after { transform: translate3d(0, -20px, 0) rotate(90deg) } .hamburger--spin .hamburger-inner { transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .22s } .hamburger--spin .hamburger-inner:before { transition: top .1s ease-in .25s, opacity .1s ease-in } .hamburger--spin .hamburger-inner:after { transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) } .hamburger--spin.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: rotate(225deg) } .hamburger--spin.is-active .hamburger-inner:before { top: 0; transition: top .1s ease-out, opacity .1s ease-out .12s; opacity: 0 } .hamburger--spin.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s; transform: rotate(-90deg) } .hamburger--spin-r .hamburger-inner { transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .22s } .hamburger--spin-r .hamburger-inner:before { transition: top .1s ease-in .25s, opacity .1s ease-in } .hamburger--spin-r .hamburger-inner:after { transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19) } .hamburger--spin-r.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: rotate(-225deg) } .hamburger--spin-r.is-active .hamburger-inner:before { top: 0; transition: top .1s ease-out, opacity .1s ease-out .12s; opacity: 0 } .hamburger--spin-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s; transform: rotate(90deg) } .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s linear .13s } .hamburger--spring .hamburger-inner:before { top: 10px; transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring .hamburger-inner:after { top: 20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring.is-active .hamburger-inner { transition-delay: .22s; background-color: transparent } .hamburger--spring.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--spring.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-delay: 0s; transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: .13s } .hamburger--spring-r .hamburger-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear } .hamburger--spring-r .hamburger-inner:before { transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring-r.is-active .hamburger-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--spring-r.is-active .hamburger-inner:after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s; opacity: 0 } .hamburger--spring-r.is-active .hamburger-inner:before { top: 0; transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s; transform: rotate(90deg) } .hamburger--stand .hamburger-inner { transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms } .hamburger--stand .hamburger-inner:before { transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand .hamburger-inner:after { transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand.is-active .hamburger-inner { transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s; transform: rotate(90deg); background-color: transparent } .hamburger--stand.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(-45deg) } .hamburger--stand.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(45deg) } .hamburger--stand-r .hamburger-inner { transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms } .hamburger--stand-r .hamburger-inner:before { transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand-r .hamburger-inner:after { transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s } .hamburger--stand-r.is-active .hamburger-inner { transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s; transform: rotate(-90deg); background-color: transparent } .hamburger--stand-r.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(-45deg) } .hamburger--stand-r.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s; transform: rotate(45deg) } .hamburger--squeeze .hamburger-inner { transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-duration: 75ms } .hamburger--squeeze .hamburger-inner:before { transition: top 75ms ease .12s, opacity 75ms ease } .hamburger--squeeze .hamburger-inner:after { transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19) } .hamburger--squeeze.is-active .hamburger-inner { transition-delay: .12s; transition-timing-function: cubic-bezier(.215, .61, .355, 1); transform: rotate(45deg) } .hamburger--squeeze.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0 } .hamburger--squeeze.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transform: rotate(-90deg) } .hamburger--vortex .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-duration: .2s } .hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before { transition-delay: .1s; transition-timing-function: linear; transition-duration: 0s } .hamburger--vortex .hamburger-inner:before { transition-property: top, opacity } .hamburger--vortex .hamburger-inner:after { transition-property: bottom, transform } .hamburger--vortex.is-active .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transform: rotate(765deg) } .hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before { transition-delay: 0s } .hamburger--vortex.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--vortex.is-active .hamburger-inner:after { bottom: 0; transform: rotate(90deg) } .hamburger--vortex-r .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-duration: .2s } .hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before { transition-delay: .1s; transition-timing-function: linear; transition-duration: 0s } .hamburger--vortex-r .hamburger-inner:before { transition-property: top, opacity } .hamburger--vortex-r .hamburger-inner:after { transition-property: bottom, transform } .hamburger--vortex-r.is-active .hamburger-inner { transition-timing-function: cubic-bezier(.19, 1, .22, 1); transform: rotate(-765deg) } .hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before { transition-delay: 0s } .hamburger--vortex-r.is-active .hamburger-inner:before { top: 0; opacity: 0 } .hamburger--vortex-r.is-active .hamburger-inner:after { bottom: 0; transform: rotate(-90deg) } button#hamburger { display: inline-block; border: 0; padding: 0; margin: 0; outline: none; margin-top: -2px; } #mobile-search, #mobile-searchform { opacity: 0; visibility: hidden; } #search form { background: #fff; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 15px; } #search-input { padding: 0; background: transparent; border: 0; outline: 0; font-size: 13px; width: 150px; position: relative; font-family: IRANSans, fontawesome; } #search-input:focus { box-shadow: none } .menu-toggle { float: right; background: transparent !important; } .menu-toggle i { line-height: 30px; display: inline-block; position: relative; top: -2px; margin-left: 4px; } .search-btn:hover { background: #eee } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; z-index: 1; box-sizing: border-box; position: relative; } .mm-slideout.slided { -webkit-transform: translate(-118px,0); -ms-transform: translate(-118px,0); transform: translate(-118px,0); -webkit-transform: translate3d(-118px,0,0); transform: translate3d(-118px,0,0); } #menu {width: 240px;height: 100%;position: fixed;top: 0;right: 0;z-index: 999999;transition: all .4s;-webkit-transform: translate(240px, 0);transform: translate(240px, 0);box-shadow: 0 0 5px rgb(110 91 52 / 15%);background-color: #fff;} #menu .menu-toggle {margin: 10px;margin-bottom: 6px;padding: 0;padding-top: 3px;display: block;cursor: pointer;float: none;text-align: center;color: #000000;background: #ffffff !important;border-radius: 4px;font-size: 13px;border: 1px solid #6772e5;} #menu li ul, #social span { display: none } #menu li { list-style-type: none } #menu li ul {background: #292929;width: 200px;max-height: 300px;overflow-y: auto;font-size: 12px;position: absolute;top: 0;right: 240px;border-radius: 6px 0 0 6px;} #menu li ul a {border-bottom-color: #444;padding: 0px 10px;color: #ccc;} #menu li ul a:hover {color: #fff;} #menu ul li i {width: 25px;margin-left: 6px;height: 25px;line-height: 25px;vertical-align: middle;border-radius: 50%;font-size: 16px;background: #6772e5;color: #fff;} #menu a {color: #000;font-size: 15px;display: block;line-height: 44px;padding: 0 15px;border-bottom: 1px solid #eee;} #menu a, #menu li:hover ul { display: block; } .insidecontent-ttl i {
    display: inline-block;
    margin-left: 3px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: #6772e5;
    border-radius: 50%;
} #menu em {margin-top: 11px;float: left;font-size: 20px;color: #000;} .menu-sep {/* background: #333333; *//* height: 2px; */} #wrapper { width: 100%; height: 100%; overflow: hidden } #menu-overlay, #modal-overlay {background: rgba(0,0,0,.5);display: none;cursor: pointer;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 999998;} .show-menu #menu { -webkit-transform: translate(0, 0); transform: translate(0, 0) } .title { margin-bottom: 5px; padding: 15px 0 0; font-size: 18px; border-radius: 0; color: #414141; font-weight: 100; } .mtmob .title .r-title { display: inline-block; float: right; padding-right: 60px; } .mtmob .title .l-title { float: left; } .title .btn { margin-top: -5px; padding: 8px 8px 6px; font-size: 11px; float: left } .title em { color: #ccc; float: left } .title em:hover { color: #555 } #posts { display: flex; flex-wrap: wrap } #posts article { background: #fff; border: 1px solid #e6e6e6; border-radius: 0; max-width: 200px; width: calc(100%/7 - 9px); margin: 10px 0 0 10px; flex: 1 auto } #posts article:nth-of-type(7n) { margin-left: 0 } #posts article:last-of-type { margin-left: 0!important } .btn { background: #0ab052; padding: 5px 10px; display: inline-block; color: #fff; border-radius: 0 } .btn i { vertical-align: middle; } .btn-block { display: block } .btn-cu { cursor: pointer } input, select, textarea { background: #f6f6f6; border: 0; padding: 10px 15px; color: #777; border-radius: 6px } input:focus, select:focus, textarea:focus { background: #fff; box-shadow: inset 0 0 0 1px #0ab052 } ::-moz-placeholder { opacity: .8 } ::-webkit-input-placeholder { opacity: .8; color: inherit } input[type=submit] { cursor: pointer } input.btn:focus { background: #333 } button { border: 0 } .search { width: calc(25% - 8px); margin: 10px 0 0 6px; vertical-align: top } .search label { width: 85px; margin-top: 10px; font-size: 12px } .search select { width: 100% } .search input[type=submit] { width: 100%; padding: 9px } .search:nth-of-type(4n+1) { margin-left: 0 } #lastvideos, .bundle { border-radius: 6px; position: relative; display: block; clear: both; margin: 0 -7px 0 -7px; } .col-lg-1-5 { width: 12.49995%; } #lastvideos article, #posts article, .bundle article { padding-left: 7px; padding-right: 7px; margin-bottom: 14px; } #lastvideos article .stylearticle-fix, #posts article .stylearticle-fix, .bundle article .stylearticle-fix { background: #fff; margin: 0; padding: 10px; direction: rtl; text-align: center; transition: all .4s; border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); } #lastvideos .ptitle, #posts .ptitle, .bundle .ptitle {overflow: hidden;margin: 6px 0 6px;line-height: 21px;font-size: 13px;font-weight: 600;height: 62px;text-align: right;} #lastvideos .ptitle h1, #posts .ptitle h1, .bundle .ptitle h1 { font-weight: 600; font-size: 13px; } #lastvideos, #lastvideos .stars, #posts .stars, .bundle .stars { font-size: 15px; text-align: right; direction: rtl; } @media (max-width:1200px) { #posts article { width: calc(100%/7 - 5px); margin: 5px 0 0 5px } } @media (max-width:992px) { #posts article:nth-of-type(5n), .search:nth-of-type(2n+1) { margin-left: 0 } #header { padding: 10px 0 } #menu li ul { width: 240px; margin: 0px 0 0 0; position: static; border-radius: 0; } .col-md-5 { margin-bottom: 10px } #posts article { width: calc(100%/5 - 5px) } #posts article:nth-of-type(7n) { margin-left: 5px } } @media (max-width:768px) { .mobile-only { display: block!important } .mobile-hide { display: none!important } #search form { width: 100% !important; } .search-btn { padding: 10px 10px 4px; font-size: 18px } #posts article { width: calc(100%/4 - 5px) } #posts article:nth-of-type(4n) { margin-left: 0 } #posts article:nth-of-type(5n) { margin-left: 5px } } .mt .more { cursor: pointer; color: #6b7881; background: #c5d2db; border-radius: 5px; padding: 5px 15px; height: fit-content; margin-top: 8px; transition: 0.3s; font-size: 13px; border: 1px solid transparent; } @media only screen and (min-width:961px) { .mtmob .bundle article .stars { display: block; } } @media only screen and (max-width: 960px) and (min-width: 200px) { .mtmob .title { font-size: 14px; margin-bottom: 0; padding: 15px 0 5px; }.mtmob .title { margin-right: 6px !important; padding-left: 8px !important; display: block; overflow: hidden; } .mtmob .bundle { margin-right: 0; margin-left: 0; } section.mt.mtmob { margin-bottom: 16px; margin-top: 0; } .mtmob .bundle article .fa-wifi { font-size: 14px; margin-left: 0 !important; } .mtmob .bundle article .starmob { display: block } .starmobright { float: right } .mtmob .bundle article a img { width: 100%; height: 100%; } .mtmob .owl-stage .owl-item { width: auto } .ads-bundle { margin: 0 8px } .bundle .owlCarousel { stagePadding: 30 } } #lastvideos article img, #posts article img, .bundle article img { border-radius: 6px; display: block; } .stars i.fa.fa-wifi.off { color: #dfdfdf !important; } #lastvideos article img, #posts article img, .bundle article img { display: block; border-radius: 4px; } @media screen and (max-width: 670px) { button#hamburger { margin-top: 1px; } .hamburger { margin-top: 3px; } div#search {width: calc(100% - 226px);margin-top: 8px;} div#mobile-searchclose { color: #6772e5; position: absolute; left: 13px; top: 4px; font-size: 20px; line-height: 34px; cursor: pointer; z-index: 9999; } header#header { height: 46px; line-height: 50px; padding: 0 6px; } a#logo {height: 39px;width: 162px;position: relative;-webkit-transform: none;transform: none;float: right;right: 0;top: 7px;} } @media screen and (max-width: 290px) { .mt .more { line-height: 24px; font-weight: 100; font-size: 14px; border-radius: 30px; padding: 0 12px; } } @media screen and (max-width: 400px) { a#logo {float: none;position: absolute;top: px;right: 50%;-webkit-transform: translateX(50%);transform: translateX(50%);} div#search { display: none !important; } div#mobile-search i { line-height: 44px; } div#mobile-search {visibility: visible !important;opacity: 1 !important;float: left;font-size: 20px;cursor: pointer;display: block;height: 44px;width: 28px;text-align: center;} div#mobile-searchform form { background: #fff; height: 30px; line-height: 30px; border-radius: 30px; padding: 0 15px; } div#mobile-searchform { margin-top: 8px; position: absolute; z-index: 9999; right: 8px; left: 8px; opacity: 0; visibility: hidden; transition: all .4s; } body.msearch-toggle div#mobile-searchform input { padding: 0; background: transparent; border: 0; outline: 0; font-size: 13px; width: 100%; float: none; position: relative; font-family: IRANSans, fontawesome; position: relative; z-index: 9999; opacity: 1 !important; visibility: visible !important; } body.msearch-toggle div#mobile-searchform { opacity: 1 !important; visibility: visible !important; } body.msearch-toggle a#logo { opacity: 0; visibility: hidden; } body.msearch-toggle div#mobile-searchclose { opacity: 1 !important; visibility: visible !important; } } footer#footer { display: block; border-top: 1px solid rgba(0,0,0,.07); background: #fff; color: #424242; margin-top: 20px; padding: 20px; padding-top: 30px; text-align: right; } .app_box_cat .apps a { -webkit-box-flex: 0; -webkit-flex: 0 25%; -moz-box-flex: 0; -ms-flex: 0 25%; flex: 0 25%; max-width: 25%; padding: 3px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-flex: inherit; -webkit-flex-grow: inherit; -moz-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; } .app_box_cat .apps { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .app_box_cat { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: right; } .app_box_cat a img { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; max-width: 100%; } a.show_best_of_cat { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #efefef; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 15px; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; width: 58%; text-align: center; margin: 0 auto; -webkit-box-shadow: 0 10px 10px -13px #757575; -moz-box-shadow: 0 10px 10px -13px #757575; box-shadow: 0 10px 10px -13px #757575; } a.show_best_of_cat span { color: #404040; font-size: 12px; line-height: 12px; font-weight: bold; display: inline-block; margin: 0; } a.show_best_of_cat i { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #6772e5; color: #ffffff; font-size: 6px; font-weight: lighter; line-height: 12px; margin-right: 4px; padding: 2.5px 6px; display: inline-block; } .app_box_cat h2 { display: block; color: #6772e5; font-size: 25px; font-weight: 900; margin: 0; } footer#footer .title { padding: 0 24px 10px; color: #6772e5; font-size: 17px; font-weight: 900; position: relative; } footer#footer .title:before { content: ''; position: absolute; top: 11px; right: 0; background: #6772e5; width: 12px; height: 6px; border-radius: 10px; } footer#footer .fast li { display: block; list-style: none; } footer#footer .fast li a { color: #474747; display: block; padding-bottom: 6px; padding-right: 16px; position: relative; transition: 0.3s all ease; font-size: 13px; } footer#footer .fast li a:before { position: absolute; top: -1px; content: "\f104"; right: 2px; width: 8px; font-size: 16px; height: 10px; border-radius: 10px; font-family: fontawesome; } footer#footer .col-md-3 { width: 25%; margin-bottom: 20px; } footer#footer .fast li a:hover { color: #6772e5; } .copyright { background: #e6eaed; color: #818284; padding: 22px; font-size: 12px; text-align: center; } .copyright a:hover { color: #000; } .copyright a { display: inline-block; transition: 0.3s; } .app_box_cat > small { display: block; color: #474747; font-size: 13px; font-weight: 200; line-height: 21px; margin: 0; margin-bottom: 15px; } #lastvideos article img, #posts article img, .bundle article img { max-width: 100%; height: auto; } .mtmob .title { position: relative; padding-top: 4px; margin-bottom: 16px; overflow: hidden; display: block; width: 100%; } .mtmob .title .r-title i { margin: 0 3px; display: inline-block; color: #fff; text-align: center; position: absolute; top: 0; right: 0; width: 45px; line-height: 45px; height: 45px; background-color: #3b75d8; border-radius: 100%; } .mtmob .title font { font-weight: bold; font-size: 17px; margin-bottom: 3px; display: block; color: #3b75d8; overflow: hidden; clear: both; } .mtmob .title p { display: inline-block; font-size: 12px; font-weight: normal; color: #969a9d; clear: both; overflow: hidden; } .mtmob.bestgames .title .r-title i { background: #00aa6c; } .mtmob.bestgames .title .r-title font { color: #00aa6c; } .mtmob.bestapps .title .r-title i { background: #025eff; } .mtmob.bestapps .title .r-title font { color: #025eff; } .app_box_cat .apps a:hover img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); } a.show_best_of_cat:hover { width: 68%; } @media screen and (max-width: 430px) { .mtmob .title .r-title { float: none; display: block; } .mtmob .title .r-title i { width: 40px; height: 40px; line-height: 40px; } .mtmob .title .r-title { padding-right: 50px; } .mtmob .title font { margin-bottom: 0; } .mtmob .title .l-title { display: block; float: none; } .mt .more { display: block; width: 100%; text-align: center; } } @media screen and (max-width: 500px) { .mm-slideout.slided { -webkit-transform: translate(-240px,0); -ms-transform: translate(-240px,0); transform: translate(-240px,0); -webkit-transform: translate3d(-240px,0,0); transform: translate3d(-240px,0,0); } } /* Inside Apps */ .image-wrapper { max-width: 1160px; overflow: hidden; overflow-x: scroll; padding: 0 0 20px 0; margin-right: 0; margin-left: 0; } .image-x { white-space: nowrap; text-align: center; } .image-x img { max-width: 380px; max-height: 450px; } .main-wrapper .single-inside { box-shadow: 0 0 12px 1px rgba(0,0,0,0.05); border-radius: 6px; background: #fff; padding: 15px; margin-bottom: 20px; } .single-inside .title { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0; text-align: right; padding: 0; margin-bottom: 0; } .single-inside .title h1 { font-size: 18px; font-weight: 500; color: #2b2b2b; float: right; margin: 0; line-height: 28px; } .single-inside .title span { float: left; margin: 0; background: #6772e5; color: #fff; border-radius: 4px; padding: 3px 8px 4px 8px; position: relative; font-size: 13px; margin-top: 4px; } .single-inside .infos { background: #f1f2f4; padding: 10px; margin: 12px 0; border-radius: 6px; color: #555557; font-size: 12px; } .single-inside .infos span { margin-left: 6px; } aside.sidebar-wrapper { box-shadow: 0 0 12px 1px rgba(0,0,0,0.05); border-radius: 6px; background: #fff; padding: 15px; margin-bottom: 20px; } aside.sidebar-wrapper .gameorapp-picture { display: block; text-align: center; justify-content: center; margin-bottom: 10px; margin-top: 6px; } aside.sidebar-wrapper .gameorapp-picture a > img { width: auto; border-radius: 6px; display: block; margin: 0 auto; } aside.sidebar-wrapper .gameapprat {font-size: 12px;clear: both;background: #f44236;text-align: center;border-radius: 20px;color: #fff!important;display: inline-block;line-height: 20px;padding: 4px 16px;margin-top: 10px;} aside.sidebar-wrapper .gameapprat i { margin-left: 3px; } aside.sidebar-wrapper .gameapprat i.fa-star-half-o { transform: scaleX(-1); } .sidebar-wrapper .gameorapp-info { padding: 6px 0; padding-bottom: 10px; border-bottom: 1px solid #e5eaee; margin-bottom: 10px; } .sidebar-wrapper .gameorapp-info li { list-style: none; line-height: 24px; font-size: 13px; } .gameorapp-report span { display: block; color: #ffffff; background: #6772e5; text-align: center; padding: 8px; margin-bottom: 8px; border-radius: 50px; transition: 0.3s all ease; cursor: pointer; font-size: 18px; } .gameorapp-report { text-align: center; display: block; } .single-inside .title span.nowifi { background: #757b7e; } .gameorapp-report span:last-child { margin-bottom: 0; } .gameorapp-report span:hover { background: #6772e5; color: #fff; } .insidecontent-ttl {
    display: block;
    color: #6772e5;
    font-size: 17px;
    position: relative;
    margin: 14px 0;
    text-align: right;
} .insidecontent-ttl span {
    display: block;
    border-bottom: 1px solid #e6eaed;
    position: relative;
    top: 2px;
    padding: 3px 15px;
    padding-bottom: 5px;
    padding-right: 0;
} .insideapporgame-desc img { width: 100%; height: auto; max-width: 100% !important; } .insideapporgame-desc { font-size: 14px; } .insideapporgame-desc a {color:#6772e5;} .insideapporgame-desc ul li { line-height: 24px; } .insideapporgame-desc h1,.insideapporgame-desc h2,.insideapporgame-desc h3 { font-weight: 600; display: block; margin-bottom: 8px; } .currentversion-new ul li { font-size: 14px; line-height: 22px; } span.numofdownloads { font-size: 13px; } span.numofdownloads i { display: inline-block; margin-left: 5px; } div#breadcrumbs { display: block; margin: 0 0 18px; color: #595959; font-size: 13px; } .download-links { display: block; margin-top: 14px; overflow: hidden; } .insidecontent-p {overflow: hidden;text-align: center;} .download-links a {background: #6772e5; color: #fff; padding: 12px 20px; border-radius: 30px; box-shadow: 0 5px 15px #6772e536; position: relative; transition: 0.3s all ease; background-size: 200%; margin-bottom: 12px; font-size: 15px; display: block; overflow: hidden; text-align: right;} .rahnama {background: #fff6db;border: 1px solid #f9ce4b;padding: 15px;border-radius: 6px;color: #6b5725;margin-top: 15px;font-size: 12px;margin-bottom: 10px;} .download-links .col-md-6 { padding: 0 8px; } .download-links a .size { background: rgb(0 0 0 / 24%); padding: 2px 10px 0; border-radius: 30px; font-size: 14px; float: left;} #screenshots img{width:auto;height:auto;max-width: 334px;max-height: 450px;} div#screenshots { padding: 10px 0; overflow: hidden; overflow-x: scroll; white-space: nowrap; text-align: center; position: relative; } div#screenshots::-webkit-scrollbar {} div#screenshots::-webkit-scrollbar-thumb {} div#screenshots::-webkit-scrollbar-track {background: #eee;} div#similar { padding: 0 6px; } .modalMessage { position: fixed; background: #FFF; width: 450px; padding: 15px; border-radius: 5px; box-shadow: 0 0 52px #00000024; z-index: 9999; display: none; left: 35%; top: 20%; font-size: 13px; } .modalMessage .title { display:flex; justify-content:space-between; padding-top: 0; margin-top: 0; } .modalMessage label { display: block; margin-bottom: 4px; } .modalMessage .inputholder { margin-bottom: 5px; } .modalMessage input,.modalMessage select,.modalMessage textarea { outline: none; width: 100%; border-radius: 5px; border: 1px solid transparent; background: #EEE; padding: 10px; padding: 7px; transition: 0.3s; font-size: 12px; } .modalMessage input:focus,.modalMessage select:focus,.modalMessage textarea:focus { background: #FFF; border: 1px solid #3bbbff; } .modalMessage textarea { height: 90px !important; width: 100% !important; max-width: 100%; } .modalMessage button { float: left; border-radius: 5px; border: 0; padding: 6px 19px; cursor: pointer; background: #0094e3; color: #FFF; transition: 0.3s; } .modalMessage button:hover { opacity: 0.8; } .modalMessage .close { cursor: pointer; position: absolute; top: 10px; left: 10px; font-size: 22px; color: #db1515; } @media(max-width:767px) { .modalMessage { left: 20%; } } @media(max-width:575px) { .modalMessage { left: 15px; top: 20%; width: 95%; } } @media(max-width:375px) { .modalMessage { width: 92%; } } .requestgmap-content { margin: 10px auto; float: none; box-shadow: 0 0 12px 1px rgba(0,0,0,0.05); border-radius: 6px; background: #fff; padding: 15px; overflow: hidden; } .requestgmap-content select,.requestgmap-content input, .requestgmap-content textarea { width: 100% !important; max-width: 100% !important; outline: none; font-size: 13px; } .requestgmap-content form > .col-md-12 { margin-bottom: 12px; } .requestgmap-content form button { display: inline-block; width: 100%; outline: none; background: #6772e5; color: #fff; font-size: 15px; padding: 10px 0; border-radius: 4px; } .requestgmap-content textarea { min-height: 130px; height: 130px !important; max-height: 130px; } .requestgmap-content h2 { margin-bottom: 10px; } @media screen and (max-width: 400px) { .stars i { margin-left: -3px !important; } #lastvideos, #lastvideos .stars, #posts .stars, .bundle .stars { font-size: 14px; } } .wp-pagenavi{margin-top:22px;text-align:center;}.wp-pagenavi a,.wp-pagenavi .pages,.wp-pagenavi .current,.wp-pagenavi .page-numbers{display:inline-block;width:33px;text-align:center;line-height: 33px;height:33px;border-radius: 50%;margin-left:4px;margin-bottom: 4px;font-family: IRANSans,fontawesome;font-size: 14px;opacity: 1;color: #6b7881;background: #c5d2db;cursor: pointer;}.wp-pagenavi a{background-color:#999}.wp-pagenavi a:hover{color:#fff;background-color:#333;text-decoration:none}.wp-pagenavi .current,.wp-pagenavi .pages{background: #6772e5;color: #fff;}.wp-pagenavi i{margin:0 5px;color:#666}.wp-pagenavi .pages em{background-color:#fff;margin:0 10px;display:block} /* comments */ section.comments { box-shadow: 0 0 12px 1px rgba(0,0,0,0.05); border-radius: 6px; background: #fff; padding: 15px; } section.comments .insidecontent-ttl { margin-top: 0; } .comment form{ margin: 0; width: 100%; overflow: hidden; } .comment .input_holder { display: flex; justify-content: space-between; } .comment .input_holder .inp { width: 40%; margin: 0; display: block; float: right; } .comment input{ margin-bottom:10px; width:92%; } .comment input,.comment textarea { background-color: #fff; padding: 10px; border: 1px solid #e5eaee; box-shadow:0px 0px 15px rgba(0, 0, 0, 0.08); transition: 0.3s all ease; outline: none; } .comment input:focus,.comment textarea:focus{ border:1px solid #5b8ff2; background:#fff; box-shadow:0px 0px 15px rgba(108, 160, 244, 0.22); } .comment input::placeholder,.comment textarea::placeholder{ color:#9a9a9a; font-size:12px; } .comment textarea { width: 60% !important; height: 182px !important; margin: 0 !important; overflow: hidden; } .comment form .btn { display:block; background: transparent; padding: 0; margin: 0; } .comment form .btn span{ color:#a1a1a1; font-size:12px; display: block; text-align: center; margin: 15px 0; outline: none; padding: 0; } .comment form .btn button { background: #6772e5; border: none; color: #fff; padding:10px 0; margin: 0; font-size: 15px; transition: 0.3s all ease; cursor: pointer; width: 92%; outline: none; } .comment form .btn button:hover { opacity:0.8; } .answer .user ,.answer .admin { display: flex; justify-content: end; background: #eff0f2; padding: 10px; margin-bottom: 10px; border-radius: 6px; } .answer .admin{ border-right:3px solid #65ba1f; margin-right: 20px; } .answer .admin .pic_name .pic{ background-color:#65ba1f; } .answer .pic_name{ display: flex; padding: 5px; margin: 0; } .answer .pic_name .pic{ width:34px; height:34px; border-radius:6px; background-color: #6772e5; margin-left: 12px; text-align: center; line-height: 36px; color: #fff; font-size: 18px; } .answer .pic_name .pic i{ line-height: 35px; } .answer .pic_name span{ display:block; } .answer .pic_name span.date { color: #9fa6ae; font-weight: 300; font-size: 12px; } .answer .pic_name span{ color:#313131; font-size:13px; font-weight:900; } .answer .text{ border-right:1px solid #bbc4cd; margin-right:10px; overflow:hidden; } .answer .text p{ color:#636363; padding: 8px 15px; } p.form-submit { display: none !important; } div#respond { margin: 0; width: 100%; overflow: hidden; margin-bottom: 20px; } .comment .answer { border-top: 1px solid #e6eaed; padding-top: 20px; margin: 0; width: 100%; overflow: hidden; } p.logged-in-as { display: none; } @media(max-width:991px) { .comment .input_holder .inp { width: 45% !important; } .comment textarea { width: 55% !important; } .comment form .btn span{ display:none; } } @media(max-width:575px) { .comment .input_holder { flex-flow: column; } .comment .input_holder .inp,.comment input,.comment form .btn button,.comment textarea { width: 100% !important; } .comment .input_holder .inp { order: 2; } .comment textarea { margin-bottom: 10px !important; height: 80px; } .comment .title { margin: 0 0 20px 0; } } @media(max-width:425px) { .comment .input_holder { flex-wrap: wrap; } } .sidebarwidthof { width: 25%; } @media screen and (max-width: 992px) { .sidebarwidthof { width: 70%; margin: 0 auto; } } @media screen and (max-width: 700px) { footer#footer .col-md-3 { width: 100%; } } @media screen and (max-width: 450px) { .sidebarwidthof { width: 100%; margin: 0 auto; }} @media screen and (max-width: 380px) {  #lastvideos article, #posts article, .bundle article, #similar article { width: 50%; } } @media screen and (max-width: 456px){ #menu li ul,#menu li:hover ul { display: none; } #menu ul li a em {width: 26px;display: block;text-align: center;line-height: 30px;margin-top: 6px;} #menu li ul a {padding: 0;padding-right: 20px;} } @media screen and (max-width: 991.98px){ #menu { overflow: auto; } } .current-stickyphone { position: fixed; display: none; bottom: 0; right: 0; left: 0; z-index: 999; background: #fff; padding: 8px 0; box-shadow: 0 2px 14px rgba(0,0,0,.21); } .stickyphone-right { display: block; overflow: hidden; padding: 0; } .stickyphone-left { float: left; } .stickyphone-right img { float: right; width: 60px; border-radius: 6px; margin-left: 10px; } .stickyphone-right span.allopfm { overflow: hidden; margin-top: 4px; display: block; padding-bottom: 4px; } .stickyphone-right span.allopfm h1 {font-size: 16px;line-height: 22px;display: block;margin: 0;margin-bottom: 2px;} .stickyphone-right span.allopfm h1 a { display: block; color: #000; } .stickyphone-right span.allopfm p { line-height: 18px; color: #b0b0b0; font-size: 13px; } .stickyphone-left a {display: block;width: 40px;text-align: center;line-height: 40px;height: 40px;box-shadow: 0 0 18px #6772e557;border-radius: 50%;color: #ffffff;background: #6772e5;margin-top: 10px;font-size: 20px;} .stickyphone-left a i { line-height: 40px; }@media screen and (min-width:0px) and (max-width:410px){ .current-stickyphone { padding: 7px 0 !important; padding-left: 12px !important; } .current-stickyphone .container { padding: 0 6px !important; }}@media screen and (max-width : 768px) {.current-stickyphone { display: block; }}@media screen and (min-width:0px) and (max-width:410px){ .current-stickyphone { padding: 7px 0 !important; padding-left: 12px !important; } .current-stickyphone .container { padding: 0 6px !important; } .stickyphone-right img { width: 48px !important; } .stickyphone-right span.allopfm h1 a { font-size: 13px !important; line-height: 18px !important; } .stickyphone-left a { width: 30px !important; height: 30px !important; line-height: 30px !important; font-size: 14px !important; } .stickyphone-left a i { line-height: 30px !important; } }.ppa-content {overflow: hidden; position: relative;text-align: right;} .ppa-content:before {background: linear-gradient(to bottom,transparent 0,#fff 100%);right: 0;left: 0;height: 60px;position: absolute;bottom: 0;content: "";display: none;} .fade-btn i { top: 1px; position: relative; } .ppa-content.fade-bottom:before { display: none; } .post-ratings { display: inline-block; width: auto; top: -2px; position: relative; } .post-ratings img, .post-ratings-loading img, .post-ratings-image img { margin-left: 2px; }a.playstore-dl { background: #fff; border: 2px solid #6772e5; padding-top: 0; padding-bottom: 0; height: 42px; display: block; box-shadow: none; margin: 0 8px; border-radius: 4px; } a.playstore-dl img { width: 132px; margin-top: -7px; } ::-webkit-scrollbar {width: 5px;height: 6px;}::-webkit-scrollbar-thumb {background: #6772e5;}section.mt.mtmob.bestapps .playstore-dl:last-of-type { display: none; }.linkdownlda2im a { background: #0f70ff; color: #fff; padding: 10px 16px; border-radius: 4px; box-shadow: 0px 5px 15px #0f70ff38; position: relative; transition: 0.3s all ease; background-size: 200%; margin-bottom: 12px; font-size: 14px; display: block; overflow: hidden; } .linkdownlda2im { float: none; display: block; padding: 0 8px; } .linkdownlda2im a:before { content: "\f019"; font-family: fontawesome; display: inline-block; margin-left: 6px; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, 0.16); }.currentversion-new { text-align: right; }.kriksa-tags a{color: #6772e5;padding:6px 18px;border-radius:50px;display:block;border: 1px solid #6772e5;font-size:12px;}.kriksa-tags{overflow:hidden;clear:both;display:block;text-align: right;}.kriksa-tags ul li{display:inline-block;margin-left:6px;margin-bottom:6px}span.label { display: flex; align-items: center; font-size: 13px; font-weight: 700; background-color: rgba(255,255,255,.5); text-transform: uppercase; line-height: 1rem; padding: 6px 8px; border-radius: 30px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); pointer-events: none; position: absolute; top: 2px; right: 4px; margin: .5rem; z-index: 1; } span.label:before { content: ""; width: .5rem; height: .5rem; border: .25rem solid; display: block; border-radius: 50%; margin-left: .25rem; } .label-new::before { box-shadow: 0 0.25rem 0.5rem 0 rgb(249 86 61 / 30%); } .label-up { color: #37b6e5; } .label-new { color: #f9563d; }.telegram-link { text-align: right; overflow: hidden; margin-top: 2px; } .telegram-link a { display: block; background: #29bceb; color: #fff; padding: 12px 18px; font-size: 15px; border-radius: 30px; }

#footer-widget-aria {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden
}

#footer-widget-aria .box-title .title {
    font-size: 14px
}

	

#footer-widget-aria .col-md-3 {
    width: 25%;
	margin-bottom: 20px;
	text-align: right;
}

	
#footer-widget-aria ul {
    overflow: hidden;
    width: 100%;
    display: block;
    margin: 0;
    padding-right: 17px
}

#footer-widget-aria li {
    padding: 5px;
    list-style: outside;
    color: #3fc75d;
    list-style: square;
    color: #0277bd;
    width: 100%
}

#footer-widget-aria li a {
 
    display: block;
    font-size: 16px
}

#footer-widget-aria li a i {
    float: right;
    margin-left: 10px
}

.box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
    height: 47px;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid #e8e9eb;
    background: #ffffff;
    margin: -12px -12px 12px;
    position: relative
}

#content-wrapper .box-title .title,
#custom_html-2 .box-title .title {
    display: inline-block;
    font-size: 15px;
    color: #0b294c;
    font-weight: 700;
    position: relative
}

#content-wrapper .box-title .title .fa {
    padding-left: 6px
}

.footer-main .box-title {
    border-bottom: 2px solid #e8e9eb;
    position: relative;
    margin: 0 0 12px;
    display: flex;
    padding: 0;
    background: url(https://androfree.net/wp-content/uploads/2021/12/dots_pat.png) repeat-x center
}

.footer-main .box-title .title {
    display: inline-block;
    font-size: 15px;
    color: #3b75d8;
    font-weight: 700;
    padding: 5px 0 6px 10px;
    position: relative;
    top: 2px;
    margin-bottom: 8px;
	background-color: #e6eaed
}

.footer-main .box-title::before {
    background: rgb(2 119 189);
    content: "";
    height: 3px;
    position: absolute;
    width: 23px;
    bottom: -1.5px
}

.footer-main .box-title .title .fa {
    padding-left: 6px;
    color: rgb(224, 0, 37)
}


.footer {
        background-color:#071122
    }
.textwidget {
        color: #fff
    }
@media(min-width:576px){.footer-main{padding:0rem 5rem}}

@media(max-width:700px){#footer-widget-aria .col-md-3 {
    width: 100%;
	margin-bottom: 20px;
	text-align: right;
}}
	
.social_footer i {
    font-size: 25px;
    color: #fff;
    width: 50px;
    cursor: pointer;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #333540;
	margin: 20px 5px 20px;

}

.social_footer i:hover {
  background-color: #3273df;
  color: white;
}
	
@media screen and (min-width:0px) and (max-width:410px){

.current-stickyphone {
    padding: 7px 0 !important;
    padding-left: 12px !important;	
}

.current-stickyphone .container {
    padding: 0 6px !important;
}

.stickyphone-right img {
    width: 48px !important;
}

.stickyphone-right span.allopfm h1 a {
    font-size: 13px !important;
    line-height: 18px !important;
}

.stickyphone-left a {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 14px !important;
}

.stickyphone-left a i {
    line-height: 30px !important;
}
}
.current-stickyphone {
    position: fixed;
    display: none;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    padding: 8px 0;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
}

.stickyphone-right {
    display: block;
    overflow: hidden;
padding: 0;	
}

.stickyphone-left {
    float: left;
}

.stickyphone-right img {
    float: right;
    width: 60px;
    border-radius: 6px;
    margin-left: 10px;
}

.stickyphone-right span.allopfm {
    overflow: hidden;
    margin-top: 4px;
    display: block;
    padding-bottom: 4px;
}

.stickyphone-right span.allopfm h1 {
    font-size: 16px;
    line-height: 22px;
    display: block;
    margin-bottom: 2px;
}

.stickyphone-right span.allopfm h1 a {
    display: block;
    color: #000;
    font-family: Dubai;
}

.stickyphone-right span.allopfm p {
    line-height: 18px;
    color: #b0b0b0;
    font-size: 13px;
}

.stickyphone-left a {
    display: block;
    width: 40px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    box-shadow: 0 0 18px #5dade26b;
    border-radius: 50%;
    color: #5dade2;
    background: #ffffff;
    margin: 10px;
}

.stickyphone-left a i {
    line-height: 40px;
}


@media screen and (max-width : 768px) {
.current-stickyphone {
display: block;
}
	
	
.cvh {
    content-visibility: hidden;
}