@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

@font-face {
    src: url(../fonts/NeueMetana-Thin.woff);
    font-family: 'NeueMetana-Thin';
    font-style: normal
}

@font-face {
    src: url(../fonts/NeueMetana-Bold.woff);
    font-family: 'NeueMetana-Bold';
    font-style: normal
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    color: #000;
    line-height: 1.5;
    font-weight: 200;
    font-family: 'Arimo', sans-serif
}

#body.is-open, html #body.is-open {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

* {
    -webkit-font-smoothing: antialiased;
    /*noinspection CssUnknownProperty*/
    -moz-osx-font-smoothing: grayscale
}

img {
    border-radius: 0
}

label, .label {
    color: #454545;
    font-weight: 400;
    padding: 0;
    font-size: inherit
}

address {
    line-height: inherit
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600
}

.hentry {
    margin-bottom: 0
}

.hentry .entry-content a:not(.button) {
    text-decoration: none
}

.font-light {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-heavy {
    font-weight: 700
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.justify {
    text-align: justify
}

a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline: none !important
}

input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    background-color: #000
}

input[type='text'], input[type='number'], input[type='email'], input[type='tel'], input[type='url'], input[type='password'], input[type='search'], textarea, .input-text {
    background: #fff;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    padding: 10px;
    font-size: 14px;
    border-radius: 0;
    font-style: normal
}

input[type='text']:focus, input[type='number']:focus, input[type='email']:focus, input[type='tel']:focus, input[type='url']:focus, input[type='password']:focus, input[type='search']:focus, textarea:focus, .input-text:focus {
    background-color: transparent
}

/*noinspection CssInvalidPseudoSelector*/
::placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666
}

/*noinspection CssInvalidPseudoSelector*/
::-ms-input-placeholder {
    color: #666
}

.btn-primary:active, .btn-primary.active {
    background-color: #000;
    border-color: #000
}

button, input[type='button'], input[type='reset'], input[type='submit'], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
    border: 0;
    border-radius: 0;
    background: none;
    background-color: #43454b;
    border-color: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .618em 1em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: none;
}

.select2-container .select2-selection--single {
    height: 45px
}

.select2-container--default .select2-selection--single {
    outline: none;
    border: 1px solid #e2e2e2;
    border-radius: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    outline: none;
    padding-left: 10px;
    line-height: 37px;
    font-size: 14px;
    font-style: normal
}

.select2-container--default .select2-selection--single .select2-selection__arrow {

}

a {
    color: #000
}

a:active, a:hover, a:focus {
    color: #FE583A;
    text-decoration: none
}

ul {
    margin: 0 0 15px 15px;
    list-style: square
}

.container {
    max-width: 100%
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 70px
}

.btn-light {
    color: #030303;
    background: transparent;
    border-color: #030303
}

.btn-light:hover, .btn-light:focus {
    color: #fff;
    border-color: #030303
}

.btn:hover, .btn:focus, .btn.focus {
    color: #fff
}

.btn-small {
    padding: 5px 10px;
    font-size: 15px
}

.section.margin-b-non {
    margin-bottom: 0
}

.section.margin-t, .margin-t {
    margin-top: 40px
}

.margin-t-20 {
    margin-top: 20px
}

table thead {
    text-align: left;
    vertical-align: bottom
}

table td, table th {
    background-color: transparent;
    border-left: 1px solid;
    border-color: #eaeaea;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 8px 18px 7px 18px
}

.parallax-window {
    min-height: 400px;
    background: transparent
}

.row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.row:before, .row:after {
    display: none !important
}

.row.is-flex {
    display: flex;
    flex-wrap: wrap
}

.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column
}

.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.edit-link {
    display: none
}

.gap {
    clear: both
}

.site .page-inner {
    position: relative
}

.black_style, .black_style .site-header {
    color: #fff;
    background-color: #000
}

.black_style a, .black_style .main-navigation ul li a, .black_style .header-content .right-nav ul li .uil {
    color: #fff
}

.black_style .main-navigation ul.menu > li > a, .black_style .main-navigation ul.nav-menu > li > a {
    color: #fff
}

.black_style .site-header .site-branding img {

}

.black_style .site-header ul.menu li.current-menu-item > a {
    color: #FE583A
}

.black_style .site-header .main-navigation ul.menu ul.sub-menu {
    border: 1px solid #0A0A0A
}

.black_style .site-header .main-navigation ul ul li, .black_style .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul li.focus {
    background: #101010
}

.black_style .site-header .main-navigation ul.menu ul li a {
    color: #fff
}

.site-header .main-navigation ul.menu ul li a {
    border-color: #101010
}

.black_style .sidebar-left .copyright, .black_style .sidebar-right span {
    color: #fff
}

.black_style .sidebar-left .copyright span:before, .black_style .sidebar-right span::after, .black_style .search-toggle::after {
    background-color: #fff
}

.black_style .search-toggle::before {
    border-color: #fff
}

.search-button {

}

.search-toggle {
    position: relative;
    display: block;
    height: 15px;
    width: 15px
}

