/*
///////////////////////////////////////////

Author: parent theme
*/

/* 
general
header
footer
sidebar
widget
google adds
*/
* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
    list-style: none;
    border: 0
}

*,:after,:before {
    box-sizing: border-box
}

body {
    line-height: 1;
    font-family: Kufi,Tahoma;
    background: #f2f5f9
}
.app-footer.tdlink,.category-page .soft:not(:last-child),.col-ad,.faq,.page-body,.page-content .b-title,.page-header {
    border-color: #edf2f4!important
}

.col-link .dlink,.col-links .dlink {
    height: 45px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 0;
    opacity: .9;
    transition: all .2s ease
}

.col-link .dlink:hover,.col-links .dlink:hover {
    opacity: 1;
    margin-top: -2px;
    transition: all .2s ease
}

.col-link .dlink .bicon,.col-link .dlink .dtext,.col-links .dlink .bicon,.col-links .dlink .dtext {
    color: #fff;
    height: 45px;
    float: right;
    line-height: 45px;
    padding: 0 12.5px
}

.col-link .dlink .bicon,.col-links .dlink .bicon {
    width: 45px;
    position: relative;
    font-size: 20px
}
.col-link .dtext,.col-links .dtext {
    border-right: 1px solid;
    min-width: 150px;
    text-align: center;
    font-size: 15px
}
#footer,.app-wrap,.block,.footer-banner .ad-content,.header-banner .ad-content,.page-template,.sidebar {
    margin-top: 15px
}

strong {
    font-weight: 700
}

a {
    text-decoration: none;
    color: inherit
}

.clearfix,.comment-respond {
    clear: both
}

.clearfix:after,.comment-respond:after {
    clear: both;
    content: "";
    display: table
}

.clearfix,.row {
    clear: both
}

.clearfix:after,.clearfix:before,.row:after,.row:before {
    display: table;
    content: " "
}
.container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    clear: both
}
.container:after {
    clear: both;
    content: "";
    display: table;
}
.pull-left {
    float: right
}

.pull-right {
    float: left
}
.text-right {
    text-align: left
}

.text-left {
    text-align: right
}

.text-center {
    text-align: center
}
.fixed {
    position: fixed!important
}

.inline-block {
    display: inline-block
}
#wrapper {
    margin-left: auto;
    margin-right: auto
}

#wrapper,.ellipsis {
    position: relative;
    overflow: hidden
}

.ellipsis {
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}
.cols .cols {
    display: inline-table;
    width: 100%
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
    padding-right: 10px;
    padding-left: 10px;
    float: right
}
.row {
    margin-left: -10px;
    margin-right: -10px
}
.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}
.h100 {
    height: 100px
}

.h140 {
    height: 140px
}
.sq80 {
    width: 80px;
    height: 80px
}

.rect150 {
    width: 150px;
    height: 110px
}

.lh80 {
    line-height: 80px
}

.pa10 {
    padding: 10px
}

.pa0 {
    padding: 0!important
}

.pal-20 {
    padding-right: 20px
}

.mrn150 {
    margin-right: -150px
}

.mrp170 {
    margin-right: 170px
}
.mrn80 {
    margin-right: -80px
}

.mrp90 {
    margin-right: 90px
}

.mrn130 {
    margin-right: -130px
}

.mrp140 {
    margin-right: 140px
}

.mrn75 {
    margin-right: -75px
}

.mrp80 {
    margin-right: 80px
}

.lh40 {
    line-height: 40px!important
}

.m-l-10 {
    margin-left: 10px
}

/* start rate */
.app-meta .rate:before {
    line-height: 50px
}

.review-final .icon-medium-rate {
    font-size: 17px;
    color: #babbbd;
    width: 96px
}

