#body {
    background: #dcedee94;
    margin: auto;
    max-width: 100%
}

#body .ui.processing-transaction.dimmer {
    height: 100%;
    position: fixed;
    width: 100%
}

#body .card.product {
    border-radius: 1.5rem;
    box-shadow: 0 0 20px 10px #f0f8ff;
    overflow: hidden
}

#body .card.product .content {
    border: none;
    padding: 0
}

#body .card.product .content:last-child {
    padding-bottom: 2.5rem!important
}

#body .card.product .header {
    display: flex;
    overflow: hidden;
    position: relative
}

#body .card.product .header .badge {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,0);
    border-radius: 0 1rem 1rem 0;
    display: flex;
    height: 32px;
    justify-content: center;
    left: 0;
    padding: .5rem;
    position: absolute;
    top: .75rem;
    width: 40px;
    z-index: 2
}

#body .card.product .header .badge img {
    height: 20px;
    width: 20px
}

#body .card.product .header .cover-mask {
    background: #fff;
    bottom: -6px;
    content: "";
    display: none;
    height: 50px;
    left: 0;
    -webkit-mask-position: center bottom;
    -webkit-mask-size: cover;
    position: absolute;
    width: 100.1%
}

#body .card.product .header .video,#body .card.product .header a.link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#body .card.product .header .video {
    align-items: center;
    cursor: pointer;
    display: none;
    justify-content: center
}

#body .card.product .header .video img {
    filter: invert(1);
    width: 80px
}

#body .card.product .header:hover .item-action {
    width: 100%
}

#body .card.product .header:hover .item-action span {
    visibility: visible
}

#body .card.product .header:hover .video {
    display: flex
}

#body .card.product .header .item-action {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-bottom: 15%;
    position: absolute;
    top: 0;
    transition: width .5s;
    width: 0
}

#body .card.product .header .item-action span {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: hsla(0,0%,100%,.42);
    border-radius: 1rem;
    color: #000;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    padding: .75rem 1rem;
    position: relative;
    transition: background .5s,-webkit-backdrop-filter .5s;
    transition: backdrop-filter .5s,background .5s;
    transition: backdrop-filter .5s,background .5s,-webkit-backdrop-filter .5s;
    visibility: hidden;
    white-space: nowrap;
    z-index: 2
}

#body .card.product .header .item-action span:hover {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background: #fff
}

#body .card.product .price {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgb(213 38 172);
    border: 1px solid hsla(0,0%,100%,.212);
    border-radius: .75rem;
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    padding: .5rem .5rem .25rem;
    position: absolute;
    right: .75rem;
    top: .75rem
}

#body .card.product .body {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 1.5rem 1.5rem 1rem
}

#body .card.product .body a {
    display: table;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5;
    margin: auto;
    max-width: 90%;
    text-align: center
}

#body .card.product .footer {
    padding: 0 1.5rem 1.5rem
}

#body .card.product .footer .category {
    background: #f4faff;
    border-radius: 1rem;
    color: #000;
    display: table;
    font-size: 1.1rem;
    font-weight: 500;
    margin: .5rem auto 0;
    padding: .75rem 1rem
}

#body .card.product .footer .rating {
    margin-top: 1.5rem
}

#body .card.product .footer .rating svg {
    height: 22px;
    max-width: 22px
}

#body .card.product:nth-child(odd) .header:before {
    transform: scaleX(-1)
}

.label.white {
    background: #fff!important;
    color: #909090!important
}

.label.silver {
    background: silver!important;
    color: #fff!important
}

.right.floated {
    float: right
}

.dimmer.modals {
    overflow-y: auto
}

#vertical-divider {
    height: 100%;
    padding: 0;
    position: relative
}

#vertical-divider:before {
    background: #ececec;
    content: "";
    height: 100%;
    position: absolute;
    width: 1px;
    z-index: 1
}


.home-items {
    background: #faf7f7;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
    width: 100%
}

.home-items:first-child {
    margin-top: 2rem
}

.home-items .ui.header {
    color: #0e76c4;
    font-size: 1.875rem;
    letter-spacing: 1.5px;
    line-height: 2;
    text-align: center
}

.home-items .sub.header {
    color: #4f4f4f!important;
    font-size: 1.4rem!important;
    font-weight: 500!important;
    line-height: 1.5!important;
    margin: .5rem auto!important;
    max-width: 800px
}

.home-items .newest-item {
    border-radius: 1rem!important;
    max-width: 360px!important;
    padding: .75rem!important;
    width: 100%
}

.home-items .newest-item .play {
    display: none
}

.home-items .newest-item .card {
    border-radius: 1rem!important;
    overflow: hidden
}

.home-items .newest-item .card .image {
    position: relative
}

.home-items .newest-item .card .image .price {
    background: #fff;
    border-radius: .5rem;
    bottom: .5rem;
    color: #000;
    display: table;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    padding: .5rem .25rem .25rem;
    position: absolute;
    right: .5rem;
    z-index: 1
}

.home-items .newest-item .card .content {
    border-top: .35rem solid #fff!important
}

.home-items .newest-item .card .content .name {
    color: #000;
    font-size: 1.2rem;
    line-height: 1.5
}

.home-items .newest-item .ui.items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -.5rem;
    padding: 0 1rem
}

.home-items .newest-item .ui.items .item {
    background-size: cover;
    border-radius: 1rem;
    box-shadow: 0 6px 20.1px 4.9px rgba(94,100,117,.18);
    height: 114px;
    margin: .5rem;
    position: relative;
    width: 114px;
    z-index: 1
}

.home-items .wrapper {
    margin: auto;
    max-width: 1200px
}

.home-items .wrapper.newest .ui.items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -.5rem;
    padding: 0 1rem
}

.home-items .wrapper.newest .ui.items .item {
    display: block;
    height: auto;
    margin: .5rem;
    position: relative;
    width: 180px
}

.home-items .wrapper.newest .ui.items .item .cover {
    background-position: 50%;
    background-size: contain;
    border-radius: 1.5rem;
    height: 180px;
    width: 100%
}

.home-items .wrapper.newest .ui.items .item .title {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 1.5rem;
    text-align: center
}

.home-items .wrapper.newest .ui.items.six .item {
    width: 180px
}

.home-items .wrapper.newest .ui.items.six .item .cover {
    height: 180px
}

.home-items .wrapper.featured {
    margin-top: 7rem;
    max-width: 1300px
}

.home-items .wrapper.featured .ui.secondary.menu {
    border-radius: 1rem;
    flex-wrap: wrap;
    font-size: 1.2rem;
    justify-content: center;
    padding: 1.25rem
}

.home-items .wrapper.featured .ui.secondary.menu a {
    background: #fff;
    border-radius: .75rem;
    color: #000;
    font-weight: 500;
    line-height: 1.5;
    margin: .75rem
}

.home-items .wrapper.featured .ui.secondary.menu a:hover {
    background: transparent
}

.home-items .wrapper.featured .ui.secondary.menu a.active {
    box-shadow: 0 0 1px 1px #000
}

.home-items .wrapper.featured .ui.doubling.cards {
    display: none!important
}

.home-items .wrapper.featured .ui.doubling.cards.active {
    display: flex!important
}

.home-items .wrapper.free .cards {
    display: flex;
    justify-content: center
}

.home-items .wrapper.free .card {
    max-width: 166px
}

.home-items .wrapper.free .image {
    background: transparent;
    padding: .5rem
}

.home-items .wrapper.free .image .thumbnail {
    background-position: 50%;
    background-size: cover;
    border-radius: 500px!important;
    height: 150px;
    margin: auto;
    overflow: hidden;
    padding: .5rem;
    width: 150px
}

.home-items .wrapper.free .title {
    font-weight: 600;
    margin-top: .5rem;
    text-align: center
}

.home-items .wrapper.pricing .cards {
    justify-content: center
}

.home-items .wrapper.pricing .card {
    background: transparent;
    box-shadow: none!important
}

.home-items .wrapper.pricing .card .contents {
    background: #fff;
    border-radius: 1.5rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    height: 100%;
    margin-left: auto;
    min-height: 300px;
    padding-bottom: 100px;
    position: relative;
    width: calc(100% - 50px)
}