.search-toggle::before, .search-toggle::after {
    content: '';
    position: absolute;
    display: block;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

.search-toggle::before {
    border: 2px solid #888;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.search-toggle::after {
    height: 2px;
    width: 7px;
    background: #888;
    top: 13px;
    left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-toggle.active::before {
    width: 0;
    border-width: 1px;
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: 7px
}

.search-toggle.active::after {
    width: 16px;
    left: 0;
    top: 6px
}

.storefront-primary-navigation.show .search-box {
    width: calc(100% - 5em);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.storefront-primary-navigation .search-box {
    position: absolute;
    top: 0;
    height: 100%;
    width: 0;
    -webkit-transform: translateX(20%);
    transform: translateX(0);
    opacity: 0;
    -webkit-transition: all 0.4s 0.3s;
    transition: all 0.4s 0.3s
}

.storefront-primary-navigation .search-box .search-input {
    border: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    font-size: 16px;
    color: #000
}

.burger {
    display: none
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .burger {
        display: block
    }
}

.woocommerce-active .site-header .main-navigation {
    width: 65%;
    float: right;
    margin-right: 0;
    text-align: right
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .woocommerce-active .site-header .main-navigation {
        width: 100%
    }
}

.woocommerce-active .site-header .site-branding {
    float: none;
    margin: 0;
    width: auto;
    max-width: unset
}

.site-header .main-navigation ul.menu ul.sub-menu {
    border: 1px solid rgba(0, 0, 0, .05);
    background: #fff
}

.site-header .main-navigation ul ul li {
    padding: 0;
    background-color: #fff
}

.main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul li.focus {
    background-color: #fff
}

.site-header .main-navigation ul.menu ul li a {
    margin-right: 0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000
}

.site-header .main-navigation ul.menu ul li a {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}

.site-header .main-navigation ul.menu ul li:last-child a {
    border-bottom: 0
}

.site-header {
    padding: 0px 0;
    border-bottom: 0;
    z-index: 99998;
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .site-header {
        padding-top: 30px
    }
}

.site-header .header-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.site-branding {
    margin-bottom: 0
}

.site-header .site-branding img {
    max-width: 150px
}

@media (max-width: 736px) {
    .site-header .site-branding img {
        width: 110px
    }
}

.main-navigation ul li {
    padding: 30px 15px;
    opacity: 1;
    -webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.1s, -webkit-transform 0.3s
}

.storefront-primary-navigation.show .main-navigation ul li {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.storefront-primary-navigation .main-navigation ul li:nth-child(1) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.storefront-primary-navigation .main-navigation ul li:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.storefront-primary-navigation .main-navigation ul li:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

.storefront-primary-navigation .main-navigation ul li:nth-child(4) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

.storefront-primary-navigation .main-navigation ul li:nth-child(5) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.storefront-primary-navigation .main-navigation ul li:nth-child(6) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0;
    color: #000
}

.main-navigation ul.menu > li > a:hover, .main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.menu > li.current-menu-item > a, .main-navigation ul.nav-menu > li.current-menu-item > a {
    color: #FE583A;
    background-color: transparent
}

.woocommerce-active .site-header .site-header-cart {
    width: 100%
}

.site-header-cart .cart-contents {
    padding: 0
}

.storefront-primary-navigation {
    align-items: center;
    flex: 2;
    position: relative
}

@media (max-width: 768px) {

}

.header-content .right-nav {
    position: relative;
    margin-left: 40px;
    cursor: pointer
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .header-content .right-nav {
        margin-left: 0;
        margin-right: 50px
    }
}

@media (max-width: 768px) {

}

.header-content .right-nav ul li .uil {
    font-size: 22px
}

.header-content .right-nav .cart-contents {
    position: relative
}

.header-content .right-nav .cart-contents:hover {
    color: #FE583A
}

.woocommerce-active .site-header .site-header-cart li.cart-content {
    display: flex;
    padding: 26px 15px
}

.woocommerce-active .site-header .site-header-cart li .uil {
    font-size: 18px
}

.woocommerce-account .entry-header {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 50px
}

.woocommerce-account .entry-header .entry-title {
    margin-top: 0;
    font-size: 25px
}

.woocommerce-account .entry-header .entry-title .login {
    text-align: left;
    margin-bottom: 30px
}

.woocommerce-account .entry-header .entry-title .not-login {
    margin-bottom: 30px
}

.site-content {
    padding-top: 80px
}

.single-product .site-content {
    padding-top: 0
}

.home .site-content {
    padding-top: 0
}

.home .content-area, .home .site-main {
    margin-bottom: 0
}

body.woocommerce #primary {
    float: none;
    width: 100%;
    margin-right: 0
}

.content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
}

.section {
    clear: both;
    margin-bottom: 80px
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0
}

.section-title {
    position: relative;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 40px;
    color: #000
}

@media (max-width: 736px) {
    .section-title {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 30px
    }
}

.section-title span:nth-child(2) {
    position: relative;
    display: block;
    padding-left: 50px;
    margin-left: 0
}

.section-title span:nth-child(2):before {
    position: absolute;
    top: 45%;
    left: 0;
    content: '';
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #000
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .homepage-hero {
        margin-top: 0;
        height: 100% !important
    }

    .homepage-hero .container {
        width: 100%
    }
}

@media (max-width: 414px) {
    .homepage-hero {
        margin-top: -73px
    }

    .homepage-hero .container {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .hero-content {
        padding-top: 120px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape) {
    .hero-content {
        padding-top: 120px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: portrait) {
    .hero-content {
        padding-top: 150px;
        padding-bottom: 100px
    }
}

.homepage-hero {
    display: flex;
    align-items: center;
    margin-top: -119px;
    width: 100%;
}

.homepage-hero .hero-title .title-hero {
    font-family: 'NeueMetana-Thin', sans-serif;
    text-rendering: optimizeSpeed;
    color: #000;
    user-select: none;
    line-height: 100px;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 100;
    text-align: left;
}

.hero-content {
    padding: 200px 0 0 0;
    position: relative;
    height: 100%;
    z-index: 999;
}

.homepage-hero .hero-title .title-hero .line {
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .homepage-hero .hero-title .title-hero .line-space {
        display: none
    }

    .homepage-hero .hero-title .title-hero {
        font-size: 100px !important;
        line-height: 90px
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .homepage-hero .hero-title .title-hero .line-space {
        display: none
    }

    .homepage-hero .hero-title .title-hero {
        font-size: 70px !important;
        line-height: 65px
    }
}

@media only screen and (min-width: 375px) and (max-width: 414px) and (orientation: portrait) {
    .homepage-hero .hero-title .title-hero {
        font-size: 50px !important;
        line-height: 52px
    }

    .homepage-hero .hero-title .title-hero .line-space {
        display: none
    }
}

@media (max-width: 375px) {
    .homepage-hero .hero-title .title-hero {
        font-size: 35px !important;
        line-height: 38px
    }

    .homepage-hero .hero-title .title-hero .line-space {
        display: none
    }
}

.homepage-hero .hero-title .title-hero span {
    transform: translateY(-10px);
    user-select: none
}

.homepage-hero .hero-title .title-hero.flex {
    display: flex;
    justify-content: space-between
}

.homepage-hero .hero-title .title-hero.stroke span {
    position: relative;
    color: #211D26;
    line-height: inherit
}

.homepage-hero .hero-title .title-hero.stroke span:after {
    content: attr(data-char);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #FE6730;
    position: absolute;
    left: 0;
    line-height: inherit;
    color: transparent;
    z-index: -1
}

.homepage-hero .hero-subtitle {
    max-width: 240px;
    display: block;
    text-transform: uppercase;
    font-size: 26px;
    color: #000;
    line-height: 1.1;
    width: fit-content;
    float: right;
    position: relative;
    right: 135px
}

.homepage-hero .hero-subtitle .line {
    display: block
}

.homepage-hero .hero-subtitle .hero-icon {
    position: relative;
    text-align: right;
    right: -60px;
    top: 10px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .homepage-hero .hero-subtitle {
        top: 0;
        right: 0;
        padding-top: 60px;
        max-width: 100%;
        float: none
    }

    .homepage-hero .hero-subtitle .line {
        display: inline-block
    }

    .homepage-hero .hero-subtitle .hero-icon {
        display: none
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) {
    .homepage-hero .hero-subtitle {
        top: 0;
        right: 100px;
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .homepage-hero .hero-subtitle {
        font-size: 23px;
        top: 0;
        right: 0;
        margin-top: 40px;
        max-width: 100%;
        float: none
    }

    .homepage-hero .hero-subtitle .line {
        display: inline-block
    }

    .homepage-hero .hero-subtitle .hero-icon {
        display: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: portrait) {
    .homepage-hero .hero-subtitle {
        font-size: 23px;
        top: 0;
        right: 0;
        margin-top: 40px;
        max-width: 100%;
        float: none
    }

    .homepage-hero .hero-subtitle .line {
        display: inline-block
    }

    .homepage-hero .hero-subtitle .hero-icon {
        display: none
    }
}

.homepage-hero .hero-subtitle .hero-icon svg {
    width: 25px;
    height: 100%
}

.woo-products-header {
    font-family: 'NeueMetana-Bold', sans-serif;
    text-align: left;
    padding: 0;
    margin-bottom: 50px
}

.woo-products-header h1 {
    font-family: 'NeueMetana-Bold', sans-serif;
    font-size: 60px;
    margin-top: 0;
    margin-bottom: 60px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .woo-products-header h1 {
        font-size: 40px
    }
}

@media (max-width: 736px) {
    .woo-products-header h1 {
        font-size: 32px
    }
}

.woocommerce-cart .woo-products-header h1, .page-checkout .woo-products-header h1 {

}

.products .product {
    overflow: inherit;
    position: relative;
    margin-bottom: 100px
}

.page-freebies .products .product {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .products .product {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 375px) and (max-width: 736px) and (orientation: landscape) {
    .products .product {
        width: 50%
    }
}

.single-product div.product {
    overflow: inherit
}

.products .product .product-image {
    height: 260px;
    overflow: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .products .product .product-image {
        height: auto
    }
}

.products .product .product-info {
    position: absolute;
    width: 83%;
    background: #fff;
    padding: 20px;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    transition: opacity 0.1s 0.5s, transform 0.3s 0.4s
}

.page-freebies .products .product .product-info {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%)
}

.products .product:hover .product-info {
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%)
}

.page-freebies .products .product:hover .product-info {
    -webkit-transform: translateY(-155%);
    transform: translateY(-155%)
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .products .product .product-info {
        position: relative;
        width: 100%
    }

    .products .product .product-info, .products .product:hover .product-info {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .products .product .product-info {
        position: relative;
        padding: 10px
    }

    .products .product .product-info {
        width: 100%
    }

    .products .product .product-info, .products .product:hover .product-info {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.products .product .product-title {
    margin-bottom: 20px;
    transform: translateY(5px);
    transition: transform 0.4s 0.5s;
    transition-delay: .5s;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.page-freebies .products .product .product-title {
    margin-bottom: 0
}

.products .product .product-title a {
    white-space: nowrap
}

.products .product:hover .product-title {
    transform: translateY(0)
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .products .product .product-title {
        margin-bottom: 5px
    }

    .products .product .product-title, .products .product:hover .product-title {
        transform: translateY(0)
    }
}

.post-meta .post-cat .post-date {
    position: relative;
    padding-left: 20px;
    float: right;
    color: #999;
}

.products .product .product-title span {
    position: relative;
    font-size: 18px;
}

.products .product .product-title span:after {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    content: '';
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #333;
    z-index: 499;
}

.post-meta .post-cat .post-date:before {
    left: 0;
}

.products .product .product-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    line-height: 27px;
    transform: translateY(5px);
    transition: opacity 0.1s 0.1s, transform 0.4s 0.5s;
    transition-delay: 0.6s
}

.page-freebies .products .product .product-meta {
    display: none
}

.products .product:hover .product-meta {
    transform: translateY(0)
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .products .product .product-meta, .products .product:hover .product-meta {
        transform: translateY(0)
    }
}

.products .product .product-meta .product-cat {

}

.products .product .product-meta .product-cat a:nth-child(2) {
    position: relative;
    display: block;
    padding-left: 30px
}

@media only screen and (min-width: 320px) and (orientation: portrait) {
    .products .product .product-meta .product-cat a:nth-child(2) {
        display: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .products .product .product-meta .product-cat a:nth-child(2) {
        display: none
    }
}

.products .product .product-meta .product-cat a:nth-child(2):before {
    position: absolute;
    top: 45%;
    left: 0;
    content: '';
    display: inline-block;
    width: 23px;
    height: 1px;
    background: #333
}

.products .product .product-meta .product-cat a:nth-child(3) {
    display: none
}

.products .product .product-meta .product-price {
    font-size: 18px;
    font-weight: 600;
    padding-top: 3px
}

.products .product .product-meta .product-price del,
.products .product .product-meta .product-price del .woocommerce-Price-amount,
.products .product .product-meta .product-price del .woocommerce-Price-amount span {
    font-size: 14px;
    color: #999;
    font-weight: 400
}

.products .product .product-meta .product-price .woocommerce-Price-amount {
    font-weight: 400
}

.product-content {
    position: relative
}

.product-content .tab-content ul {
    margin-left: 15px;
    margin-bottom: 20px
}

.product-filter {
    margin-bottom: 30px
}

.product-filter .storefront-sorting {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: auto
}

.product-filter .woocommerce-ordering {
    float: none;
    margin: 0;
    padding: 0
}

.product-filter .facetwp-counter {
    display: none
}

.product-filter .facetwp-facet {
    display: flex;
    margin-bottom: 0
}

.product-filter .facet-filter {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width: 414px) and (max-width: 667px) and (orientation: landscape) {
    .product-filter .facet-filter {
        display: flex
    }
}

@media (max-width: 375px) {
    .product-filter .facet-filter {
        display: none
    }
}

.product-filter .facet-filter-mobile {
    display: none
}

.product-filter .facet-filter > div, .product-filter .facetwp-facet.all {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #939292;
    cursor: pointer
}

.product-filter .facetwp-facet .facetwp-radio {
    margin-bottom: 0;
    color: #939292;
    background: transparent
}

.product-filter .facetwp-facet .facetwp-radio.checked {
    color: #070707
}

.product-filter .facetwp-sort {
    background: #fff;
    transition: all .2s ease-in-out;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 0;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 150px;
    float: right
}

.product-filter .facetwp-sort .facetwp-sort-select {
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    padding: 0 20px 0 20px;
    cursor: pointer;
    width: 100%;
    color: #303030
}

.product-filter .facetwp-sort .arrow-down {
    position: absolute;
    right: 15px;
    font-size: 9px;
    line-height: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    fill: #303030
}

.facetwp-template .woocommerce-pagination .page-numbers li .page-numbers, .facetwp-template .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    color: #505050;
    font-size: 20px;
    background-color: transparent;
    border: 0
}

.facetwp-template .woocommerce-pagination {
    float: none;
    margin: 40px 0;
    border: none;
    padding: 0
}

.facetwp-template .woocommerce-pagination .page-numbers li .page-numbers.current {
    color: #070707;
    background-color: transparent
}

.woocommerce-pagination .page-numbers li.prev a, .woocommerce-pagination .page-numbers li.next a {
    font-size: 20px;
    padding-left: 1em;
    padding-right: 1em
}

.facetwp-template .woocommerce-pagination .next::after, .facetwp-template .woocommerce-pagination .prev::after {
    display: none
}

.facetwp-template .woocommerce-pagination .next, .facetwp-template .woocommerce-pagination .prev {
    text-indent: unset
}

.single-product .tabs {
    position: relative
}

.single-product ul.nav-tabs {
    list-style: none;
    margin: 0;
    border-bottom: 0;
    float: left
}

.single-product .tabs .tabs-inner {
    border-bottom: 2px solid #f3f3f3;
    padding: 10px 0;
    margin-top: -8px;
    position: relative;
    z-index: 200;
    background: #fff
}

.single-product .tabs .tabs-content {
    overflow: hidden
}

.single-product .tabs .tabs-content #info, .single-product .tabs .tabs-content #review {
    margin-bottom: 40px
}

.single-product ul.nav-tabs li {
    float: left;
    margin-bottom: -4px
}

.single-product .tabs-inner ul.nav-tabs li {
    margin-right: 40px
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .single-product .tabs-inner ul.nav-tabs li {
        margin-right: 30px
    }
}

@media (max-width: 375px) {
    .single-product .tabs-inner ul.nav-tabs li:last-child {
        display: none
    }
}

.single-product .ul.nav-tabs li:last-child {
    margin-right: 0
}

.single-product ul.nav-tabs li a {
    cursor: pointer;
    border-radius: 0;
    padding: 20px 0;
    margin-right: 0;
    line-height: normal;
    border: 0
}

.single-product ul.nav-tabs li:hover a, .single-product ul.nav-tabs li.active a {
    color: #FE583A;
    background: none;
    border: 0
}

.single-product .nav-tabs li a {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
    text-decoration: none
}

.tab-content > .tab-pane .tab-pane-content {
    padding-top: 30px
}

.single-product .tabs .tabs-inner .nav-tabs-right {
    float: right;
    margin-top: 6px
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .single-product .tabs .tabs-inner .nav-tabs-right ul li.trial {
        display: none
    }
}

@media (max-width: 414px) {
    .single-product .tabs .tabs-inner .nav-tabs-right {
        display: none
    }
}

.single-product .tabs .tabs-inner .nav-tabs-right ul {
    list-style: none;
    margin: 0
}

.single-product .tabs .tabs-inner .nav-tabs-right ul li {
    float: left
}

.single-product .tabs .tabs-inner .nav-tabs-right ul li + li {
    margin-left: 20px
}

.single-product .tabs .tabs-inner .nav-tabs-right ul li .btn {
    font-size: 12px;
    padding: 10px 25px
}

.single-product .tabs .tabs-inner .nav-tabs-right ul li.trial .btn {
    line-height: 17px;
}

.single-product .font-family-options {
    background-color: #f9f9f9;
    padding: 60px 0
}

.single-product .font-family-options .buying-title {
    margin-bottom: 60px;
    font-size: 20px;
    font-weight: 600
}

.tabs-sticky {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 65px;
    line-height: 60px;
    background-color: #fff;
    z-index: 9999;
    left: 0;
    border-bottom: 2px solid #f3f3f3
}

.admin-bar .tabs-sticky {
    top: 32px;
}

.tabs-sticky .tabs-sticky-inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tabs-sticky .tabs-sticky-inner .sticky-title {
    font-size: 18px;
    font-weight: 600
}

@media (max-width: 414px) {
    .tabs-sticky .tabs-sticky-inner .sticky-title {
        display: none
    }
}

.tabs-sticky .tabs-sticky-inner .btn {
    font-size: 12px;
    padding: 10px 25px
}

@media (min-width: 376px) and (max-width: 414px) {
    .tabs-sticky .tabs-sticky-inner .sticky-buy {
        width: 100%;
        margin-top: 10px;
        display: flex;
        justify-content: space-between
    }

    .tabs-sticky .tabs-sticky-inner .btn {
        width: 50%
    }
}

@media (max-width: 375px) {
    .tabs-sticky .tabs-sticky-inner .btn, .tabs-sticky .tabs-sticky-inner .sticky-buy {
        width: 100%
    }
}

.tabs-sticky .tabs-sticky-inner .btn-light {
    margin-right: 16px
}

.tabs-sticky .tabs-sticky-inner .btn-light.trial {
    padding: 10px 25px !important;
    line-height: 17px !important;
}

@media (max-width: 375px) {
    .tabs-sticky .tabs-sticky-inner .btn-light {
        display: none
    }
}

#break {
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%
}

.single-product .freebies {
    margin-top: -7px
}

.single-product .freebies .font-tester {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 60px;
    padding-top: 40px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

.single-product .freebies .font-tester .type-tester {
    padding: 0 20px
}

.single-product .freebies .type-tester .font-sample .box-container {
    margin-bottom: 0
}

.single-product .freebies .content-inner-bottom {
    margin-top: 40px
}

.single-product .freebies .content-inner-bottom .download-bottom {
    border: 1px solid #ececec;
    padding: 20px
}

@media (max-width: 736px) {
    .single-product .freebies .content-inner-bottom .download-bottom {
        margin-top: 30px
    }
}

.single-product .freebies .content-inner-bottom .download-bottom ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 10px;
}

.single-product .freebies .content-inner-bottom .download-bottom li {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    padding-bottom: 8px
}

.single-product .freebies .content-inner-bottom .download-button {
    margin-top: 30px
}

.single-product .freebies .content-inner-bottom .download-button .button {
    width: 100%
}

.single-product .freebies .content-inner-bottom .download-button .button.btn-light {
    margin-top: 15px
}

.single-product .content-inner, .single-product .sidebar {
    padding: 40px 0 70px 0
}

.single-product .content-inner .entry-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (max-width: 414px) {
    .single-product .content-inner .entry-meta .meta-right {
        display: none
    }
}

.single-product .content-inner .entry-meta .product-title {
    margin: 0;
    font-size: 24px
}

.single-product .content-inner .entry-meta .meta-right .sd-social-icon {
    display: flex;
    align-items: center
}

.single-product .content-inner .entry-meta .meta-right div.sharedaddy h3.sd-title {
    margin-bottom: 0;
    margin-right: 10px
}

.single-product .content-inner .entry-meta .meta-right div.sharedaddy h3.sd-title:before {
    display: none
}

.single-product .content-inner .entry-meta .meta-right .sd-content ul, .single-product .content-inner .entry-meta .meta-right .sd-content ul li {
    margin-bottom: 0 !important
}

.single-product .content-inner .entry-meta .meta-right .sd-social-icon .sd-content ul li[class*=share-] a {
    background: transparent !important;
    color: #000 !important
}

.single-product .sidebar {
    height: 100%;
    border-left: 1px solid #ececec
}

@media (max-width: 736px) {
    .single-product .sidebar {
        border-left: 0
    }
}

.single-product .widget {
    margin: 0 0 30px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 30px
}

.single-product .widget:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.single-product .widget-freebies {
    padding-left: 40px
}

@media (max-width: 736px) {
    .single-product .widget-freebies {
        padding-left: 0
    }
}

.single-product .widget-freebies ul {
    margin: 0
}

.single-product .widget-freebies ul.nav-tabs {
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 2px solid #f3f3f3
}

.single-product .widget-freebies ul.nav-tabs li {
    margin-bottom: -2px
}

.single-product .widget-freebies ul.nav-tabs li + li {
    margin-left: 37px;
    margin-right: 0
}

@media (max-width: 375px) {
    .single-product .widget-freebies ul.nav-tabs li:nth-child(2) {
        display: none
    }
}

.single-product .widget-freebies ul.nav-tabs li a {
    font-size: 11px;
    letter-spacing: 1px
}

.single-product .widget-freebies .tab-content {
    clear: both
}

.single-product .widget-freebies .tab-content .widget-entry .widget-entry-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px
}

.single-product .widget-freebies .tab-content .widget-entry .widget-entry-image {
    min-width: 95px
}

.single-product .widget-freebies .tab-content .widget-entry .widget-entry-image img {
    width: 95px;
    height: auto
}

@media (max-width: 375px) {
    .single-product .widget-freebies .tab-content .widget-entry .widget-entry-image, .single-product .widget-freebies .tab-content .widget-entry .widget-entry-image img {
        min-width: 70px;
        width: 70px
    }
}

.single-product .widget-freebies .tab-content .widget-entry .widget-entry-item-text {
    margin-left: 20px
}

.single-product .widget-freebies .tab-content .widget-entry .title {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    width: 100%;
    font-weight: 400;
    margin: 0 0 5px 0
}

@media (max-width: 375px) {
    .single-product .widget-freebies .tab-content .widget-entry .title {
        max-width: 190px
    }
}

.single-product .widget-freebies .tab-content .widget-entry .title a {
    margin: 0;
    white-space: nowrap
}

.single-product .widget-freebies .tab-content .widget-entry .product-price {
    font-size: 14px
}

.single-product .widget-freebies .tab-content .widget-entry .product-price.download {
    margin-top: 10px
}

.product-slider .slick-container, .portfolio-slider .slick-container {
    position: relative;
    z-index: 60
}

.product-slider .slick-wrapper .slick-slide {
    width: 800px
}

.product-slider, .portfolio-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.product-slider .slick-pagination .prevArrow, .product-slider .slick-pagination .nextArrow, .portfolio-slider .slick-pagination .prevArrow, .portfolio-slider .slick-pagination .nextArrow {
    position: absolute;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 22.2%;
    z-index: 10;
    height: 100%
}

.product-slider .slick-pagination #arrow, .portfoilio-slider .slick-pagination #arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9999
}

.product-slider .embed-container {
    position: relative;
    padding-bottom: 66.66667%;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.product-slider .embed-container iframe, .product-slider .embed-containerobject, .product-slider .embed-containerembed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-slider .product-video {
    position: relative
}

.product-slider .product-video .video-bg {
    position: absolute;
    top: -17px;
    width: calc(100% - 0px);
    background-size: cover, contain;
    /*noinspection CssOptimizeSimilarProperties*/
    background-position: center;
    /*noinspection CssOptimizeSimilarProperties*/
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-slider .product-video .video-bg:before {
    content: '';
    display: block;
    padding-top: 66.66667%
}

.product-slider .product-video .video-bg .video-btn {
    width: 80px;
    height: 80px;
    line-height: 100px;
    text-align: center;
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    cursor: pointer
}

.product-slider .product-video .video-bg .video-btn svg {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 30px
}

.portfolio .portfolio-slider {
    position: relative;
    z-index: 30;
    background: #070707;
    padding: 50px 0 48px 0
}

.single-product .font-tester {
    position: relative;
    z-index: 50
}

.single-product .font-tester.black {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.single-product .font-tester.black:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #030303;
    z-index: -999;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
}

.single-product .font-tester.black .item-title, .single-product .font-tester.black .type-top-bar .switch-label, .single-product .font-tester.black .box, .single-product .font-tester.black svg, .single-product .font-tester.black svg path, .single-product .font-tester.black .aligment span.current .uil, .single-product .font-tester.black .variable-fonts, .single-product .font-tester.black .variable-fonts .slider-label {
    color: #fff
}

.single-product .font-tester.black .variable-fonts, .single-product .font-tester.black .variable-fonts .variable-font-inner {
    border-color: #232323
}

.single-product .font-tester.black .slider::-webkit-slider-thumb, .single-product .font-tester.black .slider {
    background-color: #a7a7a7
}

.single-product .font-tester.black .uil {
    color: #a7a7a7
}

.single-product .font-tester.black .play-button.play-size .uil {
    color: #000
}

.single-product .font-tester.black .ui-slider, .single-product .font-tester.black .ui-state-default, .single-product .font-tester.black .ui-widget-content .ui-state-default {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333447;
    cursor: pointer
}

.single-product .font-tester.black .type-tester .otf-select {
    border: 1px solid #232323;
    background: rgb(0, 0, 0)
}

.single-product .font-tester.black .type-tester .otf-select .otf-option .ls-left {
    color: #fff
}

.single-product .premium-modal .modal-dialog {
    width: 1000px;
    max-width: 1200px;
    margin: 30px auto
}

.single-product .premium-modal .modal-body {
    position: relative;
    padding: 0
}

.single-product .premium-modal .close {
    position: absolute;
    right: -30px;
    top: -8px;
    z-index: 999;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    opacity: 1
}

.ls-left .tooltip .tooltip-inner {
    text-align: left;
    max-width: 300px;
    border-radius: 0;
    padding: 8px 12px
}

.ls-left .tooltip .tooltip-inner ul {
    margin: 0 0 0 15px
}

.ls-left .tooltip .tooltip-inner p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0
}

.single-product .font-tester.black .type-tester .otf-select .otf-option input[type=checkbox] + span:before {
    border: 1px solid #fff
}

.slider::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff
}

.single-product .font-tester .type-top-bar {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px
}

.single-product .font-tester .type-top-bar > div {
    display: flex;
    margin-right: 50px
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .single-product .font-tester .type-top-bar .switch-color {
        display: none
    }
}

@media (max-width: 414px) {
    .single-product .font-tester .type-top-bar > div {
        margin-right: 0
    }

    .single-product .font-tester .type-top-bar .otf-featured {
        margin-right: 50px
    }

    .single-product .font-tester .type-top-bar .switch-text, .single-product .font-tester .type-top-bar .switch-color {
        display: none
    }
}

.single-product .font-tester .type-top-bar .switch-label {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    padding-top: 2px
}

.single-product .font-tester .type-top-bar .variable-font svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px
}

.single-product .font-tester .type-top-bar .variable-font .switch-label {
    padding-left: 5px
}

.single-product .font-tester .type-tester .otf-featured {
    cursor: pointer
}

.single-product .font-tester .type-tester .otf-featured .switch-label:hover {
    color: #FE583A
}

.single-product .font-tester .type-tester .otf-select {
    display: none;
    background: #f9f9f9;
    padding: 1.5rem 1.5rem .8rem;
    margin-bottom: 40px
}

.single-product .font-tester .type-tester .otf-select .grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    list-style: none
}

.single-product .font-tester .type-tester .otf-select .otf-option {
    padding-bottom: .70rem;
    margin-right: 1rem;
    width: calc(25% - 1rem);
    cursor: pointer
}

@media (max-width: 414px) {
    .single-product .font-tester .type-tester .otf-select .otf-option {
        width: calc(100% - 1rem)
    }
}

.single-product .font-tester .type-tester .otf-select .otf-option label {
    margin-bottom: 0
}

.single-product .font-tester .type-tester .otf-select .otf-option .ls-left {
    font-size: 14px;
    cursor: pointer
}

.single-product .font-tester .type-tester .otf-select .otf-option input[type=checkbox] + span:before {
    background: transparent;
    border: 1px solid #c1c1c1
}

.single-product .font-tester .type-tester .otf-select .otf-option input[type=checkbox]:checked + span:before {
    border: 1px solid #FE583A
}

.font-family .font-family-label {
    margin-bottom: 20px
}

@media (max-width: 414px) {
    .font-family .font-family-label {
        display: none
    }
}

.font-family .font-family-label span {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px
}

.font-family .font-family-style .font-form {
    border-top: 1px solid #ece9e9;
    border-bottom: 1px solid #ece9e9;
    margin-top: -1px
}

.font-family .font-family-style .font-form:last-child {
    border-bottom: 0
}

.font-family .font-family-style .font-form.style-complete .font-title, .font-family .font-family-style .font-form.style-complete .font-style, .font-family .font-family-style .font-form.style-complete .font-info .buying-inner span {
    font-size: 20px;
    font-weight: 600
}

.font-family-style .font-form .font-info {
    padding: 30px 0
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .font-family .font-family-label .col-sm-7, .font-family-style .font-form .font-info .col-sm-7 {
        width: 70%
    }

    .font-family .font-family-label .col-sm-2, .font-family-style .font-form .font-info .col-sm-2 {
        width: 30%
    }

    .font-family .font-family-label .col-sm-3, .font-family-style .font-form .font-info .col-sm-3 {
        display: none
    }
}

@media (max-width: 414px) {
    .font-family-style .font-form .font-info .col-sm-2, .font-family-style .font-form .font-info .col-sm-3 {
        display: none
    }
}

.font-family-style .font-form .font-info .font-title {
    font-weight: 500
}

.font-family-style .font-form .font-info .buying-inner {
    position: absolute;
    width: 100%;
    margin-top: 0;
    cursor: pointer
}

.font-family-style .font-form .font-info .buying-inner .buying-option {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    visibility: hidden
}

.font-family-style .font-form .font-info .buying-inner span {
    font-weight: 500
}

.font-family-style .font-form .font-info .buying-inner span, .font-family-style .font-form .font-info .buying-inner .buying-option .buying-opt-text {
    overflow: hidden;
    transition-delay: 0s;
    transition-duration: .45s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.font-family-style .font-form .font-info .buying-inner .buying-option .buying-opt-text {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0);
    cursor: pointer
}

.font-family-style .font-form .font-info .buying-inner .buying-option .buying-opt-text .uil {
    padding-left: 15px
}

.font-family-style .font-form .font-info:hover .buying-inner span {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.font-family-style .font-form .font-info:hover .buying-inner .buying-option {
    visibility: visible
}

.font-family-style .font-form .font-info:hover .buying-inner .buying-option .buying-opt-text {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.font-family-style .font-form .font-lic-info {
    display: none;
    padding-bottom: 30px
}

@media (max-width: 414px) {
    .font-family-style .font-form .font-lic-info {
        display: block
    }
}

.font-family .total-price {
    margin-top: 30px
}

.font-family .total-price .btn {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px
}

.license-inner .license-label {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #6b6b6b
}

.license-choice {
    overflow: hidden;
    margin: 10px 0 0 0
}

.license-choice ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.license-choice .checkbox-container {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border: 1px solid #000000;
    min-height: 2rem;
    padding: .5rem .75rem;
    flex: 1 1 0;
    margin: 0 10px;
    transition: all .15s ease-out
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .license-choice {
        margin-left: -15px;
        margin-right: -15px
    }

    .license-choice ul {
        display: inline-block
    }

    .license-choice .checkbox-container {
        width: 40%;
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 667px) and (max-width: 736px) and (orientation: landscape) {
    .license-choice .checkbox-container {
        width: 48.5%;
        float: left;
        margin: 5px;
        flex: auto
    }
}

@media (max-width: 667px) {
    .license-choice .checkbox-container {
        flex: 100%;
        margin: 0 0 10px 0
    }
}

.license-choice .checkbox-container:first-child {
    margin-left: 0
}

.license-choice .checkbox-container:last-child {
    margin-right: 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .license-choice .checkbox-container:first-child {
        margin-left: 15px
    }

    .license-choice .checkbox-container:last-child {
        margin-right: 15px
    }
}

@media only screen and (min-width: 667px) and (max-width: 736px) and (orientation: landscape) {
    .license-choice .checkbox-container:first-child {
        margin-left: 5px
    }

    .license-choice .checkbox-container:last-child {
        margin-right: 5px
    }
}

.license-choice .checkbox-container .ls-right .price {
    display: flex
}

.license-choice .checkbox-container .ls-right .price del {
    padding-top: 1px;
    padding-right: 4px;
    font-size: 13px
}

.license-choice .checkbox-container label {
    width: 100%;
    display: block;
    margin-bottom: 0;
    cursor: pointer
}

.font-tester .type-tester .otf-select .otf-option input[type=checkbox], .license-choice .checkbox-container input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.font-tester .type-tester .otf-select .otf-option input[type=checkbox] + span:before, .license-choice input[type=checkbox] + span:before, .license-choice input[type=radio] + span:before, .woocommerce-terms-and-conditions-wrapper input[type=checkbox] + span:before {
    background: transparent;
    border: 1px solid #c1c1c1;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-right: .6em;
    position: relative;
    top: 2px;
    width: 14px
}

.font-tester .type-tester .otf-select .otf-option input[type=checkbox]:checked + span:before, .license-choice input[type=checkbox]:checked + span:before, .license-choice input[type=radio]:checked + span:before, .woocommerce-terms-and-conditions-wrapper input[type=checkbox]:checked + span:before {
    background: #FE583A;
    border: 1px solid #FE583A
}

.buying-footer {
    background: #f0f0f0;
    bottom: 0;
    height: auto;
    position: fixed;
    left: 0;
    transition: all .15s ease-out;
    transform: translateY(100%);
    width: 100%;
    z-index: 99;
    display: block !important
}

.buying-footer {
    z-index: 99999
}

.buying-footer.visible {
    transform: translateY(0)
}

.buying-footer > div {
    display: flex;
    justify-content: space-between;
    /*noinspection CssOverwrittenProperties*/
    align-items: flex-start;
    overflow: hidden;
    /*noinspection CssOverwrittenProperties*/
    align-items: center;
    /*noinspection CssOptimizeSimilarProperties*/
    padding-top: 1.5rem;
    /*noinspection CssOptimizeSimilarProperties*/
    padding-bottom: 1.5rem;
    /*noinspection CssOptimizeSimilarProperties*/
    padding-left: 50px;
    /*noinspection CssOptimizeSimilarProperties*/
    padding-right: 50px;
    background-color: #000;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .buying-footer > div {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 414px) {
    .buying-footer > div {
        display: block;
        padding-left: 40px;
        padding-right: 40px
    }

    .buying-footer .buying-footer-fonts, .buying-footer .buying-footer-licences {
        display: none
    }
}

.buying-footer > div .buying-footer-fonts p {
    font-size: 14px;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .buying-footer > div .buying-footer-fonts {
        display: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .buying-footer > div .buying-footer-fonts {
        display: none
    }
}

@media screen and (min-width: 481px) {
    .buying-footer > div .buying-footer-fonts {
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    .buying-footer > div .buying-footer-fonts {
        width: 25%
    }
}

@media screen and (min-width: 1281px) {
    .buying-footer > div .buying-footer-fonts {
        width: 25%
    }
}

.buying-footer > div .buying-footer-fonts strong {
    font-size: 16px;
    line-height: inherit;
    font-weight: 600
}

.buying-footer > div .buying-footer-licences, .buying-footer > div .buying-footer-fonts ul {
    font-size: 14px;
    list-style: none;
    margin: 0
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .buying-footer > div .buying-footer-licences {
        width: auto
    }
}

@media screen and (min-width: 769px) {
    .buying-footer > div .buying-footer-licences {
        width: 33.3333333333%
    }
}

@media screen and (min-width: 1281px) {
    .buying-footer > div .buying-footer-licences {
        width: 33.3333333333%
    }
}

.buying-footer > div .buying-footer-totals {
    text-align: right
}

@media (max-width: 414px) {
    .buying-footer > div .buying-footer-totals {
        text-align: center
    }
}

.buying-footer > div .buying-footer-totals strong {
    font-size: 1rem;
    line-height: inherit;
    color: #FE583A;
    display: flex;
    align-items: center;
    float: right
}

@media (max-width: 414px) {
    .buying-footer > div .buying-footer-totals strong {
        display: block;
        float: none;
        margin-bottom: 10px
    }
}

.buying-footer > div .buying-footer-totals .label {
    color: #fff;
    margin-right: 10px;
    font-weight: 600;
    font-size: 16px;
}

.buying-footer > div .buying-footer-totals .value {
    font-size: 20px
}

.buying-footer > div .buying-footer-actions .btn, .buying-footer > div .buying-footer-actions .button {
    background-color: #FE583A;
    color: #fff;
    border: 1px solid transparent;
    padding-left: 50px;
    padding-right: 50px
}

@media (max-width: 414px) {
    .buying-footer > div .buying-footer-actions .btn, .buying-footer > div .buying-footer-actions .button {
        width: 100%
    }
}

#reviews #review_form_wrapper {
    margin-top: 30px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
#reviews .commentlist li p.meta {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 10px;
}

#reviews .commentlist li p.meta time {
    position: relative;
    margin-left: auto;
    padding-left: 30px;
    color: #000;
    opacity: 1;
    font-size: 15px
}

#reviews .commentlist li p.meta time:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    border-radius: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#reviews .commentlist li p.meta .woocommerce-review__author {
    line-height: 1;
    font-size: 19px;
    font-weight: 400
}

#reviews .commentlist li .comment_container .comment-text .description {
    clear: both;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #000;
    padding-top: 15px;
    margin-top: 20px
}

#reviews .commentlist li .comment_container .comment-text .star-rating {
    float: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar,
#reviews .commentlist li .avatar, #reviews .commentlist li ul.children .avatar {
    width: 8%;
    float: left;
    margin-right: 2.5%;
    height: auto;
    border-radius: 50%
}

#reviews .commentlist li .comment_container .comment-text, #reviews .commentlist li ul.children .comment-text {
    width: 89%;
    float: right;
    margin-right: 0
}

#reviews .commentlist li ul.children {
    width: 89%
}

#reviews #review_form .comment-notes {
    margin-bottom: 20px
}

#reviews #review_form #respond {
    padding-top: 30px
}