.review-final .icon-small-rate {
    font-size: 15px
}
.icon-medium-rate,.icon-small-rate {
    font-family: soft;
    display: inline-block;
    position: relative;
    transition: none;
    letter-spacing: 4px;
    text-align: center;
    text-indent: 2px;
    white-space: nowrap;
    word-wrap: normal;
    direction: rtl;
    float: right
}

.icon-medium-rate span,.icon-small-rate span {
    overflow: hidden;
    position: absolute;
    /* right: 0; */
    right: 1px;
    top: 0;
    color: #ffc107;
    display: block;
    transition: none;
    text-align: right;
    word-wrap: normal
}

.icon-medium-rate:after,.icon-small-rate:after {
    color: inherit
}

.icon-medium-rate:after,.icon-medium-rate span:after,.icon-small-rate:after,.icon-small-rate span:after {
    content: "\E804" "\E804" "\E804" "\E804" "\E804";
    content: "\2605" "\2605" "\2605" "\2605" "\2605";
    letter-spacing: 4px;
    display: block;
    float: right;
    margin: 0
}

.icon-small-rate:after,.icon-small-rate span:after {
    float: none;
    width: 78px
}

.user-rate-active {
    cursor: pointer;
    position: relative
}

.user-rate-active .load {
    width: 98px;
    height: 22px;
    display: block
}

.user-rate-active .load:before {
    float: none;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block
}
/* end rate */

.primary-menu {
    height: 65px
}

.primary-menu .logo {
    width: 100px;
    height: 65px
}

.nav-container {
    text-align: right;
    height: 65px;
    width: 100%;
    display: block;
    margin-right: -100px;
    margin-left: -300px;
    float: right
}

.soft-primary-menu-container {
    margin-right: 100px;
    /* margin-left: 300px; */
    height: 65px
}

.primary-menu .menu {
    display: inline-block;
    height: 65px
}

.primary-menu .menu .current-menu-ancestor.menu-item-has-children,.primary-menu .menu .current-menu-item.menu-item-has-children {
    margin-bottom: 50px
}

.primary-menu .menu li {
    min-width: 80px;
    text-align: center;
    float: right;
    position: relative;
    background: transparent;
    transition: background .2s ease
}

.primary-menu .menu li a {
    height: 65px;
    line-height: 65px;
    padding: 0 10px;
    display: block;
    font-size: 13px
}

.primary-menu .menu .mega-menu-block .current-menu-item a {
    color: #fff
}

.primary-menu .menu .mega-menu-block ul {
    display: inline-block;
    text-align: center;
    width: 100%
}

.primary-menu .menu .mega-menu-block ul li {
    float: right;
    height: 53px;
    line-height: 20px;
    width: 100%;
    border-bottom: 1px solid;
    padding: 0;
    transition: padding .3s ease
}

.primary-menu .menu .mega-menu-block ul li:first-child {
    display: block
}

.primary-menu .menu .mega-menu-block ul li:last-child {
    border-bottom: none
}

.primary-menu .menu .mega-menu-block ul li.secondary-menu-active,.primary-menu .menu .mega-menu-block ul li:hover {
    background: rgba(76,125,10,.29);
    padding: 0 5px;
    transition: background .2s ease,padding .3s ease
}

.primary-menu .menu .mega-menu-block ul li.secondary-menu-active a,.primary-menu .menu .mega-menu-block ul li:hover a {
    color: #fff;
    transition: color .3s ease
}

.primary-menu .menu .mega-menu-block ul li a {
    width: 100%;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    float: right;
    text-align: right;
    line-height: 53px;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.primary-menu .menu .mega-menu-block ul li .menu-icon {
    position: relative;
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    margin-left: 5px
}

.mega-menu-block.active,.primary-menu .menu li:hover .mega-menu-block {
    visibility: visible;
    opacity: 1;
    z-index: 2;
    transform: translateY(5px);
    transition-delay: 0s,0s,.3s
}

.mega-menu-block.active .secondary-menu-active ul li,.primary-menu .menu li:hover .mega-menu-block .secondary-menu-active ul li {
    transition: unset;
    background-color: transparent
}

.mega-menu-block {
    visibility: hidden;
    opacity: 0;
    transform: translateY(0);
    z-index: -1;
    transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;
    top: 60px;
    left: 0;
    right: 0;
    width: 200px;
    position: absolute;
    z-index: 1
}

.mega-menu-block:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block
}