.home-items .wrapper.pricing .card .content.description {
    padding: 1rem 2.5rem
}

.home-items .wrapper.pricing .card .content.description .item {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-size: 1.1rem;
    font-weight: 500
}

.home-items .wrapper.pricing .card .content.description .item:not(:last-child) {
    margin-bottom: .75rem
}

.home-items .wrapper.pricing .card .content.description .item .icon {
    background: #fff;
    border: 2px solid rgba(0,0,0,.09);
    border-radius: 500px;
    display: flex;
    height: 30px;
    margin-right: 1rem;
    padding: .5rem;
    width: 30px
}

.home-items .wrapper.pricing .card .content.description .item .icon img {
    width: 100%
}

.home-items .wrapper.pricing .card .content.description .item .icon:not(.included) {
    background: #ddd!important;
    height: 29px;
    padding: .6rem;
    width: 29px
}

.home-items .wrapper.pricing .card .content.description .item .icon:not(.included) img {
    display: none
}

.home-items .wrapper.pricing .card .content.price {
    color: #313434;
    font-size: 2.5rem!important;
    font-weight: 700;
    line-height: 1;
    padding: 3.5rem 1rem 2rem;
    text-align: center
}

.home-items .wrapper.pricing .card .content.price span {
    display: block;
    font-size: 1.1rem;
    margin-top: .75rem
}

.home-items .wrapper.pricing .card .content.buy {
    bottom: 0;
    padding: 1.5rem;
    position: absolute;
    text-align: center;
    width: 100%
}

.home-items .wrapper.pricing .card .content.buy a {
    border-radius: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    margin: auto;
    padding-bottom: .75rem;
    padding-top: 1rem
}

.home-items .wrapper.pricing .card .content.buy a:hover {
    box-shadow: 0 0 20px 10px rgba(0,0,0,.09)
}

.home-items .wrapper.pricing .card .name {
    border-radius: 1rem 0 0 1rem;
    color: #fff;
    display: flex;
    padding: 1rem;
    position: absolute;
    right: 100%;
    text-align: center;
    top: 50px;
    width: 40px
}

.home-items .wrapper.pricing .card .name span {
    font-size: 1.2rem;
    font-weight: 600;
    right: -3px;
    text-transform: uppercase;
    transform: rotate(180deg);
    writing-mode: vertical-lr
}

.home-items .wrapper.posts {
    margin-bottom: 2rem;
    margin-top: 7rem;
    max-width: 1100px
}

.home-items .wrapper.posts .card {
    border-radius: 1rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    overflow: hidden
}

.home-items .wrapper.posts .card .content.description {
    color: grey;
    font-size: .9rem;
    padding: 0 1.5rem 1rem
}

.home-items .wrapper.posts .card .content.metadata {
    align-items: center;
    display: flex;
    padding: 1.5rem
}

.home-items .wrapper.posts .card .content.metadata .left {
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 0 0 2px #ff9c3a;
    color: #ff8900;
    font-weight: 600;
    margin-right: 1rem;
    padding: .5rem;
    text-align: center;
    width: 90px
}

.home-items .wrapper.posts .card .content.metadata .right {
    flex: 1;
    font-size: 1.1rem;
    line-height: 1.5;
    overflow: hidden;
    padding: .5rem;
    text-overflow: ellipsis
}

.home-items .wrapper.posts .card .content.metadata .right a {
    color: #000!important;
    font-weight: 500
}

.home-items .wrapper.posts .card .content.action {
    padding: 0 1.5rem 1.5rem
}

.home-items .wrapper.posts .card .content.action a {
    color: #000;
    font-weight: 500
}

.home-items .pricing.container {
    background: #f2f1f1;
    margin: 4rem -1rem 0;
    padding: 2rem 1rem
}

.home-items .pricing.container.no-items {
    background: #fff;
    margin: 2rem -1rem 4rem
}

.home-items .content {
    padding: .5rem 1rem
}

.selection-title .menu {
    background: transparent
}

.selection-title .menu a:after,.selection-title .menu a:before {
    display: none
}

.selection-title .menu a {
    background: transparent!important;
    border: 1px solid grey;
    color: #000!important;
    font-size: 18px;
    padding: .5rem 1rem!important;
    position: relative
}

.selection-title .menu a:not(:last-child) {
    margin-right: .5rem
}

.selection-title .menu a.active,.selection-title .menu a:hover {
    background: transparent!important;
    color: #000;
    font-weight: 700!important
}

.selection-title .menu a.active span,.selection-title .menu a:hover span {
    background: linear-gradient(90deg,#ff4335,#ffcc31,#fff);
    border-radius: 100%;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

#notifications {
    background: #f8f8ff;
    margin: -1rem auto 0!important;
    padding: 1rem;
    width: 100%
}

#notifications .column {
    background: #fff;
    border-radius: .5rem!important
}

#notifications .column.items {
    min-height: 500px
}

#notifications .column.items .items.unstackable {
    background: #f8f8ff;
    border-radius: .25rem
}

#notifications .column.items .items.unstackable .item {
    align-items: flex-end;
    background: #fafafa;
    border-radius: 0;
    margin: 0!important;
    min-height: 70px;
    padding: 1rem;
    text-align: left
}

#notifications .column.items .items.unstackable .item>* {
    align-self: center
}

#notifications .column.items .items.unstackable .item:not(:last-child) {
    border-bottom: 2px solid #fff
}

#notifications .column.items .items.unstackable .item .image {
    height: 50px!important;
    width: 50px!important
}

#notifications .column.items .items.unstackable .item time {
    color: #6f6f6f
}

#notifications .column.items .items.unstackable .item.unread {
    background: #fff;
    font-weight: 600
}

#notifications .column.items .items.unstackable .item:first-child {
    border-radius: .5rem .5rem 0 0
}

#notifications .column.items .items.unstackable .item:last-child {
    border-radius: 0 0 .5rem .5rem!important
}

#footer {
    background: linear-gradient(45deg,#ff4f67,#8d5dff);
    
    -webkit-mask-position: top center;
    -webkit-mask-size: cover;
    min-height: 300px;
    padding-bottom: 1rem!important;
    padding-top: 10rem!important;
    width: 100%;
    z-index: 1
}

#footer .heading {
    margin: 0 auto 2rem;
    max-width: 1000px;
    text-align: center
}

#footer .heading .header {
    font-size: 4rem!important;
    font-weight: 700;
    line-height: 1.5
}

#footer .heading .description {
    font-size: 1.5rem!important;
    line-height: 1.3;
    margin: 2rem auto 0;
    max-width: 700px;
    width: 100%
}

#footer .copyright {
    color: hsla(0,0%,100%,.26);
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: center
}

#footer .footer-menu {
    display: flex;
    justify-content: center
}

#footer .footer-menu .ui.menu {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1100px;
    width: 100%
}

#footer .footer-menu .ui.menu>.item {
    background: rgba(0,0,0,.05);
    border-radius: .75rem;
    color: #fff;
    font-size: 1.2rem;
    margin: .5rem
}

#footer .footer-menu .ui.menu>.item:hover {
    color: #fff;
    font-weight: 600
}

#footer .footer-menu .dropdown .menu {
    border: none!important;
    border-radius: .75rem!important;
    box-shadow: none!important;
    overflow: hidden
}

#footer .footer-menu .dropdown .menu .wrapper {
    max-height: 120px;
    overflow: auto
}

#footer .footer-menu .dropdown .menu .header {
    background: #ffff51;
    color: #000!important;
    font-size: 1rem!important;
    margin: 0!important;
    padding: 1rem!important
}

#footer .footer-menu .dropdown .menu .item:not(.header) {
    border-radius: 0!important;
    margin: 0!important;
    text-transform: capitalize;
    width: 100%
}

#footer .footer-menu .dropdown .menu .item:not(.header):hover {
    background: transparent!important;
    font-weight: 600
}

#app.home-product #footer {
    padding-bottom: 76px!important
}




#items {
    background: radial-gradient(#fff,#f9f9f9,#f7f7f7,#fff);
    margin-top: -1rem!important;
    padding: 2.5rem 0
}