#reviews .comment-form-rating {
    margin-bottom: 10px
}

#respond .comment-form-comment, #reviews .comment-form-author, #reviews .comment-form-email, #reviews .comment-form-cookies-consent {
    margin-bottom: 15px
}

#reviews .comment-form-cookies-consent {
    clear: both
}

#reviews .form-submit {
    margin-top: 20px
}

.woocommerce-Reviews-title {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 40px
}

.related-product {
    margin: 80px 0 30px 0
}

.related-product .products .product_cat-freebies {
    display: none
}

.featured-products-title.section-title span:nth-child(2) {
    margin-left: 80px
}

@media (max-width: 375px) {
    .featured-products-title.section-title span:nth-child(2) {
        margin-left: 65px
    }
}

.featured-products .more-feature {
    margin-top: 20px;
    float: right
}

.portfolio-content {
    position: relative
}

.portfolio-content .portfolio-info {
    position: absolute;
    bottom: 18px;
    left: 20px;
    opacity: 0
}

.slick-center .portfolio-content .portfolio-info {
    opacity: 1;
    line-height: 1;
    background: hsla(0, 0%, 0%, .4);
    padding: 10px 15px
}

@media (max-width: 375px) {
    .slick-center .portfolio-content .portfolio-info {
        display: none
    }
}