.gn-icon,.icon-down {
    display: none
}

.gn-icon {
    font-size: 40px;
    color: #fff;
    float: right;
    padding: 15px 0;
    z-index: 50
}

.gn-icon.opened {
    padding: 15px 20px;
    margin-right: -20px;
    height: 65px
}

.gn-icon.opened .bar2 {
    opacity: 0
}

.gn-icon.opened .bar1 {
    transform: rotate(-45deg) translate(-6px,6px);
    transition: width .2s ease
}

.gn-icon.opened .bar3 {
    transform: rotate(45deg) translate(-8px,-8px);
    transition: width .2s ease
}

.logo {
    position: relative
}

.logo a {
    position: absolute;
    right: 0;
    padding: 7.5px 0;
    height: 65px
}

.has-logo strong {
    display: none
}

.social-menu {
    display: inline-block;
    height: 65px;
    margin-left: 20px
}

.social-menu ul {
    padding: 0
}

.social-menu li {
    position: relative;
    padding: 0 10px;
    display: inline-block;
    line-height: 65px;
    height: 65px
}

.social-menu li a {
    color: #f1eded;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    border-radius: 50%
}

.social-menu li a:hover {
    color: #fff
}

.social-mobile {
    position: fixed;
    bottom: -65px;
    z-index: 13;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0;
    transition: bottom .2s linear
}

.searchform {
    padding: 12.5px 0;
    position: relative;
    display: none
}

.searchform .search-input {
    color: transparent;
    font-size: 13px
}

.search-button,.searchform .search-input {
    width: 40px;
    height: 40px;
    background-color: rgba(76,125,10,.29)
}

.search-button {
    color: #f1eded;
    cursor: pointer;
    font-size: 20px;
    padding: 10px;
    border-radius: 4px;
    margin: 12.5px 0
}

.search-button:hover {
    color: #fff;
    transition: color .2s ease-in-out
}

.search {
    overflow: visible;
    overflow-x: auto
}

.search .close-button {
    display: none
}

.search.is-open {
    position: fixed;
    z-index: 999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 150px;
    background: #fff
}

.search.is-open .searchform {
    display: block;
    width: 100%;
    height: 100px;
    color: #f2f5f9;
    background: transparent
}

.search.is-open .search-input {
    width: 100%;
    transition: width .4s ease;
    background: none;
    height: 80px;
    padding: 0;
    color: #615f5f;
    font-size: 25px;
    border-bottom: 2px solid
}

.search.is-open .search-button {
    display: none
}

.search.is-open .close-button {
    display: block
}

.close-button {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer
}

.close-button:after,.close-button:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 25px;
    top: 0;
    right: 50%;
    border-radius: 3px;
    opacity: .2;
    background: #000
}

.close-button:before {
    transform: rotate(45deg)
}

.close-button:after {
    transform: rotate(-45deg)
}

.close-button:hover:after,.close-button:hover:before {
    opacity: 1;
    transition: .2s ease
}

#load-results,.icon-go {
    position: absolute;
    left: 1em;
    top: 45px;
    bottom: 0;
    margin: auto;
    display: none
}

#load-results.load {
    display: block
}

#load-results.load:before {
    float: none;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block
}

.icon-go {
    cursor: pointer;
    right: -5px;
    top: 15px;
    display: block;
    background: none;
    font-size: 25px
}

#search-results {
    padding-top: 50px
}

#search-results .category-page {
    text-align: right
}

#search-results .category-page li {
    width: 100%
}

