@font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(/static/fonts/MaterialIcons-Regular.eot); src: local('Material Icons'), local('MaterialIcons-Regular'), url(/static/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(/static/fonts/MaterialIcons-Regular.woff) format('woff'), url(/static/fonts/MaterialIcons-Regular.ttf) format('truetype');font-display: swap;}
.material-icons {font-family: 'Material Icons'; font-weight: 400; font-style: normal; font-size: 24px; display: inline-block;  width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'}

body {background: #f3f3f3; font-size:14px; color:#373f42; margin: 0 auto; min-width: 320px; min-height: 480px; overflow-x: hidden; position: relative; padding-top: 80px; font-family: 'Open Sans', sans-serif; letter-spacing:-0.3px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
h1,h2,h3,h4 {margin-top: 0;}
h1 {font-size: 32px; font-weight:bold;}
h1 strong {color: #ccc; font-weight: 300;}
h3 {line-height: 1.4em; font-size:14px; font-weight: bold;}
h4 {font-size:14px; font-weight: bold;}
h2 {font-weight: 300; font-size:20px;}
h2 span {color: #aeb4b6;}
a {color:#03a9f4; cursor:pointer; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
a:hover, a:focus {text-decoration: none; outline: 0;}
ul, ol {padding-left: 0; margin-bottom: 0;}
li {list-style: none;}
ol li {list-style-type: decimal; margin-left: 20px;}
img {text-indent: -9999px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
blockquote {background-color:#FFFDE7; padding:20px; font-size:15px; border-left:6px solid #FFE082; font-family:Georgia, serif; font-style: italic; margin:20px 0;}
iframe {border: none;}
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aeb4b6;}
.checkbox, .radio {margin-top: 0; margin-bottom: 0;}
.checkbox+.checkbox, .radio+.radio {margin-top: auto;}
.title-btn {width: 100%; overflow: hidden;}
.col-r-2 .title-btn {padding-right:20px;}
.title-btn h2 {line-height: 35px;}
.mtop {margin-top: 20px !important;}
.mbottom {margin-bottom:20px !important;}
.mright {margin-right:20px !important;}

.clearfix {clear: both;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

::-moz-selection {background: #03a9f4; color: #fff;}
::selection {background: #03a9f4; color: #fff;}

#scrolltop {position: fixed; z-index:999; bottom: 50px; right: 20px; padding:10px 15px; background-color: #03a9f4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; transition: all .2s ease .3s; -moz-transition: all .2s ease .3s; -ms-transition: all .2s ease .3s; -webkit-transition: all .2s ease .3s; visibility: hidden; opacity: .6;}
#scrolltop i {color:#F7F7F7; font-size:18px;}
#scrolltop:hover {opacity: 1;}
.search-menu .close-icon {display: none;}

/* BOX GALLERY*/
.linkbox-gallery {max-width: 100%; opacity:0; visibility: hidden;}

/* SPINNERS */
.spinner-flickity {margin: -10px 0 0 -35px; width: 70px; text-align: center; position: absolute; top: 50%; left: 50%;}
.spinner-flickity > div {width: 18px; height: 18px; background-color: rgba(255,255,255,.6); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner-flickity .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner-flickity .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}

/* BOX */
.content-container {min-height: 700px; padding-right: 15px; padding-left: 15px; margin-top: 15px; margin-right: auto; margin-left:auto;}
.content-container,
.container {width:1170px; max-width: none !important; position: relative;}
.content-container section .title-btn h2 {font-size: 18px;}
.col {display: block; overflow: hidden; box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1); margin-right: 20px; float: left; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.col-tm {width: 100%; position: relative;}
.col-tm-1 {width: 1170px;}
.col-tm-2 {width: 850px;}
.col-tm-3 {width: 300px;}
.col-tm-4 {width: 190px; margin-bottom:20px;}
.col-tm-5 {width: 950px; position: relative;}
.col-tm-6 {width: 640px;}
.col-r-2 {width: 870px;}
.col-r-5 {width: 970px;}
.col-2of3 {width: 270px; height: 244px;}
.col-2of4 {width: 222px; height: 217px;}
.col:hover {box-shadow: 0px 1px 3px rgba(0,0,0,.2); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);}
.col:hover .box-img img,
.col:hover .box-img-icons img {-webkit-transform:scale(1.03); -moz-transform:scale(1.03); -ms-transform:scale(1.03); -o-transform:scale(1.03); transform:scale(1.03);}
.related-box {clear:both; margin-bottom: 20px;}
.related-box h3 {font-size: 20px; font-weight: 300;}
.related-box .flickity-slider .gallery-cell .col {margin-bottom: 0;}
.whats-new {background-color: #f7f7f7 !important;}
.col-tm-3 .box {overflow: hidden;}

.lists {background: #e6e6e6; padding: 20px 20px 0; margin-bottom: 20px;}
.lists .title-btn h2 {font-size: 22px !important;}
.lists .col-2of4 {width: 212px;}

/* ICONS */
.icons {background: url("../img/sprite.png?1311") no-repeat; width: 18px; height: 18px; display: block;}
.windows-icon-dark {background-position: -76px 0;}
.mac-icon-dark {background-position: -124px 0;}
.android-icon-dark {background-position: -172px 0;}
.ios-icon-dark {background-position: -220px 0;}
.winphone-icon-dark {background-position: -268px 0;}
.blackberry-icon-dark {background-position: 0px -128px;}
.symbian-icon-dark { background-position: -149px -128px; }
.linux-icon-dark { background-position: -52px -128px; }
.web-icon-dark { background-position: -104px -128px; }

.os-icons {display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px;}
.os-icons.windows-icon-dark {background-image: url("../img/os/os_windows.svg");}
.os-icons.mac-icon-dark {background-image: url("../img/os/os_mac.svg");}
.os-icons.blackberry-icon-dark {background-image: url("../img/os/os_blackberry.svg");}
.os-icons.linux-icon-dark {background-image: url("../img/os/os_linux.svg");}
.os-icons.web-icon-dark {background-image: url("../img/os/os_web.svg");}
.os-icons.symbian-icon-dark {background-image: url("../img/os/os_symbian.svg");}
.os-icons.android-icon-dark {background-image: url("../img/os/os_android.svg");}
.os-icons.ios-icon-dark {background-image: url("../img/os/os_ios.svg");}
.os-icons.winphone-icon-dark {background-image: url("../img/os/os_winphone.svg");}

.social-icons {display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; background-size: 16px 16px;}
.social-icons.fb-icon {background-image: url("../img/social/social_fb.svg");}
.social-icons.tw-icon {background-image: url("../img/social/social_tw.svg");}
.social-icons.ig-icon {background-image: url("../img/social/social_ig.svg");}
.social-icons.yt-icon {background-image: url("../img/social/social_yt.svg");}
.social-icons.wa-icon {background-image: url("../img/social/social_wa.svg");}
.social-icons.in-icon {background-image: url("../img/social/social_in.svg");}
.social-icons.comment-icon {background-image: url("../img/social/social_comment.svg");}

.windows-icon-light {background-position: -76px -100px;}
.mac-icon-light {background-position: -124px -100px;}
.android-icon-light {background-position: -172px -100px;}
.ios-icon-light {background-position: -220px -100px;}
.winphone-icon-light {background-position: -268px -100px;}
.webapp-icon-light {background-position: -317px -100px;}
.blackberry-icon-light {background-position: -366px -100px;}
.symbian-icon-light {background-position: -415px -100px;}

.linux-icon-blue {background-position: -465px -100px;}
.search-icon {background-position: 0 0;}

.menu-close-icon,
.close-icon {background-position: 10px -498px;}
.user-icon {width: 26px; height: 26px;}
.user-icon i {font-size:26px; line-height: 20px;}
.down-icon {background-position: -102px -259px;}
.buy-icon {background-position:  -131px -250px;}
.link-icon {background-position: -215px -252px;}
.game-icon {background-position: -172px -250px;}
.big-star-icon {background-position: -419px -38px;}
.big-star-icon-empty {background-position: -390px -38px;}
.reply-icon {background-position: -343px -66px;}
.play-icon {background-position: -538px -293px; width: 62px; height: 62px; position: absolute; left: 50%; top: 50%; margin-top: -31px; margin-left: -31px; z-index: 1; opacity: .7;}
.mini-play-icon {background-position: -576px -200px; width: 24px; height: 24px; display: block; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; z-index: 1; opacity: .7;}
.vote-up {background-position: -253px -64px;}
.vote-down {background-position: -275px -64px;}
.vote-up.active, .vote-up:hover {background-position: -299px -64px;}
.vote-down.active, .vote-down:hover {background-position: -321px -64px;}
.facebook-icon {background-position: -306px 0;}
.twitter-icon {background-position: -334px 0;}
.whatsapp-icon {background-position: -405px -582px;}
.gplus-icon {background-position: -362px 0;}
.comment-icon-dark {background-position: -368px -194px;}
.youtube-icon {background-position: -390px 0;}
.instagram-icon {background-position: -418px 0;}
.linkedin-icon {background-position: -446px 0;}
.top-icon {background-position: -257px -190px;}
.bottom-icon {background-position: -285px -190px;}
.follow-icon {background-position: -431px -193px;}
.map-icon {background-position: -144px -385px;}
.earth-icon {background-position: -177px -385px;}
.gift-icon {background-position: -273px -261px; width: 20px; height: 20px;}
.big-gift-icon {background-position: -231px -337px; width: 72px; height: 72px;}
.question-icon {background-position: -325px -337px; width: 48px; height: 48px;}
.big-list-icon {background-position: -325px -395px; width: 48px; height: 48px;}

/* FORM */
textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active, button:hover {outline:0px !important; -webkit-appearance:none;}
input[type="text"], input[type="password"],input[type="email"], textarea {border-radius: 4px; padding: 10px 16px; border:1px solid #ddd; resize: none;}
input[type="text"]:hover, textarea:hover, input[type="text"]:focus, textarea:focus {border-color: #ddd;}
label {font-size: 13px;}
label span {margin-left: 5px;}
.checkbox label i, .radio label i {font-style: normal; color: #aeb4b6;}

.dark-input form {position: relative;}
.dark-input input {background-color: #eee; border: 0 !important; width: 100%;}
.dark-input input::-webkit-input-placeholder,
.dark-input input::-moz-placeholder,
.dark-input input:-ms-input-placeholder {color:#bbb;}
.dark-input button {position: absolute; top:50%; margin-top: -9px; right: 10px; background: url("../img/sprite.png?1311") no-repeat -582px 0; width: 18px; height: 18px; display: block; border: 0;}
.dark-input {margin-bottom: 10px;}

/* pagination */
.pagination {width:100%; margin:0 0 20px 0;}
.pagination>li>a, .pagination>li>span, .pagination>.disabled>span {border-color: #eee; color: #aeb4b6; padding: 8px 16px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #03a9f4; border-color: transparent;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {background-color: #f5f5f5; color: #373f42;}
.pagination-detail {margin-bottom:20px;}

/* BUTTONS */
button {-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.btn {font-size: 12px; color: #fff; font-weight:bold; padding: 10px 20px; position: relative; overflow: hidden; border:0;}
.large-btn {padding: 14px 20px;}
.btn .icons {float: left; margin-right: 10px;}
.btn i {font-style: normal; opacity: 0.5;}
.btn:active {box-shadow:none;}
.btn.focus, .btn:focus, .btn:hover {outline: 0; color: #fff;}
.blue-button {background-color: #03a9f4;}
.blue-button:hover {background-color: #22B9FD;}
.green-button {background-color: #8BC34A; }
.green-button:hover, .modal-register a:hover {background-color: #81bc3c;}
.green-button:active, .modal-register a:active {background-color: #81bc3c;}
.brown-button {background-color: #fc6e51;}
.brown-button:hover {background-color: #f46345;}
.brown-button:active {background-color: #f46345;}
.orange-button {background-color: #f44336;}
.orange-button:hover {background-color: #f95347;}
.grey-btn {background-color: #e6e6e6; color: #666;}
.grey-btn:hover {background-color: #ddd;}
.grey-btn.focus, .grey-btn:focus, .grey-btn:hover {outline:0; color: #373f42;}
.white-btn {background-color: #fff !important; color: #03a9f4 !important; text-transform:uppercase;}
.white-btn.border-btn {box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); font-weight:bold; color: #373f42 !important;}
.white-btn.border-btn:hover {background:#fff !important; box-shadow: 0 0 0 1px #ccc;}
.border-btn {background: transparent; box-shadow: inset 0 0 0 2px #03a9f4; color: #03a9f4;}
.border-btn:hover {box-shadow: inset 0 0 0 2px #26ade7;}
.grey-btn.border-btn {background: transparent; box-shadow: inset 0 0 0 2px #e5e5e5; color: #aeb4b6;}
.grey-btn.border-btn:hover {background-color: #ddd; box-shadow: inset 0 0 0 2px #ddd;}
.green-button.border-btn {background: transparent; box-shadow: inset 0 0 0 1px #8BC34A; color: #8BC34A;}
.green-button.border-btn a {color: #8BC34A;}
.green-button.border-btn span.icons {background-color: #8BC34A;}
.oval-btn {border-radius:40px; box-shadow: inset 0 0 0 1px #03a9f4;}
.white-border-btn {box-shadow: inset 0 0 0 2px #fff; color: #fff;}
.white-border-btn:hover {background-color: #fff; box-shadow: inset 0 0 0 2px #fff; color: #03a9f4;}
.disabled-btn a {cursor: no-drop;}
.show_btn {display: block; clear:both;}
.comment-button {background: #ff6550; padding: 9px; margin-right: 4px;}
.facebook-button {background-color: #2464ae;}
.twitter-button {background-color: #21c3f0;}
.gplus-button {background-color: #ee584a;}
.youtube-button {background-color: #c4302b;}
.instagram-button {background-color: #3f729b;}
.linkedin-button {background-color: #0e76a8;}
.whatsapp-button {background: #4caf50; display: none;}
.facebook-button:hover {background-color: #2B73C7;}
.twitter-button:hover {background-color: #52D9FF;}
.gplus-button:hover {background-color: #F5766A;}
.youtube-button:hover {background-color: #DF4742;}
.instagram-button:hover {background-color: #4981AE;}
.linkedin-button:hover {background-color: #1787BD;}
.big-btn {border-radius: 4px; margin-bottom:20px; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.big-btn a {padding: 15px 20px; display: block; color: #fff; overflow: hidden; position: relative;}
.big-btn span.icons {float:left; margin-top: 5px; margin-right: 10px; background-color: rgba(0,0,0,0.1); padding:16px; border-radius: 40px;}
.big-btn .big-btn-text {float: left;}
.big-btn strong {font-size:20px;}
.big-btn span {font-size: 12px; opacity: 0.6; margin:0; display: block; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis;}
.comment-btn, .comment-btn:hover, .comment-btn:focus {color: #aaa; border: 1px solid #e3e3e3;}
.comment-btn .icons {margin-right:0;}

.text-center-btn {text-align: center;}
.text-center-btn .big-btn-text {float: none;}
.text-center-btn p {white-space: inherit;}


/* ALERTS */
.alert {padding: 10px 20px; border: 0; font-size: 12px;}
.alert-success {background-color: #cff5f2; color: #0a7c71; border-color: #0a7c71;}
.alert-info {background-color: #daeffd; color: #2b6a94; border-color: #2b6a94;}
.alert-warning {background-color: #fef6dd; color: #957d32; border-color: #957d32;}
.alert-warning a {color: #957d32;}
.alert-danger {background-color: #fddddd; color: #933432; border-color: #933432;}
.alert-dismissable .close, .alert-dismissible .close {right: 0;}
.alert-danger.dark{background: #f34235; color: #fff;}

/* HEADER */
.site-header {background-color: rgba(56,123,234,.95); transition: top 0.2s ease-in-out; height: 60px; box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.1);}
.navbar-brand {background: url("../img/logo.png") no-repeat; width: 110px; height: 32px; display: block; text-indent: -999em; padding: 0; margin-top: 15px; margin-right: 50px;}
.navbar-brand a {width: 110px; height: 32px; display: block; padding: 15px;}
.navbar-nav>li {position: static;}
.navbar-nav>li.home {display: none;}
.navbar-nav>li>a {font-size: 15px; color: #fff; padding: 20px 25px 20px 22px; font-weight: bold; float: left; overflow: hidden;}
.navbar-nav>li>a:hover, .navbar-nav>li:hover>a{background-color:rgba(255,255,255,.1);}
.navbar-nav>li>a:focus {background-color: transparent !important; outline: 0;}
.navbar-nav>li>a .caret {position: absolute; top: 30px; right: 10px;}
.navbar-nav .dropdown-menu {padding: 0; width: 1170px; height: 300px; box-shadow: 0 8px 8px rgba(0,0,0,.3); top: 60px; overflow: hidden; left: 50%; margin-left: -585px; background-color: #fff; border: 3px solid #4080ea; border-top: none;}
.navbar-left li:hover .dropdown-menu {display: block;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: rgba(0,0,0,.05) !important;}
.navbar-right {float: right!important;}
.tab-list {padding: 20px;}

/* dropdown-menu */
.dropdown-menu {border-radius: 0; border: 0; padding: 0; margin: 0; box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);}
.dropdown-menu>li>a {padding: 6px 20px;}
.tabs-left .nav-tabs { float: left; width: 50px; height: auto; background-color: #586779; border-bottom:0; }
.tabs-left .nav-tabs li { width: 100%; background-color: #586779; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.05); margin-bottom: 0; position: relative; }
.tabs-left .nav-tabs li a { cursor:pointer; border: 0 !important; border-radius: 0; margin-right: 0; width: 50px; height: 50px; display: block; }
.tabs-left .nav-tabs li a span { margin-top: 16px; margin-left: 16px; display: inline-block; animation-name: zoomIn; animation-duration: .4s;}

.tabs-left .nav-tabs li.nav-windows a:hover, .tabs-left .nav-tabs li.nav-windows.active a {background-color: #03a9f4;}
.tabs-left .nav-tabs li.nav-mac a:hover, .tabs-left .nav-tabs li.nav-mac.active a {background-color: #2895f3;}
.tabs-left .nav-tabs li.nav-android a:hover, .tabs-left .nav-tabs li.nav-android.active a {background-color: #8BC34A;}
.tabs-left .nav-tabs li.nav-ios a:hover, .tabs-left .nav-tabs li.nav-ios.active a {background-color: #737e96;}
.tabs-left .nav-tabs li.nav-winphone a:hover, .tabs-left .nav-tabs li.nav-winphone.active a {background-color: #6592ef;}
.tabs-left .nav-tabs li.nav-webapp a:hover, .tabs-left .nav-tabs li.nav-webapp.active a {background-color: #737e96;}
.tabs-left .nav-tabs li.nav-blackberry a:hover, .tabs-left .nav-tabs li.nav-blackberry.active a {background-color: #555;}
.tabs-left .nav-tabs li.nav-symbian a:hover, .tabs-left .nav-tabs li.nav-symbian.active a {background-color: #fbab18;}
.tabs-left .nav-tabs li.nav-linux a:hover, .tabs-left .nav-tabs li.nav-linux.active a {background-color: #666;}

.tabs-left .nav-tabs li.nav-windows.active:before {border-color: transparent transparent transparent #03a9f4;}
.tabs-left .nav-tabs li.nav-macos.active:before {border-color: transparent transparent transparent #2895f3;}
.tabs-left .nav-tabs li.nav-android.active:before {border-color: transparent transparent transparent #8BC34A;}
.tabs-left .nav-tabs li.nav-ios.active:before {border-color: transparent transparent transparent #737e96;}
.tabs-left .nav-tabs li.nav-winphone.active:before {border-color: transparent transparent transparent #6592ef;}
.tabs-left .nav-tabs li.nav-webapp.active:before {border-color: transparent transparent transparent #737e96;}
.tabs-left .nav-tabs li.nav-blackberry.active:before {border-color: transparent transparent transparent #555;}
.tabs-left .nav-tabs li.nav-symbian.active:before {border-color: transparent transparent transparent #fbab18;}
.tabs-left .nav-tabs li.nav-linux.active:before {border-color: transparent transparent transparent #666;}
.tabs-left .nav-tabs li.active:before {content:none; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent; position: absolute; left: 50px; top: 50%; margin-top: -4px; z-index:4;}
.tabs-left .nav-tabs:hover li a {display: block;}
.tabs-left .tab-content {float: left; position: relative; display: flex; width: 1155px;}
.tabs-left .tab-content ul:first-child {border-bottom:1px solid rgba(0,0,0,0.05);}
.tabs-left .tab-content ul.tab-content-categories {height: 167px; overflow-y: auto; padding-top: 10px;}
.tabs-left .tab-content ul li a {font-size: 12px; font-weight:bold; color: #fff; text-transform: uppercase; padding: 8px 20px; display: block;}
.tabs-left .tab-content ul li a:hover {background-color: rgba(255,255,255,.2)}
.tabs-left .tab-content-top {position: relative; padding-bottom: 10px;}
.tabs-left .tab-content-top li a span {background: url("../img/sprite.png?1311") no-repeat; width: 12px; height: 11px; display: block; float: left; margin-right: 7px; margin-top: 3px;}
.tabs-left .tab-content-top li a span.tab-home-icon {background-position: -256px -38px;}
.tabs-left .tab-content-top li a span.tab-star-icon {background-position: -277px -38px;}
.tabs-left .tab-content-top li a span.tab-list-icon {background-position: -296px -38px;}
.tabs-left .tab-content-top:before {content:none; width:210px; height:20px; display:block; position: absolute; bottom: -21px; left: 0; right: 0; z-index:3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.tab-news-content {background-color:#eee; width: 260px; padding: 20px; float: left;}
.tab-news-content ul li a h4 {font-size: 12px; line-height: 16px;}
.news-tab-content ul:first-child {border-bottom: 0 !important;}
.white-shadow {width:200px; height:50px; display:none; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.72) 52%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(52%,rgba(255,255,255,0.72)), color-stop(72%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.72) 52%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.72) 52%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.72) 52%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.72) 52%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.app-dropdown {width: 270px;}
.news-dropdown {width: 480px;}
.answers-dropdown {width: 220px;}
.tabs-left {display: flex;}
.tab-pane-left {width: 228px; height: 100%; padding: 10px 0;}
.tab-pane-left ul li {overflow: hidden; position: relative;}
.tab-list {width: 884px;}

aside {width:300px !important; margin-left: 20px;}
aside .box-list li {border-bottom: 1px solid #efefef; padding-bottom: 15px; margin-bottom: 15px;}
aside .box-list li:last-child {border: none; padding-bottom: 0; margin-bottom: 0;}
aside .box-nav {border-bottom: 1px solid #efefef; margin-bottom: 15px; padding-bottom: 10px;}
aside .box-nav li.os-icons {height: 25px;}
aside .box h3 {color: #aeb4b6;}
aside .box-list li .box-list-left,
aside .box-list li .box-list-right {float: none !important; vertical-align: middle !important;}
aside .box-list li .soft-list-right {width: 75%;}

.answer-tab-list .col-2of3, .answer-tab-list .box-detail {height: 120px;}
.answer-tab-list .col-2of3 h3,
.answer-tab-list .col-2of3 .box-detail-title {max-height: 42px; overflow: hidden;}
.answer-tab-list .col-2of3 p {  white-space: normal;}
.answer-tab-list .answer-send, .answer-tab-list .answer-send .box-detail {height: 260px;}
.answer-tab-list .answer-send input {width: 100%; margin:10px 0 5px 0;}
.answer-send .answer-send-top {background-color: #03a9f4; width: 100%; padding: 20px; overflow: hidden; margin-bottom: 10px;}
.answer-send .answer-send-top .icons {opacity: 1; margin: 0 auto; float: none;}
.answer-send h3,
.answer-send .box-detail-title {text-align: center; display: block; margin-bottom: 15px !important;}
.answer-send .btn {display: block; width: 100%;}
.answer-send .material-input {margin-bottom: 0px;}
.answer-send .material-input input:valid ~ label, .answer-send .material-input input:focus ~ label {top: -10px;}

#nav-windows .tab-pane-left, #nav-windows-game .tab-pane-left {background-color: #03a9f4;}
#nav-blackberry .tab-pane-left, #nav-blackberry-game .tab-pane-left {background-color: #555;}
#nav-mac .tab-pane-left, #nav-mac-game .tab-pane-left {background-color: #2895f3;}
#nav-android .tab-pane-left, #nav-android-game .tab-pane-left {background-color: #8BC34A;}
#nav-ios .tab-pane-left, #nav-ios-game .tab-pane-left {background-color: #737e96;}
#nav-winphone .tab-pane-left, #nav-winphone-game .tab-pane-left {background-color: #6592ef;}
#nav-webapp .tab-pane-left, #nav-webapp-game .tab-pane-left {background-color: #737e96;}
#nav-blackberry .tab-pane-left, #nav-blackberry-game .tab-pane-left {background-color: #555;}
#nav-symbian .tab-pane-left, #nav-symbian-game .tab-pane-left {background-color: #fbab18;}
#nav-linux .tab-pane-left, #nav-linux-game .tab-pane-left {background-color: #666;}

.news-tab-content .tab-pane-left {background-color: #03a9f4; width: 296px; height:300px; overflow-y:auto; padding-top: 0;}
.news-tab-content .tab-pane-left .tab-content-categories {height:280px !important;}

/* nav-scroll */
.tabs-left .tab-content ul.tab-content-categories::-webkit-scrollbar {-webkit-appearance: none;}
.tabs-left .tab-content ul.tab-content-categories::-webkit-scrollbar:vertical{width: 10px; height: 20px;}
.tabs-left .tab-content ul.tab-content-categories::-webkit-scrollbar-thumb { border: 2px solid transparent; background-color: rgba(255,255,255,0.4);}

/* nav-scroll */
.answer-dropdown .dropdown .box::-webkit-scrollbar {-webkit-appearance: none;}
.answer-dropdown .dropdown .box::-webkit-scrollbar:vertical{width: 10px; height: 20px;}
.answer-dropdown .dropdown .box::-webkit-scrollbar-thumb { border: 2px solid transparent; background-color: #ccc;}

/* Search-box */
.search-menu {position: relative !important; width: 300px; margin-top: 10px; margin-right: 10px;}
.search-menu input[type="search"] {background-color: rgba(255,255,255,.15); border-radius:2px; border: 0; color: #fff; font-size: 12px; width: 100%; height: 40px; padding: 10px 20px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1a78d0,endColorstr=#1a78d0);}
.search-menu input[type="search"]:focus {background-color: rgba(255,255,255,.2);}
.search-menu .close-icon,
.search-menu button {border:0; background: none;  position: absolute; right: 10px; top: 6px;}
.search-menu button i {font-size: 26px; color: #fff;}
.search-menu ::-webkit-input-placeholder {color:rgba(255,255,255,0.6);}
.search-menu :-moz-placeholder {color:#fff; opacity:  1;}
.search-menu ::-moz-placeholder {color:#fff; opacity:  1;}
.search-menu :-ms-input-placeholder {color:#fff;}
.search-menu #search-top-sub {display: none; position: absolute; z-index: 1001; width: 300px !important; height: auto !important; background-color: #fff; right: 0; left: auto !important; margin-top: 10px !important; padding: 20px; overflow: hidden;   box-shadow: 0 1px 0 0 rgba(0,0,0,.05);   box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);}
.search-menu #search-top-sub li {float:left; margin-bottom:10px;}
.search-menu #search-top-sub .radio {float: left; margin-right: 30px; width: 90px;}

/* MODAL */
.modal-backdrop {background-color: #38404a;}
.modal-backdrop.in {opacity: 0.95;}
.modal-content {border: 0 !important; box-shadow: none !important;}
.modal-header {padding: 30px 30px 20px 30px; border-bottom: 0;}
.modal-header .modal-title {font-weight: 300; text-align: center; font-size: 24px; display: block;}
.modal-header h5 {text-align: center;}
.modal-body {padding: 0 30px 30px 30px;}
.modal-body p {color: #999; font-size: 12px;}
.modal-sm {width: 455px;}
.modal-loginform input[type="text"],.modal-loginform input[type="email"], .modal-loginform input[type="password"] {width: 100%; margin-bottom: 5px;}
.modal-loginform .blue-button {display: block;}
.modal-loginform-text {margin: 20px 0 10px 0;}
.modal-loginform-text a {font-size: 13px; color: #999; margin-top: 5px; cursor:pointer;}
.modal-loginform-text a:hover {color: #373f42;}
.modal-loginform strong {display: block;}
.modal-social a { width: 195px; }
.modal-register a {color: #fff; padding: 20px 30px; display: block; margin:0 -20px -30px -20px; background-color: #8BC34A; text-align: center; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.modal-img {text-align: center; display: block; margin: 0 auto; margin-bottom: 20px; width: 92px; height: 92px; border-radius: 92px;}
.user-panel {position: relative !important;}
.user-panel a {padding-top: 14px !important; padding-bottom: 14px !important;}
.user-panel img {border-radius: 100%;}
.user-panel .dropdown-menu {width: 200px; border-color:#fff; height: auto !important; background-color: #fff; right: 0; left: auto !important; overflow: hidden; padding:10px 0;}
.user-panel .dropdown-menu li a {cursor:pointer; padding:10px 20px !important;}
.edit-profile figure {position: relative; width: 160px; height: 160px; display: block; margin: 0 auto; margin-bottom: 20px; overflow: hidden;}
.edit-profile .edit-profile-file {background: url("../img/sprite.png?1311") no-repeat -398px -337px; width: 32px; height: 32px; display:block; position: absolute; top: 10px; right: 10px; cursor:pointer;}
.edit-profile figure input {display: block; width: 32px; height: 32px; opacity: 0; overflow: hidden; cursor: pointer;}
.edit-profile img{border-radius: 100%}
.radio-gender {margin: 10px 0;}

/* FOOTER */

.site-footer {background: #262a37; text-align: center; margin-top: 60px;}
.footer-title {color: rgba(255,255,255,.6); display: block; margin-bottom: 15px;}
.footer-social {margin-bottom: 30px;}
.footer-social li {display: inline-block; margin: 0 10px;}
.footer-social li a {padding: 10px; display: block; background: rgba(255,255,255,.1);}
.footer-social li a:hover {background: rgba(255,255,255,.2);}
.footer-nav li {display: inline-block; margin: 0 15px 15px 15px;}
.footer-nav li a {font-weight: bold; color: #FFF; opacity: .6;}
.footer-nav li a:hover {opacity: 1;}
.footer-top,
.footer-bottom {padding: 30px 0;}
.footer-bottom {text-align: center; background: rgba(0,0,0,.1);}
.footer-bottom span {color: rgba(255,255,255,.6);}
.footer-logo {opacity: .4; margin-left: 20px;}
.footer-logo:hover {opacity: 1;}
.download-count::before {content: "| "}

    /* Post-video-box */
.post-video-box {position: relative; width: 100%; height: 478px; overflow: hidden; margin-bottom: 0px;}
.post-video-box a {display: block;}
.post-video-box iframe {width: 100% !important;}
.post-video-box-shadow {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; box-shadow: inset 0 0 240px 0 rgba(0,0,0,0.6); background-color: rgba(0,0,0,0.3); z-index: 1;}
.post-video-info {position: absolute; top: 0; left: 0; width: 100%; padding: 20px; z-index: 2; color: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
.post-video-info strong {font-size:18px; float: left; padding-right: 20px;}
.post-video-info .time {top: 5px; bottom: auto;}
.post-video-box img {width: 100%; height: 100%;}
.binary-big-box:hover .play-icon,
.video-box:hover .play-icon {background-position: -538px -231px; opacity: 1;}


/* Post-gallery-box */
.gallery-box {background-color: #38404a; width:100%; padding: 20px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; letter-spacing: -0.5px;}
.gallery-box .gallery-cell {width: 100%;}
.gallery-box .gallery-cell img {width: 100%; height: auto;}
.gallery-box .gallery-text {margin: 20px -20px -20px -20px; padding: 20px; background: #313942; display: block;}
.gallery-box .gallery-text > strong {font-size:20px; color: #fff; display: block; margin-bottom: 10px;}
.gallery-box .gallery-text p {font-size:13px; color: #aeb4b6; line-height: 1.6em;}
.gallery-box .gallery-text p a:hover {color: #03a9f4;}
.gallery-box .flickity-prev-next-button {top: 50%; margin-top: -30px; width: 50px; height: 60px;}
.gallery-box .flickity-page-dots {bottom: 10px;}
.gallery-box .flickity-page-dots .dot {margin:0 2px; background-color: transparent; opacity: .8;}
.gallery-box .flickity-page-dots .dot {width: 10px; height: 10px; opacity: 1; background: transparent; border: 2px solid white;}
.gallery-box .flickity-page-dots .dot.is-selected {background: #fff;}

/* COMMENT-BOX */
.write-comment {margin-bottom: 20px;}
.write-comment textarea {width: 100%;}
.write-comment-detail {background-color: #f5f5f5; clear: both; width: 100%; height: 40px; display: block; margin-top: -10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 1; position: relative; overflow: hidden; border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd;}
.write-comment-detail button {border-radius: 0;}
.big-voting {margin: 10px;}
.big-voting span {width: 22px; height: 22px; margin-right: 1px; float: left;}
.comment-box {margin-top: 20px; overflow: hidden;}
.comment-box > li {margin-left: 48px; min-height: 38px; margin-bottom: 20px;}
.commenter-img img {float: left; margin: 0 0 0 -48px; padding: 0; border-radius: 50px; z-index: 2; position: relative;}
.comment-detail {margin-left: 10px;}
.comment-detail header {margin-bottom: 8px;}
.comment-detail header a {font-size: 15px; color: #373f42;}
.comment-detail .answer-view a {font-weight: bold;}
.comment-detail .editted{color: #AAA; font-style: italic; font-size: 11px; display: block; margin: 10px 0;}
.comment-detail header .time-ago-bullet {float: right; color: #aeb4b6; font-size: 12px;}
.comment-detail footer {display: inline-block;}
.comment-box .answered li {background-color: #f5f5f5; padding: 20px 20px 20px 68px; margin-top: 10px; margin-left: 10px; position: relative;}
.comment-box .answered li:before {content: ""; width: 1px; height: 140%; display: block; position: absolute; left: -34px; background-color: #eee; top: -90%; z-index: 1;}
.comment-box .answered li:after {content: ""; width: 33px; height: 1px; display: block; position: absolute; left: -34px; background-color: #eee; top: 50%;}
.comment-box .answered .grey-btn {margin-left: 10px; width: 100%; margin-top: 10px;}
.reply-comment {margin-left: 8px; margin-top: 10px;}
.comment-links {font-size: 12px; color: #aeb4b6; vertical-align: middle; display: inline-block;}
.comment-links a {color: #aeb4b6; margin-right: 10px;}
.comment-links a:hover {color: #373f42;}
.comment-detail footer span {float: left; margin-right: 5px;}
.comment-voting {float: left; margin-right: 10px;}
.comment-replied-box {background-color: #ECF5E2 !important; border-left: 3px solid #8BC34A;}

.comment-section {width: 100%; float:left; clear: both;}
.comment-section h3 {font-size:20px; font-weight: 300;}

.fb-comments,
.fb-comments > span,
.fb-comments iframe {width: 100% !important;}

/* BOX */
.box {background-color: #fff; padding: 20px; margin-bottom: 20px; box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.post-box {padding: 30px 20px;}
.box h3 {font-size:18px; font-weight: bold; margin-bottom: 15px;}
.box h4 {font-size:14px; font-weight: 300; line-height: 20px; color:#aaa;}

/* box-list */
.box-list li {overflow: hidden; margin-bottom: 10px;}
.box-list li a {display: block; color: #373f42;}
.box-list li a .box-list-title {margin-bottom: 3px; line-height:18px; max-height: 36px; overflow: hidden; color: #373f42; font-weight: bold; display: block;}
.box-list li a .box-list-desc,
.box-list li a p {color: #aeb4b6; font-size: 12px; display: block; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis;}
.box-list li .box-list-left {display: inline-block; width: 27.8%; margin-right: 4%; background: none; vertical-align: top; position: relative;}
.box-list li .box-list-left img {width: 100%;}
.box-list li .box-list-right {width: 66%; display: inline-block; vertical-align: top;}
.box-list li .soft-list-left {width: 19%; max-height: 50px; overflow: hidden;}
.box-list li .soft-list-left img {border-radius:6px;}
.box-list li .soft-list-right {width: 77%;}
.box-list li .box-list-avatar {border-radius: 64px !important;}
.box-list li h4 {font-size:14px; font-weight:bold; max-height:35px; overflow: hidden; line-height: 18px; margin-bottom: 5px;}
.box-list li:hover .mini-play-icon {background-position: -576px -176px; opacity: 1;}


.left-sidebar {margin-top: 22px;}
.left-sidebar .box-list li {margin: 0;}
.left-sidebar .box-list li a {display: block; overflow: hidden; padding: 15px 0; border-bottom: 1px solid #e3e3e3;}
.left-sidebar .box-list li:last-child a {border-bottom: none;}
.left-sidebar .box-list li a:hover {color: #03a9f4;}
.left-sidebar .box-list li .box-list-title {font-size: 14px; line-height: 18px; color: inherit; max-height: 53px; margin-bottom: 0; display: block; overflow: hidden;}
.left-sidebar h2 {margin-bottom: 0px; margin-top: 6px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;}

/* box-filter */
.box-nav {border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 7px;}
.box-nav li {float: left; margin-right: 1px; opacity: 0.4; filter: alpha(opacity=40);}
.box-nav li.icons {width: auto; height: auto;}
.box-nav li.icons a {padding: 16px 20px !important;}

.box-nav li.os-icons {display: block; width: 38px; opacity: .2; height: 35px; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px;}
.box-nav li.os-icons.active {opacity: .6;}
.box-nav li.os-icons a {padding: 16px !important;}
.box-nav li.os-icons.windows-icon-dark {background-image: url("../img/os/os_windows.svg");}
.box-nav li.os-icons.mac-icon-dark {background-image: url("../img/os/os_mac.svg");}
.box-nav li.os-icons.blackberry-icon-dark {background-image: url("../img/os/os_blackberry.svg");}
.box-nav li.os-icons.linux-icon-dark {background-image: url("../img/os/os_linux.svg");}
.box-nav li.os-icons.web-icon-dark {background-image: url("../img/os/os_web.svg");}
.box-nav li.os-icons.symbian-icon-dark {background-image: url("../img/os/os_symbian.svg");}
.box-nav li.os-icons.android-icon-dark {background-image: url("../img/os/os_android.svg");}
.box-nav li.os-icons.ios-icon-dark {background-image: url("../img/os/os_ios.svg");}
.box-nav li.os-icons.winphone-icon-dark {background-image: url("../img/os/os_winphone.svg");}

.nav.box-nav a {padding: 3px 10px; display: block; border-bottom: 3px solid transparent; font-size: 12px; color: #373f42; font-weight: bold;}
.box-nav>li>a:focus, .box-nav>li>a:hover {background-color: transparent;}
.box-nav>li.active {opacity: 1;}
.box-nav>li.active a {filter: alpha(opacity=100); border-bottom: 3px solid #03a9f4;}

.manufacturer-box h1 {text-transform: capitalize;}
.manufacturer-box p {color: #aaa;}
.manufacturer-box .manufacturer-url {font-size:12px;}

/* Briefly-box */
.briefly-box a {background-color:#00BCD4; font-size: 24px; color: #fff; padding: 20px; display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.briefly-box h3 {font-weight: 300; font-size: 30px;}
.briefly-box span {color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; opacity: .5;}
.briefly-box span:before {content: ""; width: 30px; height: 2px; background-color: #fff; display: block; opacity: .5;}
.briefly-box a:hover {background-color: #26C6DA;}
.col-2of4.briefly-box h3 {font-size:20px;}

/* Category-box */
.categories li {margin-left: -20px; margin-right: -20px; border-bottom:1px solid #f7f7f7; position: relative;}
.categories li:last-child {border-bottom: 0; }
.categories li a {font-size: 13px; padding: 7px 20px; display: block; color: #373f42; text-transform: capitalize;}
.categories li.active a, .categories li.active a .total, .categories li a:hover {color: #03a9f4;}
.categories li.active a {font-weight:bold;}
.categories li .hover {opacity: 1; filter: alpha(opacity=100); left: 200px; visibility: visible;}
.categories li span {float: left;}
.categories li .caret-right {position: absolute; right: 20px; top: 50%; margin-top: -3.5px;}
.categories li .total {font-size: 12px; color: #bbb; float: none; margin-left: 2px;}
.caret-right {background: url("../img/sprite.png?1311") no-repeat -144px -38px; width: 4px; height: 7px; display: block;}
.sub-menu-horizontal {background: #eee; border-left: 2px solid #ddd; max-height: 350px; overflow: hidden; overflow-y: scroll; position: absolute; top: 0; left: 180px; z-index:3; width: 200px; visibility:hidden; padding-top:0; padding-bottom: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.sub-menu-horizontal .sub-menu-horizontal,
.sub-menu-horizontal .caret-right {display: none;}
.sub-menu-horizontal li {border-color: #e7e7e7;}
.sub-menu-horizontal::-webkit-scrollbar {-webkit-appearance: none; background: #ddd;}
.sub-menu-horizontal::-webkit-scrollbar:vertical{width: 15px; height: 20px;}
.sub-menu-horizontal::-webkit-scrollbar-thumb { border: 2px solid transparent; background-color: #bbb}

/* FILTER-TAB */
.filter-tabs {background-color: #03a9f4; height: 54px; position: relative; margin-bottom: 10px; box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.1);}
.filter-tabs .nav li a {overflow: hidden;}
.filter-tab .nav li, .filter-tab .nav li strong, .filter-tab .nav li h1 {display:inline-block; font-weight: bold; margin-bottom: 0;}
.filter-tab .nav li a, .filter-tab .nav li strong {color: #fff; opacity: 0.5; filter: alpha(opacity=50); padding: 19px 30px 11px; border-bottom: 3px solid transparent; margin-right: 2px;}
.filter-tab .nav li.active a, .filter-tab .nav li a:hover, .filter-tab .nav li strong {opacity: 1; filter: alpha(opacity=100); border-color: #fff;}
.filter-tab .nav li.active a {border-bottom: 3px solid #03a9f4 !important;}
.filter-tab .nav li h1, .filter-tab .nav li a h2 {font-size: 15px; font-weight: bold; line-height: inherit; margin-bottom: 0;}
.filter-tab .nav li h1 {padding: 19px 30px 11px; color:#fff; text-transform: capitalize; text-align: left;}
.filter-tab-left .nav {text-align: left;}
.filter-tab .nav li.block, .filter-tab .nav li.block strong {display: block;}
.filter-tab .nav li.block h1{width: 100%;text-align: center;text-transform: uppercase;}
.filter-option {position: absolute; right:0; top:0; height: 54px; padding: 18px 20px; cursor: pointer; margin-right:0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.filter-option>li {float: left; margin-right: 7px; opacity: 0.5; filter: alpha(opacity=50); color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.filter-option>li.caret-list {margin-right: 0; opacity: 0.9;}
.filter-option>li.dropdown-menu label span {color: #373f42; text-transform: capitalize;}
.filter-option .filter-title {float: left; margin-right: 3px; color: #fff; opacity: 0.9; filter: alpha(opacity=50); font-size: 12px; font-weight:bold; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.filter-option .caret {color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; opacity: 0.5; filter: alpha(opacity=50);}
.filter-option .dropdown-menu ul li {margin-bottom: 5px;}
.filter-option .dropdown-menu ul li:last-child {margin-bottom: 0;}
.filter-option:hover li, .filter-option:hover span, .filter-option:hover .caret {opacity: 1; filter: alpha(opacity=100);}
.filter-option:hover .dropdown-menu {display: block;}

/* List-box */
.lists-container {clear:both;}
.linkbox-gallery .flickity-viewport {height: 113px; clear:both;}
.linkbox-gallery .gallery-cell {width: 200px; margin-right: 5px; position: relative; border:1px solid #ddd; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; overflow: hidden; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);}
.linkbox-gallery .gallery-cell a {display: block; text-align: center;}
.linkbox-gallery .gallery-cell a .linkbox-title {position:absolute; bottom:0px; left:0; background: rgba(0,0,0,0.4); color:#FFF; width: 100%; height: 100%; padding: 10px; font-size: 18px;}
.linkbox-gallery .gallery-cell a .linkbox-title span {position: absolute; bottom: 15px; left: inherit; display: block; width: 100%; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.list-content {width: 100%;}
.list-cover {width: 100%; height: auto; display: block; background-color: #fff; margin-bottom: 20px;}
.list-cover img {width: 100%; height: auto;}
.list-detail .post-editor {margin-bottom: 0;}
.lists-box-list-icons {position: absolute; top: 0; left: 0;}
.lists-box-list-icons img {width: 48px !important; height: 48px; position: absolute; top: 8px; left: 16px; z-index:3; border-radius: 8px; background-color: #fff;}
.lists-box-list-icons:after {content:""; width: 48px; height: 48px; display: block; background-color: #0dabf0; position: absolute; top:12px; left:12px; z-index:2; border-radius: 8px;}
.lists-box-list-icons:before {content:""; width: 48px; height: 48px; display: block; background-color: #9c73e8; position: absolute; top:16px; left:8px; z-index:1; border-radius: 8px;}

/* SLIDER */
.home-slider-container {background: #000; margin-top: -20px;}
.home-slider {opacity: 0; visibility: hidden;}
.home-slider .flickity-prev-next-button {visibility: hidden;}
.slider-container {margin-bottom: 20px; height: 328px; background: #000; overflow: hidden;}
.slider {width: 100%; height: 100%; display: block; background-color: #373f42; margin: 0 auto; float: left;}
.big-slider {width: 50%; height: 328px; overflow: hidden; display: block; background-color: #333; float: left; position: relative;}
.big-slider a {display: block;}
.big-slider:hover .play-icon {background-position: -538px -231px; opacity: 1;}
.small-slider {width: 25%; height: 164px; overflow:hidden; display: block; background-color: #333; float: left; position: relative;}
.small-slider .slider-text {padding: 15px;}
.slider img {width: 100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.slider a:hover .slider-text {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}
.slider-text .post-type {position: static; margin-bottom: 6px; display: inline-block;}
.slider-text .slider-text-title {color: #fff; font-size:20px; line-height: 1.3em; letter-spacing: -.03em; font-weight: bold; display: block; margin-top: 0; margin-bottom: 0; text-shadow: 0 0 2px rgba(0,0,0,0.4);}
.slider-text {position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px 20px 20px; z-index: 1; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}
.big-slider .slider-text-title {font-size:24px}
.slider-container .gallery-cell {opacity: .3;}
.slider-container .gallery-cell.is-selected {opacity: 1;}
.small-slider .mini-play-icon {top: 20px; margin-top: 0; right: 20px; margin-left: 0; left: auto;}
.small-slider:hover .mini-play-icon {background-position: -576px -176px; opacity: 1;}
.slider-container .flickity-viewport {height: 328px !important;}

/* POST-BOX */
.box-img-content {position: relative; width: 100%; height: 152px; display: block;}
.box-soft-icon {background-color: #fff; width:52px; height:52px; display:block; position: absolute; bottom:-10px; left: 20px; border-radius: 8px; overflow: hidden; z-index:2; border:2px solid #fff;}
.box-img {width: 100%; height: 100%; display:flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.box-img:before {content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:1; box-shadow: inset 0 0 10px 5px rgba(0,0,0,.05);}
.box-img img {-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; width: auto; height: 100%;}
.box-detail {padding: 15px; display: block; background: #fff; height: 100%; overflow: hidden; position: relative;}
.box-detail .download-button {position: absolute; top: 65px; right: 0; background: #8BC34A; color: #FFF; font-weight: bold; padding: 6px 16px; border-radius: 4px; box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.15);}
.soft-box .box-detail-title,
.box-detail .box-detail-title,
.box-detail h3 {position:relative;color: #373f42; margin-bottom: 2px; max-height: 40px; line-height: 1.4em; font-size: 14px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.box-detail .box-detail-desc,
.box-detail p {font-size: 12px; color: #aeb4b6; margin-bottom:5px; display: block; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis;}
.box-detail .os-icons {float:left; margin-top: -2px; margin-right: 5px; opacity: 0.4; filter: alpha(opacity=40);}
.box-detail .soft-licence {font-size: 12px; float: left; margin-right:10px; width: 43%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.box-detail .rating img {display: inline-block !important;}
.col-2of4 .box-detail h3 {max-height:60px; margin-bottom:0;}
.col-question .box-detail-desc {font-size: 11px; white-space: normal;}
.col-question .box-detail-desc .question-post-type {font-weight: bold;}
.free-licence {color: #8BC34A;}
.paid-licence {color: #f5594a;}
.trial-licence {color: #aeb4b6;}
.ad_supported-licence {color: #aeb4b6;}
.app-licence.free-licence {background-color: #8BC34A;}
.app-licence.paid-licence {background-color: #f5594a;}
.app-licence.trial-licence {background-color: #999;}
.app-licence.ad_supported-licence {background-color: #999;}
.post-article-box .soft-box .box-detail .box-detail-desc {margin-bottom: 0;}
.post-article-box .soft-box .box-detail .soft-licence {margin-top: -5px;}
.recommendations {margin-bottom: 20px;}

/* binary-big-box */
.binary-big-box {width: 560px; height: 244px; display: block; position: relative;}
.binary-big-box .box-detail {height: auto !important;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); padding: 50px 15px 20px 15px; position: absolute; left: 0; bottom:0; right:0; z-index: 1;}
.binary-big-box .box-detail h3,
.binary-big-box .box-detail .box-detail-title {color: #fff; margin-bottom: 0; max-height: 54px; font-size: 20px;}
.binary-big-box.soft-box .box-detail h3 {margin-bottom:2px;}
.binary-big-box .box-soft-icon {position: relative; float: left; margin-right: 10px; left: 0; top: 5px;}
.binary-big-box .time {top: 5px; bottom: inherit;}
.binary-big-box .box-detail .soft-licence {width: auto;}
.binary-big-box .box-detail-desc {display: none;}

/* box-lists */
.box-img-icons {position: absolute; top: 50%; margin-top: -24px; z-index: 1; left: 50%; width: 183px; margin-left:-73px;}
.box-img-icons img {margin-left: -18px; border: 2px solid #fff; border-radius: 8px;}
.box-img-user {position: absolute; bottom: 10px; left: 10px; z-index: 1;}
.box-img-user img {border-radius: 18px; overflow: hidden; margin-right: 3px;}
.box-img-user strong {font-size: 12px; color: rgba(255,255,255,0.8); font-weight: 400;}

/* bounded-list */

.bounded-list {width: 218px;}
.bounded-list .box-img-content {height: 113px;}

/* post-type-stickers */
.post-type {color: #aeb4b6; font-size: 11px; font-weight: bold; text-transform:uppercase; display: block; margin-bottom: 5px;}
.app-post-type {background-color: #dff0d8; color: #658658; display: inline-block; padding: 6px 14px; font-weight: 400; border-radius: 20px;}
.noreply-post-type {background-color: #fff4dd; color: #c5b074; display: inline-block; padding: 6px 14px; font-weight: 400; border-radius: 20px;}
.binary-big-box .post-type {color:#EEE;}

.news-right-box, .soft-right-box {margin-bottom: 10px;}
.soft-box h3, .soft-box .box-detail-title,
.post-soft-box ul li a strong,
.soft-list-right .box-list-title,
.post-soft-box ul li a .box-detail-title {white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.soft-list-right .box-list-title {height:18px;}
.binary-big-box.news-box .box-detail .box-detail-title,
.binary-big-box.blog-box .box-detail h3,
.binary-big-box.video-box .box-detail h3,
.binary-big-box.list-box .box-detail h3 {font-size:20px;}
.col-2of4 .box-img-content {height: 125px;}
.time {background-color: #000; padding:3px 6px; position: absolute; bottom: 5px; right: 5px; z-index: 1; font-size: 11px; color: #fff; opacity: 0.8;}
.freeoftheweek {position: relative; background-color: #fff; margin-right:20px; margin-bottom: 20px;}
.freeoftheweek .nav {position: absolute; z-index: 1; bottom: -17px; left:5px; border-bottom:0;}
.freeoftheweek .nav li a {margin-right:0; border-bottom: 3px solid transparent !important;}
.free-sticker {height: 30px; position: absolute; z-index:2; top: 10px; left: -10px; background-color: #8BC34A; color: #fff; font-weight:bold; font-size: 12px; padding: 6px 20px; box-shadow: 12px 4px 12px 0px rgba(0,0,0,.2); -webkit-box-shadow: 12px 4px 12px 0px rgba(0,0,0,.2); -moz-box-shadow: 12px 4px 12px 0px rgba(0,0,0,.2);}
.free-sticker:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 6px 0; border-color: transparent #417120 transparent transparent; position: absolute; left: 0px; top: 30px;}

/* FLICKTY-SLIDER */
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; cursor: -webkit-grab; cursor: grab; }
.flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
.flickity-slider { position: absolute; width: 100%; }
.flickity-prev-next-button { position: absolute; width: 40px; height: 60px; top: 50%; bottom: 0; margin-top: -30px; background-color: rgba(0, 0, 0, 0.2); border: none; cursor: pointer; z-index:51; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.home-slider .flickity-prev-next-button {opacity: .4;}
.home-slider:hover .flickity-prev-next-button {opacity: 1;}
.flickity-enabled:hover .flickity-prev-next-button {background-color: rgba(0, 0, 0, 0.4);}
.flickity-prev-next-button:before {background: url("../img/sprite.png?1311") no-repeat; content: ""; width: 11px; height: 18px; display: block; position: absolute; top: 50%; margin-top:-9px; left: 50%; margin-left: -5px;}
.flickity-prev-next-button.previous {left: 0;}
.flickity-prev-next-button.previous:before {background-position: -170px -193px;}
.flickity-prev-next-button.next:before {background-position: -216px -193px;}
.flickity-prev-next-button.next {right: 0;}
.flickity-prev-next-button:disabled { opacity: 0; cursor: auto;}
.flickity-prev-next-button svg {display: none;}
.slider-container .flickity-prev-next-button {background: url("../img/sprite.png?1311") no-repeat; top: 50%; width: 68px; height: 48px; margin-top: -24px;}
.slider-container .flickity-prev-next-button:before {background: transparent;}
.slider-container .flickity-prev-next-button.previous { background-position:  20px -176px;}
.slider-container:hover .flickity-prev-next-button.previous { background-position:  0px -176px;}
.slider-container .flickity-prev-next-button.next { background-position: -90px -176px;}
.slider-container:hover .flickity-prev-next-button.next { background-position: -70px -176px;}
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #373f42; border-radius: 50%; opacity: 0.25; cursor: pointer; }
.flickity-page-dots .dot.is-selected { opacity: 1; }

/* Breadcrumb */
.breadcrumb {padding: 0; margin-bottom: 10px; background-color: transparent; font-size: 12px; font-weight: 300;}
.breadcrumb li {margin-left: 0; text-transform: capitalize;}
.breadcrumb li a {color: #373f42;}
.breadcrumb li a:hover {color:#03a9f4;}

.top-ads {height: 250px; max-width: 970px; margin: -5px auto 10px; background: #ebebeb; display: block !important; text-align: center;}
.top-ads.masthead-fixed {width: 100%; background: rgba(235, 235, 235, 0.7); position: sticky; position: -webkit-sticky; top: 60px; left: 0; z-index: 999;}
.side-top {width: 300px; background: #ebebeb;}
.side-btf {width: 300px; background: #ebebeb;}
.col-tm-6 .top-ads .container {width: 728px; margin: auto;}
.content-ads {width:640px; display: block !important; margin: 10px 0px; text-align: center;}
.col-tm-6 .content-ads {margin: 10px -20px;}

/* SOFT-DETAIL */
.big-btn .down-icon {background-position: -95px -251px;}
.soft-title {margin-top: 20px;}
.soft-title h2 {font-size: 20px; font-weight:bold; margin-bottom: 10px; line-height: 1.4em;}
.softwafe-title {margin-bottom: -15px;}
.ss-container {position: relative; background: #f3f3f3;}
.ss-container .spinner-flickity > div {background: rgba(0,0,0,.2);}
.media-gallery {width: 100%; margin-bottom: 20px; text-align: center; max-height: 350px; overflow: hidden;}
.screenshots {width: 100%; margin-bottom: 20px; text-align: center; max-height: 350px; visibility: hidden; opacity:0; overflow: hidden; border: 1px solid #f3f3f3; border-width:1px 0;}
.screenshots .gallery-cell, .media-gallery .gallery-cell {margin-right:2px; overflow: hidden;}
.screenshots img, .media-gallery img {width: auto !important; height: 350px !important; max-height: inherit;}
.article-box {padding: 0 20px;}
.article-box .social-share {padding:0;}
.article-box article {padding: 0;}
.software-article {padding: 0 15px;}
.col-tm-3 .social-share a {width: 100%; margin-bottom: 5px;}
.left-app-info {margin-bottom:20px;}
.left-app-info {text-align:center;}
.left-app-info .app-licence {float:none; border-width:1px; border-style: solid; background-color: transparent;}
.left-app-info .app-licence.free-licence {border-color:#8BC34A; color:#8BC34A;}
.left-app-info .app-licence.trial-licence, .left-app-info .app-licence.ad_supported-licence {border-color:#999; color:#999;}
.left-app-info .app-licence.paid-licence {border-color:#f5594a; color:#f5594a;}
.big-app-icon {background-color: #fff; width:128px; height:128px; display:block; margin:0 auto; box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1); -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; overflow:hidden;}
.big-app-icon {text-align: center; margin-bottom:10px;}

section.page-title h1 {font-size: 24px; margin: 20px 5px 15px 0; text-transform: capitalize;}
.soft-properties {font-size: 12px;}
.soft-properties strong {font-weight: bold;}
.title-dropdown {text-transform: capitalize; z-index: 999;}
.sub-menu.open {z-index: 1029;}
.title-dropdown a.dropdown-toggle {font-size: 24px; display: inline-block; vertical-align: top; padding: 0 10px; color: #ccc; font-weight: 300; margin-top: 16px; cursor: pointer; text-transform: capitalize;}
.title-dropdown a .caret {border-width: 6px 6px 0px 6px; margin: 0 8px;}
.title-dropdown a.dropdown-toggle.empty {display:none;}
.app-licence {margin-top: 7px; float: left;padding: 4px 16px; color: #fff; font-size: 11px; text-transform: uppercase; border-radius: 20px; line-height: 16px;}
.title-dropdown.dropdown.open  a.dropdown-toggle {background: #fff;}
.title-dropdown .dropdown-menu {top: 50px; left: 0px;}

.proscons {margin-top: 10px;}
.pros-cons {width: 275px; padding: 20px; background-color: #eee;}
.pros-cons strong, .whats-new strong {margin-bottom: 5px; display: block;}
.pros-cons p, .whats-new p {margin-bottom: 5px;}
.pros {background-color: #eef7e5;}
.pros strong {color: #8BC34A;}
.pros p:before {content: "+"; margin-right:5px; color: #8BC34A;}
.cons {background-color: #fbf0f0;}
.cons strong {color: #f5594a;}
.cons p:before {content: "-"; margin-right:5px; color: #f5594a;}
.whats-new {margin-top: 20px;}
.whats-new p:before {content: "- "}

/* Rating-box */
.rating-box .big-voting {display: block; margin: 0 auto; width: 115px; padding-bottom: 15px; overflow: hidden;}
.rating-point {font-size: 56px; font-weight: 300; display: none; text-align: center; line-height: 56px; margin-bottom: 10px;}
.rating-point.active {display: block;}
.userVote a {width: 22px; height: 22px; margin-right: 1px; float:left; transition:none;}
.userVote a:hover, .userVote a.selected {background-position: -419px -38px;}
.histo { float: left; width: 100%; font-size: 12px; }
.histo-star { float: left; padding: 3px; }
.histo-rate { width: 100%; height: 21px; display: flex; clear: both; overflow: hidden; }
.histo-rate .rating {width: 130px; margin-top: 6px; margin-right: 5px;}
.histo-rate img {float: right;}
.histo-rate .rating span { float: right; margin-right: 0; margin-left: 4px; }
.bar-block { color: black; display: block; width: 100%; position: relative; float: left; }
.bar {padding: 2px 10px 2px 4px;display: block;font-size: 11px; color: rgba(0,0,0,0.4); height: 21px;}
#bar-5 {width: 0; background-color: #9FC05A;}
#bar-4 {width: 0;background-color: #ADD633;}
#bar-3 {width: 0; background-color: #FFD834;}
#bar-2 {width: 0; background-color: #FFB234;}
#bar-1 {width: 0; background-color: #FF8B5A;}
.total-user {font-size: 12px; color: #aeb4b6; text-align: center; clear:both; padding-top: 10px; display: none;}
.total-user.active {display: block;}
.total-user .glyphicon {font-size: 12px; margin-right: 3px; top: 2px;}

.add-list {margin-bottom: 20px;}
.add-list span {margin-right:5px; color:#aeb4b6;}
.add-list .btn, .add-list .dropdown-menu {width: 100%; text-align: left;}
.add-list .btn .caret {float: right; margin-top: 8px;}
.add-list .dropdown-menu>li>a {white-space: inherit; padding: 8px 20px;}

.download-options {margin-top: -10px; margin-bottom: 20px; color: #999;}
.download-options .list {margin-top: 20px;}
.download-options > .btn {padding-right: 30px; white-space: normal;}
.download-options .radio {float: left; margin-right: 10px; margin-top: 0;}
.download-options ul li {white-space: normal; text-align: left; border-bottom: 2px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 10px;}
.download-options ul li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.download-options ul li a {font-size:12px; color: #8bc34a;}
.download-options .btn i {position: absolute; top: 50%; right: 10px; margin-top: -6px; opacity: 0.9; margin-left: 10px;}

.alert-editor {padding: 40px 20px 40px 180px; background: #f34235 url(../img/alert-editor.png) no-repeat 40px 37px; color: #fff;}
.alert-editor img {border-radius: 64px;}
.alert-editor strong {font-size:20px; margin-bottom: 5px; display: block;}
.alert-editor .alert-url {padding: 10px; background-color: rgba(0,0,0,0.1); color: rgba(255,255,255,.6); border-radius: 4px; display:block; margin-top:5px;}
.alert-editor a {color: #fff;}

/* post-editor */
.post-editor {font-size:11px; color: #bbb; width: 100%; position: relative; text-transform: uppercase; overflow: hidden; background: #f3f3f3; padding: 8px; border-radius: 4px; margin: 15px 0;}
.post-editor a {font-weight: bold; color: #999;}
.post-editor img {border-radius: 4px; margin-right: 5px;}
.post-editor .comment-btn {position: relative; padding: 10px 15px;}
.rating img {margin-right:1px; vertical-align:top; margin-top:2px;}
.post-editor .post-editor-info {display: inline-block; vertical-align: middle; padding: 5px 0;}
.post-editor .rating {margin: 0 5px;}
.post-editor .rating span {color: #aeb4b6;}
.post-editor .rating img {vertical-align: middle; margin-top:-3px;}
h3.soft-title {margin-bottom: 5px;}

/* download-bar */
.download-bar {display:none; width: 100%; height: 60px; background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 1040; box-shadow: 0 1px 0 0 rgba(0,0,0,.05)}
.download-bar .green-button {width: 200px; height: 60px;}
.download-bar .big-btn {border-radius: 0; float: left; margin-right: 20px;}
.download-bar .big-btn a {padding: 0;}
.download-bar .big-btn strong {font-size: 18px;}
.download-bar .big-btn span {font-size: 11px;}
.download-bar .bar-title {line-height: 60px; width: 760px; float: left; display: block; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis;}
.download-bar .bar-title strong {font-size:20px; text-transform: capitalize;}
.download-bar .bar-title strong i {color: #999; font-style: normal; font-weight: 300; text-transform: capitalize;}
.download-bar .social-share {padding: 10px 0;}
.download-bar .btn {padding:10px; margin-left: 4px;}
.download-bar .btn .icons {margin-right: 0;}
.download-bar .pull-right {position: absolute; right: 0; top: 0;}

/* DOWNLOAD-PAGE */
.downloading {position:relative; background-color: #f1f8e9; padding: 30px; color: #fff; display:flex;}
.downloading h1 {font-size: 24px; color:#8bc34a;}
.downloading #trouble a {font-size: 11px; color:#8bc34a; padding: 10px 14px; box-shadow:inset 0 0 0 2px #8bc34a;}
.downloading #trouble a:hover {background: #8bc34a; color: #fff;}
.downloading-animation {width: 80px; height: 85px; float: left; margin-right: 20px; position: relative;}
.downloading-countdown {color:#8bc34a; position: absolute; top: 21px; left: 36px; font-size: 24px;}
.download-box {background: #F1F8E9; padding: 0px;}
.download-box iframe {min-height: 180px;}
#videoContainer {margin-bottom: 20px;}
.soft-ads figure {margin: 3px 10px 0 0;}
.soft-ads .soft-ads-text {width: 350px;}
.soft-ads .soft-ads-text span,
.soft-ads .soft-ads-text a {display: block;}
.soft-ads .soft-ads-title {font-weight: bold; color: #373f42; display: block; margin-bottom: 2px; max-height: 65px; line-height: 1.4em;}
.soft-ads .soft-ads-desc {font-size: 12px; font-weight: 500; color: #aeb4b6; display: block; margin-bottom: 0px; line-height: 1.4em;}
.soft-ads .btn {margin-top: 10px;}
.spinner { margin: 0px auto; width: 54px; height: 54px; position: relative; }
.container1 > div, .container2 > div, .container3 > div { width: 12px; height: 12px; background-color:#8bc34a; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.spinner .spinner-container { position: absolute; width: 100%; height: 100%; margin-top: 10px; }
.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* POST-DETAIL */
.post-article, .post-article-box {position: relative; font-size: 15px; line-height: 1.8em;}
.post-article-box {padding: 20px;}
.post-article-box h2, .post-article-box h3 {font-weight: bold; font-family:'Open Sans', sans-serif; margin-top:10px; display:inline-block;}
.post-article-box h2 strong {font-weight: bold; line-height:1.4em;}
.post-article-box h3 {font-size: 16px;}
.post-article-box ul li,
.soft-post-article ul li {list-style-type: disc; list-style-position: inside;}
.post-article-box .col-2of3 {font-family:'Open Sans', sans-serif; letter-spacing: -0.5px; width: 100%; height: auto; margin: 10px 20px 10px 0;}
.post-article-box .col-2of3 a {display: block;}
.post-article-box .col-2of3 .box-img-content {width: 250px; height: 110px; display: inline-block; vertical-align: middle;}
.post-article-box .col-2of3 .box-detail .box-detail-title {font-size: 18px; display: block; max-height: 50px;}
.post-article-box .col-2of3 .box-detail {width: 550px; display: inline-block; vertical-align: middle;}
.post-article-box .col-2of3 .post-type {line-height: normal;}
.post-article-box .col-2of3 h3 {font-size: 14px; font-weight: bold; margin-top: 0;}
.post-article-box .col-2of3 .time {line-height: normal;}
.post-article-box .screenshots {background: #282f38; border: 1px solid #59636f !important;}
.post-article-box hr {margin: 10px 0; display: block; width: 100%; border-color: #ddd;}

.post-article-box .col-tm {border-top: 4px solid #f6f6f6; padding-top:30px; margin-top: 10px; overflow: hidden;}
.post-article-box .col-tm .col-2of3 {width: 100%; height: auto; max-height: 152px; margin-bottom: 30px; box-shadow: none; -webkit-box-shadow: none;}
.post-article-box .col-tm .col-2of3 a {height:152px; display:block;}
.post-article-box .col-tm .col-2of3 .box-img-content {float: left; width: 300px; border-top: 3px solid #F3BF26;}
.post-article-box .col-tm .col-2of3 .box-soft-icon {border: none; background: transparent; top: 9px; left: 313px; bottom: inherit;}
.post-article-box .col-tm .col-2of3 .box-detail-title {font-size: 22px; letter-spacing: -1px; padding-left: 52px; text-transform: capitalize; line-height: 1.8em;}
.post-article-box .col-tm .col-2of3 .box-detail .box-detail-desc {white-space: normal; width: 390px; font-size:14px; line-height: 24px; color: #666; margin: 15px 0 10px 0; max-height: 68px;}
.post-article-box .col-tm .col-2of3:nth-child(2n+0) {margin-right: 0;}
.post-article-box .col-tm .col-2of3 .box-detail .soft-licence {margin-top: -4px; width: auto;}
.post-article-box .col-tm .col-2of3 .box-detail .rating {float: none !important; margin-right: 20px;}
.post-article-box .soft-box-index {position: absolute; top: 0; left: 0; z-index: 99; display: block; background: #ececec; color: #666; font-size: 16px; font-weight: bold; padding: 5px 15px;}
.post-article-box .col-tm .soft-box {max-height: 165px;}
.post-article-box .col-tm .soft-box a {height:165px;}
.post-article-box .col-tm .listbox .box-img img {width: 100%; height: auto;}
.post-article-box .listbox .box-img-content {height: 152px;}
.post-article-box .listbox .box-detail {width: 500px;}
.post-article-box .col-tm .listbox .box-detail .box-detail-desc {max-height: 46px;}

.article-buttons {margin-bottom: 10px; overflow: hidden;}
.article-buttons .social-share {float: left;}
.article-buttons .comment-btn {float: right;}

.post-left {width: 100px; font-size: 11px; line-height: 20px; overflow: hidden; padding: 0 10px; text-align: center; margin-right: 20px; border-right: 4px solid #f9f9f9;}
.post-left img {border-radius: 64px; margin-bottom: 10px;}
.post-left a strong {text-transform: uppercase; display: block; font-size: 12px; color: #373f42;}
.post-left time {color: #aeb4b6; display: block;}
.post-left a {text-transform: uppercase; color: #373f42; font-weight: bold;}
.post-left a:hover {text-decoration: underline;}
.post-right {width: 640px;}
.post-right img {max-width: 100%; height:auto;}
.post-thumb {margin: 0px -20px 20px -20px;}
.post-thumb img {width:100%; height:auto;}
.article-area {width: 100%; font-size: 16px; font-weight:400; line-height: 1.8em; letter-spacing:0;}
.article-area iframe {max-width: 100%;}
.article-area .instagram-media {margin: 20px auto !important;}
.article-area img {max-width: 100%; width: auto; height:auto; display: block; margin: auto;}
.article-area table {width: 100% !important; table-layout: fixed;}
.article-area table tbody {display: block; overflow: scroll;}
.article-area h2,
.article-area h3,
.article-area h4 {font-weight: bold;}

.inline-article {background-color: #fff; position: relative;}

.post-info .social-share.small-icons {display: inline-block;}
.social-share.small-icons .btn {padding: 9px; margin-right: 4px;}
.social-share.small-icons .btn .icons {margin-right: 0;}
.answer-post .social-share.small-icons .btn {margin-left: 0px; margin-right: 5px;}
.google-news {display: inline-block; vertical-align: top;}
.google-news a {display: block; color: #fff; width: 94px; height: 34px; border: 1px solid #e3e3e3; border-radius: 3px; background: url("../img/g-news.svg") no-repeat center center; background-size: 100%;}

/* read-more */
.soft-post-article { height: auto; overflow: hidden; }
.downloading-post-article {background:#0f5db3;min-height: 180px; overflow: hidden; position: relative;}
.downloading-post-article::after {content: ""; width: 134px; height: 100%; position: absolute; top: 0; right: 20px; z-index: 99; background:url("../img/tamindir-oneriyor.png") no-repeat 96% 10px;}
.post-article.readingMore { height: auto; }
.post-article+.readMorePost .readMore, .post-article.readingMore+.readMorePost .readLess { display: block; }
.post-article+.readMorePost .readLess, .post-article.readingMore+.readMorePost .readMore { display: none; }
.overlay { position: absolute; bottom: 0px; z-index: 3; left: 0px; width: 100%; height: 40px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.post-article.readingMore .overlay { display: none; }
.readMorePost {position: relative;}
.readMorePost:before { content:""; border-bottom: 1px solid #eee; width: 100%; position: absolute; top: 50%; z-index:1; }
.readMorePost a { padding: 5px; display: inline-block; margin-right: 20px; position: relative; z-index: 2; }

/* post-elements */
/* post-soft-box */
.post-soft-box {margin-bottom: 20px;}
.post-soft-box ul li {list-style-type: none !important;}
.post-soft-box ul li a {display: block; overflow: hidden; padding: 20px;}
.post-soft-box ul li a figure {float: left; margin-right: 10px;}
.post-soft-box ul li a .box-detail-title {font-weight: bold; color: #373f42; display:block; margin-bottom: 2px; max-height: 65px; line-height: 1.4em;}
.post-soft-box ul li a .box-detail-desc {font-size: 12px; font-weight: 500; color: #aeb4b6; display: block; margin-bottom: 0px; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; line-height: 1.4em;}
.post-soft-box.embedded {position:relative; background-color: #F1F8E9; border-left: 6px solid #8BC34A; font-family: 'Open Sans', sans-serif; letter-spacing: -0.5px; margin-top:10px; clear:both;}
.post-soft-box.embedded .box-nav {border-bottom: 0; padding: 0 20px; margin-top:-10px;}
.post-soft-box.embedded .box-nav>li.active {border-color:#8BC34A;}
.post-soft-box.embedded .box-nav .icons a { background-color: transparent;}
.post-soft-box .down-icon {display: none;}
.post-soft-text {float: left; width: 420px;}
.video-post-article .post-soft-box {margin-left: 0;}

/* post-editor-rating */
.review-box {background: #2c2d33 url("../img/post-rating-bg.png") center bottom no-repeat; letter-spacing: -0.5px; font-size: 12px; color: #fff; padding: 50px 20px 50px 180px; margin: 15px 0; position: relative;}
.review-box .review-content {margin: 12px 0 0 30px;}
.review-box .review-item{width: calc(50% - 5px); margin: 5px 0;  display: inline-block;}
.review-box .review-item h4 {width: calc(40% - 5px); display: inline-block; vertical-align: top; font-size:14px; text-transform: capitalize; position: relative;}
.review-box .review-item h4:first-child:after {content: ":"; position: absolute; right: 6px; top: calc(50% - 10px);}
.review-box .review-item span {display: inline-block; width: 1px;}
.review-box .review-item .value {font-weight: normal; width: calc(60% - 5px) !important;}
.review-title::before {content:"Ortalama"; font-size: 14px; opacity: .7; position: absolute; top: 38px;}
.review-title {background: url("../img/sprite.png?1311") no-repeat 0 -349px; width: 112px; height: 119px; padding-top: 16px; display: flex !important; justify-content: center; align-items: center; text-align: center; position: absolute; left: 38px; top: calc(50% - 56px); font-size: 26px !important; font-weight: bold;}
.review-title big {font-size: 40px;  display: block;}
.review-title small {font-size: 14px;  color: rgba(255,255,255,0.5);  display: block;}

/* table */
table {width: 100%;margin-bottom: 20px; border:0; margin-top:20px; table-layout: fixed;}
table td, table th {background-color: #fff; padding: 10px; border:1px solid #ddd; text-align: center;}
table th {background-color: #f7f7f7; font-weight:bold; font-family: 'Open Sans', sans-serif; letter-spacing: -0.5px;}


/* related-post */
.related-post-box {margin-top: -20px; margin-bottom:20px; padding: 20px 0;}
.related-post-box .gallery-cell:last-child .col {margin-right:20px;}
.related-post-box .related-box {margin-bottom:0;}

/* ANSWER-PAGE */
.answer {background: #260d35 url("../img/answer-bg.jpg") no-repeat center; position: relative; width: 100%; display: block; margin-top: -20px; margin-bottom: 20px;}
.answer-top {padding: 60px 0;}
.answer .col-tm-1 {position: relative; margin:0 auto;}
.answer .filter-tabs {background-color:#673AB7; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.answer .filter-tab .nav {text-align: inherit;}
.answer .filter-tab .nav li.active a, .answer .filter-tab .nav li:hover a {border-color:#f44336;}
.answer #qa-loading {display:none; font-size:24px; color:#FFF; width: 100%; height: 100%; text-align: center; background: rgba(103, 58, 183, 0.65); position: absolute; top: 0; z-index: 99; padding-top: 300px;  -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.answer-posts {margin-bottom: 20px;}
.answer-posts article {background-color: #fff; width:100%; padding:20px; color: #999; font-size: 12px; overflow: hidden; margin-bottom: 20px;}
.answer-posts article h3 {font-size:16px; color: #373f42; font-weight: bold; text-transform: capitalize; margin-bottom: 5px;}
.answer-posts article .time-cat {font-size: 11px; margin-bottom: 5px; display: block;}
.answer-posts article .time-cat a {color: #999;}
.answer-posts article a p {font-size: 14px; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis;}
.answer-posts article a p, .answer-article span a {color: #999; line-height:1.6em;}
.answer-article .post-type, .answer-tab-list .col-2of3 .post-type {position: static;}
.answer-article span {float: left; margin-right: 10px;}
.answer-article span .icons {margin-right: 5px;}
.answer-article .answered, .answer-article .answer-follow {margin-top: 4px;}
.answer-follow.active .follow-icon {background-position: -461px -193px;}
.answer-follow.active a {color: #03a9f4;}
.answer-step1.col-tm-1 {margin: 0 auto;}
.answer-step1 {text-align: center; height: 240px;}
.answer-step1 form {padding-top:30px;}
.answer-step1 h1 {font-size: 32px; font-weight: 300; color: #fff;}
.answer-step1 p {color: rgba(255,255,255,.4);}
.answer-step1 input, .answer-step1 textarea {width: 540px; padding: 16px; margin-bottom: 5px; border:none;}
.answer-step1 textarea {height:100px;}
.answer-step1 button {display: block; margin: 0 auto;}
.answer-step1 .success img  {margin : 15px}
.answer-dropdown {display: none;}
.answer-dropdown .write-comment-detail {width: 540px; margin: 0 auto; margin-top: -15px; overflow: inherit; margin-bottom:5px; background-color:#F6F1FF; border:none;}
.answer-dropdown .dropdown {float: left; border-right: 1px solid rgba(0,0,0,.05);}
.answer-dropdown .dropdown-toggle {font-size: 12px; color: #999; display: block; padding: 11px 20px; text-transform: uppercase; cursor:pointer;}
.answer-dropdown .dropdown .box {padding: 0; max-height: 260px; overflow: auto;}
.answer-dropdown .dropdown-menu li a {padding: 10px 20px; display: block; text-transform: capitalize;}
.answer-dropdown .dropdown-toggle .text {color: #AD9BCE;}
.answer-dropdown .dropdown-toggle .caret {color: #AD9BCE;}
#filename {position: absolute; right:48px; top:12px; font-size:14px; color:#aaa; display: none; max-width: 170px; height: 20px; overflow: hidden;}
#filename::before {margin-right: 5px; color: #8BC34A; position: relative; top: 2px;}
.answer-file {background: url("../img/sprite.png?1311") no-repeat -149px -349px; width: 28px; height: 18px; display:block; overflow: hidden; margin: 11px; position: relative;}
.answer-file input {display: block; width: 28px; height: 18px; opacity: 0; overflow: hidden; cursor: pointer;}
.reset-file {display: none; background: url("../img/sprite.png?1311") no-repeat -190px -351px; width: 15px; height: 15px; cursor: pointer; overflow: hidden; margin: 15px; position: relative;}
.answer-post .post-type {position: static; margin-right: 10px; display: inline-block;}
.answer-post .answer-cat {font-size: 11px; color: #999; font-weight: bold;}
.answer-info-user {width:60%; padding-top:9px; font-size: 12px; text-transform: uppercase;}
.answer-info-user img {border-radius: 40px; float: left; margin-right: 10px;}
.answer-info-user strong {margin-top: 10px; color: #373f42; display: inline-block;}
.answer-info-user time {display: block;}
.answer-info-user p, .answer-info-stats span p, .answer-info-user time {color: #999; font-size: 12px;}
.answer-info-stats span {float: left; margin-left: 20px; text-align: center;}
.answer-comment .write-comment {margin-bottom: 0;}
.answer-comment .write-comment-detail .pull-left {margin: 7px;}
.answer-comment h3,
.answer-container h3 {font-weight: 300; font-size: 24px;}
.alert-editor .dotted-link {border-bottom: 1px dotted rgba(255,255,255,.6); padding-bottom: 3px;}
.related-answer {margin-bottom: 30px;}
.related-answer ul {margin-bottom: 20px;}
.related-answer ul li {margin-bottom: 5px;}
.related-answer ul li a {font-weight: bold;}
.related-answer ul li a:hover {text-decoration: underline;}
.answer-left {width:60px; text-align: center;}
.answer-left strong, .answer-info-stats span strong {font-size: 38px; font-weight: 300; line-height:38px; margin-bottom: 5px; display:block;}
.answer-info-stats span strong {margin-bottom:5px;}
.answer-left p, .answer-info-stats span p {text-transform: uppercase; color: #ccc;}
.answer-right{width: 510px;}


/* PROFILE */
.user-profile-info {font-size: 12px; text-align: center;}
.user-profile-info figure img {text-align: center; border-radius: 160px; margin-bottom: 10px;}
.user-profile-info p.profile-username {color: #999; margin-bottom: 15px;}
.user-profile-info .profile-features {display: block; margin-bottom: 5px;}
.user-profile-info .profile-features .icons {display:inline-block; vertical-align: bottom; margin-right: 3px;}
.user-profile-info p.profile-features a {color: #373f42;}
.profile-stream ul li {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.profile-stream ul li:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.profile-stream ul li .activity-type {color: #999; font-size: 12px; margin-bottom: 10px; display: block;}
.profile-stream .box-soft-icon {position: static; float: left; margin-right: 10px; width: auto; height: auto;}
.profile-stream .box-soft-icon:before {content: none;}
.profile-stream .box-detail {padding: 0;}
.user-rank {background-color: #f5594a; padding: 6px 12px; color: #fff; font-size: 12px; margin-bottom: 10px; display: inline-block; margin-top:-10px;}

.right-ads {width: 300px; margin-bottom: 20px; display: block !important; overflow: hidden; text-align: center;}
.outer-ads {width: 160px; height: 600px; display: block !important; position: absolute; right: -175px; top: 0;}
.native-ads {padding:10px 0px;}
.recommendations-ads {width: 300px; height: 250px; margin-bottom: 20px;}

/* Newsletter */
.newsletter-box {background: url("../img/subscribe-bg.jpg"); height:166px; color: #fff; padding: 30px; clear:both;}
.newsletter-box h3, .gift-box h3 {font-size: 24px; font-weight: 300; margin-top: 8px; margin-bottom:20px;}
.newsletter-box input {width: 400px; height: 38px; font-size: 12px; color: black;}

/* Gift-box */
.gift-box {background: url("../img/300x400.jpg"); width: 300px; height: 400px; display: block; color: #fff;}
.gift-box p {margin-bottom: 20px;}

/* Point-table */
.my-point-info {padding: 0;}
.my-point-box {padding: 30px;}
.my-point-box p {color: #999; margin:0; }
.point-list a {display: block; padding: 0; width: 270px; height: 96px; float: left; margin-right: 20px;}
.point-list a figure {width: 96px; float: left;}
.point-list a span {padding: 20px; width: 174px; float: left;}
.point-list a span h3 {font-weight: 400; color:#373f42; margin-bottom: 0;}
.point-list a span p {color: #999; margin: 0;}



/* ANIMATIONS */
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.video-container {margin-top:-20px; margin-bottom: 20px;}
.video-played {background-color: #161e27; height: 523px; padding: 20px 0; text-align: center;}
.video-played .col-tm-2 {margin:0 auto;}
.video-slider {background-color: #1d242c; padding: 20px 0; overflow: hidden; max-height: 238px;}
.video-slider .gallery {opacity: 0; visibility: hidden;}
.video-slider .gallery-cell {width: 222px; margin-right:20px; opacity: .4; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out;}
.video-slider .gallery-cell.active, .video-slider .gallery-cell:hover {opacity: 1;}
.video-slider .gallery-cell a figure {width: 222px; height: 124px; position: relative; margin-bottom: 10px; overflow: hidden;}
.video-slider .gallery-cell a figure img {width: 100%; height: auto;}
.video-slider .gallery-cell a h3 {color: #fff; height: 40px; overflow: hidden;}

.video-playing {background-color: rgba(245, 89, 74, 0.8); font-size:11px; font-weight:bold; color:#fff; padding: 6px 12px; border-radius: 4px; position:absolute; top: 50%; left: 50%; width: 130px; height: 27px; text-align: center; margin-left: -65px; margin-top: -13px; z-index: 2;}
.video-slider .flickity-prev-next-button {width: 48px; height: 48px; border-radius: 48px; top: 50%; margin-top: -24px;}
.video-slider .flickity-prev-next-button.previous {left: -68px;}
.video-slider .flickity-prev-next-button.next {right: -68px;}

.post-info {font-size:11px; position: relative; margin-bottom: 10px; text-align: right; text-transform: uppercase; overflow: hidden;}
.post-info .editor-info {float: left;}
.post-info .editor-info img {border-radius: 5px;}
.post-info .post-editor-info {display: inline-block; vertical-align: middle; margin-left: 5px; color:#aaa; text-align: left;}
.post-info .post-editor-info a {color:#999; font-weight: bold;}
.post-info .post-editor-info .post-time {font-size: 10px; display: block; margin-top: 2px;}
.post-info .social-share.small-icons {display: inline-block;}
.post-info .right .social-share.small-icons {right: 0;}
.post-info .comment-btn,
.post-info .youtube-button {padding: 8px; display: inline-block; vertical-align: top;}
.post-info .comment-btn {margin-left: 6px;}
.post-info .youtube-button {color: #fff; margin-right: 5px;}
.post-info .video-view {font-size: 16px; color: #aaa; margin-top: 7px; display: inline-block; vertical-align: top;}

/* ANIMATIONS */
/* Ripple-Effect */
.ink { display: block; position: absolute; background: rgba(255,255,255,0.3); border-radius: 100%; transform: scale(0); }
.white-btn .ink, .box-nav li.icons a .ink {background-color: #c8dcfb;}
.ink.animate {animation: ripple 0.3s linear; -webkit-animation: ripple 0.3s linear;}

@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

@-webkit-keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

/* Input */
.material-input { position:relative; margin-bottom:25px; }
.material-input input {padding:10px 10px 10px 0px; display:block; border:none; border-bottom:1px solid #ddd; border-radius: 0; margin-bottom: 0 !important; }
.material-input input:focus {outline:none;}
.material-input label {color:#999; font-weight:normal; position:absolute; pointer-events:none; left:0; top:10px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; }
.material-input input:focus ~ label, .material-input input:valid ~ label { top:-15px; font-size: 12px;}
.material-input .bar { position:relative; display:block; width:100%; padding: 0;}
.material-input .bar:before, .bar:after { content:''; height:2px; width:0; top:0px; position:absolute; background:#03a9f4; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; }
.material-input .bar:before { left:50%; } .material-input .bar:after { right:50%; }
.material-input input:focus ~ .bar:before, .material-input input:focus ~ .bar:after { width:50%; }

/* Checkbox-Radio */
.material-checkbox {
    margin: 25px 0;
}
.material-checkbox .control-label, .material-checkbox .controls {
    display: inline-block;
}
.material-checkbox label {
    cursor: pointer;
}
.material-checkbox .control-label {
    width: 250px;
}

/**
* end demo
* -------------------------
*/
input[type="checkbox"], input[type="radio"] {
    width: 18px;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    position: relative !important;
    border: none;
    cursor: pointer;
    margin-left: -25px;
    vertical-align: -4px;
    outline-width: 0;
    border-radius: 50%;
}
input[type="checkbox"]:focus, input[type="radio"]:focus {
    -webkit-animation: press .8s 1;
    animation: press .8s 1;
}
input[type="checkbox"]:before, input[type="checkbox"]:after, input[type="radio"]:before, input[type="radio"]:after {
    content: "";
}
input[type="checkbox"]:after, input[type="radio"]:after {
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 5px;
    border: 2px solid #666;
    -webkit-transition: 240ms;
    transition: 240ms;
}
input[type="checkbox"]:disabled:after, input[type="radio"]:disabled:after {
    border-color: #ddd;
    background-color: #eee;
    cursor: not-allowed;
}
input[type="checkbox"]:disabled:checked:after, input[type="radio"]:disabled:checked:after {
    background-color: #eee;
    border-color: #ddd;
}
input[type="checkbox"]:disabled:checked:before, input[type="radio"]:disabled:checked:before {
    border-color: #999;
}

input[type="checkbox"]:after {
    border-radius: 2px;
    background-color: #fff;
    z-index: 999;
}
input[type="checkbox"]:checked:after {
    background-color: #03a9f4;
    border-color: #03a9f4 !important;
}
input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 7px;
    display: table;
    width: 4px;
    height: 10px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type="radio"]:before {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #03a9f4;
    width: 18px;
    height: 18px;
    display: block;
    margin-top: -2px;
    border-radius: 50%;
    -webkit-transition: 240ms;
    transition: 240ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
input[type="radio"]:after {
    border-radius: 50%;
}
input[type="radio"]:checked:before {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
input[type="radio"]:checked:after {
    border-color: #03a9f4;
}
input[type="radio"]:checked:disabled:before {
    background-color: #ccc;
}

@-webkit-keyframes press {
    0% {
        box-shadow: 0 0 0 0 #c8dcfb;
    }
    50% {
        box-shadow: 0 0 0 15px rgba(200, 220, 251, 0.4);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(200, 220, 251, 0);
    }
}

@keyframes press {
    0% {
        box-shadow: 0 0 0 0 #c8dcfb;
    }
    50% {
        box-shadow: 0 0 0 10px rgba(149, 222, 255, 0.2);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(149, 222, 255, 0);
    }
}
.pagination-detail li {list-style-type: decimal;}

/* Custom Styles */
.glyphicon-star-active{  color:#FFC107;  }
.answered .hidden-part, .owner-req , .answer-owner-req{  display: none;  }
.show-on-edit,.answer-edit{  display: none;  }
.answer-post .edit-category,.answer-post .edit-operating-system{  color: #999;  text-transform: capitalize;  width: auto;  }
.answer-post .media {max-width: 100%;}
.answer-post .media-preview {max-width: 20%;  }
.show-on-edit textarea,.answer-edit textarea{ width: 100%;  }
.show-on-edit .dropdown{ display:inline-block; margin-right: 10px; margin-bottom: 10px;}
.show-on-edit .dropdown-toggle,.show-on-edit .dropdown-menu li a{cursor: pointer; font-size: 14px;}
.show-on-edit .dropdown-toggle .caret {margin-left: 5px;}
.show-on-edit .dropdown-menu{padding: 0;}
.show-on-edit .tags{width: 100%; height: auto;}
.show-on-edit .status{padding: 5px 15px;margin: 5px 0;border: 1px solid #E5E5E5;border-radius: 3px;  }
.show-on-edit .status.not_solved{border-color: #f5594a;color: #f5594a;}
.show-on-edit .status.solved{background-color: #8BC34A;color: white;}
.show-on-edit button{margin: 5px 0;}
.button-bar {text-align: right;}
.status-bar {margin-top: 20px;}
.media-cell{width: 20%;margin: 5px 0;}
.attachments{padding: 10px 0;  }
.answer-post input[type="file"]{display: none;  }
.upload-new-media{width: 20%;height: 96px;border: 1px dashed #D3D3D3;border-radius: 3px;cursor: pointer;  }
.upload-new-media span{text-align: center;line-height: 48px;display: block;  }
.filter-tab .nav li.nav-user{ display: none; }
.embeded-disqus-comment {display: block;}
.embeded-disqus-comment .avatar img{ width: 48px; height: 48px; float:left;border-radius: 3px;}
.embeded-disqus-comment .body { margin-left: 58px;}
.embeded-disqus-comment .username { font-size: small;font-weight: bold;}
.embeded-disqus-comment .ago { font-size: 12px;font-weight:bold; color: rgba(0,39,59,.35)}
.embeded-disqus-comment .ago:before { content: "·";padding: 0 5px;}
.embeded-disqus-comment .subcomments{ margin-left: 58px; margin-top: 18px; }
.embeded-disqus-comment .subcomments .avatar img{ width: 32px ; height: 32px; margin: 6px;}
.embeded-disqus-comment .subcomments .body { margin-left: 48px;}
.col-r-2 .show_btn {width:850px;}
.answer-dropdown .dropdown .box {cursor: pointer;}
#qa-category {width: 180px; cursor: pointer;}
#qa-category li {position:relative;}
#qa-category li:hover ul {visibility: visible; opacity: 1;}
#qa-category li .caret-right {position: absolute; right: 10px; top: 50%; margin-top: -3.5px;}
#qa-category .sub-menu-horizontal {width:180px; left:180px;}
.post-tags {font-size:11px; text-transform: uppercase; background-color: #f5f5f5; padding: 6px 20px; border-radius: 4px; clear: both;}
.post-tags strong {margin-right:10px;}
.post-tags a {margin-right:5px;}
.post-tags a:after {content:",";}
.post-tags a:last-child:after {content:none;}
.rounded-image {border-radius: 50%;}
.sidebar .gallery-cell {overflow: hidden;}
.menu-close-icon {display: none;}

.twitter-tweet {margin: 25px auto !important;}


@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.fancybox-nav {width: 60px;}
.fancybox-nav span {visibility: visible; opacity: 0.5;}
.fancybox-nav:hover span {opacity: 1;}
.fancybox-next { right: -60px!important; width: 60px!important;}
.fancybox-prev {left: -60px!important; width: 60px!important;}

.qr-code {position: relative; width: 100%;}
.qr-code:before{content: "";display: block;padding-top: 100%; 	/* initial ratio of 1:1*/}
.qr-code .content{position:  absolute; top: 0;left: 0;bottom: 0;right: 0;}

.test{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; font-size: 20px; color: white; font-weight: bold; text-shadow: 0 0 5px #000; box-shadow: 0 0 160px rgba(0,0,0,.4) inset; letter-spacing: -1px; padding: 5px;}
.test2{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; font-size: 20px; color: white; box-shadow: 0 0 160px #9a214d inset;}
.test3{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; left: 0; bottom: 0; font-size: 20px; color: white; box-shadow: 0 0 160px #29219a inset;}

#mobile-menu,
.mobile-login,
.mobile-search,
.footer-banner {display: none;}
.home-loading {margin: -4px 5px 0 0;}
.sidebar {z-index: 99; position: relative;}
.sidebar.pull-left {margin-right: 20px;}
.search-category-list li span {font-size:12px; text-transform: uppercase;}
.navbar-nav .col-2of3 {border: 1px solid #eee;}
#resetPassModal .alert {font-size:13px !important;}

.linkbox {float: left; width: 850px; max-height: 200px; overflow: hidden; padding: 10px 20px 20px 20px; background: #FFF; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1);}
.linkbox h2 {font-size: 26px; line-height: normal;}
.linkbox .spinner-flickity > div {background: rgba(0,0,0,.2);}

.category-navigation .current a{margin: 0px -20px 15px -20px; border-bottom: 1px solid #f2f2f2; padding: 10px 20px; color:#373f42; font-weight: bold; display: block; text-transform: capitalize;}
.category-navigation .current span {font-size:16px; font-weight:300; color: #aaa;}
.category-navigation .current .total {font-size:13px; color: #bbb; margin-left: 2px;}
.category-navigation .title{font-size:16px; font-weight: 300; line-height: 20px; color: #aaa;}
.category-navigation .categories,
.box-filter { max-height: 400px; overflow: hidden; overflow-y: scroll; margin:15px -10px 0 -10px; padding: 0 10px;}
.category-navigation .categories::-webkit-scrollbar,
.box-filter::-webkit-scrollbar {-webkit-appearance: none;  background-color: #f9f9f9;}
.category-navigation .categories::-webkit-scrollbar:vertical,
.box-filter::-webkit-scrollbar:vertical {width: 10px; height: 20px;}
.category-navigation .categories::-webkit-scrollbar-thumb,
.box-filter::-webkit-scrollbar-thumb { border: 2px solid transparent; background-color: #d9d9d9;}
.category-navigation .categories li,
.box-filter li {border: 0;}
.box-filter li {margin-bottom: 5px; text-transform: capitalize;}
.box-filter li:last-child {margin-bottom: 0;}
.box-filter .checkbox input[type=checkbox]:after {border-color: #373f42;}

.answer-stream-list li {margin-bottom: 15px;}
.answer-stream-list li a span {white-space: normal !important; text-overflow: inherit !important; height: auto !important;}

.news-title {font-size:32px; margin-bottom: 0; line-height: 1.4em;}
.news-desc {margin: 0 0 20px 0; line-height: 1.6em;}
.news-row .article-area {line-height: 1.9em; float: left; margin-bottom: 10px;}
.news-row .post-soft-text {width: 370px;}

.video-title {font-size:32px; margin: 15px 0;}

.select-os {width: 100%; padding: 60px 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-align: center;}
.select-os:hover {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.select-os h3 {font-size: 26px;}
.select-os ul {margin:40px 0 30px 0;}
.select-os ul li {display: inline-block; text-transform: uppercase; position: relative;}
.select-os ul li a {color:#aaa; border: 1px solid #e3e3e3; border-bottom: 5px solid #ddd; padding: 18px 10px 16px 32px; margin: 0 3px;}
.select-os ul li a:hover {border-color:#03a9f4; color: #03a9f4;}
.select-os ul li a .icons {position: absolute; left: 12px; top: 1px; opacity: .5; width: 20px; height: 20px;}
.select-os ul li a .blackberry-icon-dark {background-position: 1px -153px;}
.select-os ul li a:hover .icons {opacity: 1;}

.select-os ul li a:hover .windows-icon-dark {background-position: -179px -128px;}
.select-os ul li a:hover .mac-icon-dark {background-position: -227px -128px;}
.select-os ul li a:hover .android-icon-dark {background-position: -275px -128px;}
.select-os ul li a:hover .ios-icon-dark {background-position: -323px -128px;}
.select-os ul li a:hover .winphone-icon-dark {background-position: -371px -128px;}
.select-os ul li a:hover .blackberry-icon-dark {background-position: -468px -128px;}
.select-os ul li a:hover .symbian-icon-dark { background-position: -518px -128px; }
.select-os ul li a:hover .linux-icon-dark { background-position: -569px -128px; }
.select-os ul li a:hover .web-icon-dark { background-position: -420px -128px; }

.bg-overlay {width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; background: rgba(0,0,0,.4); z-index: 1028;}

.different-os {text-transform: uppercase;}

#download.big-btn,
.download-bar .big-btn {background: #fff; box-shadow: none; text-align: center;}
.download-bar .big-btn a {padding: 15px 20px; color: #8BC34A;}
#download.big-btn a {padding: 10px 0px; color: #8BC34A; text-align: center;}
#download.big-btn span.icons,
.download-bar .big-btn span.icons{margin-top: 0px; margin-right: 10px; background-color: #f3f3f3; opacity: 1; float: none; display: inline-block; vertical-align: middle;}
#download.big-btn .big-btn-text,
.download-bar .big-btn .big-btn-text{opacity: 1; float: none; text-align: left; display: inline-block; vertical-align: middle;}
#download.big-btn .big-btn-text strong,
.download-bar .big-btn .big-btn-text strong {font-size: 18px;}
#download.big-btn .big-btn-text span,
.download-bar .big-btn .big-btn-text span{color:#aaa;}

/* Special Days */
.new-year .site-header {background: url("../img/special-days/new-year_bg.png") repeat-x bottom center #1952d2;}
.new-year .navbar-brand {background: url("../img/special-days/new-year_logo.png") no-repeat; height: 38px; margin-top: 9px;}
.new-year .navbar-nav .dropdown-menu {border: 3px solid #c6d2ee;}
.cocuk-bayrami .site-header {background: url("../img/special-days/23-nisan_bg.jpg") repeat-x;}

/* Top Recommended */
.onerilen_uygulama {display: none;}

/* lazy-load */
.lazy {display: none;}

@media (min-width: 360px) {
    .recommendations-ads {width: 336px; height: 280px;}
}
@media (min-width: 500px) {
    .recommendations-ads {width: 468px; height: 60px;}
}
@media (min-width: 800px) {
    .recommendations-ads {width: 728px; height: 90px;}
}

@media (max-width: 1366px) {
    body {overflow-x: hidden; padding: 60px 0 0 0;}
    .navbar-nav .col-2of3 {width: 270px; margin-right: 10px; margin-left: 10px;}
    .navbar-nav>li>a {font-size: 14px;}
    .navbar-nav .dropdown-menu {width: 1200px; margin-left: -600px; height: 255px;}
    .user-panel .dropdown-menu {width: 200px;}
    .answer-tab-list .col-2of3 h3, .answer-tab-list .col-2of3 .box-detail-title {text-overflow: ellipsis; white-space: nowrap;}
    .tabs-left .tab-content ul.tab-content-categories {height: 122px;}
    .news-tab-content .tab-pane-left .tab-content-categories {height: 240px !important;}
    .navbar-nav .col-r-2 {width: 870px;}
    .answer-send .answer-send-top {padding: 6px 20px; margin-bottom: 0;}
    .answer-tab-list .answer-send, .answer-tab-list .answer-send .box-detail {height: 220px;}
    .answer-tab-list .col-2of3, .answer-tab-list .box-detail {height: 100px;}
    .answer-tab-list .box-detail {height: 94px; padding: 7px;}
    .answer-tab-list .answer-send {height: 220px;}
    .answer-tab-list .answer-send .box-detail-title {margin-bottom: 5px !important}
    .answer-tab-list .box-detail .question-post-type {font-size: 11px;}
    .answer-right {width: 460px;}
    .freeoftheweek .box-nav li.icons a {padding: 16px 18px !important;}
    .freeoftheweek .box-nav li.icons.windows-icon-dark { background-position: -67px 8px; }
    .freeoftheweek .box-nav li.icons.mac-icon-dark { background-position: -115px 8px; }
    .freeoftheweek .box-nav li.icons.blackberry-icon-dark { background-position: 9px -120px; }
    .freeoftheweek .box-nav li.icons.linux-icon-dark { background-position: -40px -120px; }
    .freeoftheweek .box-nav li.icons.web-icon-dark { background-position: -95px -120px; }
    .freeoftheweek .box-nav li.icons.symbian-icon-dark { background-position: -140px -120px; }
    .freeoftheweek .box-nav li.icons.android-icon-dark { background-position: -163px 8px; }
    .freeoftheweek .box-nav li.icons.ios-icon-dark { background-position: -211px 8px; }
    .freeoftheweek .box-nav li.icons.winphone-icon-dark { background-position: -259px 8px; }
    .tab-list {width: 704px;}
    .content-container,
    .container {width: 1200px;}
    .col-tm-2 {width: 760px;}
    .col-tm-4 {width: 160px;}
    .col-tm-5 {width: 900px;}
    .col-tm-6 {width: 580px;}
    .linkbox {width: 760px !important;}
    .col-r-2 {width: 780px;}
    .col-r-2 .show_btn {width: 760px;}
    .home-slider-container {margin: 0;}
    .post-right {width: 490px;}
    .briefly-box h3 {font-size: 26px;}
    .binary-big-box {width: 500px; height: 210px;}
    .col-2of3 {width: 240px; height: 210px;}
    .col-2of4 {width:210px; height: 210px;}
    .box-img-content {height: 118px;}
    .search-menu {width: 220px;}
    .left-sidebar {width: 160px; margin-left: -160px;}
    .footer-link ul li {margin-right: 20px;}
    .box-detail .soft-licence {width: 40%;}
    .blog-content .content-ads,
    .video-content .content-ads {position:relative; width: 700px; text-align: center;}
    .news-tab-content .tab-pane-left {width: 278px;}
    .outer-ads {right: -55px;}
    .post-article-box .col-tm .col-2of3 .box-soft-icon {left: 233px; top: 0;}
    .post-article-box .col-tm .col-2of3 .box-img-content {width:220px; height: 111px; margin-top: 9px;}
    .post-article-box .col-tm .col-2of3 .box-img img {width:220px; height: 111px;}
    .pros-cons {width: 250px;}
    .post-video-box {height: 427px; overflow: hidden;}
    .video-played {height: 473px;}
    .bounded-list {width: 218px;}
    .post-article-box .col-2of3 .box-detail {width: 440px;}
}

@media (max-width: 1024px) {
    body {padding: 0;}

    /* Containers */
    .row {margin: 0 !important; overflow: hidden;}
    .content-container,
    .container,
    .col-tm-1,
    .col-tm-2,
    .col-tm-3,
    .col-tm-4,
    .col-tm-5,
    .col-tm-6,
    .col-r-5,
     aside,
    .col-r-2,
    .newsletter-box input,
    .col-r-2 .show_btn,
    .binary-big-box,
    .trc_elastic .thumbnails-a.trc_rbox {width: 100% !important; margin: 0 !important;}
    .content-container {padding: 0 10px;}


    /* Ads */
    .outer-ads,
    .header-bar .header-banner {display: none !important;}
    .content-ads,
    .right-ads {width: calc(100% + 30px); margin: 0 -15px 20px -15px !important;}
    .top-ads {height: auto; max-height: 200px; padding: 0; margin: 10px auto;}
    .native-ads {margin: 15px 0;}
    .side-top {background: none; margin-bottom: 10px !important; height: 285px;}

    /* Header */
    .header-bar {padding-top: 80px !important;}
    .header-bar .site-header {height: 60px !important;}
    .navbar-brand {margin: 15px auto; float: none;}
    .navbar-brand a {position: relative; z-index: 99;}
    .site-header {position: sticky; position: -webkit-sticky;}
    .site-header nav {height: 60px; width: 100%; position: absolute; top: 0; left: 0;}
    .site-header nav .navbar-container {width:100%; height: 736px; position: fixed; left: 0; top: 60px; display: none; background: rgba(0,0,0,.3); -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    .site-header nav .navbar-container.open {display: block;}
    .site-header nav .navbar-left {width: 85%; height: 736px; position: absolute; left: -85%; top: 0; background: #fff; margin: 0; padding: 30px 0 90px; overflow-x: scroll; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    .site-header nav .navbar-left.open {left: 0;}
    .site-header nav .navbar-left>li {position: relative; display: block; overflow: hidden;}
    .site-header nav .navbar-left>li.home {display: block;}
    .site-header nav .navbar-left>li>a {color: #000; font-weight: 500; text-transform: uppercase; float: none; padding-left: 30px;}
    .site-header nav .navbar-right {width: 100%; float: none !important; margin: 0; height: 60px; position: relative; z-index: 100;}
    .site-header nav .navbar-left .caret,
    .site-header nav .navbar-right {display: none;}
    .site-header nav .navbar-right.active {display: block;}
    #userPanel,
    #guestPanel {display: none !important;}
    .site-header nav .navbar-left>li>a::before {position:relative; content:""; width: 28px; height: 28px; margin-right: 10px; top: 5px; display: inline-block; vertical-align: bottom;}
    .site-header nav .navbar-left>li.apps>a::before {background-color: #42a8b2; -webkit-mask: url("../img/menu_app.svg") no-repeat; mask: url("../img/menu_app.svg") no-repeat;}
    .site-header nav .navbar-left>li.games>a::before {background-color: #7cb242; -webkit-mask: url("../img/menu_game.svg") no-repeat; mask: url("../img/menu_game.svg") no-repeat;}
    .site-header nav .navbar-left>li.news>a::before {background-color: #2699e7; -webkit-mask: url("../img/menu_news.svg") no-repeat; mask: url("../img/menu_news.svg") no-repeat;}
    .site-header nav .navbar-left>li.blog>a::before {background-color: #5067ff; -webkit-mask: url("../img/menu_blog.svg") no-repeat; mask: url("../img/menu_blog.svg") no-repeat;}
    .site-header nav .navbar-left>li.video>a::before {background-color: #c4302b; -webkit-mask: url("../img/menu_video.svg") no-repeat; mask: url("../img/menu_video.svg") no-repeat;}
    .site-header nav .navbar-left>li.list>a::before {background-color: #48cfae; -webkit-mask: url("../img/menu_video.svg") no-repeat; mask: url("../img/menu_video.svg") no-repeat;}
    .site-header nav .navbar-left>li.faq>a::before {background-color: #5067ff; -webkit-mask: url("../img/menu_qa.svg") no-repeat; mask: url("../img/menu_qa.svg") no-repeat;}
    .site-header nav .navbar-left>li.home>a::before {background-color: #0099e7; -webkit-mask: url("../img/menu_home.svg") no-repeat; mask: url("../img/menu_home.svg") no-repeat;}
    .search-menu {width: 100%; margin: 0;}
    .search-menu input[type="search"] {height: 60px; background: #5d94ed; padding: 10px 50px;}
    .search-menu input[type="search"]:focus {background: #5d94ed;}
    .search-menu #search-top-sub {width: 100% !important; margin: 0 !important;}
    .search-menu .close-icon {display: inline-block; width: 26px; height: 26px; position: absolute; top: 18px; left: 15px; right: inherit;}
    .search-menu button {display: inline-block; width: 26px; height: 26px; position: absolute; top: 18px; right: 15px; padding: 0; background: none;}
    .mobile-login {display: inline-block; width: 26px; height: 26px; position: absolute; top: 18px; right: 15px;}
    .mobile-search {display: inline-block; width: 26px; height: 26px; position: absolute; top: 18px; right: 15px;}
    .mobile-search i,
    .mobile-login i,
    .search-menu .close-icon i {font-size: 26px; color: #FFF;}
    .search-menu #search-top-sub li {width: 33%;}

    /* Slider */
    .home-slider-container {margin: 0;}
    .slider-container,
    .slider-container .flickity-viewport,
    .big-slider,
    .small-slider {width: 100%; height: 220px !important;}
    .slider-item img {width: 100%; height: 220px;}
    .slider-container .gallery-cell {width: 100%;}
    .slider-text {padding: 20px;}
    .slider-text .slider-text-title {font-size: 22px;}
    .slider img {height: auto;}

    /* Box */
    .col-tm-3 .gallery-cell,
    .col-2of3,
    .col-2of4 {width: calc(50% - 10px); margin: 0 5px 20px 5px; float: left; overflow: hidden;}
    .col-2of3,
    .col-2of4 {height: 226px;}
    .related-list .col {height: 216px;}
    .binary-big-box {margin-bottom: 20px !important;}
    .box-detail .icons {margin: -2px 2px 0 -2px;}
    .box-detail .soft-licence {width: 68%; margin-right: 4px;}
    .freeoftheweek {width: calc(50% - 20px); margin-left: 10px; margin-right: 10px;}
    .freeoftheweek .col-2of3 {margin: 0;}
    .freeoftheweek .nav {width: calc(100% - 10px); margin: 0 5px 10px 5px; display: flex; flex-wrap: nowrap; overflow-x: auto;}
    .freeoftheweek .col-2of3,
    .freeoftheweek .box-img img,
    .binary-big-box .box-img img {width: 100%;}
    .box-list li .soft-list-left {width: 48px; height: 48px;}
    .soft-box .box-detail-title,
    .box-detail .box-detail-title,
    .box-detail h3 {max-height: 58px; -webkit-line-clamp: 3;}
    .free-sticker {left: -15px; white-space: nowrap;}
    .box-nav li.os-icons {width: 36px;}
    .box-nav li.os-icons a {padding: 16px 19px !important}

    /* Sidebar */
    .categories {display: none;}
    .select-wrapper {position: relative;}
    .categories-select {width: 100%; padding: 15px; border: 1px solid #e9e9e9; border-radius: 18px; background: none;}
    .category-navigation .title {display: block; margin-bottom: 15px;}

    /* Filter Tabs */
    .filter-tabs {overflow: hidden; overflow-x: scroll;}
    .filter-tabs .nav {white-space: nowrap;}
    .filter-tabs .nav li {padding: 0 10px; text-align: center; white-space: nowrap;}
    .filter-tabs .nav li a {padding: 19px 10px 11px; display: block; overflow: auto;}
    .filter-tabs .nav li.active a {border-bottom: 3px solid #ffffff !important}
    .filter-tabs .nav li a:hover {opacity: 0.5; filter: alpha(opacity=50); border-color: transparent;}

    /* Newsletter */
    .newsletter-box {height: 190px; margin-bottom: 20px !important; padding: 15px;}
    .newsletter-box button {width: 150px; margin: 15px auto; display: block;}

    /* Article Items */
    .article-box {padding: 0 15px; margin-bottom: 20px !important;}
    .post-article-box {padding: 15px;}
    .post-thumb {margin: 0px -15px 15px -15px;}
    .post-info {text-align: left;}
    .post-info .editor-info {float: none; margin-bottom: 10px; line-height: 18px;}
    .post-info .post-editor-info .post-time {display: inline;}
    .title-dropdown,
    .post-info .editor-info>a {display: none;}
    .post-info .post-editor-info {margin: 0;}
    .post-article-box .soft-box-index,
    .post-article-box .col-tm .col-2of3 .box-img {display: none;}
    .post-article-box .col-tm .col-2of3 .box-img-content {width: 0;}
    .post-article-box .col-tm .col-2of3 .box-soft-icon {left: 0;}
    .post-article-box .col-tm .col-2of3 .box-detail {padding: 15px 15px 15px 0;}
    .post-article-box .col-tm .col-2of3 .box-detail .box-detail-desc {width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

    .post-article-box .col-2of3 .box-img-content {width: 25%; height: 80px;}
    .post-article-box .col-2of3 .box-img-content img {width: auto; max-width: none; height: 80px;}
    .post-article-box .col-2of3 .box-detail {width: 70%; height: auto; padding: 0 15px;}
    .post-article-box .col-2of3 .box-detail .box-detail-title {font-size: 16px; max-height: 48px;}

    .post-article-box .col-tm .listbox .box-detail {width: calc(100% - 65px); margin-left: 65px; padding: 0;}
    .post-article-box .col-tm .listbox .box-detail .box-detail-title {padding-left: 0;}
    .post-article-box .col-tm .listbox .box-detail .box-detail-desc {width: 60%; margin: 0;}
    .post-article-box .col-tm .listbox .box-detail .download-button {top: 25%; right: 0;}
    .post-article-box .col-tm .listbox {max-height: 70px;}

    .col-r-2 .show_btn {margin-bottom: 20px !important;}

    .news-row .post-soft-text {width: 65%;}
    .tab-content .col-r-5 {overflow: hidden;}

    .box.filter {height: 56px; overflow: hidden;}
    .box.filter h4 {line-height: 22px;}

    /* Modal */
    .modal-content {margin: auto !important;}
    .modal-sm {width: calc(100% - 20px);}
    .modal-social a {width: 49%; padding: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

    /* Software */
    .filter-option,
    .download-bar .social-share {display: none;}
    .download-bar {z-index: 99999999;}
    .download-bar .big-btn {width: 30%; float: right; text-align: right; margin: 0;}
    .download-bar .big-btn a {padding: 10px 0px;}
    .download-bar .bar-title {width: 66%;}
    .download-bar .pull-left,
    .download-bar .rull-right {float: none !important;}
    .qr-box,
    .rating-box,
    .soft-properties,
    .breadcrumb li:last-child {display: none;}
    section.page-title h1 {font-size: 22px; line-height: 30px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .post-soft-box.embedded {border: none; border-top: 3px solid #a8d870; margin: 15px -15px;}
    .post-soft-box.embedded .btn {padding: 10px 14px;}
    .post-soft-box.embedded .box-nav {padding: 0 10px; display: flex; overflow-x: auto; flex-wrap: nowrap;}
    .post-soft-box ul li a {padding: 20px 10px;}
    .post-soft-box ul li a figure {margin-top: 5px;}
    .post-soft-text {width: 65%;}
    .app-badge.editor_choice {width: 160px;}
    .ss-container {background: none;}
    .screenshots {margin-top: 15px;}
    .software-container section.page-title h1 {padding-left: 75px;}
    .left-app-info {position: relative; margin-top: -50px; text-align: left;}
    .big-app-icon {width: 60px; height: 60px; margin: 0; text-align: left;}
    .big-app-icon img {width: 60px; height: 60px;}
    .left-app-info .app-licence.free-licence,
    .left-app-info .app-licence.paid-licence,
    .left-app-info .app-licence.trial-licence,
    .left-app-info .app-licence.ad_supported-licence {font-size:14px; display: block; padding-left: 75px; margin-top: -26px; border: none;}
    .box-detail .download-button {right: 10px;}
    .downloading {display: block; text-align: center;}
    .downloading h1 {font-size: 20px;}
    .downloading #trouble {margin-top: 20px; margin-bottom: 0;}
    .downloading #trouble a {display: block; margin-top: 15px;}
    .downloading .pull-left {float: none !important;}
    .downloading-animation {margin: auto; float: none;}
    .downloading-post-article::after {width: 90px; top: 0; left: 10px; background: url(../img/tamindir-oneriyor.png) no-repeat center left; background-size: 90px;}
    .different-os {margin-top: 10px;}
    .rating {display: none;}
    #taboola-below-article-thumbnails.tbl-feed-container.tbl-feed-full-width {margin: 0 !important;}
    .app-badge {display: inline-block; vertical-align: top; margin-bottom: 0 !important;}
    .app-badge.yerli_uretim.tr {width: 102px; background-size: 88px !important;}

    /* Software Lists */
    .lists {padding: 0; background: 0;}
    .lists .col-2of4 {width: calc(50% - 10px);}
    .lists h2 {width: 75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

    /* Video */
    .post-video-box video {width: 100%; height: 100%;}
    .post-video-box,
    .post-video-box iframe {height: 220px;}
    .video-content>.pull-left,
    .video-content>.pull-right {float: none !important;}
    .youtube-button {width: 100%; display: block; margin: 0; margin-bottom: 10px;}
    .youtube-icon {float: none !important; display: inline-block; vertical-align: bottom;}

    /* News */
    .news-title {font-size: 24px;}

    /* QA */
    .answer {margin-top: 0;}
    .answer-step1 form {padding: 30px;}
    .answer-left {width: 18%;}
    .answer-right {width: 75%;}
    .answer-step1 input, .answer-step1 textarea {width: 100%;}
    .answer-step1 button {margin-top: 10px;}
    .tip {height: 100px !important;}
    .answer-dropdown .write-comment-detail {width: 100%;}
    .related-answer .btn {display: block;}

    /* Footer */
    .footer-bottom {padding-bottom: 80px;}
    .footer-social {margin-bottom: 20px;}
    .footer-nav li {margin: 10px;}
    .footer-banner {display: block; position: fixed; bottom: -55px; z-index: 99999999; width: 100%; height: 55px; text-align: center;}
    .download-count {display: block; margin: 10px;}
    .footer-logo {margin: 0; display: block;}
    .download-count::before {content: ""}
    #scrolltop {bottom: 70px;}
    .hide-fixed {bottom: -55px !important;}
    .show-fixed {bottom: 0 !important;}

    /* Hamburger */
    #mobile-menu {width: 24px; height: 16px; position: absolute; top: 22px; left: 15px; display: inline-block; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    #mobile-menu span {display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    #mobile-menu span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
    #mobile-menu span:nth-child(2) {top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
    #mobile-menu span:nth-child(3) {top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
    #mobile-menu.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 8px;}
    #mobile-menu.open span:nth-child(2) {width: 0%; opacity: 0;}
    #mobile-menu.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 8px;}

    /* Search */
    .search-content {display: flex; flex-direction: column-reverse;}

    /* Social Shares */
    .whatsapp-button {display: inline-block;}

    /* Top Recommended */
    .onerilen_uygulama {display: block;}
    #hideme {position: relative; top: 0; z-index: 9999; background: #fff; width: 100%; height: 60px; padding: 5px;}
    #hideme .btn-close {position: absolute; top: 19px; left: 6px; border: 1px solid #bbb; width: 27px; text-align: center; color: #bbb; border-radius: 50%; font-size: 12px; line-height: 0px; padding: 12px 2px;}
    #hideme .onerilen-reklem-img {position: absolute; top: 6px; left: 40px;}
    #hideme .sponsor {position: absolute; right: 19px; top: 6px; font-size: 10px; color: #999;}
    #hideme .yukle_kutu {position: absolute; top: 21px; right: 10px; z-index: 99; background-color: #689f38; color: #fff; font-size: 14px; border-radius: 4px; padding: 8px 25px 6px 25px;}
    #hideme .baslik {position: absolute; top: 13px; left: 98px; font-size: 16px; color: #333; font-weight: 500;}
    #hideme .aciklama { position: absolute; left: 98px; top: 34px; font-size: 12px; color: #aeb4b6;}
}

/*
@media (max-width: 1170px) {
    .content-container,.container, .col-tm-1 {width: 990px;}
    .col-tm-2 {width:670px;}
    .col-r-2 {width: 690px;}
    .col-r-5 {width: 790px;}
    .col-tm-5 {width: 770px;}
    .col-tm-6 {width: 450px;}
    .col-2of3 {width: 210px; height: 222px;}
    .col-2of4 {width: 177px; height: 195px;}
    .video-slider {max-height: 200px;}
    .video-slider .gallery-cell {width: 177px !important;}
    .video-slider .gallery-cell a figure {width: 177px !important; height: 100px !important;}
    .col-2of4 .box-img-content {height:100px;}
    .col-2of4 .soft-licence {display:none;}
    .box-img-content {height: 118px;}
    .freeoftheweek .box-nav li.icons a {padding: 15px !important;}
    .freeoftheweek .nav {margin-left: 0 !important;}
    .binary-big-box .box-img img {height: 100%;}
    .briefly-box h3 {font-size:20px;}
    .post-thumb img {width: 670px; height: auto;}
    .post-left {width: 100%; text-align: left; line-height: 32px;}
    .post-left a {float: left; margin-right: 10px;}
    .post-left a img {width: 32px; height: 32px;}
    .post-left time {float: left; margin-right: 10px;}
    .post-right {width: 100%;}
    .filter-tab .nav li a, .filter-tab .nav li strong {padding: 19px 20px 11px;}
    .filter-tab .nav {text-align: left; margin-left: 20px;}
    .post-soft-box {margin-left: 0;}
    .post-soft-box .post-soft-text {width: 400px;}
    .post-rating {margin-left: -30px;}
    .post-average {top: 50px;}
    .col-2of4.briefly-box h3 {font-weight: 400;}
    .briefly-box span {line-height: 16px; display: inline-block;}
    .briefly-box span:before {margin-bottom: 10px;}
    .pros-cons {width: 185px;}
    .social-share .btn {padding: 10px 15px;}
    .post-thumb iframe, .post-thumb embed {width: 100%; height:377px;}
    .navbar-brand {margin-right:20px;}
    .navbar-nav .dropdown-menu {width: 996px; margin-left:-498px;}
    .navbar-nav {margin:0;}
    .navbar-nav>li>a {padding: 20px 8px;}
    .point-list a {width: 325px;}
}

@media (max-width: 1024px) {
    body {overflow-x: hidden;}
    .site-header .row {padding: 0;}
    .content-container,
    .container {width: 100% !important;}
    .linkbox {width: 97% !important; margin: 1% !important;}
    .navbar-nav .dropdown-menu {top: 58px;}
    .navbar-nav .dropdown-menu.opened {display: block !important;}
    .navbar-nav .dropdown-menu.closed {display: none !important;}
    .navbar-nav.navbar-left .tab-list {padding: 4% 2% 0% 3%;}
    .nav-up {top: -60px;}
    .col-r-2,
    .col-tm-2 {width: 100% !important;}
    .col-tm-3 {width: 25% !important;}
    .col-2of3 {width: 31% !important; margin: 1%;}
    .flickity-prev-next-button {box-shadow: 0 0 5px #ccc;}
    .news-tab-content .tab-pane-left,
    .tab-pane-left {width: 27%;}
    .tabs-left .rating {display: none;}
    .tabs-left .soft-licence {width: 50%;}
    .tab-list {width: 73%;}
    .tabs-left .nav-tabs {width: 79px;}
    .tabs-left .nav-tabs li a:hover, .tabs-left .nav-tabs li.active a {width: 100%;}
    .binary-big-box {width:64%; height: 222px; margin: 1%;}
    .sidebar {display: none !important;}
    .footer-bottom {padding: 30px 15px; text-align: center;}
    .footer-social a {padding: 7px 12px;}
    .footer-link {margin-bottom: 0 !important;}
    .footer-link ul li {margin-right: 20px;}
    .footer-link ul li a {font-size: 13px;}
    .total-download {float: none !important; display: inline-block; margin-top: 20px; padding: 10px; border-radius: 10px; background: #333;}
    .footer-link-list {float: none !important; overflow: hidden;}
    .col-r-2 .show_btn {width: 98%; margin: 1%; float: left;}
    .navbar-brand {margin: 15px 15px 0 15px;}
    .navbar-nav {margin-right: 15px;}
    .menu-close-icon {display:block; background-position: 16px -503px; background-color: rgba(81,140,239,.9); position: absolute; right: 0; top: 0; z-index: 99; padding: 25px;}
    .search-menu {position: fixed !important; top: 0px; z-index: 10; left: 0; margin: 0; width: 100%; visibility: hidden;}
    .search-menu input[type="search"] {height: 60px; background: #5d94ee;}
    .search-menu input[type="search"]:focus {background: #5d94ee;}
    .search-menu button {top: 23px;}
    .search-menu button {display: none;}
    .search-menu .close-icon {display: block; padding: 30px 20px; top: 0;}
    .search-menu #search-top-sub {width: 100% !important; margin-top: 0 !important; border: 3px solid #4080ea; border-top: none; padding: 15px;}
    .search-menu #search-top-sub .radio {width: auto; margin-right: 25px;}
    .search-menu #search-top-sub li {margin-bottom: 0;}
    .row .col-tm-4 {width: 25%; margin: 1%;}
    .row .col-tm-6 {width: 70%;}
    .row {padding: 0 15px;}
    .download-bar .bar-title {width: 50%;}
    .download-bar .green-button {width: 35%;}
    .slider {height: 215px;}
    .slider-container .flickity-viewport {height: 210px !important;}
    .slider-container {height: auto;}
    .big-slider {height: 210px;}
    .small-slider {height: 110px;}
}
*/

@media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .navbar-brand {background: url(../img/logo-big.svg) no-repeat; background-size: 110px 32px;}
    }