.portfolio-content .portfolio-title {
    line-height: normal
}

.portfolio-content .portfolio-title a {
    font-size: 20px;
    line-height: normal
}

.portfolio-content .portfolio-title span {
    line-height: 1.2;
    color: #fff
}

.portfolio-slider .slick-pagination .prevArrow, .portfolio-slider .slick-pagination .nextArrow {
    width: 36%
}

.footer-inner .copyright {
    margin-bottom: 20px
}

.footer-inner .footer-menu .menu {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end
}

.footer-inner .footer-menu .menu li a {
    text-transform: uppercase;
    padding-left: 20px;
    font-size: 18px
}

@media (max-width: 375px) {
    .footer-inner .footer-menu .menu li a {
        font-size: 14px
    }
}

.site-footer a:not(.button) {
    font-size: 14px;
}

.site-footer ul.menu li.current-menu-item > a {
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .sidebar-left {
        display: none
    }
}

.type-tester .type-tools {
    position: relative;
    display: flex;
    align-items: center
}

.type-tester .type-tools > div {
    margin-left: 50px
}

.type-tester .type-tools > div:last-child {
    margin-right: 0
}

@media (max-width: 414px) {
    .type-tester .type-tools > div:last-child {
        display: none
    }
}

.type-tester .type-tools > div:first-child {
    margin-left: 0
}

.type-tester .type-tools > div label {
    font-weight: 400;
    margin-bottom: 15px
}

.type-tester .type-tools .aligment .uil {
    font-size: 14px;
    color: #dee7ec;
    font-weight: 400;
}

.type-tester .type-tools .aligment span {
    padding: 0;
    margin-right: 10px
}

.type-tester .type-tools .aligment span.current .uil {
    color: #333447
}

.type-tester .type-tools .aligment button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0
}

.type-tester .type-tools .ui-slider {
    margin-left: 25px;
    margin-top: 10px;
    height: 1px;
    position: relative;
    border: none;
    background: #bfbfbf
}

.type-tester .type-tools .ui-state-default, .type-tester .type-tools .ui-widget-content .ui-state-default {
    background: #bfbfbf;
    border-radius: 50%;
    outline: none;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    position: absolute;
    top: -9px;
    cursor: pointer
}

.type-tester .type-tools svg {
    margin-right: 10px;
    height: 20px;
    width: 16px;
    display: block
}

.type-tester .font-sample {
    margin-top: 50px
}

.type-tester .font-sample .item-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: inline-block
}

@media (max-width: 667px) {
    .type-tester .font-sample .item-title {
        display: none
    }
}

.type-tester .font-sample .box-container {
    margin-bottom: 40px
}

.type-tester .font-sample .box {
    font-size: 40px;
    line-height: normal;
    outline: 0;
    text-align: left;
    overflow-wrap: break-word;
    border: none;
    resize: none;
    background-color: transparent;
    box-shadow: none;
    padding: 50px 0
}

.type-tester .font-sample .box .target {
    -moz-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.type-tester .font-sample .box.title.show {
    display: block
}

.type-tester .font-sample .box.paragraph {
    display: none;
    font-size: 16px;
    line-height: 26px
}

.type-tester .font-sample .module-font-tester-inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

input[type='checkbox'] + label, input[type='radio'] + label {
    margin: 0
}

.onoffswitch {
    position: relative;
    width: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #000;
    border-radius: 50px
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 10px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    background-color: #FFF;
    color: #FFF
}

.onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #FFF;
    color: #FFF;
    text-align: right
}

.onoffswitch-switch {
    display: block;
    width: 15px;
    margin: 4px;
    background: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    border: 2px solid #000;
    border-radius: 50px;
    transition: all 0.3s ease-in 0s
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
    background-color: #000
}

.type-tester .font-sample .box.liga {
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga' on
}

.type-tester .font-sample .box.dlig {
    font-variant-ligatures: discretionary-ligatures;
    -moz-font-feature-settings: 'dlig';
    -webkit-font-feature-settings: 'dlig';
    font-feature-settings: 'dlig' on
}

.type-tester .font-sample .box.ordn {
    font-variant-numeric: ordinal;
    -moz-font-feature-settings: "ordn";
    -webkit-font-feature-settings: "ordn";
    font-feature-settings: "ordn"
}

.type-tester .font-sample .box.calt {
    /*noinspection CssInvalidPropertyValue*/
    font-variant-alternates: contextual;
    -moz-font-feature-settings: 'calt';
    -webkit-font-feature-settings: 'calt';
    font-feature-settings: 'calt' on
}

.type-tester .font-sample .box.swsh {
    -moz-font-feature-settings: 'swsh';
    -webkit-font-feature-settings: 'swsh';
    font-feature-settings: "swsh" on
}

.type-tester .font-sample .box.salt {
    -moz-font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    font-feature-settings: "salt"
}

.type-tester .font-sample .box.ss01 {
    font-feature-settings: "ss01"
}

.type-tester .font-sample .box.ss02 {
    font-feature-settings: "ss02"
}

.type-tester .font-sample .box.ss03 {
    font-feature-settings: "ss03"
}

.type-tester .font-sample .box.ss04 {
    font-feature-settings: "ss04"
}