#search-results .no-results {
    text-align: center;
    color: #4b5054;
    padding: 20px
}

#search-results .no-results .icon-search {
    font-size: 25px;
    padding: 20px
}

#search-results .no-results .icon-search:before {
    float: none
}

.block {
    width: 100%
}
.homepage .block {
    padding: 0 7.5px
}
.block__inner {
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    border-bottom: 1px solid #dee5ea
}

.block_one_column {
    width: 50%!important
}

.block_one_column .block-content {
    padding: 0
}
.block_grid .block-content,.block_related_post .block-content,.category_grid .block-content,.slider_block .block-content {
    padding: 5px 5px 2.5px
}

.block_one_column .soft, .block_grid,.block_grid ul,.slider_block,.slider_block ul {
    width: 100%
}

.block_one_column .soft:not(:last-child) {
    border-bottom: 1px solid #edf2f4
}
.block_grid .soft .cover,.slider_block .soft .cover {
    width: 100%;
    display: block;
    text-align: center;
    padding: 25px;
    background: #f2f5f9;
    height: 110px
}
.block_grid .soft .list,.slider_block .soft .list {
    background: #f2f5f9;
    height: 215px;
    border-radius: 4px;
    overflow: hidden
}

.block_grid .soft .list .soft-infos,.slider_block .soft .list .soft-infos {
    padding: 5px;
    height: 105px
}

.block_grid .soft .list .soft-infos .excerpt-home,.slider_block .soft .list .soft-infos .excerpt-home {
    height: 50px;
    line-height: 2em
}

.block_grid .soft .list .dl,.slider_block .soft .list .dl {
    right: 0;
    left: 0;
    top: -100px;
    width: 122px
}

.block_grid .version,.slider_block .version {
    float: left!important;
    margin-left: 0!important
}
.block-meta .size,.block-meta .small-image,.block-meta .time,.block-meta .user,.block-meta .version {
    float: right;
    margin-left: 10px
}

.block_grid .post,.block_grid .soft,.block_related_post .post,.block_related_post .soft,.category_grid .post,.category_grid .soft,.slider_block .post,.slider_block .soft {
    float: right;
    display: inline-block;
}
.block_grid_post .cover {
    width: 100%;
    height: 145px
}
.block-header h2,.block-header h3,.widget .title h2,.widget .title h3 {
    line-height: 45px;
}
.block-header .bicon,.widget .title .bicon {
    height: 45px;
    width: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.block-header .bicon:before,.widget .title .bicon:before {
    float: none;
    margin-left: 0
}
.block-header {
    position: relative
}
.block-header .more {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    height: 30px;
    width: auto;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid;
    padding: 0 10px;
    margin: auto;
    color: #494949;
    font-size: 13px
}
.widget .title {
    width: 100%;
    position: relative;
    padding: 0;
    font-weight: 700;
    z-index: 1
}

.block_related_post .post .excerpt-home,.category_grid .post .excerpt-home {
    height: auto
}

.block-content,.category-content,.posts-content {
    position: relative;
    background-color: #fff
}

.block-content li {
    position: relative;
    overflow: hidden;
    transition: background .3s ease
}

.block-content li:hover>.list>.dl {
    opacity: 1;
    left: 10px;
    transition: opacity .2s ease,left .3s ease
}

.block-content li:hover a {
    color: #1a77f4
}

.block-content li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.list .soft-infos,.post-infos,.softs-list .cover {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5
}

.post-infos,.soft-infos {
    width: 100%;
    text-align: right
}

.post-infos .excerpt,.post-infos .excerpt-home,.soft-infos .excerpt,.soft-infos .excerpt-home {
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    display: block;
    color: #494949
}

.post-infos .excerpt-home,.soft-infos .excerpt-home {
    overflow: hidden
}

.post-infos .soft-title,.soft-infos .soft-title {
    font-size: 15px;
    height: 26px;
    overflow: hidden
}

.post-infos .excerpt,.post-infos .excerpt-home {
    height: 90px
}

.post-infos .soft-title a,.soft-infos .soft-title a,.widget .soft-title a {
    color: #4b5054;
    font-weight: 700
}

.block-meta {
    font-size: 13px;
    height: 27px;
    padding: 3px 0;
    color: #494949
}


.logo-overlay,.soft-target {
    right: 0;
    transition: all .25s ease
}

.dl,.logo-overlay,.soft-target {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1
}
.dl {
    height: 35px;
    background: #7cbc28;
    opacity: 0;
    margin: auto;
    transition: opacity .3s ease,left .3s ease;
    border-radius: 4px;
    overflow: hidden
}

.dl .btn,.dl .dltext {
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    float: right;
    padding: 0 8px
}

.dl .btn {
    width: 35px;
    position: relative
}

.dl .btn:before {
    float: none;
    margin: 0
}

.dltext {
    border-right: 1px solid
}

/* start widget */
.widget {
    margin-bottom: 15px
}

.widget:last-child {
    margin-bottom: 0
}

.widget .widget-container {
    position: relative;
    background-color: #fff;
    border-radius: 0 7px 0 0
}
.widget_calendar .calendar_wrap,.widget_custom_html .textwidget,.widget_search #searchform,.widget_tag_cloud .tagcloud,.widget_text .textwidget,.widget ul {
    float: right;    
    width: 100%;
}