#items i.tag {
    color: tomato
}

#items .row {
    background: transparent;
    margin: auto;
    max-width: 1300px
}

#items .row:first-child .sub.header {
    line-height: 1.5
}

#items .column.left {
    margin-right: 1rem;
    max-width: 320px;
    padding: 0;
    visibility: visible;
    width: 320px;
    z-index: 2
}

#items .column.left .categories,#items .column.left .filter.cities,#items .column.left .filter.countries,#items .column.left .price,#items .column.left .tags {
    background: #fff;
    border-radius: 2rem!important;
    overflow: hidden;
    padding: 2rem
}

#items .column.left .categories *,#items .column.left .filter.cities *,#items .column.left .filter.countries *,#items .column.left .price *,#items .column.left .tags * {
    font-size: 1.1rem
}

#items .column.left .categories .title,#items .column.left .filter.cities .title,#items .column.left .filter.countries .title,#items .column.left .price .title,#items .column.left .tags .title {
    background: #f8f8f8;
    border-radius: 1rem;
    color: #000;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1rem;
    padding: 1.25rem 1.5rem 1rem;
    position: relative;
    text-align: left;
    text-transform: uppercase
}

#items .column.left .filter.cities,#items .column.left .filter.countries {
    overflow: visible
}

#items .column.left .filter.cities .ui.dropdown,#items .column.left .filter.countries .ui.dropdown {
    border-radius: 1rem!important
}

#items .column.left .filter.cities .ui.dropdown .label,#items .column.left .filter.countries .ui.dropdown .label {
    border-radius: 100px
}

#items .column.left .filter.cities .ui.dropdown .menu,#items .column.left .filter.countries .ui.dropdown .menu {
    border-radius: 1rem!important
}

#items .column.left .categories .item {
    padding: .85rem 1rem
}

#items .column.left .categories .item:hover {
    background: transparent;
    color: #414040!important;
    font-weight: 600
}

#items .column.left .categories .vertical.menu {
    border-radius: 1rem;
    overflow: hidden
}

#items .column.left .categories .header {
    font-weight: 500;
    text-transform: capitalize
}

#items .column.left .categories .category .children {
    display: none
}

#items .column.left .categories .category.active .children {
    display: block;
    position: relative
}

#items .column.left .categories .category.active .children .item {
    color: #727272
}

#items .column.left .categories .category.active .children .item.active {
    background: transparent;
    color: #f90;
    font-weight: 700
}

#items .column.left .categories .category.active .header span {
    color: #0789ba
}

#items .column.left .tags .title:before {
    background: #ff5b5b
}

#items .column.left .tags label span {
    bottom: -2px;
    position: relative
}

#items .column.left .tags .item {
    padding: .85rem 1rem
}

#items .column.left .tags .item:hover {
    background: transparent;
    color: #414040!important;
    font-weight: 700
}

#items .column.left .tags .vertical.menu {
    border-radius: 1rem;
    height: 300px;
    overflow: hidden;
    padding-right: 1rem
}

#items .column.left .tags .vertical.menu:hover {
    overflow: auto;
    padding-right: 0
}

#items .column.left .price .title:before {
    background: #e03997
}

#items .column.left .price label {
    text-align: center
}

#items .column.right {
    background: transparent;
    flex: 1;
    min-height: 100vh
}

#items .column.right .ui.menu {
    overflow: auto
}

#items .column.right .ui.menu.filter {
    background: transparent;
    font-size: 1.1rem;
    min-height: 44px;
    padding-bottom: 1rem
}

#items .column.right .ui.menu.filter input {
    border: none;
    box-shadow: inset 0 0 0 1000px #fff!important
}

#items .column.right .ui.menu.filter>.item {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 1rem;
    box-shadow: inset 0 0 0 3px #fff;
    color: #000;
    font-weight: 500
}

#items .column.right .ui.menu.filter>.item .active:not(.search),#items .column.right .ui.menu.filter>.item.selected,#items .column.right .ui.menu.filter>.item:hover:not(.search) {
    background: #8b56ff;
    border: 2px solid #8b56ff;
    color: #fff;
    font-weight: 600
}

#items .column.right .ui.menu.filter>.item .menu {
    margin-top: .5rem
}

#items .column.right .ui.menu.filter>.item:not(:last-child) {
    margin-right: .5rem
}

#items .column.right .ui.menu.filter>.item.search-form {
    background: #fff;
    border: 1px solid #ececec;
    margin-right: 0!important
}

#items .column.right .ui.menu.results {
    align-items: center;
    background: transparent;
    font-size: 1.2rem;
    margin: -1rem -1rem 0;
    padding: 1rem 1rem 0
}

#items .column.right .ui.menu.results .item.header {
    color: #484848;
    font-size: 1.3rem;
    padding: 1rem
}

#items .column.right .ui.menu.results .item.remove {
    background: #ffcc3b;
    border: 2px solid #ffcc3b;
    border-radius: 500px;
    color: #000;
    display: table;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .5px;
    margin-right: 1rem;
    padding: .5rem!important
}

#items .column.right .ui.card {
    box-shadow: none
}

#items .column.right .divider {
    border-color: #f3f3f3!important;
    border-width: .5px
}

#item {
    background: radial-gradient(#fe8383, #86e669, #9f8888, #24aa53);
    margin-top: -1rem!important;
    overflow: hidden;
    width: 100%
}

#item input,#item textarea {
    border-radius: 1rem!important
}

#item #header {
    background: #fff;
    margin: 0;
    padding: 2rem;
    position: relative;
    width: 100%
}

#item #header:before {
    background: radial-gradient(#efefef,transparent);
    border-radius: 500%;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#item #header .container {
    align-items: center;
    display: flex;
    margin: auto;
    max-width: 1080px
}

#item #header .container>div {
    flex: 1
}

#item #header .thumb {
    display: flex;
    margin-right: 2rem;
    max-width: 150px
}

#item #header .thumb img {
    border-radius: 1rem;
    width: 100%
}

#item #header .content {
    display: block
}

#item #header .title {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg,#30cfd0 0,#330867);
    -webkit-background-clip: text;
    background-image: linear-gradient(45deg,#d9d480,#bd3d61);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5
}

#item #header .description {
    color: #2a2a2a;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1rem
}

#item>.message {
    background: #fff;
    border-left: .5rem solid #6953ad;
    border-radius: 0 1rem 1rem 0;
    box-shadow: none;
    color: #6953ad;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 2rem auto 0;
    max-width: 1080px
}

#item>.purchase {
    background: #a153b7;
    bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9
}

#item>.purchase.fixed {
    position: fixed
}

#item>.purchase input {
    -moz-appearance: textfield;
    border-radius: 0!important;
    color: #fff
}

#item>.purchase input::-webkit-inner-spin-button,#item>.purchase input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

#item>.purchase>.ui.menu {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    margin: 0 auto!important;
    min-height: 60px
}

#item>.purchase>.ui.menu .ui.dropdown {
    background: transparent;
    border: none;
    border-radius: 0!important;
    box-shadow: none
}

#item>.purchase>.ui.menu .ui.dropdown.licenses>.text {
    background: #fff;
    border-radius: .5rem;
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    padding: .75rem 1rem
}

#item>.purchase>.ui.menu .ui.dropdown:before {
    visibility: hidden
}

#item>.purchase>.ui.menu .ui.dropdown .item {
    font-size: 1.1rem!important;
    min-height: 45px
}

#item>.purchase>.ui.menu>.item {
    border-radius: 0;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500
}

#item>.purchase>.ui.menu>.item.header {
    background: #7a388d
}

#item>.purchase>.ui.menu>.item.header.has-promo:not(.is-free) .price:not(.promo) {
    font-size: 1rem;
    margin-left: 1rem;
    opacity: .5;
    text-decoration: line-through
}

#item>.purchase>.ui.menu>.item:before {
    visibility: hidden
}

#item>.purchase>.ui.menu>.item:not(:last-child) {
    border-right: 2px solid #fff
}

#item>.purchase>.ui.menu>.item.custom-price {
    max-width: 205px
}