.type-tester .font-sample .box.ss05 {
    font-feature-settings: "ss05"
}

.type-tester .font-sample .box.ss06 {
    font-feature-settings: "ss06"
}

.type-tester .font-sample .box.ss07 {
    font-feature-settings: "ss07"
}

.type-tester .font-sample .box.ss08 {
    font-feature-settings: "ss08"
}

.type-tester .font-sample .box.ss09 {
    font-feature-settings: "ss09"
}

.type-tester .font-sample .box.ss10 {
    font-feature-settings: "ss10"
}

.type-tester .font-sample .box.ss11 {
    font-feature-settings: "ss11"
}

.type-tester .font-sample .box.ss12 {
    font-feature-settings: "ss12"
}

.type-tester .font-sample .box.ss13 {
    font-feature-settings: "ss13"
}

.type-tester .font-sample .box.ss14 {
    font-feature-settings: "ss14"
}

.type-tester .font-sample .box.ss15 {
    font-feature-settings: "ss15"
}

.type-tester .font-sample .box.ss16 {
    font-feature-settings: "ss16"
}

.type-tester .font-sample .box.ss17 {
    font-feature-settings: "ss17"
}

.type-tester .font-sample .box.ss18 {
    font-feature-settings: "ss18"
}

.type-tester .font-sample .box.ss19 {
    font-feature-settings: "ss19"
}

.type-tester .font-sample .box.ss20 {
    font-feature-settings: "ss20"
}

.variable-fonts {
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid #e2e2e2
}

.variable-fonts .v-font-title h4 {
    font-size: 20px;
    margin: 0 0 40px 0;
    font-weight: 600
}

.variable-fonts .variable-font-inner {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2
}

.variable-fonts .variable-font-inner .v-font-right {
    margin-left: auto;
    order: 2
}

@media (max-width: 667px) {
    .variable-fonts .variable-font-inner .v-font-right {
        margin-top: 30px
    }
}

.variable-fonts .col-sm-12:last-child .variable-font-inner {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.v-font-right > div {
    outline: none
}

.v-font-box {
    font-size: 40px;
    margin: 0;
    outline: none;
    white-space: normal;
    /*noinspection CssUnknownProperty*/
    font-variation-settings: "wght" 0, "wdth" 0, "ital" 0, "opsz" 0, "SRIF" 0
}

.controls {
    padding-right: 30px
}

.slider-container {
    display: flex;
    justify-content: space-between
}

.slider-container .play-button {
    margin-left: 10px;
    cursor: pointer;
    color: #adadad
}

.slider-container .play-button.play-size .uil {
    color: #fff
}

.slider-container:not(:first-child) {
    margin-top: 1rem
}

.slider-controls {
    margin-right: 30px
}

.slider-controls label {
    font-size: 14px
}

.slider-label {
    min-width: 100px;
    margin-bottom: 0;
    font-style: normal;
    /*noinspection CssUnknownProperty,CssInvalidFunction*/
    font-variation-settings: "slnt" var(--text-slant)
}

.output {
    font-style: normal;
    /*noinspection CssUnknownProperty,CssInvalidFunction*/
    font-variation-settings: "slnt" var(--text-slant);
    font-weight: 400
}

input[type="range"].slider,
.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    border-radius: .25rem;
    background: #000;
    outline: none;
    border: none;
    padding: 1px;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
    cursor: pointer
}

.slider::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333447;
    cursor: pointer
}

.slider::-webkit-slider-thumb:active {
    cursor: -webkit-grabbing
}

.slider::-moz-range-thumb:active {
    cursor: -moz-grabbing
}

@media only screen and (min-width: 668px) and (max-width: 736px) and (orientation: landscape) {
    .page-checkout .col-sm-6 {
        width: 50%
    }
}

.woocommerce-additional-fields {

}

form.checkout h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 25px
}

.form-row label {
    color: #505050;
    font-size: 14px
}

#order_review {

}

@media (max-width: 736px) {
    #order_review {
        padding-left: 0
    }
}

#customer_details {
    padding-right: 40px
}

@media (max-width: 736px) {
    #customer_details {
        padding-right: 0
    }
}

#customer_details h3 {

}

#customer_details label {
    color: #6b6b6b;
    font-size: 16px;
    font-weight: 300
}

#customer_details .form-row {
    margin-bottom: 20px
}

#customer_details .form-row#ws_opt_in_field {
    display: none
}

#customer_details input, #customer_details .select2-container--default .select2-selection--single {

}

/*noinspection CssInvalidPseudoSelector*/
#customer_details ::placeholder {
    color: #6b6b6b;
    opacity: 1
}

#customer_details :-ms-input-placeholder {
    color: #6b6b6b
}

/*noinspection CssInvalidPseudoSelector*/
#customer_details ::-ms-input-placeholder {
    color: #6b6b6b
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

#customer_details .select2-container .select2-selection--single .select2-selection__rendered {

}

#customer_details .select2-container--default .select2-selection--single .select2-selection__arrow {

}

.select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e2e2e2;
    border-radius: 0
}

.select2-search--dropdown, .select2-results__option {
    outline: none;
    padding-left: 10px;
    padding-right: 10px
}

#payment .place-order {
    padding: 0;
    background-color: transparent
}

@media (max-width: 667px) {
    #payment .place-order {
        padding: 12px
    }
}

#payment .place-order .button {
    font-size: 13px;
    position: relative;
    background: #030303;
    color: #fff;
    padding: .618em 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 37px;
}

@media (max-width: 667px) {
    #payment .place-order .button {
        margin-top: 20px
    }
}

#payment .place-order .woocommerce-privacy-policy-text p {
    font-size: 14px;
    opacity: .8
}

#payment .payment_methods li p {
    font-size: 14px
}

.page-checkout .site-header {
    padding: 30px 0;
    border-bottom: 0
}

.page-checkout {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #FFFFFF), color-stop(50%, #000000));
    background: -webkit-linear-gradient(right, #FFFFFF 50%, #000000 50%);
    background: -o-linear-gradient(right, #FFFFFF 50%, #000000 50%);
    background: linear-gradient(to left, #FFFFFF 50%, #000000 50%)
}

@media (max-width: 667px) {
    .page-checkout {
        background: #000
    }
}

.page-checkout .checkout-left, .page-checkout .checkout-right {
    padding-right: 35px;
    padding-left: 35px
}

@media (max-width: 736px) {
    .page-checkout .checkout-left, .page-checkout .checkout-right {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page-checkout .checkout-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 43.666667%
}

@media (max-width: 667px) {
    .page-checkout .checkout-left {
        width: 100%
    }
}

.page-checkout .checkout-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 43.666667%
}

@media only screen and (min-width: 668px) and (max-width: 736px) and (orientation: landscape) {
    .page-checkout .checkout-left, .page-checkout .checkout-right {
        width: 50%
    }
}

@media (max-width: 667px) {
    .page-checkout .checkout-right {
        width: 100%
    }
}

.page-checkout .site-header .site-branding {
    width: 100%;
    text-align: center
}

.page-checkout .site-header .site-branding img {
    margin: 0 auto
}

.page-checkout .site-main, .page-checkout .content-area, .page-checkout form.checkout {
    margin: 0
}

.page-checkout .content-area {
    /*noinspection CssInvalidFunction*/
    min-height: calc((var(--vh, 1vh) * 100))
}

.page-checkout .site-main {
    -webkit-transition: opacity 500ms ease-in-out 500ms;
    -o-transition: opacity 500ms ease-in-out 500ms;
    transition: opacity 500ms ease-in-out 500ms
}

.page-checkout .grid-container {
    padding-right: 3rem;
    padding-left: 3rem;
    max-width: 94.5rem;
    margin: 0 auto
}

@media (max-width: 736px) {
    .page-checkout .grid-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.page-checkout .grid-padding-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.page-checkout .woocommerce-account-fields {
    margin-top: 60px
}

.page-checkout .woocommerce table.shop_table th {
    color: #000;
    padding: 18px 0
}

@media (max-width: 667px) {
    .page-checkout .woocommerce table.shop_table th {
        padding: 12px
    }
}

.page-checkout .woocommerce table.shop_table th.product-total, .page-checkout .woocommerce table.shop_table td.product-total, .page-checkout .woocommerce table.shop_table .cart-subtotal td, .page-checkout .woocommerce table.shop_table .order-total td {
    text-align: right
}

.page-checkout .woocommerce table.shop_table .cart-subtotal td, .page-checkout .woocommerce table.shop_table .order-total td {
    font-size: 20px
}

.page-checkout .woocommerce table.shop_table td {
    color: #000;
    padding: 18px 0;
    vertical-align: top
}

@media (max-width: 667px) {
    .page-checkout .woocommerce table.shop_table td {
        padding: 12px
    }
}

.page-checkout .woocommerce .product-name-meta {
    display: flex;
    align-items: center;
    font-size: 14px
}

.page-checkout .woocommerce .product-name-meta dl.variation, .page-checkout .woocommerce .product-name-meta dl.variation dd, .page-checkout .woocommerce .product-name-meta dl.variation dd p {
    margin-bottom: 0;
    font-size: 14px
}

dt.variation-nbsp {
    display: none
}

.page-checkout .woocommerce .product-name-meta .product-quantity {
    font-weight: 400;
    padding-left: 8px
}

.page-checkout .form-coupon-container {
    margin-bottom: 50px;
    margin-right: 60px
}

@media (max-width: 736px) {
    .page-checkout .form-coupon-container {
        margin-right: 0
    }
}

.page-checkout .woocommerce-form-coupon-toggle .woocommerce-info, .page-checkout .woocommerce-form-login-toggle .woocommerce-info {
    background: #fff;
    color: #000;
    margin-bottom: 0;
    border-left: 0;
    padding: 15px 20px;
    border-bottom: 1px solid #000
}

.page-checkout .woocommerce-form-coupon-toggle .woocommerce-info a, .page-checkout .woocommerce-form-login-toggle .woocommerce-info a {
    color: #000
}

.page-checkout .form-coupon-container .checkout_coupon, .page-checkout .woocommerce-form-login-toggle .woocommerce-form-login {
    margin-bottom: 2.617924em;
    background: #fff;
    padding: 20px
}

.page-checkout .form-coupon-container .checkout_coupon p, .page-checkout .woocommerce-form-login-toggle .woocommerce-form-login p {
    font-size: 14px
}

.page-checkout .form-coupon-container .checkout_coupon .input-group input[type='text'] {
    width: 100%;
    padding: 13px
}

@media (max-width: 414px) {
    .page-checkout .form-coupon-container .checkout_coupon .input-group {
        display: block
    }

    .page-checkout .form-coupon-container .checkout_coupon .input-group-btn, .page-checkout .form-coupon-container .checkout_coupon .button {
        display: block;
        width: 100%;
        margin-top: 8px
    }
}

.page-checkout .woocommerce-form-login-toggle {
    margin-right: 60px;
    margin-bottom: 20px
}

@media (max-width: 667px) {
    .page-checkout .woocommerce-form-login-toggle {
        margin-right: 0
    }
}

table.woocommerce-checkout-review-order-table .product-name {
    width: 70%
}

@media (max-width: 414px) {
    table.woocommerce-checkout-review-order-table .product-name {
        width: 100%
    }
}

#customer_login .nav-tabs {
    margin-bottom: 30px;
    border-bottom: none
}

#customer_login .nav-tabs > li {
    width: 50%;
    outline: none;
    text-align: center
}

#customer_login .nav-tabs > li > a {
    color: #505050;
    margin-right: 0;
    border: none;
    border-bottom: 2px solid #f3f3f3
}

#customer_login .nav-tabs > li.active > a, #customer_login .nav-tabs > li.active > a:hover, #customer_login .nav-tabs > li.active > a:focus, #customer_login .nav > li > a:hover {
    color: #FE583A;
    border: none;
    background: none;
    border-bottom: 2px solid #FE583A
}

.login-form .title {
    text-align: center;
    margin: 0 0 50px 0
}

.login .form-row-wide {
    width: 100%;
    float: none;
    margin: 0 0 20px 0
}

.login .button, .register .button, .lost_reset_password .button {
    width: 100%;
    margin: 10px 0
}

.login .lost_password {
    font-size: 14px;
    text-align: center
}

@media (max-width: 375px) {
    .login .lost_password {
        margin-bottom: 60px
    }
}

.lost_reset_password .lost_pass_text {
    font-size: 14px;
    margin-bottom: 15px
}

.woocommerce-password-strength {
    text-align: left
}

@media only screen and (min-width: 668px) and (max-width: 736px) and (orientation: landscape) {
    .page-my-account .col-sm-2 {
        width: 100%
    }
}

.woocommerce-MyAccount-navigation {
    width: 100%;
    float: none;
    margin-right: 0
}

@media (max-width: 736px) {
    .woocommerce-MyAccount-navigation {
        margin-bottom: 40px
    }
}

.woocommerce-MyAccount-navigation .account-navigation {
    margin-left: 0;
    font-size: 0
}