.software_widget .soft {
    border-bottom: 1px dashed #edf2f4;
    margin-bottom: 0
}

.widget_search #searchform {
    display: block;
    padding: 10px;
}

.widget_search #s {
    padding: 5px 10px 5px 88px;
    border: 1px solid #edf2f4;
    width: 100%;
    border-radius: 5px
}

.widget_search #searchsubmit {
    padding: 6px 30px;
    margin-top: 10px;
    cursor: pointer;
    position: absolute;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    left: 10px;
    bottom: 10px
}
.widget_categories ul,.widget_nav_menu ul,.widget_pages ul {
    padding: 0!important
}

.widget_categories li a,.widget_nav_menu li a,.widget_pages li a {
    padding: 8px 10px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #edf2f4
}
.widget_categories .sub-menu,.widget_nav_menu .sub-menu,.widget_pages .sub-menu {
    display: none
}
/* end widget */

/* start sidebar */
.sidebar {
    position: relative;
    width: 320px;
    will-change: min-height
}

.sidebar__inner {
    transform: translate(0);
    transform: translateZ(0);
    will-change: position,transform
}
.app,.template-left-sidebar .sticky_content,.template-right-sidebar .sticky_content {
    width: 100%;
    position: relative;
    display: block
}
.template-left-sidebar .sticky_content {
    margin-left: -320px;
    float: right
}

.template-left-sidebar .sticky_content .app-container {
    margin-left: 340px
}

.template-left-sidebar .sidebar {
    float: right
}
/* end sidebar */

/* start footer */
#footer .container {
    padding: 0
}

#footer .widget {
    width: 33.33333333%;
    float: right;
    padding: 0 15px
}

#footer .block__inner {
    background-color: transparent;
    border-bottom: none
}

#footer .widget .title,#footer ul {
    padding: 0;
    color: #fff
}
.footer_1 {
    padding: 20px 0
}

.footer_1 li a {
    padding: 12px 5px;
    display: block;
    font-size: 13px;
    line-height: 1.5em
}

.footer_1 li a,.footer_1 li a:hover {
    transition: background-color .2s ease,color .2s ease,padding .2s ease
}

.footer_1 li a:hover {
    color: #fff;
    padding: 12px 7px
}

.footer_category_widget li {
    display: inline-block
}

.footer_category_widget li a {
    padding: 5px 10px;
    border-radius: 25px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid
}

.footer_category_widget li a:hover {
    padding: 5px 10px
}