#item>.purchase:before {
    background: radial-gradient(#efefef,transparent);
    border-radius: 500%;
    bottom: 100%;
    content: "";
    display: none;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

#item>.time-counter {
    background: #fff;
    border-radius: 1rem;
    display: none;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem auto 0;
    max-width: 1080px;
    padding: 1.5rem;
    text-align: center
}

#item>.time-counter .text {
    background-image: linear-gradient(45deg,#006d85,#00d1ff)
}

#item>.time-counter .text,#item>.time-counter .time {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

#item>.time-counter .time {
    background-image: linear-gradient(301deg,#00d1ff,#097891);
    margin-left: .25rem
}

#item>.main.row {
    display: flex;
    margin: 0 auto;
    max-width: 1140px;
    padding: 2rem
}

#item .l-side {
    background: #fff;
    border-radius: 1rem;
    flex: 1;
    font-size: 1.1rem;
    margin-right: 2rem!important;
    overflow: hidden;
    position: relative
}

#item .l-side .faq,#item .l-side .hidden-content,#item .l-side .reviews,#item .l-side .streaming,#item .l-side .support,#item .l-side .table_of_contents {
    display: none;
    min-height: 500px;
    padding: 2rem!important
}

#item .l-side .streaming {
    min-height: 300px
}

#item .l-side .top.menu {
    align-items: center;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: 70px;
    overflow: auto;
    padding: 1rem!important;
    position: relative
}

#item .l-side .top.menu .item.dropdown {
    display: none
}

#item .l-side .top.menu .item {
    background: #fff;
    border-radius: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 1rem
}

#item .l-side .top.menu .item.active {
    background: #1e90ff;
    color: #fff
}

#item .l-side .row.item .column {
    padding: 0
}

#item .l-side .row.item .card {
    border-radius: 0!important;
    box-shadow: none!important;
    margin: 0;
    overflow: hidden;
    padding: 1rem
}

#item .l-side .row.item .card .content {
    border-top: none
}

#item .l-side .row.item .card .content.features.body img,#item .l-side .row.item .card .content.requirements.body img {
    width: auto
}

#item .l-side .row.item .card img {
    width: 100%
}

#item .l-side .row.item .card.screenshots {
    background: #f9f9f9;
    border-radius: 0!important;
    padding: 0!important;
    width: auto
}

#item .l-side .row.item .card .content.images .ui.items {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: -1rem;
    overflow: hidden;
    padding: 0 1rem
}

#item .l-side .row.item .card .content.images .item {
    background-position: 50%;
    background-size: cover;
    border-radius: 1rem;
    cursor: pointer;
    height: 100px;
    margin: .5rem;
    min-height: 100px;
    min-width: 100px;
    width: 100px
}

#item .l-side .details {
    min-height: 500px;
    padding-top: 1rem
}

#item .l-side .sharer {
    bottom: 5%;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: calc(100% + 1rem);
    text-transform: uppercase
}

#item .l-side .sharer .buttons .item {
    display: block;
    height: 35px;
    width: 35px
}

#item .l-side .sharer .buttons .item:not(:last-child) {
    margin-bottom: .5rem
}

#item .l-side .sharer .buttons .item img {
    border-radius: .5rem;
    width: 100%
}

#item .l-side .hidden-content {
    background: #fff;
    border-radius: 2rem!important;
    overflow: auto;
    padding: 2rem!important
}

#item .l-side .table_of_contents .segments {
    border: none;
    border-radius: 2rem!important;
    overflow: hidden
}

#item .l-side .table_of_contents .segment.secondary {
    background: #f8f8ff;
    font-weight: 600
}

#item .l-side .screenshots .ui.items {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    padding: 1rem
}

#item .l-side .screenshots .item {
    background-position: 50%;
    background-size: cover;
    border-radius: 2rem;
    cursor: pointer;
    height: 97px;
    margin: .5rem;
    width: 97px
}

#item .l-side .stream-player {
    margin: -2rem;
    position: relative;
    width: auto
}

#item .l-side .stream-player .controls {
    background: rgba(0,0,0,.42);
    display: flex;
    height: 50px;
    left: 0;
    padding: .75rem;
    position: absolute;
    top: calc(100% - 50px);
    width: 100%;
    z-index: 1
}

#item .l-side .stream-player .controls .maximize,#item .l-side .stream-player .controls .play,#item .l-side .stream-player .controls .stop,#item .l-side .stream-player .controls .volume {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    max-width: 30px
}

#item .l-side .stream-player .controls .current-time {
    align-items: center;
    bottom: -2px;
    color: #fff;
    display: flex;
    flex: none;
    font-size: 1rem;
    height: 30px;
    margin-right: 1rem;
    position: relative
}

#item .l-side .stream-player .controls .stop,#item .l-side .stream-player .controls .volume {
    margin-right: 1rem
}

#item .l-side .stream-player .controls .volume {
    position: relative
}

#item .l-side .stream-player .controls .volume div {
    bottom: 100%;
    cursor: default;
    display: none;
    height: 125px;
    left: 0;
    position: absolute;
    width: 30px
}

#item .l-side .stream-player .controls .volume div>span {
    background: hsla(0,0%,100%,.5);
    border-radius: 100px;
    bottom: 0;
    height: 120px;
    left: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    position: absolute;
    width: 10px
}

#item .l-side .stream-player .controls .volume div>span span {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

#item .l-side .stream-player .controls .volume:hover div {
    display: block
}

#item .l-side .stream-player .controls img {
    filter: invert(1);
    width: 30px
}

#item .l-side .stream-player .controls>div {
    flex: 1
}

#item .l-side .stream-player .controls>.wave {
    background: hsla(0,0%,100%,.12);
    border-radius: 100px;
    height: 30px;
    margin: auto 1.5rem;
    -webkit-mask-image: url(/assets/images/wave-3.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: repeat;
    -webkit-mask-size: contain;
    overflow: hidden;
    position: relative
}

#item .l-side .stream-player .controls>.wave .time {
    background: linear-gradient(45deg,#002941,rgba(24,255,238,.84));
    border-radius: 100px 0 0 100px;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 9999
}

#item .l-side .stream-player .video {
    background: transparent;
    height: calc(100% - 50px);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

#item .l-side .stream-player video {
    position: relative;
    z-index: 0
}

#item .l-side .stream-player .download {
    border-radius: 100px;
    color: #fff;
    display: flex;
    padding: .5rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    z-index: 9
}

#item .l-side .stream-player .download img {
    height: 25px;
    opacity: .3;
    width: 25px
}

#item .l-side .stream-player .download:hover img {
    opacity: 1
}

#item .l-side .reviews textarea {
    height: 80px;
    min-height: 80px
}

#item .l-side .reviews .items {
    border: 1px solid #ededed;
    border-radius: 2rem
}

#item .l-side .reviews .items h3 {
    font-size: 1.1rem;
    margin-bottom: .25rem;
    text-transform: capitalize
}

#item .l-side .reviews .items .item:not(:last-child) {
    border-bottom: 1px solid #fff
}

#item .l-side .reviews .items .item {
    display: flex;
    padding: 1rem!important
}

#item .l-side .reviews .items .item .content {
    flex: 1;
    padding-left: 1rem
}

#item .l-side .reviews .items .item .ui.label {
    font-weight: 400;
    padding: .25rem .35rem
}

#item .l-side .reviews .items .item .rating {
    float: right
}

#item .l-side .reviews .items .item .rating svg {
    width: 14px
}

#item .l-side .reviews .items .ui.form {
    border-top: 1px solid #e1e1e1;
    padding: 1rem 0 0!important
}

#item .l-side .reviews .items .ui.form .ui.rating {
    font-size: 1.2rem
}

#item .l-side .reviews .items:not(:first-child) {
    margin-top: 1rem
}

#item .l-side .reviews .ui.image {
    height: 100%;
    max-width: 60px;
    width: 100%
}

#item .l-side .support .ui.form.right.floated {
    align-items: normal;
    display: flex;
    justify-content: center
}

#item .l-side .support textarea {
    height: 80px;
    min-height: 80px
}

#item .l-side .support .label {
    border-radius: 100px
}

