@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 } 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: "Droid Arabic Naskh", sans-serif;font-size: 11px;line-height: 1.42857143;color: #818181;background: #f6f6f6;} 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: "Droid Arabic Naskh", 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 {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: -1px !important;margin-right: -1px !important;transform: scaleX(-1);} .mobile-only { display: none!important } #wpadminbar { position: fixed!important } .stars>i.fa-wifi {color: #4cd137 !important;float: left !important;margin: 0 !important;margin-left: 4px !important;background: #fff;width: 20px;height: 19px;line-height: 22px;text-align: center;border-radius: 50%;display: block;} .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: #4cd137;color: #fff;cursor: pointer;text-align: center;border-radius: 30px;font-size: 14px;display: inline-block;margin-top: 12px;display: none !important;} .fade-btn i {/* margin-left: 4px */} .mtmob.lastapps .title .r-title i {} .mtmob.lastapps .title .r-title font {} #header {background: #4cd137;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 {background: url(img/logo.png) no-repeat;background-size: contain;width: 192px;height: 29px;text-indent: -9999px;color: #fff;line-height: 41px;font-size: 20px;display: inline-block;float: none;position: absolute;top: 11px;right: 50%;-webkit-transform: translateX(50%);transform: translateX(50%);} 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: "Droid Arabic Naskh", 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 { background: #333; 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); } #menu .menu-toggle { margin: 10px; margin-bottom: 6px; padding: 0; padding-top: 3px; display: block; cursor: pointer; float: none; text-align: center; color: #fff; background: #4cd137 !important; border-radius: 4px; font-size: 13px; } #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: 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: #4cd137; } #menu a { border-bottom: 1px solid #494848; padding: 9px 15px; color: #fff; font-size: 13px; display: block; } #menu a, #menu li:hover ul { display: block; } .insidecontent-ttl i {display: inline-block;margin-left: 3px;width: 28px;height: 28px;line-height: 26px;text-align: center;color: #fff;background: #4cd137;border-radius: 50%;} #menu em { margin-top: 2px; float: left } .menu-sep { background: #333333; height: 2px; } #wrapper { width: 100%; height: 100%; overflow: hidden } #menu-overlay, #modal-overlay { background: rgba(0, 0, 0, 0.37); 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;} .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,#similar {position: relative;clear: both;margin: 0;} .col-lg-1-5 { width: 12.49995%; } #lastvideos article, #posts article, .bundle article,#similar article {padding-left: 5px;padding-right: 5px;} #lastvideos article .stylearticle-fix, #posts article .stylearticle-fix, .bundle article .stylearticle-fix,#similar article .stylearticle-fix {} #lastvideos .ptitle, #posts .ptitle, .bundle .ptitle,#similar .ptitle {margin: 6px 0 6px;line-height: 21px;font-size: 13px;font-weight: 600;text-align: right;overflow: hidden;height: 62px;} #lastvideos .ptitle h1, #posts .ptitle h1, .bundle .ptitle h1,#similar .ptitle h1 { font-weight: 600; font-size: 13px; } #lastvideos, #lastvideos .stars, #posts .stars, .bundle .stars,#similar .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;background: #4cd137;font-size: 14px;padding: 0.36rem .9rem;color: #fff;float: left;border-radius: 4px;} @media only screen and (min-width:961px) { .mtmob .bundle article .stars,.mtmob #similar 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,#similar 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% - 220px);margin-top: 8px;} div#mobile-searchclose { color: #4cd137; 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: 160px;position: relative;-webkit-transform: none;transform: none;float: right;right: 0;} } @media screen and (max-width: 290px) { .mt .more {line-height: 24px;font-weight: 100;font-size: 14px;padding: 0 12px;} } @media screen and (max-width: 420px) { a#logo {float: none;position: absolute;top: 10px;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: "Droid Arabic Naskh", 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;padding-top: 30px;text-align: center;color: #999;font-size: 14px;padding: 20px;margin-top: 20px;padding-bottom: 38px;line-height: 28px;} .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: #4cd137; 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: #4cd137; font-size: 25px; font-weight: 900; margin: 0; } footer#footer .title {padding: 0 24px 10px;color: #4cd137;font-size: 17px;font-weight: 900;position: relative;} footer#footer .title:before { content: ''; position: absolute; top: 11px; right: 0; background: #4cd137; 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: #4cd137; } .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,#similar article img {max-width: 100%;height: auto;width: 100%;} .mtmob .title {position: relative;padding-top: 6px;margin-bottom: 16px;overflow: hidden;display: block;width: 100%;} .mtmob .title .r-title i {display: inline-block;color: #888;border-radius: 100%;margin-left: 3px;font-size: 22px;} .mtmob .title font {font-weight: 100;font-size: 18px;color: #888;display: inline-block;} .mtmob .title p {display: none;} .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: 2px;} .mtmob .title font { margin-bottom: 0; } .mtmob .title .l-title {/* display: block; *//* float: none; */} .mt .more {display: block;width: 100%;text-align: center;margin-top: -2px;} } @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: 1px 1px 7px rgba(208, 208, 208, 0.46);border-radius: 6px;background: #fff;padding: 15px;margin-bottom: 20px;} .single-inside .title {margin-top: 0;padding: 0;margin-bottom: 0;text-align: right;} .single-inside .title h1 {font-size: 18px;font-weight: 500;color: #2b2b2b;float: none;margin: 0;line-height: 28px;display: block;} .single-inside .title span { float: left; margin: 0; background: #4cd137; 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: 1px 1px 7px rgba(208, 208, 208, 0.46);border-radius: 6px;background: #fff;padding: 15px;margin-bottom: 20px;overflow: hidden;} aside.sidebar-wrapper .gameorapp-picture { display: block; text-align: center; justify-content: center; margin-bottom: 10px; margin-top: 6px; } aside.sidebar-wrapper .gameorapp-picture 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 2px; 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: #535355; background: #e6eaed; text-align: center; padding: 8px; margin-bottom: 8px; border-radius: 6px; transition: 0.3s all ease; cursor: pointer; font-size: 12px; } .gameorapp-report {text-align: center;display: none !important;} .single-inside .title span.nowifi {background: #757b7e;display: none;} .gameorapp-report span:last-child { margin-bottom: 0; } .gameorapp-report span:hover { background: #4cd137; color: #fff; } .insidecontent-ttl {display: block;color: #4cd137;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;display: none !important;*/} .insideapporgame-desc { font-size: 14px; } .insideapporgame-desc a {color:#4cd137;} .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: #4cd137;color: #fff;padding: 12px 16px;border-radius: 4px;box-shadow: 0px 5px 15px #4cd13736;position: relative;transition: 0.3s all ease;background-size: 200%;margin-bottom: 12px;font-size: 14px;display: block;overflow: hidden;} .rahnama { background: #fff6db; border: 1px solid #f9ce4b; padding: 15px; border-radius: 6px; color: #6b5725; margin-top: 15px; font-size: 12px; } .download-links .col-md-6 { padding: 0 8px; } .download-links a .size {background: #fff;padding: 2px 10px 0px;border-radius: 30px;font-size: 11px;float: left;margin-top: 2px;color: #4cd137;} #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 { box-shadow: 1px 1px 5px rgba(0,0,0,.1) inset; background: #eee; border-radius: 8px; } 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: #4cd137; 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: tahoma,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: #4cd137;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: #4cd137; 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: #4cd137; 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: 420px) { .sidebarwidthof { width: 100%; margin: 0 auto; } #lastvideos article, #posts 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: -3px; font-size: 18px; } #menu li ul a { padding: 10px 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 #4cd13757;border-radius: 50%;color: #ffffff;background: #4cd137;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;/* height: 176px; */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: ""; */}.fade-btn i { top: 1px; position: relative; } .ppa-content.fade-bottom:before { display: none; } p.comment-form-cookies-consent { display: none; }.single-inside > .insidecontent-p > .insidecontent-ttl { margin-top: 0; }.currentversion-new { text-align: right; }a.playstore-dl { background: #fff; border: 2px solid #4cd137; 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: #4cd137;}.filesize { display: block; margin-bottom: 10px; font-size: 13px; }div#similar.appsd-posts { margin: 0; box-shadow: 1px 1px 7px rgba(208,208,208,.46); border-radius: 6px; background: #fff; padding: 15px; margin-bottom: 20px; } div#similar.appsd-posts article.post { margin-bottom: 19px; } #similar.appsd-posts .stars>i.fa-wifi { top: 16px; left: 28px; } .bundle { box-shadow: 1px 1px 7px rgba(208,208,208,.46); border-radius: 6px; background: #fff; padding: 15px; margin-bottom: 20px; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}