.footer_2 {
    background-color: rgba(76,125,10,.29);
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 15px
}

.footer_2,.footer_2 a {
    color: #f3f0f0
}

.footer_2 a:hover {
    color: #fff
}

.totop {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: -50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 0 4px -1px #333;
    z-index: 5;
    transition: bottom .2s linear
}

.totop:before {
    float: none;
    margin-left: 0
}

.totop.active {
    bottom: 25px;
    transition: bottom .2s linear
}

.totop.left {
    left: 25px
}

.totop.right {
    left: 25px
}
/* end footer */

/* start pagination */
.pagination {
    padding: 20px;
    border-top: 1px solid #edf2f4;
    line-height: 35px
}

.pagination li {
    display: inline-block
}

.pagination .page-numbers,.pagination li a {
    border: 1px solid #edf2f4;
    padding: 0 12px
}
/* end pagination */

/* start google adds */
.ad, .adsbygoogle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.ad.block_ad {
    padding: 0 7.5px;
    overflow: visible
}

.ad .adsbygoogle {
    margin: auto
}

.block_ad,.footer-banner,.header-banner {
    min-height: 110px
}

.footer-banner .ad-content,.header-banner .ad-content {
    background-color: #fff;
    border-bottom: 1px solid #dee5ea
}

.ad-content {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    height: 100%
}

.above-banner,.ad1,.ad2,.ad3,.after-content,.auto-banner,.download-banner {
    margin: 15px auto;
    padding: 0
}

._auto .adsbygoogle {
    width: auto;
    height: auto
}

._728x90 {
    width: 738px
}

._728x90 .adsbygoogle {
    width: 728px;
    height: 100px
}

._300x250 {
    width: 310px
}

._300x250 .adsbygoogle {
    width: 300px;
    height: 250px
}

._160x600 {
    width: 170px
}

._160x600 .adsbygoogle {
    width: 160px;
    height: 600px
}

._200x200 {
    width: 210px
}

._200x200 .adsbygoogle {
    width: 200px;
    height: 200px
}

._250x250 {
    width: 260px
}

._250x250 .adsbygoogle {
    width: 250px;
    height: 250px
}

._300x600 {
    width: 310px
}

._300x600 .adsbygoogle {
    width: 300px;
    height: 600px
}

._320x100 {
    width: 330px
}

._320x100 .adsbygoogle {
    width: 320px;
    height: 100px
}

._320x50 {
    width: 330px
}

._320x50 .adsbygoogle {
    width: 320px;
    height: 50px
}

._336x280 {
    width: 346px
}

._336x280 .adsbygoogle {
    width: 336px;
    height: 280px
}

._468x60 {
    width: 458px
}

._468x60 .adsbygoogle {
    width: 468px;
    height: 60px
}

.block_ad .ad-content {
    width: 100%
}
/* end google adds */
/* edit by ziad */
header.primary-menu ,.footer_2,.footer_1{
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0px 105px !important;
}
.footer_1{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.footer_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Optional: to handle small screens */
  padding: 10px 15px; /* Optional: add spacing */
}

.footer_2 .copyright {
  text-align: left;
  direction: rtl; /* Important for Arabic */
}