#item .l-side .support .comments-wrapper .item {
    border: 1px solid #f3f3f3;
    border-radius: 2rem;
    overflow: hidden
}

#item .l-side .support .comments-wrapper h3 {
    color: #516974;
    font-size: 1.1rem;
    margin-bottom: .5rem;
    text-transform: capitalize
}

#item .l-side .support .comments-wrapper .item:not(:last-child) {
    border-bottom: 1px solid #fff
}

#item .l-side .support .comments-wrapper .children,#item .l-side .support .comments-wrapper .parent {
    position: relative
}

#item .l-side .support .comments-wrapper .children .main,#item .l-side .support .comments-wrapper .parent .main {
    display: flex;
    padding: 1rem
}

#item .l-side .support .comments-wrapper .children .content,#item .l-side .support .comments-wrapper .parent .content {
    color: #8b8b8b;
    flex: 1;
    line-height: 1.3;
    padding-left: 1rem
}

#item .l-side .support .comments-wrapper .children .content span.right.floated,#item .l-side .support .comments-wrapper .parent .content span.right.floated {
    color: #5e5f60;
    font-size: .9rem
}

#item .l-side .support .comments-wrapper:not(:first-child) {
    margin-top: 1rem
}

#item .l-side .support .comments-wrapper .children {
    margin-left: auto;
    margin-top: 1rem;
    width: 95%
}

#item .l-side .support .comments-wrapper .children .ui.image {
    max-width: 50px
}

#item .l-side .support .comments-wrapper .children .main {
    padding-left: 2rem!important
}

#item .l-side .support .ui.image {
    max-width: 60px;
    width: 100%
}

#item .l-side .support .ui.image img {
    border-radius: 500px!important
}

#item .l-side .support .extra {
    align-items: center;
    background: #f8f8ff;
    display: flex;
    height: 46px;
    padding: .5rem 1.5rem
}

#item .l-side .support .extra .count {
    margin-left: auto
}

#item .l-side .support .extra .saved-reactions {
    align-items: center;
    background: transparent!important;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: .25rem!important
}

#item .l-side .support .extra .saved-reactions.selected,#item .l-side .support .extra .saved-reactions.visited,#item .l-side .support .extra .saved-reactions:hover {
    background: transparent!important
}

#item .l-side .support .extra .saved-reactions span {
    background-position: 50%;
    background-size: contain;
    border: 3px solid #fff;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    filter: contrast(1.1);
    height: 25px!important;
    margin: 0 -.2rem;
    text-align: center;
    width: 25px
}

#item .l-side .support .like {
    margin-right: 1rem;
    padding: .35rem
}

#item .l-side .support .like .menu {
    border-radius: 100px!important;
    box-shadow: none
}

#item .l-side .support .like .reactions {
    align-items: center;
    background: transparent!important;
    cursor: default;
    display: flex;
    justify-content: center;
    padding: .25rem!important
}

#item .l-side .support .like .reactions.selected,#item .l-side .support .like .reactions.visited,#item .l-side .support .like .reactions:hover {
    background: transparent!important
}

#item .l-side .support .like .reactions a {
    background-position: 50%;
    background-size: 170%;
    display: block;
    filter: contrast(1.1);
    height: 35px!important;
    margin: 0 .2rem;
    text-align: center;
    width: 35px
}

#item .l-side .support .like img {
    height: 25px!important;
    width: 25px!important
}

#item .l-side .support .ui.form {
    align-items: normal;
    display: flex;
    justify-content: flex-end
}

#item .l-side .card .content.images .column {
    cursor: default;
    width: auto!important
}

#item .l-side .card .content.images .column span {
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
    margin-right: -1rem;
    overflow: hidden;
    padding: 0 .5rem;
    text-align: center;
    width: 100px
}

#item .l-side .card .content.images .column img {
    cursor: pointer;
    height: auto;
    width: auto
}

#item .l-side .overview img {
    display: block;
    margin: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 80%!important
}

#item .l-side #files-list {
    min-height: 700px
}

#item .l-side #files-list .item {
    align-items: center;
    background: #f8f8ff;
    border-radius: 100px;
    display: flex;
    flex: 1;
    font-weight: 600;
    padding: 1.5rem;
    text-transform: capitalize
}

#item .l-side #files-list .item:not(:last-child) {
    margin-bottom: .5rem
}

#item .r-side {
    background: #fff;
    border-radius: 1rem;
    max-width: 350px;
    visibility: visible;
    width: 100%
}

#item .r-side .card {
    border: none;
    border-radius: 2rem!important;
    box-shadow: none!important;
    overflow: hidden;
    padding: 1rem
}

#item .r-side .card.item-details .header {
    background: #f8f8f8;
    border-radius: 1rem;
    color: #000;
    font-size: 1.5rem!important;
    font-weight: 600;
    padding: .85rem 1rem;
    text-align: center
}

#item .r-side .card.item-details table {
    border: none
}

#item .r-side .card.item-details table td,#item .r-side .card.item-details table th {
    padding: 1rem 0
}

#item .r-side .card.item-details table tr td:nth-child(odd) {
    width: 40%
}

#item .r-side .card.item-details table tr td:nth-child(2n) {
    text-align: right;
    word-break: break-word
}

#item .r-side .card.tags .header {
    background: #f8f8f8;
    border-radius: 1rem;
    color: #000;
    font-size: 1.5rem!important;
    font-weight: 600;
    padding: .85rem 1rem;
    text-align: center
}

#item .r-side .card.tags .labels {
    margin: -.25rem
}

#item .r-side .card.tags .label {
    background: #f8f8ff;
    border-color: #f8f8ff;
    font-size: 1.2rem;
    font-weight: 500;
    margin: .25rem!important;
    padding: .75rem 1rem!important;
    text-transform: capitalize
}



#blog {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 1rem;
    width: 100%
}

#blog .ui.menu:not(.pagination) {
    align-items: center;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12);
    flex-wrap: wrap;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem
}

#blog .ui.menu:not(.pagination) .right.menu {
    flex: 1
}

#blog .ui.menu:not(.pagination) .item.header {
    color: #697582;
    font-size: 1.3rem;
    font-weight: 400;
    margin-left: 0
}

#blog .ui.menu:not(.pagination) .item.header span {
    background: #017ad2;
    border-radius: 100px;
    color: #fff;
    margin: -.5rem 0 -.5rem .5rem;
    padding: .5rem 1rem
}

#blog .ui.menu:not(.pagination) .item.header span * {
    color: #fff
}

#blog .ui.menu:not(.pagination) .item.ui.dropdown {
    border: 1px solid #d2d2d2;
    border-radius: 100px;
    height: 45px;
    width: 45px
}

#blog .ui.menu:not(.pagination) .item.ui.dropdown .menu {
    border-radius: 1rem;
    overflow: hidden
}

#blog .ui.menu:not(.pagination) .item.search {
    flex: 1;
    padding-right: 0
}

#blog .ui.menu:not(.pagination) .item.search input {
    height: 45px
}

#blog .ui.menu.pagination {
    background: #f05757!important;
    margin-top: 2rem
}

#blog .ui.menu.pagination .item {
    color: #fff
}

#blog .ui.menu.pagination .item.active {
    background-color: #a83939!important
}

#blog .posts .column {
    flex: 1;
    min-height: 80vh;
    padding: 0;
    text-align: center;
    z-index: 2
}

#blog .posts .column .segment.filter {
    background: #f8f8ff;
    border: 0
}

#blog .posts .column .segment.filter .label {
    text-transform: capitalize
}

#blog .posts .column .segment.filter .label i.times {
    cursor: pointer
}

#blog .posts .column .segment.filter .label i.times:hover {
    color: #000!important
}

#blog .posts .column .card {
    border-radius: 1rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    overflow: hidden
}

#blog .posts .column .card .content {
    position: relative
}

#blog .posts .column .card:hover img {
    filter: brightness(.9)
}

#blog .posts .column .card time {
    background: hsla(0,0%,100%,.74);
    border-radius: 100px;
    bottom: .5rem;
    color: #3d3d3d;
    display: block;
    font-size: 1rem;
    left: .5rem;
    line-height: 1;
    padding: .5rem .75rem .25rem;
    position: absolute;
    text-align: right
}