.woocommerce-MyAccount-navigation .account-navigation li {
    margin-bottom: 8px
}

@media (max-width: 736px) {
    .woocommerce-account .col-sm-3 {
        width: 100%
    }
}

.woocommerce-MyAccount-navigation .account-navigation li a {
    display: inline-block;
    color: #000;
    position: relative;
    -webkit-transition: padding-left .5s ease-in-out .3s;
    -o-transition: padding-left .5s ease-in-out .3s;
    transition: padding-left .5s ease-in-out .3s;
    font-size: 1.33rem;
    font-weight: 700;
    padding-left: 0;
    text-decoration: none
}

.woocommerce-MyAccount-navigation .account-navigation li a:hover {
    color: #FE583A
}

@media (max-width: 736px) {
    .woocommerce-MyAccount-navigation .account-navigation li a {
        font-size: 1rem
    }
}

.woocommerce-MyAccount-navigation .account-navigation li.is-active a {
    color: #FE583A;
    opacity: 1
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border-bottom: none
}

.woocommerce-MyAccount-navigation ul li a::before {
    display: none
}

.woocommerce-MyAccount-content {
    width: 100%;
    float: none;
    padding-bottom: 40px
}

.woocommerce-MyAccount-content .account-label {
    font-weight: 600;
    margin-top: 0
}

.woocommerce-MyAccount-content .account-details dt {
    color: #939292;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px
}

.woocommerce-MyAccount-content .account-details dd {
    font-weight: 500
}

.woocommerce-MyAccount-content hr {
    margin: 40px 0 50px;
    height: 1px;
    background: #ECEFF3;
    border-top: 0
}

.woocommerce-MyAccount-content p.account-text {
    color: rgba(41, 47, 56, .5);
    font-size: 15px;
    margin-bottom: 20px;
    max-width: 250px;
    line-height: normal
}

.woocommerce-MyAccount-content .account-password {
    display: flex
}

.woocommerce-MyAccount-content .account-password p {
    margin-right: 20px
}

.woocommerce-MyAccount-content .account-password p:last-child {
    margin-right: 0
}

.woocommerce-MyAccount-content .woocommerce-no-downloads .woocommerce-info {
    background-color: #111
}

.woocommerce-account.loggedout-user .woocommerce-form-login {
    width: 33.33333333%;
    margin: 0 auto 60px
}

@media (max-width: 375px) {
    .woocommerce-account.loggedout-user .woocommerce-form-login {
        width: 100%;
        margin: 0
    }
}

.woocommerce-account.loggedout-user .woo-products-header {
    text-align: center
}

.my_account_orders .woocommerce-orders-table__cell .button {
    padding: 0;
    font-size: 14px;
    margin-right: 0;
    text-transform: none;
    font-weight: 400;
    color: #000;
    background: none;
    letter-spacing: 0
}

.my_account_orders .woocommerce-orders-table__cell .button:hover {
    color: #FE583A;
    background: none;
}

.my_account_orders .woocommerce-orders-table__cell .button.view::after, .woocommerce-order-details .order-again .button:after {
    color: #000;
    display: none
}

.woocommerce-MyAccount-content p {
    margin: 0 0 20px
}

.woocommerce-MyAccount-content p span {
    font-style: italic;
    color: #333;
}

.woocommerce-MyAccount-content .order-again {
    margin-bottom: 0;
    margin-top: 30px;
    display: none
}

.order_details {
    background: none
}

.woocommerce-order-details .order-again {
    width: auto;
    display: inline-block
}

.woocommerce-no-downloads .woocommerce-info {
    color: #fff;
    display: flex;
    align-items: center
}

.woocommerce-no-downloads .woocommerce-info > div {
    color: #fff
}

.woocommerce-no-downloads .woocommerce-info .browse-product {
    margin-left: auto
}

.woocommerce-no-downloads .woocommerce-info .browse-product a .uil {
    color: #fff;
    display: none
}

.woocommerce .col2-set.addresses .title {
    margin: 0 0 0
}

.woocommerce-MyAccount-content h3 {
    font-size: 20px;
    margin: 0 0 20px 0
}

.woocommerce-address-fields__field-wrapper, .woocommerce-MyAccount-content .password_change {
    margin-bottom: 30px
}

@media (max-width: 375px) {
    .woocommerce-MyAccount-content .password_change {
        margin-top: 40px
    }
}

.woocommerce .col2-set.addresses .title a.edit {
    display: block;
    margin-bottom: 0;
    font-size: 14px
}

.woocommerce-MyAccount-content .form-row-first {
    width: 47.0588235294%;
    float: left;
    clear: both;
    margin: 0
}

.woocommerce-MyAccount-content .form-row-last {
    width: 47.0588235294%;
    float: right
}

@media (max-width: 414px) {
    .woocommerce-MyAccount-content .form-row-first, .woocommerce-MyAccount-content .form-row-last {
        width: 100%;
        float: none
    }

    .woocommerce-MyAccount-content .form-row-first {
        margin-bottom: 20px
    }
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm p span {
    font-size: 13px
}

.woocommerce-EditAccountForm .submit-btn {
    margin-top: 20px;
    margin-bottom: 0
}

.woocommerce-order-downloads table.shop_table td .uil {
    padding-right: 5px
}

.woocommerce-order-downloads .purchase-item .wrapper {
    display: grid;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, .05)
}

@media (max-width: 414px) {
    .woocommerce-order-downloads .purchase-item .wrapper {
        padding: 12px;
        margin-bottom: 20px
    }
}

.woocommerce-order-downloads .purchase-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

@media (max-width: 375px) {
    .woocommerce-order-downloads .purchase-header .purchase-thumb {
        display: none
    }
}

.woocommerce-order-downloads .purchase-thumb img {
    width: 60px;
    height: auto
}

.woocommerce-order-downloads .purchase-title {
    margin-left: 15px
}

@media (max-width: 375px) {
    .woocommerce-order-downloads .purchase-title {
        margin-left: 0
    }
}

.woocommerce-order-downloads .purchase-title .title {
    font-size: 14px;
    font-weight: 600
}

.woocommerce-order-downloads .purchase-footer {
    display: flex;
    align-items: center
}

.woocommerce-order-downloads .purchase-license, .woocommerce-order-downloads .purchase-title .size {
    color: #797979;
    font-size: 14px
}

@media (max-width: 375px) {
    .woocommerce-order-downloads .purchase-license {
        margin-right: 15px
    }
}

.woocommerce-order-downloads .purchase-license strong {
    padding-right: 4px
}

.woocommerce-order-downloads .purchase-footer .pull-right {
    margin-left: auto
}

.woocommerce-order-downloads .purchase-footer .pull-right .view-order {
    font-size: 12px;
    padding: 7px 15px
}

.woocommerce-orders-table.table.shop_table th, .woocommerce-table--order-details.shop_table th, .woocommerce .woocommerce-order-downloads table.shop_table th {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.woocommerce-table--order-details .woocommerce-table__product-name, .woocommerce-table--order-details .woocommerce-table__product-total {
    color: #000 !important
}

.woocommerce table.shop_table.woocommerce-table--order-details td.woocommerce-table__product-total {
    font-weight: 600;
    text-align: right;
    vertical-align: top
}

.woocommerce table.shop_table.woocommerce-table--order-details tfoot tr td {
    font-weight: 600;
    text-align: right;
    color: #000
}

.woocommerce table.shop_table.woocommerce-table--order-details tfoot tr td:first-child {
    text-align: left
}

.woocommerce-table--order-details .custom_product_title small {
    display: none
}

.woocommerce-table--order-details .license_type {
    padding: 10px 0 0 0
}

.woocommerce-table--order-details .license_type, .woocommerce-table--order-details .license_description, .woocommerce-table--order-details .license_description p {
    color: #000;
    font-size: 14px
}

.woocommerce-table--order-details .license_description {
    padding-right: 150px
}

.woocommerce-table--order-details .license_description p:first-child {
    margin-bottom: 0;
    opacity: 1
}

.woocommerce-table--order-details .license_description ul {
    margin-bottom: 0
}

.woocommerce-table--order-details .license_description p, .woocommerce-table--order-details .license_description ul li {
    opacity: .8
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {

}

.woocommerce-error .button, .woocommerce-noreviews .button, p.no-comments .button {
    float: right;
    color: #000
}

.woocommerce-message, .woocommerce-info, .woocommerce-error, {
    margin-bottom: 20px
}

.woocommerce-message li, .woocommerce-info li, .woocommerce-error li {

}

table.my_account_orders {
    font-size: inherit
}

.service, .new {
    position: relative;
    background: #fe573a;
    padding: 50px 0 70px 0;
    z-index: 30
}

@media (max-width: 736px) {
    .service, .new {
        padding: 30px 0 70px 0
    }
}

.new .new-content .new-info img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.service .service-text {
    width: fit-content;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-weight: 300
}

@media only screen and (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    .service .service-text {
        display: none
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .service .service-text {
        display: none
    }
}

@media (max-width: 375px) {
    .service .service-text {
        display: none
    }
}

.service .service-text span {
    display: block;
    text-transform: uppercase;
    font-size: 26px;
    color: #000;
    line-height: 1.1;
    width: fit-content
}

.service .service-content {
    position: relative;
    display: flex
}

@media (max-width: 414px) {
    .service .service-content {
        display: block
    }
}

.service .service-content .service-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

.service .service-content .service-icon img {
    max-width: 400px;
    height: auto
}

@media only screen and (max-width: 320px) and (orientation: landscape) {
    .service .service-content .service-icon img {
        width: 200px
    }
}

@media (min-width: 376px) and (max-width: 414px) {
    .service .service-content .service-icon img {
        width: 100%
    }
}

@media (max-width: 375px) {
    .service .service-content .service-icon img {
        width: 100%
    }
}

.service .service-content .service-desc {
    position: relative;
    width: 100%;
    color: #000;
    margin-top: 80px;
    margin-left: 20px
}

@media only screen and (max-width: 320px) and (orientation: landscape) {
    .service .service-content .service-desc {
        margin-top: 40px
    }
}

@media (max-width: 414px) {
    .service .service-content .service-desc {
        margin-top: 40px;
        margin-left: 0
    }
}

.service .service-content .section-title {
    font-size: 54px;
    line-height: 1.1;
    margin-bottom: 0;
    max-width: 400px;
    font-weight: 400;
    letter-spacing: -1px
}

@media only screen and (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    .service .service-content .section-title {
        font-size: 40px
    }
}

@media only screen and (max-width: 320px) and (orientation: landscape) {
    .service .service-content .section-title {
        font-size: 30px;
        max-width: 100%
    }
}

.service .service-content .section-title span {
    position: relative;
    padding-left: 0
}

.service .service-content .section-title span:nth-child(2):before {
    display: none
}

.service .service-content .section-title span:nth-child(1):after {
    position: absolute;
    top: 45%;
    content: '';
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #000;
    margin-left: 10px
}

.service .service-cta .service-cta-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.service .service-cta .service-cta-content svg {
    width: 50px;
    height: 100%;
    margin-top: 15px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .service .service-cta .service-cta-content svg {
        display: none
    }
}

@media only screen and (max-width: 320px) and (orientation: landscape) {
    .service .service-cta .service-cta-content svg {
        display: none
    }
}

@media (max-width: 414px) {
    .service .service-cta .service-cta-content svg {
        display: none
    }
}

.service .service-cta {
    padding-top: 20px;
    max-width: 360px;
    position: relative;
    left: 200px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .service .service-cta {
        left: 0;
        padding-top: 40px
    }
}

@media only screen and (min-width: 320px) and (orientation: landscape) {
    .service .service-cta {
        left: 0
    }
}

@media (max-width: 414px) {
    .service .service-cta {
        max-width: 100%;
        left: 0
    }
}

.service .service-cta .service-cta-content > div {
    padding-left: 80px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .service .service-cta .service-cta-content > div {
        padding-left: 0
    }
}

@media only screen and (max-width: 320px) and (orientation: landscape) {
    .service .service-cta .service-cta-content > div {
        padding-left: 0
    }
}

@media (max-width: 414px) {
    .service .service-cta .service-cta-content > div {
        padding-left: 0
    }
}

.service .service-cta .service-cta-content p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0
}

.service .service-cta .service-cta-content > div .button {
    position: relative;
    margin-top: 40px
}

.service .service-cta .service-cta-content > div .button span:nth-child(1):after {
    position: absolute;
    top: 49%;
    margin-left: 5px;
    margin-right: 5px;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #fff
}

.service .service-cta .service-cta-content > div .button span:nth-child(2) {
    padding-left: 30px
}

.new {
    padding-bottom: 0
}

.brand_company .brand_company_content {
    display: flex;
    align-items: center
}

@media (max-width: 414px) {
    .brand_company .brand_company_content {
        display: block
    }
}

.brand_company .brand_company_content span {
    padding-right: 30px
}

@media (max-width: 414px) {
    .brand_company .brand_company_content span {
        display: block;
        padding-right: 0;
        text-align: center
    }

    .brand_company .brand_company_content span img {
        width: 130px;
        margin: 0 auto
    }
}

.brand_company .brand_company_content span:last-child {
    padding-right: 0
}

.page-cart .cart-empty.woocommerce-info {
    background-color: #222
}

.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] {

}

.woocommerce table.shop_table {
    text-align: left;
    width: 100%
}

.woocommerce table.shop_table th {
    color: #000;
    border-left: 0;
    background-color: transparent
}

.woocommerce table.cart th, .woocommerce #content table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart td {
    vertical-align: middle;
    text-align: left
}