.footer_2 .social-menu {
  text-align: right;
}
.breadcrumbs {
    margin: 10px 0px;
    padding-right: 13px;
}
.delimiter {
    font-size: 18px;
    /* font-weight: bold; */
}
#crumbs a , .current{
    /* font-weight: bold; */
}
.title_of_the_post {
    font-size: 27px;
    font-weight: bold;
}
.app-infos , .rating_box_legend {
  border: 1px solid #ccc;
  padding: .5rem;
  position: relative;
  margin-top: 2rem;
}
#software_table_desktop {
    margin: 5px auto;
}
.box-legend {
  font-weight: bold;
  background: white;
  display: inline-block;
  padding: 0 0.5em;
  position: absolute;
  top: -2em;
  right: 1rem;
}
.rating_box_legend{
margin: 0px !important;
width: 100%;
padding: 10px !important;
}
.rating_box_legend .box-legend {
    font-weight: bold;
    background: white;
    display: inline-block;
    padding: 0 0.5em;
    position: absolute;
    top: -1.9em;
    right: 1rem;
    /* height: 45px; */
    /* padding: 8px; */
}
.app-infos th, .app-infos td {
    font-size: 15px;
    line-height: 36px;
    font-family: kufi, Tahoma;
}
.software-info-table {
    width: 100%;
    border-collapse: collapse;
    font-family: sans-serif;
    text-align: center;
}
.software-info-table th,
.software-info-table td {
    padding: 10px;
    border: 1px solid #eee;
}
.software-info-table thead th {
    background-color: #cce0ff;
}
.software-info-table tbody tr:nth-child(even) {
    background-color: #f9fbff;
}
.software-info-table-mobile{
    border-spacing: 10px;
}
.software-info-table-mobile th{
    color: #1b4173;
    background: rgba(105, 166, 247, .32);
}
.rating_box_legend .icon-medium-rate:after,.rating_box_legend  .icon-medium-rate span:after,.rating_box_legend  .icon-small-rate:after,.rating_box_legend  .icon-small-rate span:after
{
    font-size: 37px;
}
.rating_footer .icon-medium-rate:after,.rating_footer  .icon-medium-rate span:after,.rating_footer  .icon-small-rate:after,.rating_footer  .icon-small-rate span:after{
    font-size: 37px;
}
.review-final .icon-medium-rate{
    width: 100%;
}
.app-footer.tdlink.line-title.clearfix {
    margin: 30px 0px;
}
.col-6.col-link {
    margin-top: 30px !important;
}
.total-score span {
    background-color: #1c3b5e !important;
    color: white;
}

    #readMoreBtn{
        display: none;
    }
    .faqs .faq {
  margin-bottom: 10px;
  cursor: pointer;
  list-style: none !important;
}
.faqs ul, .faqs ul li{
    list-style: none;
}
.faq .answer {
  display: none;
  padding: 10px;
  background-color: #f9f9f9;
  /* border-right: 3px solid #007bff; */
}
.faq .question {
  font-weight: bold;
  padding: 15px;
  background: #1c3b5e;
  margin: 0;
  color: white;
  border-right: unset;
  font-size: 18px;
}
.faq.active .answer {
  display: block;
}
.svg_icon_question{
    float: left;
}
.svg_icon_question svg path{
    fill: white;
}
.faq.active .svg_icon_question svg{
  transform: rotate(180deg); /* Rotates down arrow to up */
}

#software_table_desktop .size{
    direction: ltr;

}
.app-footer.tdlink.line-title.clearfix{
    padding: 0px;
}
.col-link .dlink .bicon, .col-links .dlink .bicon{
    width: 25%;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    align-items: center;
     height: 62px;
}
.col-link span.dtext.pull-right {
    width: 75%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    font-size: 19px;
     height: 62px;
}
.col-link .dlink, .col-links .dlink{
    height: 62px;
}