#blog .posts .column .card .title {
    align-items: center;
    color: #292929;
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    padding: 1rem!important;
    text-align: center
}

#blog .posts .column .card .title a {
    font-size: 1.1rem;
    margin: auto;
    max-width: 250px
}

#blog .posts .column .card .description {
    color: #414141;
    font-size: 1rem;
    padding: 1rem!important;
    text-align: center
}

#blog .posts .column .card .tags {
    align-items: center;
    display: flex;
    justify-content: center
}

#blog .posts .column .card .tags a {
    border: 1px solid #dedede;
    border-radius: 100px;
    color: #000;
    font-size: .9rem;
    padding: .25rem .5rem
}

#blog .posts .column .card .tags a:not(:last-child) {
    margin-right: .5rem
}

#blog .post .column.left {
    flex: 1;
    padding: 0
}

#blog .post .column.left .post-cover {
    border-radius: 1rem 1rem 0 0;
    display: flex;
    overflow: hidden
}

#blog .post .column.left .post-cover img {
    width: 100%
}

#blog .post .column.left .post-title {
    background: #f8f8f8;
    border-radius: 0 0 1rem 1rem;
    padding: 1.5rem
}

#blog .post .column.left .post-title>div:first-child {
    color: #000;
    font-size: 1.6rem;
    font-weight: 600
}

#blog .post .column.left .post-title>div.extra {
    background: #fff;
    border-left: .25rem solid #9c3cff;
    border-radius: 0 .5rem .5rem 0;
    display: table;
    font-size: 1rem;
    font-weight: 500;
    margin-top: 1rem;
    padding: .5rem 1rem
}

#blog .post .column.left .post-content {
    margin-top: 2rem
}

#blog .post .column.left .social-buttons {
    align-items: center;
    display: flex;
    font-size: 1.3rem
}

#blog .post .column.left .social-buttons span {
    margin-left: auto;
    margin-right: 1rem
}

#blog .post .column.left .social-buttons i {
    font-size: 1.3rem
}

#blog .post .column.left .related-posts .card {
    border-radius: 1rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    overflow: hidden
}

#blog .post .column.left .related-posts .card .content {
    position: relative
}

#blog .post .column.left .related-posts .card:hover img {
    filter: brightness(.9)
}

#blog .post .column.left .related-posts .card time {
    background: hsla(0,0%,100%,.74);
    border-radius: 100px;
    bottom: .5rem;
    color: #3d3d3d;
    display: block;
    font-size: 1rem;
    left: .5rem;
    line-height: 1;
    padding: .5rem .75rem .25rem;
    position: absolute;
    text-align: right
}

#blog .post .column.left .related-posts .card .title {
    align-items: center;
    color: #292929;
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    padding: 1rem!important;
    text-align: center
}

#blog .post .column.left .related-posts .card .title a {
    font-size: 1.1rem;
    margin: auto;
    max-width: 250px
}

#blog .post .column.left .related-posts .card .tags {
    align-items: center;
    display: flex;
    justify-content: center
}

#blog .post .column.left .related-posts .card .tags a {
    border: 1px solid #dedede;
    border-radius: 100px;
    color: #000;
    font-size: .9rem;
    padding: .25rem .5rem
}

#blog .post .column.left .related-posts .card .tags a:not(:last-child) {
    margin-right: .5rem
}

#blog .post .column.right {
    margin-left: 2rem;
    max-width: 350px;
    padding: 0 1rem;
    width: 100%
}

#blog .post .column.right .items-wrapper {
    border-radius: 2rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    font-size: 1.1rem;
    overflow: hidden;
    padding: 2rem
}

#blog .post .column.right .items-wrapper .items-title {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 1rem;
    padding: 0 0 1rem;
    position: relative
}

#blog .post .column.right .items-wrapper .items-title:before {
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20%
}

#blog .post .column.right .items-wrapper.categories .items-title:before {
    background: #e14e4e
}

#blog .post .column.right .items-wrapper.categories .item {
    color: #4d4d4d;
    display: block;
    font-size: 1.1rem;
    padding: .75rem 0
}

#blog .post .column.right .items-wrapper.categories .item i {
    color: #0060a5;
    font-size: .9rem;
    margin-right: .5rem
}

#blog .post .column.right .items-wrapper.latest-posts .items-title:before {
    background: #ff8f00;
    width: 30%
}

#blog .post .column.right .items-wrapper.latest-posts .item {
    align-items: center;
    display: flex
}

#blog .post .column.right .items-wrapper.latest-posts .item:not(:last-child) {
    margin-bottom: 1rem
}

#blog .post .column.right .items-wrapper.latest-posts .item>a {
    background-position: 50%;
    background-size: cover;
    border-radius: 100px;
    height: 80px;
    max-width: 80px;
    min-width: 80px
}

#blog .post .column.right .items-wrapper.latest-posts .item .content {
    margin-left: 1rem
}

#blog .post .column.right .items-wrapper.latest-posts .item .content>a {
    font-size: 1.1rem
}

#blog .post .column.right .items-wrapper.latest-posts .item .content p * {
    color: #6d6d6d;
    font-size: .9rem
}

#blog .post .column.right .items-wrapper.tags .items-title:before {
    background: #e935f8;
    width: 40%
}

#blog .post .column.right .items-wrapper.tags .items-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#blog .post .column.right .items-wrapper.tags .tag {
    border: 1px solid #dedede;
    border-radius: 100px;
    flex: 1;
    margin: .25rem;
    padding: .5rem;
    text-align: center;
    white-space: nowrap
}

#pricing {
    background: #fff;
    margin: 1rem auto;
    max-width: 1200px;
    overflow: hidden;
    text-align: center
}

#pricing .column.title {
    line-height: 2;
    padding: 1rem;
    text-align: center
}

#pricing .column.title h1 {
    color: #0e76c4;
    font-size: 1.875rem;
    letter-spacing: 1.5px;
    margin-bottom: 0
}

#pricing .column.title h3 {
    color: #6c6c6c!important;
    font-size: 1.4rem!important;
    font-weight: 500;
    line-height: 1.5!important;
    margin: 1rem auto!important;
    max-width: 800px
}

#pricing .cards {
    justify-content: center
}

#pricing .card {
    background: transparent;
    box-shadow: none!important
}

#pricing .card .contents {
    background: #fff;
    border-radius: 1.5rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    height: 100%;
    margin-left: auto;
    min-height: 300px;
    padding-bottom: 100px;
    position: relative;
    width: calc(100% - 50px)
}

#pricing .card .content.description {
    padding: 1rem 2.5rem
}

#pricing .card .content.description .item {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-size: 1.1rem;
    font-weight: 500
}

#pricing .card .content.description .item:not(:last-child) {
    margin-bottom: .75rem
}

#pricing .card .content.description .item .icon {
    background: #fff;
    border: 2px solid rgba(0,0,0,.09);
    border-radius: 500px;
    display: flex;
    height: 30px;
    margin-right: 1rem;
    padding: .5rem;
    width: 30px
}

#pricing .card .content.description .item .icon img {
    width: 100%
}

#pricing .card .content.description .item .icon:not(.included) {
    background: #ddd!important;
    height: 29px;
    padding: .6rem;
    width: 29px
}

#pricing .card .content.description .item .icon:not(.included) img {
    display: none
}

#pricing .card .content.price {
    color: #313434;
    font-size: 2.5rem!important;
    font-weight: 700;
    line-height: 1;
    padding: 3.5rem 1rem 2rem;
    text-align: center
}

#pricing .card .content.price span {
    display: block;
    font-size: 1.1rem;
    margin-top: .75rem
}

#pricing .card .content.buy {
    bottom: 0;
    padding: 1.5rem;
    position: absolute;
    text-align: center;
    width: 100%
}

#pricing .card .content.buy a {
    border-radius: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    margin: auto;
    padding-bottom: .75rem;
    padding-top: 1rem
}

#pricing .card .content.buy a:hover {
    box-shadow: 0 0 20px 10px rgba(0,0,0,.09)
}