table.cart td.product-remove {
    border-bottom: 1px solid;
    border-color: #eaeaea;
}

table.cart th.product-remove, table.cart td.product-remove {
    width: 10px
}

table.cart td.product-name {
    font-weight: 400
}

table.cart td.product-name a {

}

table.cart td.product-license dl.variation, table.cart td.product-license dl.variation dd {
    margin-bottom: 0
}

.woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail {
    min-width: 32px
}

.woocommerce table.shop_table .product-total, .woocommerce table.shop_table .product-subtotal, .woocommerce table.shop_table .amount {
    text-align: left
}

.woocommerce table.shop_table th.product-quantity {
    width: 250px
}

.woocommerce table.shop_table td.product-price {
    font-weight: 400
}

.woocommerce table.shop_table td {
    border-left: 0;
    vertical-align: middle;
    text-align: left;
    line-height: 1.5;
    background-color: transparent !important
}

.woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove {
    display: block;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #ccc;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    font-weight: 400 !important
}

.woocommerce table.cart td.product-remove a.remove {
    text-indent: unset
}

.woocommerce table.cart td.product-remove a.remove::before {
    display: none
}

.woocommerce table.cart img, .woocommerce #content table.cart img {
    height: auto
}

.woocommerce table.cart img, .woocommerce #content table.cart img {
    width: 80px;
    min-width: 80px
}

.woocommerce table.cart td.actions {
    border-top: 0 solid #232323
}

.woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions {
    text-align: right;
}

.woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon {
    float: left
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon {
        float: none
    }
}

.woocommerce table.cart td.actions .coupon label, .woocommerce #content table.cart td.actions .coupon label {
    display: none
}

.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text {
    display: inline-block;
    padding: 13px 18px 13px 18px;
    line-height: inherit
}

.woocommerce table.shop_table #coupon_code {
    margin-right: 9px
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    float: none;
    background-color: #FE583A
}

.woocommerce .cart button.button:disabled {
    background-color: #1e1e1e
}

.woocommerce a.button:disabled, .woocommerce button.button:disabled, .woocommerce input.button:disabled, .woocommerce #respond input#submit:disabled, .woocommerce #content input.button:disabled, .woocommerce a.button.disabled, .woocommerce button.button.disabled, .woocommerce input.button.disabled, .woocommerce #respond input#submit.disabled, .woocommerce #content input.button.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed
}

.woocommerce .cart-collaterals:before, .woocommerce .cart-collaterals:after {
    content: " ";
    display: table;
    table-layout: fixed
}

.woocommerce .cart-collaterals:before, .woocommerce .cart-collaterals:after {
    content: " ";
    display: table
}

.woocommerce .cart-collaterals .cart_totals {
    text-align: right
}

.woocommerce .cart-collaterals .cart_totals h2 {
    text-align: left;
    font-size: 17px;
    line-height: 1.2;
    margin: 0
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 48%;
    border: 1px solid #232323;;
    padding: 60px
}

.woocommerce .cart-collaterals .cart_totals table {
    border-collapse: separate;
    width: 100%;
    margin: 36px 0 0 0
}

.woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th {
    /*noinspection CssOptimizeSimilarProperties*/
    border-top-width: 1px;
    /*noinspection CssOptimizeSimilarProperties*/
    border-top-style: solid;
    /*noinspection CssOptimizeSimilarProperties*/
    border-color: #232323
}

.woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th {
    vertical-align: middle;
    background-color: transparent;
    border-bottom: 0
}

.woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce .cart-collaterals .cart_totals table tr:first-child td {
    border-top: 0
}

.woocommerce .cart-collaterals .cart_totals table .order-total td {
    font-size: 52px
}

.woocommerce .cart-collaterals .cart_totals table .order-total td strong {
    font-weight: 400
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout .button.checkout-button {
    font-size: 13px;
    width: 100%;
    background-color: #FE583A
}

.wc-proceed-to-checkout {
    text-align: right;
    margin: 36px 0 0 0
}

.btn.checkout, .btn.checkout-button {
    transform-origin: right !important
}

.wc-proceed-to-checkout .button.checkout-button {
    display: inline-block;
    font-size: inherit;
    margin-bottom: 0
}

.woocommerce-cart .table > thead > tr > th, .woocommerce-cart .table > tbody > tr > th, .woocommerce-cart .table > tfoot > tr > th, .woocommerce-cart .table > thead > tr > td, .woocommerce-cart .table > tbody > tr > td, .woocommerce-cart .table > tfoot > tr > td {
    padding: 18px 12px;
    border-color: #232323
}

.woocommerce-cart .woocommerce table.shop_table th {
    color: #6b6b6b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px
}

.woocommerce-cart .variation-nbsp .lsc-label {
    display: none
}

.woocommerce-cart .woocommerce table.shop_table td, .woocommerce-cart table.cart td.product-name a {

}

.woocommerce-cart .button.wc-backward {
    background-color: #FE583A
}

.dirtyline-studio_qty {
    /*noinspection CssInvalidPropertyValue*/
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1
}

.dirtyline-studio_qty {
    color: #ccc;
    position: relative;
    background: #1e1e1e
}

.dirtyline-studio_qty input {
    color: #ccc;
    border: none;
    background: #1e1e1e
}

.dirtyline-studio_qty .minus, .dirtyline-studio_qty .plus {
    color: #ccc
}

.dirtyline-studio_qty .minus:hover, .dirtyline-studio_qty .plus:hover {
    background-color: #212121
}

@media (max-width: 767px) {
    .woocommerce table.shop_table_responsive, .woocommerce-page table.shop_table_responsive {
        border: 0
    }

    .woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
        display: none
    }

    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: block;
        margin-bottom: 18px
    }

    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
        /*noinspection CssOptimizeSimilarProperties*/
        border-color: #232323;
        /*noinspection CssOptimizeSimilarProperties*/
        border-style: solid;
        /*noinspection CssOptimizeSimilarProperties*/
        border-bottom-width: 1px;
        /*noinspection CssOptimizeSimilarProperties*/
        border-left-width: 1px;
        /*noinspection CssOptimizeSimilarProperties*/
        border-right-width: 1px;
        /*noinspection CssOptimizeSimilarProperties*/
        border-top-width: 0;
        display: block;
        text-align: right !important;
        padding: 12px
    }

    .woocommerce table.shop_table_responsive.order_details tr td, .woocommerce-page table.shop_table_responsive.order_details tr td {
        text-align: left !important
    }

    .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tr td, .woocommerce-page .woocommerce-MyAccount-content table.shop_table_responsive tr td {
        border-color: rgba(0, 0, 0, .05);
        padding: 12px
    }

    .woocommerce table.shop_table_responsive tbody tr td:first-child, .woocommerce-page table.shop_table_responsive tbody tr td:first-child {
        border-top-width: 1px
    }

    table.cart th.product-remove, table.cart td.product-remove {
        width: 100%
    }

    table.cart td.product-remove a.remove {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        margin: 0 auto
    }

    .woocommerce table.cart td.actions {
        padding: 10px 12px
    }

    table.cart td.actions .coupon {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .woocommerce .cart .button {
        width: 100%
    }

    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        float: none;
        width: 100%;
        padding: 12px
    }

    .woocommerce .cart-collaterals .cart_totals table .order-total td {
        font-size: 20px
    }

    .woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th {
        padding: 0;
        border: none
    }

    .woocommerce .cart-collaterals .cart_totals table, .wc-proceed-to-checkout {
        margin-top: 25px
    }

    .woocommerce table.shop_table .amount {
        font-weight: 600
    }
}

.wpcf7 .contact_form {
    margin-top: 40px
}

.wpcf7 .contact_form .form-row {
    margin: 0 0 20px !important
}

.wpcf7 .contact_form .submit {
    position: relative
}

.wpcf7 .contact_form .submit input[type="submit"].btn-block {
    width: auto
}

.wpcf7 .contact_form .submit .ajax-loader {
    position: absolute;
    top: 36%
}

.wpcf7 .contact_form span.wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 14px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-contact .col-md-6 {
        width: 50%
    }

    .page-contact .col-md-12 {
        width: 100%
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .page-contact .col-md-6 {
        width: 50%
    }

    .page-contact .col-md-12 {
        width: 100%
    }
}

.page-about .sidebar__inner, .page-license .sidebar__inner {
    left: auto !important
}

@media (max-width: 736px) {
    .page-about .sidebar__inner, .page-license .sidebar__inner {
        display: none
    }
}

.service.about-label {
    padding: 0;
    margin-top: 10px;
    background-color: transparent
}

.service.about-label .service-text {
    position: relative
}

.page-about .about-content {
    margin-top: 0;
    padding-right: 100px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about #sidebar {
        display: none
    }

    .page-about .about-content {
        padding-right: 0;
        font-size: 42px !important;
        line-height: 48px !important
    }

    .page-about .vc_col-sm-9 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .page-about .about-content {
        padding-right: 0;
        font-size: 32px !important;
        line-height: 36px !important
    }
}

.page-about .about-image-left .vc_single_image-img {
    position: relative;
    z-index: 9
}

.page-about .section-title {
    font-family: 'NeueMetana-Bold', sans-serif;
    text-transform: none;
    font-size: 65px;
    line-height: 36px
}

@media (max-width: 736px) {
    .page-about .section-title {
        font-size: 40px
    }
}

.page-about .section-title span:nth-child(2) {
    margin-left: 90px
}

@media (max-width: 736px) {
    .page-about .section-title span:nth-child(2) {
        margin-left: 40px
    }
}

.page-about .section-title span:nth-child(2):before {
    top: 35%;
    height: 8px
}

.page-about .team-label {
    font-size: 40px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .vc_custom_1584284987799 {
        font-size: 30px !important;
        line-height: 33px !important;
        margin-left: 0 !important
    }
}

@media (max-width: 736px) {
    .page-about .team-label, .page-about .vc_custom_1584284987799 {
        font-size: 30px !important;
        line-height: 33px !important;
        padding-top: 0 !important;
        margin-left: 5px !important;
        margin-bottom: 20px
    }
}