a.dlink.pull-right {
    width: 60%;
    margin: 0 auto;
}
.app-footer.tdlink{
    border-bottom: unset !important;
}
.footbal_svg g , .footbal_svg path , .svg_ai path{
    fill: white;
}
.dt_download_button{
    border-radius: 9px;
    width: 304px;
    height: 51px;
    /* background-color: #1c3b5e !important; */
    background: linear-gradient(to right, #1c3b5e, #ff6e7f, #bfe9ff);
    background: linear-gradient(to right, #1c3b5e, #345c88, #5a7fae);
    background: linear-gradient(to right, #1c3b5e, #ff6e7f, #bfe9ff);
    background: linear-gradient(to right, #1c3b5e, #2e5984, #4979b4);
}
.footer_button a.dlink.pull-right {
  
    width: 37%;
    margin: 0 auto;
    text-align: center;
    display: flex
;
    justify-content: center;
    align-items: center;
    vertical-align: middle;

}
.down-page .col-links .dlink .dtext {
    width: 75%;
    vertical-align: middle;
    display: flex
;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    font-size: 19px;
    height: 62px;
}
/* end of edit */
@media screen and (min-width: 768px) and (max-width:992px) {
    #wrapper .block_one_column {
        width:50%;
        min-width: 50%
    }

    #wrapper .slider_block .soft {
        width: 50%
    }

    #wrapper .block_grid .soft,.app-infos .col-3 {
        width: 25%
    }

    .app-footer .col-6 {
        width: 100%;
        float: right
    }

    .app-footer .dlink {
        margin: 0
    }
}

@media screen and (max-width: 768px) {
    .template-left-sidebar .page-template,.template-left-sidebar .sticky_content,.template-left-sidebar .sticky_content .app-container,.template-right-sidebar .page-template,.template-right-sidebar .sticky_content,.template-right-sidebar .sticky_content .app-container {
        margin-right: 0;
        margin-left: 0
    }

    #wrapper .block_one_column {
        width: 100%;
        min-width: 100%
    }

    #wrapper .block_one_column:not(:last-child) {
        margin-bottom: 15px
    }
    
    #wrapper .block_grid .post,#wrapper .block_grid .soft,#wrapper .category_grid .post,#wrapper .category_grid .soft {
        width: 50% !important;
    }
    
    #wrapper .sidebar {
        width: 100%
    }
    
    .comment-form-author,.comment-form-comment,.comment-form-cookies-consent,.comment-form-email,.comment-form-url,.form-submit {
        width: 100%;
        display: inline-block;
        position: relative;
        padding: 10px!important;
    }
    header.primary-menu,.footer_2,.footer_1 {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0px 15px !important;
}
.title_of_the_post {
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
    padding-top: 11px;
}
.rating_box_legend .icon-medium-rate:after,.rating_box_legend  .icon-medium-rate span:after,.rating_box_legend  .icon-small-rate:after,.rating_box_legend  .icon-small-rate span:after,
.rating_footer .icon-medium-rate:after,.rating_footer  .icon-medium-rate span:after,.rating_footer  .icon-small-rate:after,.rating_footer  .icon-small-rate span:after{
 
    font-size: 40px;
}
  #description_of_category {
        max-height: 150px; /* إظهار عدد قليل من السطور */
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    #description_of_category.expanded {
        max-height: 1000px; /* رقم كبير يكشف المحتوى بالكامل */
    }

    #readMoreBtn {
        display: block;
        margin-top: 10px;
        background-color: #1c3b5e;
        color: white;
        padding: 6px 12px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }
    .block_one_column {
    width: 100% !important;
}
.block_grid .soft {
    width: 32.666667% !important;
    height: 190px;
    padding: 5px 2px;
}
.date span {
    font-size: 12px !important;
}
.sidebar {
    position: relative;
    width: 100%;
    will-change: min-height;
}
.soft-infos .soft-title.yrapp_title_data{
    height: 43px;
}
.breadcrumbs {
    margin: 30px 0px;
    padding-right: 17px;
    margin-bottom: 11px;
}
.blue #footer .widget .title{
    margin-top: 20px ;
    margin-bottom: 0px !important;
}
#crumbs {
    width: 100%;
    font-size: 13px !important;
    color: #646464;
}
.rating_box_legend
 {
    padding: 2px !important;
    padding-top: 14px !important;
}
a.dlink.pull-right {
    width: 100%;
}
.small_font{
    font-size: 13px;
}
.midle_font{
    font-size: 17px;
}
.big_font{
    font-size: 20px;
}
.footer_button a.dlink.pull-right{
    width: 100%;
}
}