#pricing .card .name {
    border-radius: 1rem 0 0 1rem;
    color: #fff;
    display: flex;
    padding: 1rem;
    position: absolute;
    right: 100%;
    text-align: center;
    top: 50px;
    width: 40px
}

#pricing .card .name span {
    font-size: 1.2rem;
    font-weight: 600;
    right: -3px;
    text-transform: uppercase;
    transform: rotate(180deg);
    writing-mode: vertical-lr
}

#auth .ui.message {
    border-radius: 1rem;
    font-weight: 700;
    line-height: 1.5
}

#auth .card {
    border-bottom: .5rem solid #483d8b;
    border-radius: 1rem!important;
    box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
    overflow: hidden
}

#auth .card input {
    border-radius: 100px
}

#auth .card label:not(.checkbox) {
    padding-left: 1rem
}

#auth .card .ui.dropdown {
    border-radius: 100px
}

#auth .card .ui.dropdown .menu {
    border-radius: 1rem!important;
    box-shadow: none!important
}

#auth .card .ui.dropdown .menu .item {
    font-size: 1.1rem;
    line-height: 1.3
}

#auth .card .ui.dropdown .menu .item:not(:last-child) {
    border-bottom: 1px solid #f3f3f3
}

#auth .card .content {
    padding: 1rem 1.5rem!important
}

#auth .card .content.logo {
    align-items: center;
    background: #fff;
    border-bottom: .5rem solid #7463dd;
    display: flex;
    justify-content: center;
    min-height: 100px
}

#auth .card .content.logo a {
    display: block
}

#auth .card .content.logo img {
    height: auto;
    max-width: 210px;
    width: 100%
}

#auth .card .content .title {
    color: #2d73ad
}

#auth.newsletter-unsubscribe .logo {
    background: #cd5c5c!important
}

#auth.newsletter-unsubscribe .logo a {
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    margin: 0!important;
    padding: .5rem!important
}

#auth.newsletter-unsubscribe h2 {
    color: #464646;
    font-size: 1.3rem!important;
    font-weight: 600
}

.ad {
    margin: 1rem auto;
    text-align: center
}

.ad:not(.ad_300x250):not(.ad_728x90):not(.responsive_ad) {
    display: none
}

.ui.dimmer {
    height: 100vh!important;
    overflow: hidden!important;
    position: fixed
}

#recently-viewed-items {
    background: #fff;
    border-radius: 0;
    margin: -1rem 0 1rem!important;
    padding: 1rem;
    width: 100%
}

#recently-viewed-items>.title {
    color: #252525;
    display: table;
    font-size: 1.3rem;
    font-weight: 600;
    margin: .5rem auto;
    max-width: 1200px;
    padding: .75rem 0 .5rem;
    width: 100%
}

#recently-viewed-items .items {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row-reverse;
    margin: 0 auto;
    max-width: 1200px;
    overflow: auto;
    padding: 1rem 0
}

#recently-viewed-items .items::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

#recently-viewed-items .items:hover {
    overflow: auto
}

#recently-viewed-items .items::-webkit-scrollbar-track {
    background: #f1f1f1
}

#recently-viewed-items .items::-webkit-scrollbar-thumb {
    background: #c1c1c1
}

#recently-viewed-items .items::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1
}

#recently-viewed-items .items .item {
    border-radius: 1rem;
    display: block;
    height: 100px;
    margin: 0 .5rem;
    min-height: 100px;
    min-width: 100px;
    overflow: hidden;
    position: relative;
    width: 100px
}

#recently-viewed-items .items .item:first-child {
    margin-right: auto
}

#recently-viewed-items .items .item:last-child {
    margin-left: 0
}

#recently-viewed-items .items .item .remove {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: .25rem;
    top: .25rem
}

#recently-viewed-items .items .item .image {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100px;
    width: 100px
}

#live-search .products {
    border-radius: 1.5rem;
    margin-top: .5rem;
    position: absolute
}

#live-search .item,#live-search .products {
    background: #fff;
    overflow: hidden;
    width: 100%
}

#live-search .item {
    display: block;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 1rem 1.5rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

#live-search .item:hover {
    background: linear-gradient(45deg,#f8f8ff,#fdfdfd,#f8f8ff);
    color: #000;
    font-weight: 500
}

#live-search .item:first-child {
    border-radius: 1.5rem 1.5rem 0 0
}

#live-search .item:last-child {
    border-radius: 0 0 1.5rem 1.5rem
}

#live-search .item:not(:last-child) {
    border-bottom: 1px solid #efefef
}

#affiliate {
    margin: 4rem auto 0;
    max-width: 1100px
}

#affiliate .top-panel {
    padding: 2rem
}

#affiliate .top-panel .ui.header {
    color: #1abdff;
    font-size: 2rem;
    font-weight: 600;
    text-align: center
}

#affiliate .top-panel .ui.header .sub {
    color: #708090;
    font-size: 1.5rem;
    font-weight: 500
}

#affiliate .ui.items .item.image>div {
    flex: 1
}

#affiliate .ui.items .item.image .content * {
    font-size: 1.2rem;
    line-height: 1.8!important
}

#affiliate .ui.items .item.image .content .header {
    font-size: 1.4rem;
    font-weight: 600
}

#group-buy-notif {
    background: #fff;
    border-radius: .5rem;
    bottom: 1rem;
    cursor: pointer;
    left: 1rem;
    max-width: 340px;
    overflow: hidden;
    position: fixed;
    z-index: 9
}

#group-buy-notif.added {
    cursor: default
}

#group-buy-notif .body {
    display: flex
}

#group-buy-notif .header {
    background: #fff476;
    color: #000;
    font-weight: 600;
    padding: .5rem 1rem
}

#group-buy-notif .header .buyers {
    background: #fff;
    border: 1px solid #595959;
    border-bottom: 0;
    border-radius: .5rem 0 0 0;
    border-right: 0;
    bottom: 0;
    color: #000;
    font-size: .7rem;
    padding: .25rem .5rem 0;
    position: absolute;
    right: 0
}

#group-buy-notif .cover {
    border-right: 1px solid #e1e1e1;
    display: flex;
    min-width: 105px;
    padding: 1rem;
    width: 105px
}

#group-buy-notif .cover>img {
    border-radius: .5rem;
    width: 100%
}

#group-buy-notif .icon {
    align-items: center;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    position: absolute;
    right: .25rem;
    width: 40px
}

#group-buy-notif .content {
    flex: 1;
    padding: 1rem;
    position: relative
}

#group-buy-notif .content .text {
    color: #000;
    font-weight: 600
}

#group-buy-notif .content .text span {
    border: 1px solid #000;
    border-radius: .25rem;
    min-height: 20px;
    min-width: 20px;
    padding: .25rem .25rem 0
}

#group-buy-notif .content .price {
    background: #3c5367;
    border-radius: .5rem;
    color: #fff;
    display: table;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    margin-top: .5rem;
    padding: .75rem .5rem .5rem
}

#group-buy-notif .content .icon img {
    width: 30px
}

#two-factor-auth {
    min-height: 100vh
}

#two-factor-auth .card {
    border: 0;
    border-radius: .75rem;
    box-shadow: none
}

#two-factor-auth .content.header {
    font-size: 1.2rem;
    font-weight: 700;
    padding: 2rem 1.5rem 1.5rem;
    text-transform: uppercase
}

#two-factor-auth .content.body {
    padding: 2rem 1.5rem 1.5rem
}

#two-factor-auth .content.body .header {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 1rem
}

#two-factor-auth .content.body .text {
    line-height: 1.5;
    opacity: .75
}

#two-factor-auth .content.body .text a {
    color: #282c31;
    font-weight: 500
}

#two-factor-auth .content.body .qr_code {
    align-items: center;
    background: #f0f8ff;
    border-radius: .75rem;
    display: flex;
    justify-content: center;
    margin: 1rem 0;
    padding: 1rem;
    text-align: center
}

#two-factor-auth .content.body .qr_code img {
    background: #fff;
    border-radius: .75rem;
    max-width: 200px;
    padding: 1rem
}

#two-factor-auth .content.body label {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: left
}