.page-about .team-member {
    position: relative;
    padding: 0 5px;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .team-member {
        padding: 0
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .page-about .team-member {
        padding: 0
    }
}

.page-about .team-image img {
    max-width: 100%;
    width: 100%
}

.page-about .team-meta {
    background-color: #000;
    color: #fff;
    padding: 20px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -80px;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .team-meta {
        margin-left: 0;
        margin-right: 0;
        margin-top: -1px
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .page-about .team-meta {
        margin-left: 0;
        margin-right: 0;
        margin-top: -1px
    }
}

.page-about .team-meta .team-name {
    font-family: inherit;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    float: none;
    padding-right: 0;
    line-height: 25px;
    letter-spacing: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .team-meta .team-name {
        font-size: 16px
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .page-about .team-meta .team-name {
        font-size: 16px
    }
}

.page-about .team-meta .team-name span {
    margin-left: 0
}

.page-about .team-meta .team-name span:before {
    background: #fff;
    height: 2px;
    top: 40%
}

.page-about .team-meta .team-position, .page-about .team-meta .team-social-icons {
    width: 50%;
    display: flex;
    margin-left: auto
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .team-meta .team-position, .page-about .team-meta .team-social-icons {
        width: auto
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .page-about .team-meta .team-position, .page-about .team-meta .team-social-icons {
        width: auto
    }
}

.page-about .team-meta .team-position {
    font-weight: 400;
    margin-top: 20px;
    display: flex;
    margin-left: auto;
    font-size: 14px;
    line-height: 19px
}

.page-about .team-meta .team-social-icons {
    margin-top: 20px
}

.page-about .team-meta .team-social-icons a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    line-height: 27px;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 7px
}

.page-about .team-meta .team-social-icons a:hover {
    color: #FE583A;
    border-color: #FE583A
}

.page-about .team-meta .team-social-icons span:last-child a {
    margin-right: 0
}

.page-about .about-image {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width: 375px) {
    .page-about .about-image {
        display: none
    }
}

.page-about .about-image {
    padding: 7.8125vw 0 0;
    margin-bottom: 20.4166666667vw
}

.page-about .about-image .rellax:nth-child(1) {
    position: relative;
    top: -5vw;
    width: 45%;
    left: -70px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .about-image .rellax:nth-child(1) {
        width: 55%;
        left: -30px
    }
}

@media only screen and (min-width: 668px) and (max-width: 736px) and (orientation: landscape) {
    .page-about .about-image .rellax:nth-child(1) {
        width: 55%
    }
}

@media (min-width: 376px) and (max-width: 667px) {
    .page-about .about-image .rellax:nth-child(1) {
        width: 60%;
        left: -41px
    }
}

.page-about .about-image .rellax:nth-child(2) {
    position: absolute;
    top: 2vw;
    right: -70px;
    width: 75%;
    z-index: 2
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .about-image .rellax:nth-child(2) {
        right: -40px;
        width: 65%
    }
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .page-about .about-image .rellax:nth-child(2) {
        width: 65%;
        right: -56px
    }
}

.page-about .vc_custom_1586779812423 {
    z-index: 10
}

.page-about .vc_custom_1586272193961 {
    z-index: 999
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .page-about .vc_custom_1586272193961 {
        padding-top: 0 !important
    }
}

@media only screen and (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
    .page-about .vc_custom_1586272980603 .vc_col-sm-4 {
        width: 33%;
        float: left
    }

    .page-about .vc_custom_1586272193961 {
        padding-top: 0 !important
    }
}

.page-license .service {
    margin-top: 60px;
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width: 667px) and (orientation: landscape) {
    .page-license .service .service-text {
        display: none
    }
}

.page-license .site-main {
    margin-bottom: 0
}

.page-license .vc_column-inner h3 {
    font-size: 1.8rem;
    margin-top: 5px;
    margin-bottom: 30px
}

.page-work .type-work {
    margin-bottom: 80px
}

.page-work .work-info {
    height: 100%;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .page-work .work-info {
        margin-top: 30px
    }
}

@media (max-width: 414px) {
    .page-work .work-info {
        margin-top: 30px
    }
}

.related-work .work-info h2, .page-work .work-info h2 {
    font-size: 30px;
    margin: 0;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .related-work .work-info h2, .page-work .work-info h2 {
        font-size: 20px;
        line-height: 30px
    }
}

.related-work .work-info .work-title, .page-work .work-info .work-title {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.related-work .work-info .work-date, .page-work .work-info .work-date, .single-work .single-header .work-date {
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px
}

.related-work .work-info .work-date span, .page-work .work-info .work-date span, .single-work .single-header .work-date span {
    position: relative;
    padding-left: 35px
}

.related-work .work-info .work-date span:before, .page-work .work-info .work-date span:before, .single-work .single-header .work-date span:before {
    position: absolute;
    top: 45%;
    left: 0;
    content: '';
    display: inline-block;
    width: 23px;
    height: 1px;
    background: #fff
}

.page-work .work-info .readmore {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .page-work .work-info .readmore {
        position: relative;
        margin-top: 30px
    }
}

.page-work .work-info .readmore a {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 28px;
    max-width: 200px
}

.page-work .work-info .readmore img {
    margin-left: auto
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .page-work .work-info .readmore a {
        font-size: 16px
    }

    .page-work .work-info .readmore img {
        width: 40px
    }
}

.single-work .site-main, .single-work .content-area {
    margin-bottom: 0
}

.single-work .single-header {
    margin: 0 0 60px 0;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    text-transform: uppercase
}

.single-work .single-header .page-title {
    font-size: 55px;
    margin: 0;
    padding-bottom: 20px;
    max-width: 800px;
    font-weight: 400
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
    .single-work .single-header .page-title {
        font-size: 30px
    }
}

.single-work .single-header .work-date span:before {
    background-color: #000
}

.page-work .facetwp-template .woocommerce-pagination .page-numbers li .page-numbers, .page-work .facetwp-template .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    color: #fff;
    font-size: 20px
}

.single-work .type-work .sharedaddy.sd-sharing-enabled {
    display: none
}

.related-work {
    background-color: #000;
    color: #000;
    padding: 60px 0
}

.related-work .work-info .work-title {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.related-work .work-info .work-date {
    border-top: 1px solid #fff;
    margin-top: 20px;
    padding-top: 20px;
    color: #fff
}

.related-work .work-info {
    height: 100%
}

.related-work .work-info h2 {
    font-size: 25px;
    line-height: 30px
}

.related-work a, .related-work .section-title {
    color: #fff
}

.related-work .section-title {
    margin-bottom: 60px
}

.related-work .section-title span:nth-child(2):before {
    background-color: #fff
}

.another-work {
    background-color: #000;
    padding: 60px 0 30px 0;
    color: #fff
}

.another-work-nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.another-work-nav .nav {
    font-size: 20px;
    text-transform: uppercase;
    max-width: 400px;
    display: flex;
    align-items: center
}

.another-work-nav .next-work {
    text-align: right;
    margin-left: auto
}

.another-work-nav a {
    color: #fff;
    padding: 0 30px
}

.wpb_content_element {
    margin-bottom: 0
}

.vc_row[data-vc-full-width] .wpb_single_image img {
    width: 100vw
}

.social-share {
    color: #fff;
    background-color: #000;
    padding-top: 60px;
    padding-bottom: 60px
}

.social-share-inner {
    display: flex;
    align-items: center;
    background: #0A0A0A;
    padding: 15px 25px
}

.social-share-inner .product-share {
    border-bottom: 0;
    padding: 0
}

.single-product .social-share {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #ece9e9
}

.single-product .social-share-inner {
    background: #fff;
    padding: 25px 0
}

.single-product .social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-] {
    margin-top: 0
}

.single-product .product-share div.sharedaddy h3.sd-title, .single-product .social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button, .single-product .social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button, .single-product .social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button {
    color: #000 !important
}

.star-rating {
    font-size: .8rem
}

.star-rating span:before, .star-rating span:before, p.stars.selected a.active:before, p.stars:hover a:before, p.stars.selected a:not(.active):before, p.stars.selected a.active:before {
    color: #FE583A
}

.freebies-modal .modal-body {
    padding: 30px
}

@media (max-width: 375px) {
    .freebies-modal .modal-body {
        padding: 20px
    }
}

@media (min-width: 768px) {
    .freebies-modal .modal-dialog {
        width: 450px;
        margin: 30px auto
    }
}

@media (max-width: 375px) {
    .freebies-modal .modal-dialog {
        width: 280px
    }
}

.freebies-modal .modal-icon {
    padding: 0 0 20px 0;
    text-align: center;
    font-size: 50px
}

.freebies-modal .modal-header {
    padding-bottom: 0;
    border-bottom: 0
}

@media (max-width: 375px) {
    .freebies-modal .modal-header {
        padding: 20px
    }
}

.freebies-modal .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none
}

.freebies-modal .modal-body .modal-text {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px
}

@media (max-width: 375px) {
    .freebies-modal .modal-body .modal-text {
        font-size: 14px;
        line-height: 20px
    }
}

body .subscribedownload_signup_form, body .subscribedownload_confirmation_info {
    padding: 0;
    border: none
}

body .subscribedownload-input {
    border: 1px solid #e2e2e2 !important;
    line-height: inherit !important;
    padding: 10px !important;
    border-radius: inherit !important
}

body .subscribedownload-submit, body .subscribedownload-submit {
    font-size: 13px;
    position: relative;
    background: #030303;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
    font-weight: 600;
    width: 100%;
    text-align: center
}

body div.subscribedownload_form_right_column div {

}

body .subscribedownload_error_message {
    margin-top: 10px;
    border-radius: 0;
    border: none;
    border-left: 2px solid #e2401c;
    background: #e2401c;
    color: #fff;
    padding-left: 5px
}

body ul.subscribedownload_error_messages {
    list-style: none;
    margin: 0 !important
}

body ul.subscribedownload_error_messages li {
    color: #fff
}

body a.subscribedownload-submit, body a.subscribedownload-submit:visited {
    display: flex;
    justify-content: center;
    padding: 15px
}

.modal {
    text-align: center;
    padding: 0 !important
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.newsletter-form {
    text-align: center;
    padding: 50px 0;
    border-top: 1px solid #ececec
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .newsletter-form .col-sm-6 {
        width: 80%
    }

    .newsletter-form .col-sm-offset-3 {
        margin-left: 10%
    }
}

.newsletter-form form {
    margin-bottom: 0
}

.newsletter-form h2 {
    font-size: 30px;
    margin: 0 0 10px 0
}

@media (max-width: 375px) {
    .newsletter-form h2 {
        font-size: 22px
    }
}

.newsletter-form p {
    margin-bottom: 25px
}

.newsletter-form p.privacy {
    margin-bottom: 0;
    margin-top: 15px;
    color: #797979;
    line-height: 1.3;
    font-size: 16px;
    padding: 0 30px
}

@media (max-width: 375px) {
    .newsletter-form p.privacy {
        padding: 0
    }
}

.newsletter-form .input-group-btn {
    font-size: inherit
}

.newsletter-form .input-group input[type='email'] {
    width: 100%;
    padding: 16px
}

.newsletter-form .sib_signup_box_inside_1 {
    position: relative
}

.newsletter-form form#sib_signup_form_1 p.sib-alert-message {
    border-radius: 0;
    border: none;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 0
}

@media (max-width: 375px) {
    .newsletter-form .sib_signup_box_inside_1 .input-group {
        display: block
    }
}

.black_style .newsletter-form, .single-work .newsletter-form {
    border-color: #232323;
    background-color: #000
}

.single-work .newsletter-form h2, .single-work .newsletter-form p {
    color: #fff
}

.newsletter-form .input-group-btn input[type="submit"] {
    background: #0A0A0A
}

@media (max-width: 375px) {
    .newsletter-form .input-group-btn input[type="submit"] {
        width: 100%;
        margin-top: 10px
    }
}

.wp-block-columns .wp-block-column {
    position: relative;
}

.box-inner {
    position: relative;
    display: flex
}

.wp-block-columns .wp-block-column .icon,
.box-inner .icon {
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    transform: translate(-50%, -50%);
}

.wp-block-columns .wp-block-column .box-meta,
.box-inner .box-meta {
    margin-top: 8px;
    padding-left: 65px
}

.wp-block-columns .wp-block-column .box-meta {
    padding-left: 0;
}

.wp-block-columns .wp-block-column .box-title,
.box-inner .box-meta .box-title {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

.wp-block-columns .wp-block-column .box-meta .box-content,
.box-inner .box-meta .box-content {
    font-size: 14px;
    color: #797979
}

.page-thank-you .woocommerce-order-downloads .purchase-header {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.page-thank-you .woocommerce-order-downloads .purchase-title {
    margin-left: 0
}

.page-thank-you .woocommerce-order-downloads .purchase-title .title {
    font-size: 14px;
    font-weight: 400
}

.page-thank-you .woocommerce-order-downloads .purchase-download {
    margin-left: auto
}

ul.order_details {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 414px) {
    ul.order_details {
        display: block
    }
}

ul.order_details li {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase
}

ul.order_details li:first-child, ul.order_details li:last-child {
    padding-top: 1em;
    padding-bottom: 1em
}

ul.order_details li strong {
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    font-size: 14px
}

@media (max-width: 736px) {
    .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr td:first-child {
        border-top-width: 1px
    }

    .woocommerce table.shop_table.woocommerce-table--order-details tfoot tr td {
        border-color: rgba(0, 0, 0, .05)
    }
}

.woocommerce table.shop_table .woocommerce-table__product-table.product-total {
    text-align: right
}

.product-share {
    border-bottom: 1px solid #ece9e9;
    padding: 30px 0
}

.product-share .sd-social {
    display: flex;
    align-items: center
}

.product-share div.sharedaddy h3.sd-title {
    margin: 0 15px 0 0;
    font-size: 14px;
    line-height: normal;
    display: block;
    font-weight: 600
}

.product-share div.sharedaddy h3.sd-title:before {
    display: none
}

.product-share .sd-content ul li a.sd-button:before {
    top: 4px
}

.product-share .sd-social-icon-text .sd-content ul li a.sd-button:hover {
    background: none;
    border: none;
    opacity: .8
}

.product-share .sd-content ul {
    margin: 0 !important
}

.product-share .sd-content ul li {
    margin: 0 5px 0 0;
    line-height: 1
}

.product-share .sd-content ul li a.sd-button {
    border: 0;
    font-size: 14px;
    background: no-repeat;
    box-shadow: none;
    color: #000000 !important
}

.product-share .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button, .product-share .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button, .product-share .sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button {
    background: transparent !important;
    color: #000 !important
}

.social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button, .social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button, .social-share-inner .product-share .sd-social-icon .sd-content ul li[class*=share-].share-pinterest a.sd-button {
    color: #fff !important
}

@media (min-width: 320px) and (max-width: 834px) {
    .container {
        padding-left: 40px;
        padding-right: 40px
    }

    .col-sm-6, .col-sm-9, .col-sm-10, .col-sm-12 {
        width: 100%
    }
}

@media (max-width: 667px) {
    .col-sm-2, .col-sm-4, .col-sm-6, .col-sm-9, .col-sm-10, .col-sm-12 {
        width: 100%
    }
}