#two-factor-auth .content.body input {
    align-items: flex-end;
    display: flex;
    height: 45px;
    justify-content: center;
    line-height: 1;
    padding: 0 .25rem;
    text-align: center;
    text-transform: uppercase
}

#two-factor-auth .content.body .input {
    display: grid;
    gap: 0 10px;
    grid-template-columns: repeat(6,calc(16.66667% - 8.33333px))
}

#two-factor-auth .content.content.footer {
    border: none;
    padding: 0 1.5rem 1.5rem
}

#two-factor-auth .content.content.footer .button {
    align-items: flex-end;
    border-radius: .5rem;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    height: 45px;
    justify-content: center;
    line-height: 1;
    margin: 0
}

@media (max-width: 1440px) {
    #top-search .categories.large .label:nth-child(-n+5) {
        display:none
    }
}

@media (max-width: 1280px) {
    #top-search .categories.large .label:nth-child(-n+10) {
        display:none
    }

    #items .column.left {
        background: #fff;
        display: none;
        left: 1rem;
        overflow: hidden;
        position: absolute;
        top: 174px;
        visibility: hidden;
        z-index: 2
    }

    #items .column.left .ui.form .fields {
        flex-wrap: nowrap
    }

    #items .column.left .ui.form .fields .field {
        margin-bottom: 0
    }

    #items .column.left .ui.form .fields .field:last-child {
        flex: 1
    }

    #items .column.right {
        border-radius: 0!important;
        box-shadow: none!important
    }
}

@media (max-width: 1100px) {
    #top-menu .right.menu .text,#top-search .categories.large .label:nth-child(-n+15) {
        display:none
    }

    #top-menu .right.menu .item {
        margin: 0 .15rem!important
    }

    #top-menu .right.menu .item i {
        margin: 0
    }

    #user-directory .card {
        width: calc(25% - 1rem)
    }
}

@media (min-width: 1025px) {
    .mobile-only {
        display:none!important
    }

    #blur,#mobile-menu {
        visibility: hidden!important
    }

    html {
        overflow: visible!important
    }
}

@media (max-width: 1024px) {
    #item .r-side {
        max-width:unset
    }



    #body .cards.masonry {
        grid-template-columns: repeat(3,minmax(auto,1fr))!important
    }

    #blog .post.grid {
        display: block
    }

    #blog .post.grid .column {
        padding: 0;
        width: 100%
    }

    #blog .post.grid .column.right {
        background: #fafafa;
        flex: 1;
        margin: 3rem -1rem -2rem;
        max-width: none;
        padding: 2rem 1rem;
        width: auto
    }

    #blog .post.grid .column.right .items-wrapper.search {
        border-bottom: 1px solid #e5e5e5;
        margin: -1rem;
        padding: 0 1rem 1rem
    }

    #item {
        max-width: 100vw;
        padding: 1rem 0
    }

    #item .row.main {
        display: block
    }

    #item .row.main .column {
        padding: 1rem;
        width: 100%
    }

    #item .row.main .column.l-side {
        margin-right: 0!important
    }

    #item .row.main .column.r-side {
        margin-top: 2rem
    }

    #item #header .column {
        padding: 1rem
    }

    #item #header .item {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-top: 0
    }

    #item #header .item .image:not(.rating) {
        text-align: center
    }

    #item #header .item .image:not(.rating) img {
        min-width: 100%
    }

    #item #header .item .content {
        margin: 2rem 0
    }


}

@media (max-width: 820px) {

}

@media (max-width: 768px) {
 

 
}

@media (max-width: 680px) {
 

    #item>.purchase>.ui.menu>.item.header {
        background: #ff5a5a;
        color: #fff
    }

    #item .row.main {
        padding: 1rem
    }

    #item .l-side .sharer {
        bottom: 0;
        padding: 1rem;
        position: unset;
        right: unset
    }

    #item .l-side .sharer .buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    #item .l-side .sharer .buttons .item {
        display: flex;
        margin: 5px
    }

    #body .cards.masonry {
        grid-template-columns: repeat(2,minmax(auto,1fr))!important
    }

    #top-menu .right.menu .item {
        padding: 1rem .75rem
    }

    #top-menu .right.menu .item.search-icon {
        display: flex
    }

    #top-menu .right.menu .item.dropdown.search .menu {
        left: 0
    }

    #top-menu>.item.search {
        display: none
    }

    #mobile-search-bar {
        display: flex
    }

    #posts .social-buttons i {
        margin-right: 0!important
    }

    #posts .social-buttons span {
        display: none
    }

    #pricing .ten.wide.column {
        padding: 1rem!important;
        width: 100%!important
    }


}

@media (max-width: 510px) {
    #body .cards.masonry {
        grid-template-columns:repeat(1,minmax(auto,1fr))!important
    }
}

@media (max-width: 570px) {


    #item {
        margin-bottom: 0!important
    }

    #item #header {
        margin-bottom: 1rem
    }

    #item #header .content {
        margin-bottom: 0
    }

    #item #header .buttons {
        flex-wrap: wrap
    }

    #item #header .buttons .button {
        margin: .5rem
    }

    #items .ui.four.doubling.cards {
        padding: 1!important
    }

    #top-menu .right.menu {
        padding-right: 0!important
    }


}

@media (max-width: 520px) {
    #support .faq {
        padding:0!important
    }

    #top-search .header {
        font-size: 1.9rem;
        font-weight: 600;
        line-height: 1.5
    }

    #top-search .categories.large .label:nth-child(-n+25) {
        display: none
    }

    .home-items .wrapper.free .ui.doubling.cards .card {
        max-width: 150px;
        padding: .5rem 0
    }

    .home-items .wrapper.free .ui.doubling.cards .card .thumbnail {
        height: 130px;
        width: 130px
    }

    .home-items .wrapper.free .ui.doubling.cards .card:not(:first-child) {
        margin-top: 0!important
    }

    #items .search.item {
        display: none
    }

    #items .left-column-toggler {
        margin-left: auto
    }

    .ui.doubling.cards {
        display: block;
        padding: 1rem!important
    }

    .ui.doubling.cards .card {
        display: flex!important;
        margin: 0!important;
        width: 100%!important
    }

    .ui.doubling.cards .card:not(:first-child) {
        margin-top: 1rem!important
    }

    .ui.doubling.cards .card .content.title {
        display: block;
        overflow: visible;
        text-align: left;
        text-overflow: clip;
        white-space: normal!important;
        width: 100%
    }

    #page-title .column {
        width: 100%!important
    }

    #page-title .content {
        padding: 0
    }

    #page-title .image {
        display: none
    }

    #item .l-side .top.menu .item.dropdown {
        display: flex
    }

    #item .l-side .top.menu .tabs {
        display: none!important
    }

    #item .reviews .ui.image,#item .support .ui.image {
        display: none
    }

    #item .reviews .content,#item .support .content {
        padding-left: 0!important
    }

    .home-items .ui.four.doubling.cards {
        margin: 0!important
    }
}

@media (max-width: 480px) {
    #item>.main.row {
        padding:1rem
    }

    #item #header .container {
        flex-direction: column
    }

    #item #header .container .thumb {
        margin: 0 0 1.5rem;
        max-width: unset;
        width: 100%
    }

    .home-items .wrapper.newest .ui.items .item {
        width: 135px
    }

    .home-items .wrapper.newest .ui.items .item .cover {
        height: 135px
    }

    .home-items .wrapper.featured .ui.secondary.menu a {
        background: #f5f5f5;
        flex: 1;
        font-size: 1rem;
        justify-content: center;
        min-height: 64px;
        text-align: center;
        width: 50%
    }



    #app:not(.home) #mobile-top-search {
        background: #f0f0f0;
        margin-bottom: -1rem;
        padding: 1rem
    }

    #app:not(.home) #mobile-top-search input {
        border: 1px solid rgba(34,36,38,.15)
    }

    #app:not(.home) #single-page {
        margin-top: 20px
    }

    #app:not(.home) #single-page .title-wrapper h1 {
        font-size: 1.8rem
    }

    #app:not(.home) #guest,#app:not(.home) #items {
        margin: 0 auto!important
    }



    #mobile-menu-2 {
        display: flex
    }









}