body, p {
    color: #2e323b
}
.alert a:hover, .rating:hover, a, a.btn:hover {
    text-decoration: none
}
#logo,
#menu ul li a {
    display: inline-block
}
#copyright, footer {
    background: #21262c
}
#page-header,
#section-home, header {
    background: #edf2fc
}
:root {
    --transition-speed: .25s;
    --primary-color: #06a6f1;
    --color-1: #45c4a0;
    --color-2: #e2626b;
    --color-3: #a07cc5;
    --color-4: #747ed1;
    --color-5: #f68a77;
    --color-6: #f9b658;
    --color-7: #605dba;
    --color-8: #5eb9f0;
    --color-9: #d16b86
}
#blog-list .item .image img,
#menu ul li .button-icon .icon,
#menu ul li a,
#offcanvas-responsive-menu a,
#section-home-icons .icons a,
#section-home-icons .icons a .icon,
#section-home-icons .icons a h3,
#section-home-icons .icons a p, .btn, .btn:hover, body.scroll header {
    transition: all var(--transition-speed) ease-in-out
}
#reviews a .hover ul li, body, footer ul li, html {
    margin: 0;
    padding: 0
}
body {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    background: #fefefe;
    font-size: 16px;
    line-height: 28px
}
.h1, .h2, .h3, .h4, .h5, .h6, .rating span:before, h1, h2, h3, h4, h5, h6 {
    font-weight: 600
}
#page-69 #page-detail h1, .h1, h1 {
    font-size: 40px
}
.container {
    width: 1320px;
    max-width: 1320px;
    margin: 0 auto
}
.h2, h2 {
    font-size: 35px
}
.h3, h3 {
    font-size: 30px
}
.h4, h4 {
    font-size: 25px
}
#template-detail .price, .h5, h5 {
    font-size: 20px;
    font-weight: 600
}
#checkout-agree-checkbox label, .h6, .modal .another-links a, h6 {
    font-size: 15px
}
p {
    font-weight: 400
}
#blog .block ul li a:hover,
#blog-list .item .description a.name:hover,
#blog-list .item .info ul li a:hover,
#cart .row .name:hover,
#menu ul li .button-icon:hover .icon,
#menu ul li a:hover,
#section-home-partners .owl-next:hover,
#section-home-partners .owl-prev:hover,
#template-detail .block ul li a:hover, a {
    color: var(--primary-color)
}
header {
    height: 80px
}
header.white {
    background: #fff
}
body.scroll {
    padding-top: 80px
}
body.scroll header {
    position: fixed;
    top: 0;
    z-index: 9990;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 15px -9px #42445a;
    -moz-box-shadow: 0 0 15px -9px #42445a;
    box-shadow: 0 0 15px -9px #42445a
}
.offcanvas-backdrop {
    z-index: 9995
}
.offcanvas {
    z-index: 9996
}
.modal-backdrop {
    z-index: 9997
}
.btn-icon {
    margin-right: 8px
}
.btn-icon-2 {
    margin-left: 8px
}
.btn-primary, .btn-primary.disabled {
    background: #06a6f1;
    border-color: #06a6f1;
    color: #fff!important
}
.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background: #0292d5!important;
    border-color: #0292d5!important;
    color: #fff!important
}
.btn-outline-primary {
    border-color: #0292d5!important;
    color: #0292d5!important
}
.btn-success {
    background: #7ac438;
    border-color: #7ac438;
    color: #fff
}
.btn-success:active, .btn-success:focus, .btn-success:hover {
    background: #69b327;
    border-color: #69b327;
    color: #fff
}
.btn-lg {
    font-size: 17px
}
.btn-block, .multiselect-native-select, .multiselect-native-select .btn-group, .multiselect-native-select .btn-group button.multiselect, .multiselect-native-select .btn-group button.multiselect .multiselect-selected-text {
    width: 100%;
    display: block
}
a {
    cursor: pointer
}
.rating:hover .text, a:hover {
    text-decoration: underline
}
hr {
    border-color: #dee2e6
}
.form-control {
    background: #fff;
    font-size: 15px
}
.form-control:hover {
    border-color: #d0d0d0
}
.form-control:active, .form-control:focus {
    border-color: rgba(6,166,241,.25);
    box-shadow: 0 0 0 .25rem rgba(6,166,241,.25)
}
.form-control.error {
    border-color: #d94242
}
.form-control.error:active, .form-control.error:focus {
    border-color: rgba(217,66,66,.25);
    box-shadow: 0 0 0 .25rem rgba(217,66,66,.25)
}
.form-check-input {
    border-radius: 3px;
    margin-top: 4px!important
}
.form-check-input:hover {
    border-color: var(--primary-color)
}
.disabled, .disabled label, .form-check-input:disabled {
    cursor: not-allowed!important;
    pointer-events: all!important
}
.form-check-input:disabled:hover {
    border-color: #e5eaf1
}
select.form-control {
    background-repeat: no-repeat;
    background-position: center right;
    height: 48px!important;
    min-height: 48px!important;
    line-height: 48px!important;
    padding: 0 12px;
    background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -6 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 1 2 2 2-2'/%3e%3c/svg%3e")
}
.form-error {
    color: #d94242;
    font-size: 12px;
    display: block;
    padding: 5px 0;
    margin: 0
}
#logo {
    padding: 13px
}
#logo img {
    width: 200px;
    height: auto
}
#offcanvas-responsive-menu .logo img, .img-responsive {
    max-width: 100%;
    height: auto
}
#menu {
    padding: 13px 0;
    text-align: right
}
#listing .block ul,
#menu ul,
#offcanvas-responsive-menu ul,
#section-about-us ul, .demo-opencart-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}
#menu ul li, .breadcrumb ul li {
    display: inline-block;
    margin: 0;
    padding: 0
}
#menu ul li a {
    padding: 15px;
    color: #343f52;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none
}
#menu ul li.dropdown a:after {
    font-family: "Font Awesome 6 Pro";
    content: '\f107';
    margin-left: 5px;
    font-size: 13px
}
#extension-detail .options,
#listing .item .image,
#menu ul li .dropdown-menu ul li,
#menu ul li.dropdown:hover .dropdown-menu, .reviews {
    display: block
}
#menu ul li .dropdown-menu,
#menu ul li .dropdown-menu ul li a:after,
#review-form .rating label input, .responsive-only, select.multiselect {
    display: none
}
#menu ul li .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 200px;
    border: none;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1)
}
#menu ul li .account,
#menu ul li a.account {
    border-radius: 30px;
    color: #fff;
    font-weight: 600
}
#menu ul li .dropdown-menu ul {
    padding: 5px 0;
    margin: 0
}
#menu ul li .dropdown-menu ul li a {
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 400
}
#menu ul li a.account {
    padding: 10px 15px
}
#menu ul li .account {
    padding: 10px 15px;
    font-size: 14px
}
#menu ul li .button-icon {
    border: none;
    background: 0 0;
    padding: 10px 15px;
    margin: 0 0 0 15px
}
#menu ul li .button-icon .icon {
    font-size: 22px
}
#menu-cart .badge {
    background: var(--primary-color);
    border-radius: 100px;
    position: absolute;
    margin: -9px 0 0 -3px
}
#menu-button-account,
#menu-button-cart,
#menu-button-login {
    display: inline-block!important;
    margin-left: 15px!important
}
#menu-button-menu,
#tags li a:before, .display-none, .multiselect-native-select .btn-group button.multiselect:after {
    display: none!important
}
#offcanvas-responsive-menu {
    background: #1e2228;
    color: #fff;
    width: 300px
}
#section-home {
    padding: 150px 0
}
#section-home .title {
    color: #343f52;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 25px;
    display: block;
    line-height: 45px
}
#section-home p {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    color: #60697b;
    font-size: 18px;
    margin-bottom: 25px
}
#section-home .btn {
    margin-right: 5px
}
#section-home .btn-1 {
    animation-duration: 1s
}
#section-home .btn-2 {
    animation-duration: 2s
}
#section-home .btn-3 {
    animation-duration: 3s
}
#section-home .icon {
    width: 100px;
    height: 100px;
    background: #fff;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    -webkit-box-shadow: 0 0 19px -14px #42445a;
    -moz-box-shadow: 0 0 19px -14px #42445a;
    box-shadow: 0 0 19px -14px #42445a
}
#section-home .icon,
#section-home .icon img, .reviews .review .author-image, .reviews .review .author-image img {
    border-radius: 100px
}
#listing, section {
    padding: 60px 0
}
section .title {
    font-weight: 600;
    font-size: 35px;
    color: #343f52
}
section .description {
    font-weight: 400;
    font-size: 18px;
    color: #343f52
}
#checkout-cart .input-group input[type=text],
#checkout-cart .quantity,
#section-home-icons {
    text-align: center
}
#section-home-icons .icons a {
    display: block;
    padding: 45px 15px;
    text-decoration: none;
    border-radius: 15px;
    margin: 30px 0
}
#section-home-icons .icons a:hover {
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}
#section-home-icons .icons a .icon,
#section-home-icons .icons a .icon i {
    width: 60px;
    height: 60px;
    line-height: 60px
}
#section-home-icons .icons a .icon {
    color: #06a6f1;
    text-align: center;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 15px
}
#section-home-icons .icons a:hover .icon i,
#section-home-icons .icons a:hover h3,
#section-home-icons .icons a:hover p {
    color: #06a6f1
}
#section-home-icons .icons a .icon i {
    color: #06a6f1;
    font-weight: 200;
    font-size: 45px
}
#section-home-icons .icons a h3 {
    color: #343f52;
    font-weight: 500;
    font-size: 20px
}
#section-home-icons .icons a p {
    color: #60697b;
    font-weight: 400;
    font-size: 14px
}
#section-home-reviews .title, .modal .another-links {
    display: block;
    text-align: center
}
#section-home-reviews .review-list {
    background: #e7ecf6;
    margin-top: 300px;
    padding-bottom: 100px
}
#section-home-reviews .review-list .review-1,
#section-home-reviews .review-list .review-2,
#section-home-reviews .review-list .review-3 {
    margin-top: -150px
}
.review-list .review {
    border-radius: 10px;
    padding: 50px 60px 30px;
    margin: 0 0 24px;
    -webkit-box-shadow: 0 0 25px -15px #42445a;
    -moz-box-shadow: 0 0 25px -15px #42445a;
    box-shadow: 0 0 25px -15px #42445a;
    background: url('../image/bg_quote.webp?v=3') 40px 80px no-repeat #fff
}
#contact-page .contact-top .row .left .image-01,
#section-home-reviews .btn {
    margin-top: 50px
}
.review-list .review .rating {
    margin: 0 0 0 -20px
}
.review-list .review .rating span.active {
    color: #fcc032!important
}
.review-list .review p {
    color: #666;
    font-size: 16px;
    line-height: 30px
}
.modal-header .btn-close, .modal-header .btn-close i {
    color: #60697b;
    transition: all var(--transition-speed) ease-in-out
}
.review-list .review .avatar {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 0 15px 0 0
}
.review-list .review .author {
    display: block;
    color: #333;
    font-size: 17px;
    font-weight: 500
}
.review-list .review .author-title {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #666;
    font-size: 15px;
    font-weight: 400
}
.review-list .review .author, .review-list .review .author-title {
    margin-left: 70px;
    text-align: left
}
footer {
    padding: 80px 0
}
#checkout-cart .cart-items, footer .about {
    padding-right: 30px
}
footer .about .logo {
    display: inline-block;
    padding: 5px
}
footer .about .logo img {
    width: 180px;
    height: auto
}
footer .about p {
    padding: 15px 0 0;
    color: #cacaca;
    line-height: 30px;
    font-size: 15px;
    font-style: Italic
}
#extension-detail, .modal-body, footer .contact {
    padding: 0
}
footer .contact a {
    color: #fff;
    padding: 5px 0
}
footer h4, footer h5 {
    color: #fff;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 500
}
#accordion-pricelist .accordion-body ul,
#checkout-cart .item-info ul,
#reviews a .hover ul, .order-items .name ul, footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}
footer a {
    color: #cacaca;
    font-size: 15px;
    padding: 5px 0;
    display: inline-block;
    text-decoration: none;
    transition: all var(--transition-speed) ease-in-out
}
footer a:hover {
    color: #06a6f1;
    text-decoration: none;
    padding-left: 3px
}
footer ul.socials {
    margin-left: -8px
}
#offcanvas-responsive-menu .offcanvas-footer .contact ul.socials li, footer ul.socials li {
    display: inline-block
}
footer ul.socials li a {
    font-size: 22px;
    padding: 4px 8px
}
#copyright {
    display: block;
    margin: 0;
    font-size: 14px;
    padding: 0 0 25px;
    text-align: center;
    color: rgba(255,255,255,.5)
}
.modal-backdrop.show {
    opacity: 1!important;
    background-color: rgba(30,34,40,.9)!important
}
.modal-dialog-centered {
    display: flex;
    min-height: calc(100% - .5rem * 2);
    align-items: center
}
.modal {
    z-index: 9998;
    margin: 0!important;
    --bs-modal-margin: 0
}
.modal-sm {
    max-width: 450px
}
.modal-content {
    padding: 0 2.5rem 2.5rem;
    background: #fefefe
}
.modal-header {
    border: none;
    display: block;
    padding: 0
}
.modal-header .btn-close {
    right: 0;
    top: 15px;
    position: absolute!important;
    display: inline-block!important;
    margin: 0 15px 0 0;
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: #eaeaea;
    border: 1px solid #eaeaea
}
.modal-header .btn-close i {
    font-size: 16px;
    line-height: 35px
}
.modal-header .modal-title {
    width: 100%!important;
    position: relative!important;
    margin: 55px 0 0;
    display: block!important;
    font-size: 27px;
    color: #343f52;
    font-weight: 600
}
.modal-header .modal-title i {
    margin-right: 15px
}
.modal-header .modal-title-2 {
    padding: 10px 0;
    margin: 0;
    color: #60697b;
    font-size: 14px;
    font-weight: 400;
    display: block
}
.card-middle .form-control, .modal .form .form-control {
    margin: 15px 0 0;
    height: 48px
}
#accordion-pricelist .accordion-body .btn, .card-middle .btn, .modal .form .btn {
    margin: 15px 0 0
}
#modal-registration .captcha {
    margin: 0
}
#modal-registration .captcha .image,
#modal-registration .captcha .input {
    display: inline-block;
    width: 50%
}
#modal-registration .captcha .image {
    border-radius: .375rem;
    float: right;
    padding: 6px;
    width: 49%;
    margin: 15px 0 0;
    text-align: center;
    border: 1px solid #dee2e6
}
#modal-registration .registration-agree {
    display: block;
    text-align: center;
    padding: 10px 0 0
}
#error-page .container {
    padding: 200px 0;
    text-align: center
}
#error-page .container img {
    margin-bottom: 30px
}
#error-page .container .icon {
    font-size: 120px;
    color: #60697b;
    margin-bottom: 30px
}
#error-page .container .error-name {
    display: block;
    color: #343f52;
    font-size: 35px;
    font-weight: 600;
    padding: 0;
    margin: 0 0 15px
}
#error-page .container .error-description {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0 0 15px;
    color: #60697b
}
#offcanvas-responsive-menu .logo {
    display: inline-block;
    width: 150px
}
.offcanvas .btn-close {
    background: #eaeaea;
    border-radius: 100px;
    color: rgba(0,0,0,.6);
    height: 35px;
    line-height: 36px;
    width: 35px;
    padding: 0;
    margin-right: 5px;
    display: inline-block;
    border: none;
    opacity: 1;
    font-size: 17px
}
#offcanvas-responsive-menu .btn-close:hover, .offcanvas .btn-close:hover {
    color: #fff;
    background: var(--primary-color)
}
#offcanvas-responsive-menu .btn-close {
    background: #303339;
    color: rgba(255,255,255,.5)
}
#contact-page .contact-top .row .right p,
#listing .block ul li,
#offcanvas-responsive-menu ul li {
    display: block;
    margin: 0;
    padding: 0
}
#tags li,
#tags li a {
    display: inline-block!important
}
#offcanvas-responsive-menu ul li a {
    display: block;
    padding: 6px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 16px
}
#offcanvas-responsive-menu ul li a:hover, .breadcrumb ul li a:hover, .breadcrumb ul li span {
    color: var(--primary-color);
    text-decoration: none
}
#offcanvas-responsive-menu .offcanvas-footer .contact {
    padding: 15px 30px
}
#offcanvas-responsive-menu .offcanvas-footer .contact a.email,
#offcanvas-responsive-menu .offcanvas-footer .contact a.phone {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    font-weight: 500
}
#offcanvas-responsive-menu .offcanvas-footer .contact a.email .icon,
#offcanvas-responsive-menu .offcanvas-footer .contact a.phone .icon,
#page-detail h3 {
    font-size: 20px
}
#offcanvas-responsive-menu .offcanvas-footer .contact a:hover {
    text-decoration: none;
    color: var(--primary-color)
}
#offcanvas-responsive-menu .offcanvas-footer .contact ul.socials {
    display: block;
    margin: 15px 0 0 -8px
}
#offcanvas-responsive-menu .offcanvas-footer .contact ul.socials li a {
    padding: 8px;
    margin: 0;
    font-size: 20px
}
.modal-success {
    padding: 2.5rem 0 0
}
#page-header {
    text-align: center;
    padding: 120px 0
}
#page-header .page-header-image {
    margin-bottom: 15px;
    max-width: 200px;
    border: 2px solid var(--primary-color);
    -webkit-box-shadow: 0 0 25px -15px #42445a;
    -moz-box-shadow: 0 0 25px -15px #42445a;
    box-shadow: 0 0 25px -15px #42445a;
    border-radius: 100px
}
#page-header h1 {
    font-size: 40px;
    font-weight: 600;
    color: #343f52;
    display: block;
    margin: 0;
    padding: 0
}
#page-header h2 {
    font-size: 25px;
    font-weight: 400;
    color: #60697b;
    display: block;
    margin: 15px 0 0;
    padding: 0
}
#page-header .name-info,
#page-header h3 {
    font-size: 18px;
    margin: 10px 0
}
#page-detail .block+.block {
    border-top: 1Px solid #dee2e6;
    padding-top: 30px;
    margin-top: 30px
}
#page-detail h1 {
    font-size: 25px
}
#page-detail h2 {
    font-size: 22px
}
#page-forgotten #page-header {
    padding-bottom: 250px
}
#page-forgotten .card-middle p {
    text-align: center;
    display: block
}
#page-content {
    padding: 60px 15px
}
.card-middle {
    width: 520px;
    margin: -200px auto 60px;
    background: #fff;
    padding: 60px;
    border: 1px solid #eceff4;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px -14px #42445a;
    -moz-box-shadow: 0 0 15px -14px #42445a;
    box-shadow: 0 0 15px -14px #42445a
}
.system-error {
    background: #da4c4b;
    color: #fff;
    padding: 5px 15px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}
#section-about-us .title {
    margin-bottom: 15px;
    display: block
}
#section-about-us ul li {
    display: inline-block;
    float: left;
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    color: #60697b;
    padding: 25px 0 15px 40px
}
#section-about-us ul li:before {
    position: absolute;
    margin-left: -35px;
    margin-top: 1px;
    font-family: "Font Awesome 6 Pro";
    content: '\f058';
    font-weight: 600;
    font-size: 22px;
    color: var(--primary-color)
}
#section-about-us ul li strong {
    display: block;
    font-size: 18px;
    color: var(--primary-color);
    padding: 2px 0 5px;
    color: #000
}
#section-about-us .image {
    padding: 50px 100px 0 0
}
.breadcrumb {
    width: 100%;
    background: #f6f7f9
}
.breadcrumb ul {
    display: block;
    margin: 0 0 0 -15px;
    padding: 25px 0;
    list-style: none
}
.breadcrumb ul li a, .breadcrumb ul li span {
    color: #60697b;
    font-size: 16px;
    padding: 5px 15px;
    text-decoration: none
}
.breadcrumb ul li+li:before {
    font-family: "Font Awesome 6 Pro";
    content: '\f105';
    margin: 0 3px 0 0;
    color: rgba(96,105,123,.35)
}
#listing .left {
    padding-right: 60px
}
#listing .block {
    display: block;
    margin-bottom: 30px
}
#listing .block h3 {
    display: block;
    color: #343f52;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0
}
#listing .block .line {
    margin: 5px 0;
    padding: 5px 0 3px;
    display: block
}
.form-check-input {
    margin: 0;
    padding: 0;
    cursor: pointer
}
.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}
.form-check-label {
    margin: 0 0 0 8px;
    padding: 0;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer
}
#listing .block ul li a {
    display: block;
    color: #60697b;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 5px 10px
}
#listing .item-block {
    padding: 0 10px 20px
}
#listing .item {
    display: block;
    border: 1px solid #eee;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all var(--transition-speed) ease-in-out
}
#listing .item:hover {
    text-decoration: none;
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 15px -3px rgba(0,0,0,.1)
}
#listing .item .description, .pagination {
    border-top: 1px solid #eee;
    display: block
}
#listing .item .short-description {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #60697b;
    line-height: 22px
}
#listing .item:hover .name {
    color: #000
}
#extension-detail .extension-images a.image,
#extension-detail .extension-images a.image img,
#listing .item,
#listing .item .image,
#listing .item .image img,
#reviews a,
#reviews a .hover {
    border-radius: 5px
}
#listing .item .image img {
    border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    width: 100%
}
#listing .item .description {
    padding: 15px
}
#listing .item .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 600;
    color: #343f52
}
.rating {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none
}
.rating span {
    color: #dedede!important
}
.rating span.active {
    color: var(--primary-color)!important
}
.rating .icon {
    float: left;
    margin: 7px 2px 2px
}
.rating .text {
    font-size: 15px;
    line-height: 15px;
    display: inline-block;
    margin: 5px 0 0 5px
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select, .form-floating>label {
    height: 48px!important;
    min-height: 48px!important;
    line-height: 48px!important
}
#listing .item .price {
    font-size: 15px;
    font-weight: 500;
    color: #000
}
#listing .item .labels {
    position: absolute;
    margin: 15px 15px 15px 0;
    opacity: 0;
    transition: all var(--transition-speed) ease-in-out
}
#blog-list .item .image .overlay:hover,
#listing .item:hover .labels,
#reviews a:hover .hover, .demo-opencart-list li .btn:hover {
    opacity: 1
}
#listing .item .labels .label {
    display: block;
    padding: 5px 10px;
    font-size: 11px;
    color: #fff;
    border-radius: 0 10px 10px 0;
    margin-bottom: 5px;
    background: rgba(0,0,0,.7);
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px
}
.pagination {
    margin: 30px 0;
    padding: 30px 0;
    text-align: center
}
.pagination a {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    border: 1px solid #eee;
    color: #60697b;
    font-size: 14px;
    border-radius: 3px;
    transition: all var(--transition-speed) ease-in-out
}
#cart .row .image:hover,
#extension-detail .extension-images .image:hover, .pagination a.active, .pagination a:hover {
    border: 1px solid var(--primary-color)
}
.pagination a.active {
    background: var(--primary-color);
    color: #fff
}
.pagination a:hover {
    background: #fff;
    color: var(--primary-color);
    text-decoration: none
}
#checkout-checkout,
#extension-detail .extension-content {
    padding: 15px 0
}
#extension-detail .extension-images {
    padding-right: 50px
}
#extension-detail .extension-images .image {
    border: 1px solid rgba(164,174,198,.2);
    padding: 5px;
    display: block;
    transition: all var(--transition-speed) ease-in-out
}
#extension-detail .extension-images .images {
    margin: 10px 0 0 -5px;
    padding: 0;
    list-style: none;
    width: calc(100% + 20px)
}
#extension-detail .extension-images .images li {
    display: inline-block;
    width: calc(25% - 5px);
    padding: 5px
}
#extension-detail h1 {
    font-size: 33px;
    font-weight: 500;
    display: block;
    margin: 0 0 10px;
    padding: 0
}
#extension-detail .price {
    font-weight: 400;
    margin: 0 0 10px;
    font-size: 22px;
    display: block;
    color: #60697b
}
#extension-detail .short-description, .description * {
    font-size: 16px;
    font-weight: 400;
    color: #60697b
}
#extension-detail .short-description {
    display: block;
    margin: 0;
    padding: 0
}
#extension-detail .options .title {
    font-weight: 500;
    font-size: 18px;
    display: block;
    color: #333;
    margin-top: 15px
}
#extension-detail .options i.info {
    font-weight: 400;
    font-size: 13px;
    display: block;
    color: #60697b
}
#extension-detail .options .line {
    display: block;
    margin: 10px;
    color: #000
}
#extension-detail .extension-bottom {
    margin: 30px 0
}
#accordion-pricelist .accordion-collapse,
#checkout-cart .input-group input, .nav-tabs {
    border: none
}
#cart .footer,
#cart .row+.row {
    border-top: 1px solid #edf0f5
}
.nav-tabs .nav-item {
    border: none;
    padding: 0;
    margin: 0 20px 0 0;
    border-radius: 0
}
.nav-tabs .nav-item .nav-link {
    border: none;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 5px;
    border-bottom: 2px solid #e8ebf1;
    color: #343f52;
    transition: all var(--transition-speed) ease-in-out
}
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:hover {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color)
}
.tab-content {
    padding: 30px 0;
    display: block
}
.description .btn-primary .btn-icon {
    color: #fff!important
}
.description h1, .description h2, .description h3, .description h4, .description h5, .description h6, .description h7, .description strong {
    color: #000;
    font-weight: 600
}
.description ul {
    list-style-type: square
}
.text-right {
    text-align: right!important
}
#smartsupp-widget-container>div {
    z-index: 1!important
}
#cart .row {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}
#cart .row .image {
    padding: 5px;
    border: 1px solid #edf0f5;
    display: block;
    border-radius: 5px;
    transition: all var(--transition-speed) ease-in-out
}
#cart .row .name {
    font-weight: 600;
    text-decoration: none;
    display: block;
    color: #000;
    transition: all var(--transition-speed) ease-in-out
}
#cart .row .price {
    font-weight: 500;
    color: #000;
    font-size: 13px;
    display: block
}
#cart .row .options {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: square
}
#cart .row .options li {
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #60697b;
    font-size: 12px
}
#cart .row .remove {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #60697b;
    transition: all var(--transition-speed) ease-in-out
}
#cart .row .remove:hover {
    color: #dc3545
}
#cart .footer {
    padding: 15px
}
#cart .footer .total {
    color: #60697b;
    font-weight: 400;
    clear: both;
    padding: 15px 0
}
#cart .footer .total .name,
#cart .footer .total .value {
    display: inline-block;
    color: #60697b;
    width: calc(50% - 5px)
}
#cart .footer .total .value {
    font-weight: 600;
    color: #343f52;
    text-align: right
}
#cart .cart-empty {
    background: url('../image/bg_empty_cart.jpg') top center no-repeat;
    display: block;
    margin: -125px 0 0;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #5b5d61;
    position: absolute;
    top: 50%;
    padding: 200px 0 0;
    height: 250px;
    width: calc(100% - 30px)
}
.clear {
    clear: both
}
.reviews .review {
    display: block;
    padding: 15px 0
}
.reviews .review+.review {
    border-top: 1px solid #e8ebf1
}
.reviews .review .author-image {
    max-width: 60px;
    float: left
}
.order-items .image img, .reviews .review .author-image img {
    width: 100%;
    height: auto
}
.reviews .review .author-info {
    display: block;
    margin-bottom: 25px;
    margin-left: 80px
}
.reviews .review .author-info .name {
    display: block;
    color: #343f52;
    margin: 3px 0 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px
}
.reviews .review .author-info .date {
    display: block;
    color: #aab0bc;
    font-weight: 400;
    font-size: 13px;
    line-height: 25px
}
.reviews .review .name {
    color: #343f52;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    margin-left: 8px
}
.reviews .review .description {
    color: #60697b;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400
}
.reviews .review-reply {
    margin-left: 60px;
    border: none!important
}
#checkout-cart .totals {
    padding-left: 30px
}
#checkout-cart .image,
#checkout-cart .image img {
    max-width: 130px!important;
    display: inline-block
}
#checkout-cart .item-info,
#checkout-cart .line,
#checkout-checkout .summary .line .item-info,
#checkout-checkout .summary .line .total {
    display: flex;
    align-items: center
}
#checkout-cart .line {
    padding: 25px 5px
}
#checkout-cart .line+.line,
#checkout-checkout .summary .line+.line {
    border-top: 1px solid #edeff3
}
#checkout-cart .header {
    color: #000;
    font-size: 16px;
    font-weight: 600
}
#checkout-cart .input-group {
    border: 1px solid #edeff3;
    padding: 0!important
}
#checkout-cart .input-group .btn {
    border-radius: 0;
    padding: 0 15px;
    height: 38px;
    line-height: 38px
}
#checkout-cart .input-group .btn-delete,
#checkout-cart .input-group .btn-quantity {
    font-size: 14px
}
#checkout-cart .input-group .btn-delete:hover {
    font-weight: 600;
    color: #9d3e3e
}
#checkout-cart .item-info .name,
#checkout-checkout .summary .line .name {
    position: relative;
    text-decoration: none;
    transition: color .3s;
    color: #343f52;
    font-weight: 600
}
#checkout-cart .item-info .name::after,
#checkout-checkout .summary .line .name::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -3px;
    height: 1px;
    width: 0;
    background-color: currentColor;
    transition: width .15s, right .15s
}
#account-page .account-button,
#blog .block ul li a,
#blog-list .item .image .overlay,
#blog-list .item .info ul li,
#blog-list .item .info ul li a,
#download-list .download-type a,
#order-page.list .order-type,
#owl-partners img,
#reviews a,
#template-detail .block ul li a, .table td {
    transition: all var(--transition-speed) ease-in-out
}
#checkout-cart .item-info .name:hover::after,
#checkout-checkout .summary .line .name:hover::after, .alert a:hover::after {
    width: 100%;
    right: auto;
    left: 0
}
#checkout-cart .item-info ul li,
#checkout-checkout .summary .line .item-info ul li {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #60697b
}
#checkout-cart .item-info .image {
    margin-right: 25px
}
#checkout-cart .price,
#checkout-cart .total,
#checkout-checkout .summary .line .total,
#table-download-list .created,
#table-download-list .download {
    text-align: right
}
#download-list .download-type a {
    display: block;
    min-height: 200px;
    margin-bottom: 3rem;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid transparent;
    box-shadow: 0 0 11px -3px rgba(0,0,0,.1)
}
#download-list .download-type a:hover {
    text-decoration: none;
    box-shadow: 0 0 11px 0 rgba(0,0,0,.1)
}
#download-list .download-type a .icon {
    float: left;
    margin-right: 25px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    font-size: 20px;
    text-align: center
}
#download-list .download-type a .description {
    display: block;
    margin-left: 85px;
    color: #343f52
}
#download-list .download-type a .description .name {
    font-weight: 500;
    color: #343f52;
    font-size: 18px;
    display: block;
    margin: 8px 0 10px
}
#download-list .download-type a .description .name .total {
    font-weight: 300;
    margin-left: 5px
}
#download-list .download-type a .description p {
    font-weight: 400;
    font-size: 15px;
    color: #60697b
}
#download-list .download-type a .description .button {
    float: right;
    color: #343f52
}
#download-list .download-type:first-child .icon {
    background: #e2626b;
    color: #fff
}
#download-list .download-type:first-child a:hover {
    border: 1px solid #e2626b
}
#download-list .download-type:first-child a:hover .btn {
    background: #e2626b;
    border: 1px solid #e2626b;
    color: #fff
}
#contact-page .contact-top .row .right a::after, .alert a::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 0;
    background-color: currentColor;
    transition: width .15s, right .15s;
    right: 0
}
#download-list .download-type:nth-child(2) .icon {
    background: #45c4a0;
    color: #fff
}
#download-list .download-type:nth-child(2) a:hover {
    border: 1px solid #45c4a0
}
#download-list .download-type:nth-child(2) a:hover .btn {
    background: #45c4a0;
    border: 1px solid #45c4a0;
    color: #fff
}
#download-list .download-type:nth-child(3) .icon {
    background: #fab758;
    color: #fff
}
#download-list .download-type:nth-child(3) a:hover {
    border: 1px solid #fab758
}
#download-list .download-type:nth-child(3) a:hover .btn {
    background: #fab758;
    border: 1px solid #fab758;
    color: #fff
}
#download-list .download-type:nth-child(4) .icon {
    background: #747ed1;
    color: #fff
}
#download-list .download-type:nth-child(4) a:hover {
    border: 1px solid #747ed1
}
#download-list .download-type:nth-child(4) a:hover .btn {
    background: #747ed1;
    border: 1px solid #747ed1;
    color: #fff
}
.table {
    width: 100%;
    background: #fff
}
.table td {
    vertical-align: middle
}
#table-download-list td,
#table-download-list th {
    font-size: 15px;
    padding: 10px 15px
}
#table-download-list th {
    font-weight: 500
}
#table-download-list tr:nth-child(2n) td {
    background: #f9f9fb
}
.table tr:hover td {
    background: #eff7fa!important
}
#table-download-list .name strong {
    font-weight: 500;
    display: block
}
#contact-page .form .form-error,
#table-download-list .name {
    text-align: left
}
#table-download-list .action {
    text-align: center;
    width: 230px
}
.alert {
    padding: 15px;
    font-size: 15px
}
.alert a {
    font-weight: 600;
    position: relative;
    color: inherit;
    text-decoration: none;
    transition: color .3s
}
.alert a::after {
    bottom: -5px
}
.alert-primary {
    background: #edf2fc;
    border: 1px solid #edf2fc;
    color: #2c549d
}
.alert-primary a {
    color: #2c549d
}
.alert-secondary {
    background: #f7f7f9;
    border: 1px solid #f7f7f9;
    color: #777b84
}
.alert-secondary a {
    color: #777b84
}
.alert-success {
    background: #edf9f6;
    border: 1px solid #edf9f6;
    color: #308970
}
.alert-success a {
    color: #308970
}
.alert-danger, .alert-danger a {
    color: #9e454b
}
.alert-danger {
    background: #fcf0f1;
    border: 1px solid #fcf0f1
}
.alert-warning {
    background: #fff8ee;
    border: 1px solid #fff8ee;
    color: #af803e
}
.alert-warning a {
    color: #af803e
}
.alert-info, .alert-info a {
    color: #3b768b
}
.alert-info {
    background: #eff7fa;
    border: 1px solid #eff7fa
}
.alert-light, .alert-light a {
    color: #b2b2b2
}
.alert-light {
    background: #fbfbfc;
    border: 1px solid #fbfbfc
}
.alert-dark, .alert-dark a {
    color: #1b1e23
}
.alert-dark {
    background: #eaebec;
    border: 1px solid #eaebec
}
.form-floating textarea.form-control {
    height: auto!important;
    min-height: 200px!important;
    line-height: 15px!important;
    overflow: auto;
    resize: vertical!important
}
.form-floating>label {
    padding-top: 0!important;
    padding-bottom: 0!important
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    transform: scale(.75) translateY(-.5rem) translateX(.15rem);
    color: #aab0bc!important
}
.form-control:active, .form-floating .form-control:focus, .multiselect-native-select .btn-group button.multiselect:focus {
    border-color: rgba(6,166,241,.25);
    box-shadow: 0 0 0 .15rem rgba(6,166,241,.25)
}
#checkout-checkout select {
    height: 48px
}
.form .form-item {
    padding-bottom: 14px
}
#checkout-checkout .line {
    padding-left: calc(var(--bs-gutter-x) * .5 - 7px);
    padding-right: calc(var(--bs-gutter-x) * .5 - 7px)
}
#checkout-checkout .line .item {
    padding-left: 7px;
    padding-right: 7px
}
#checkout-checkout h3 {
    font-size: 22px;
    padding: 5px 7px
}
#checkout-checkout .summary {
    padding: 0 15px
}
#checkout-checkout .summary h3 {
    padding-left: 0
}
#checkout-checkout .summary .line {
    padding: 10px 0
}
#checkout-checkout .summary .line .image, .demo-opencart-list li .btn .icon {
    margin-right: 10px
}
#checkout-checkout .summary .line .image img {
    max-width: 110px
}
#checkout-checkout .summary .line .item-info ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#checkout-checkout .summary .line-agree,
#checkout-checkout .summary .line-total {
    padding: 20px 0
}
#user-avatar_image, .form-checkbox input, .form-checkbox label {
    cursor: pointer
}
.form-check-input {
transition: all var(--transition-speed) ease-in-out;
    width: 20px;
    height: 20px;
    appearance: none;
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border: 1px solid rgba(8,60,130,.1);
    background-color: #fefefe;
    background-image: var(--form-check-bg-image);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: top;
    margin-right: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    print-color-adjust: exact;
    --tw-shadow: 0 0 1.25rem var(--tw-shadow-color, green)
}
.form-check-input[type=checkbox] {
    border-radius: .35em
}
.form-check-input[type=radio] {
    border-radius: 50%
}
.form-check-input:focus {
    outline: 0
}
.form-check-input:hover {
    box-shadow: 0 0 0 .25rem rgba(6,166,241,.25);
}
  
  
.form-check-input:checked[type=checkbox] {
    --form-check-bg-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
    --form-check-bg-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    --form-check-bg-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
    filter: none
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: 50%
}
.checkout-form-error {
    padding-left: 45px
}
.checkout-cart-empty {
    background: url('../image/bg_empty_cart.jpg') center 100px no-repeat;
    display: block;
    padding: 300px 0;
    text-align: center
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--primary-color);
    box-shadow: inset 0 calc(-1 * var(--primary-color)) 0 var(--primary-color)
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(6,166,241,.5)
}
.accordion-button::after {
    filter: invert(1)
}
#accordion-pricelist .accordion-item {
    margin: 15px;
    border: none;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1)
}
#accordion-pricelist .accordion-button {
    padding: 18px 20px;
    border-radius: 5px!important;
    border: 1px solid #ebeef3;
    font-weight: 400
}
#accordion-pricelist .accordion-button .icon {
    border-radius: 100px;
    width: 40px;
    height: 40px;
    font-size: 15px;
    padding-left: 1px;
    color: #fff;
    line-height: 38px;
    text-align: center;
    margin: 0 15px 0 0
}
#accordion-pricelist .accordion-body {
    border: 1px solid #ebeef3;
    border-top: none;
    margin-top: -5Px;
    padding: 30px
}
#accordion-pricelist .accordion-body ul li {
    margin: 0;
    padding: 0 0 0 20px
}
#accordion-pricelist .accordion-body ul li:before {
    content: '\f00c';
    position: absolute;
    margin-left: -21px;
    margin-top: 2px;
    float: left;
    font-family: "Font Awesome 6 Pro";
    font-weight: 100!important
}
#accordion-pricelist .name,
#accordion-pricelist .price,
#accordion-pricelist .time {
    float: left
}
#accordion-pricelist .name {
    width: 50%
}
#accordion-pricelist .time {
    width: 25%
}
#accordion-pricelist .price {
    width: calc(25% - 50px);
    text-align: right
}
#accordion-pricelist .accordion-item .accordion-button:not(.collapsed) {
    box-shadow: none
}
#accordion-pricelist .accordion-item:first-child .icon,
#account-page .account-button-1 .icon,
#order-page.list .order-type-1 .icon, .order-type-1 .icon {
    background: var(--color-1)
}
#accordion-pricelist .accordion-item:first-child .accordion-button:not(.collapsed) {
    background-color: var(--color-1)
}
#accordion-pricelist .accordion-item:first-child .accordion-body .btn {
    background-color: var(--color-1);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(2) .icon,
#account-page .account-button-2 .icon,
#order-page.list .order-type-2 .icon, .order-type-1 .icon {
    background: var(--color-2)
}
#accordion-pricelist .accordion-item:nth-child(2) .accordion-button:not(.collapsed) {
    background-color: var(--color-2)
}
#accordion-pricelist .accordion-item:nth-child(2) .accordion-body .btn {
    background-color: var(--color-2);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(3) .icon,
#account-page .account-button-3 .icon,
#order-page.list .order-type-3 .icon {
    background: var(--color-3)
}
#accordion-pricelist .accordion-item:nth-child(3) .accordion-button:not(.collapsed) {
    background-color: var(--color-3)
}
#accordion-pricelist .accordion-item:nth-child(3) .accordion-body .btn {
    background-color: var(--color-3);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(4) .icon,
#account-page .account-button-4 .icon,
#order-page.list .order-type-4 .icon {
    background: var(--color-4)
}
#accordion-pricelist .accordion-item:nth-child(4) .accordion-button:not(.collapsed) {
    background-color: var(--color-4)
}
#accordion-pricelist .accordion-item:nth-child(4) .accordion-body .btn {
    background-color: var(--color-4);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(5) .icon,
#account-page .account-button-5 .icon,
#order-page.list .order-type-5 .icon {
    background: var(--color-5)
}
#accordion-pricelist .accordion-item:nth-child(5) .accordion-button:not(.collapsed) {
    background-color: var(--color-5)
}
#accordion-pricelist .accordion-item:nth-child(5) .accordion-body .btn {
    background-color: var(--color-5);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(6) .icon,
#account-page .account-button-6 .icon,
#order-page.list .order-type-6 .icon {
    background: var(--color-6)
}
#accordion-pricelist .accordion-item:nth-child(6) .accordion-button:not(.collapsed) {
    background-color: var(--color-6)
}
#accordion-pricelist .accordion-item:nth-child(6) .accordion-body .btn {
    background-color: var(--color-6);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(7) .icon,
#account-page .account-button-7 .icon,
#order-page.list .order-type-7 .icon {
    background: var(--color-7)
}
#accordion-pricelist .accordion-item:nth-child(7) .accordion-button:not(.collapsed) {
    background-color: var(--color-7)
}
#accordion-pricelist .accordion-item:nth-child(7) .accordion-body .btn {
    background-color: var(--color-7);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(8) .icon,
#account-page .account-button-8 .icon,
#order-page.list .order-type-8 .icon {
    background: var(--color-8)
}
#accordion-pricelist .accordion-item:nth-child(8) .accordion-button:not(.collapsed) {
    background-color: var(--color-8)
}
#accordion-pricelist .accordion-item:nth-child(8) .accordion-body .btn {
    background-color: var(--color-8);
    color: #fff
}
#accordion-pricelist .accordion-item:nth-child(9) .icon,
#account-page .account-button-9 .icon,
#order-page.list .order-type-9 .icon {
    background: var(--color-9)
}
#accordion-pricelist .accordion-item:nth-child(9) .accordion-button:not(.collapsed) {
    background-color: var(--color-9)
}
#accordion-pricelist .accordion-item:nth-child(9) .accordion-body .btn {
    background-color: var(--color-9);
    color: #fff
}
#reviews a {
    display: block;
    margin-bottom: 24px;
    padding: 10px;
    border: 1px solid #eee;
    position: relative
}
#reviews a .hover {
    background: rgba(0,0,0,.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s;
    text-align: center;
    padding: 10px;
    opacity: 0
}
#reviews a .hover ul li.name {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 15px;
    text-decoration: underline
}
#reviews a:hover {
    text-decoration: none;
    box-shadow: 0 0 15px -3px rgba(0,0,0,.1)
}
#contact-page .contact-top .row .left {
    padding: 50px
}
#contact-page .contact-top .row .left .image {
    margin-bottom: 19px
}
#contact-page .contact-top .row .left .image img {
    border-radius: 15px
}
#contact-page .contact-top .row .right {
    border-left: 1px solid #eee;
    padding: 50px
}
#contact-page .contact-top .row .right h3 {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0;
    display: block
}
#contact-page .contact-top .row .right a {
    position: relative;
    display: inline-block;
    padding: 5px 0;
    font-weight: 400;
    text-decoration: none;
    transition: color .3s
}
#contact-page .contact-top .row .right a::after {
    margin-left: 35px;
    bottom: 5px
}
#contact-page .contact-top .row .right a:hover::after {
    width: calc(100% - 35px);
    right: auto;
    left: 0
}
#contact-page .contact-top .row .right a .btn-icon {
    width: 25px;
    font-size: 19px
}
#contact-page .form {
    width: 870px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center
}
#contact-page .form .row {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}
#contact-page .form .form-item {
    margin: 15px 0
}
#contact-page .form .btn {
    margin-top: 19px
}
#contact-form .success {
    color: #45c4a0;
    font-size: 30px
}
#contact-form .success .icon {
    display: block;
    font-size: 50px;
    text-align: center;
    margin-bottom: 30px
}
.form textarea {
    min-height: 200px;
    padding: 15px;
    font-size: 16px
}
.box {
    border-radius: 10px;
    width: 960px;
    margin: -70px auto 0;
    padding: 30px;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 17px -15px #42445a;
    -moz-box-shadow: 0 0 17px -15px #42445a;
    box-shadow: 0 0 17px -15px #42445a
}
.box .box-image {
    margin: -30px -30px 30px;
    min-width: 960px;
    height: auto;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
.box h3 {
    font-size: 24px;
    padding: 0;
    margin: 0 0 15px;
    color: #343f52
}
#account-edit,
#account-order,
#account-page,
#order-page.list,
#page-69 {
    background: #edf2fc;
    padding-bottom: 100px
}
#tags,
#tags li {
    list-style: none!important;
    margin: 0!important;
    padding: 0!important
}
#order-page {
    padding-bottom: 200px
}
#order-page.list .container {
    padding: 0 0 100px
}
#order-page.list .order-types {
    margin-top: -130px
}
#account-page .account-buttons {
    padding-bottom: 100px
}
#account-page .account-button,
#order-page.list .order-type {
    background: #fff;
    border-radius: 10px;
    display: block;
    padding: 25px;
    margin: 0 0 24px;
    text-decoration: none;
    color: #343f52;
    font-weight: 500;
    border: 1px solid transparent
}
#account-page .account-button:hover,
#order-page.list .order-type:hover {
    -webkit-box-shadow: 0 0 25px -15px #42445a;
    -moz-box-shadow: 0 0 25px -15px #42445a;
    box-shadow: 0 0 25px -15px #42445a
}
#account-page .account-button .icon,
#order-page.list .order-type .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 25px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    font-size: 18px
}
#account-page .account-button-1:hover,
#order-page.list .order-type-1:hover {
    border-color: var(--color-1)
}
#account-page .account-button-2:hover,
#order-page.list .order-type-2:hover {
    border-color: var(--color-2)
}
#account-page .account-button-3:hover,
#order-page.list .order-type-3:hover {
    border-color: var(--color-3)
}
#account-page .account-button-4:hover,
#order-page.list .order-type-4:hover {
    border-color: var(--color-4)
}
#account-page .account-button-5:hover,
#order-page.list .order-type-5:hover {
    border-color: var(--color-5)
}
#account-page .account-button-6:hover,
#order-page.list .order-type-6:hover {
    border-color: var(--color-6)
}
#account-page .account-button-7:hover,
#order-page.list .order-type-7:hover {
    border-color: var(--color-7)
}
#account-page .account-button-8:hover,
#order-page.list .order-type-8:hover {
    border-color: var(--color-8)
}
#account-page .account-button-9:hover,
#order-page.list .order-type-9:hover {
    border-color: var(--color-9)
}
#order-form {
    background: #fff;
    padding: 15px
}
#order-form .btn {
    padding: 15px 25px
}
#order-form small {
    margin-top: 15px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    display: block;
    color: #666
}
#order-form .success {
    color: #45c4a0;
    font-size: 20px;
    text-align: center
}
#order-form .success .icon {
    display: block;
    font-size: 45px;
    text-align: center;
    margin-bottom: 30px
}
#blog {
    padding: 50px 0
}
#template-detail {
    padding: 0 0 50px
}
#blog-list .item {
    display: block;
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #eceff4;
    -webkit-box-shadow: 0 0 24px -24px #42445a;
    -moz-box-shadow: 0 0 24px -24px #42445a;
    box-shadow: 0 0 24px -24px #42445a;
    border-radius: 10px
}
#blog-list .item .image {
    overflow: hidden;
    display: block;
    position: relative
}
#blog-list .item .image:hover img {
    scale: 1.05
}
#blog-list .item .image,
#blog-list .item .image img {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}
#blog-list .item .image .overlay {
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    cursor: pointer;
    background-color: rgba(30,34,40,.6);
    opacity: 0
}
#blog-list .item .image .overlay .text {
    display: flex;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    height: 100%;
    text-align: center;
    justify-content: center;
    align-items: center
}
#blog-list .item .description {
    padding: 20px 50px
}
#blog-list .item .description,
#blog-list .item .info {
    padding-left: 50px;
    padding-right: 50px
}
#blog-list .item .description a.name {
    transition: color .3s;
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #343f52;
    padding: 10px 0 15px;
    text-decoration: none
}
#blog-list .item .description h3,
#blog-list .item .description p {
    padding: 0;
    margin: 0
}
#blog-list .item .info {
    border-top: 1px solid #eceff4;
    margin: 0
}
#blog-list .item .info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0
}
#blog-list .item .info ul li {
    display: inline-block;
    padding: 0;
    margin: 0 15px 0 0;
    font-size: 14px
}
#blog-list .item .info ul li,
#blog-list .item .info ul li a {
    color: #aab0bc;
    text-decoration: none
}
#blog .block {
    margin: 0 0 30px 30px
}
#template-detail .block {
    margin-top: 15px;
    margin-left: 50px
}
#template-detail .block+.block {
    border-top: 1px dashed #ddd;
    padding-top: 15px
}
#blog .block h4,
#template-detail .block h4 {
    font-size: 20px;
    font-weight: 500;
    padding: 0 0 10px;
    margin: 0;
    display: block
}
#blog .block p,
#template-detail .block p {
    color: #60697b
}
#blog .block ul,
#template-detail .block ul {
    padding: 0;
    margin: 0 0 0 5px
}
#blog .block ul li,
#template-detail .block ul li {
    padding: 0;
    margin: 0;
    display: block
}
#blog .block ul li a,
#template-detail .block ul li a {
    padding: 2px 0;
    color: #60697b;
    font-size: 16px;
    display: block;
    text-decoration: none
}
#blog .block ul li a:before,
#template-detail .block ul li a:before {
    font-family: "Font Awesome 6 Pro";
    content: '\f111';
    font-weight: 600;
    font-size: 5px;
    float: left;
    margin: 0 10px 0 0
}
#template-detail .description {
    margin: 30px 0 0
}
#template-detail .description img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}
#template-detail .image {
    max-width: 100%;
    height: auto;
    display: block;
    text-align: center
}
#template-detail .price-czk {
    font-size: 17px;
    font-weight: 600;
    color: #999!important
}
.template-backlink {
    display: block;
    text-align: right;
    margin-bottom: 15px
}
.order-items {
    width: 100%
}
.order-items tr td {
    padding: 10px
}
.order-items tr+tr td {
    border-top: 1px dashed #dedede
}
.order-items .image {
    width: 200px;
    padding-right: 20px
}
.order-items .image a {
    padding: 5px;
    display: block
}
.order-items .name a {
    color: #000;
    text-decoration: none!important
}
.order-items .name ul li {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
    color: #666
}
.order-items .quantity {
    color: #666
}
.stickytooltip {
    display: none;
    position: absolute;
    z-index: 9999
}
.template-popup {
    padding: 5px;
    background: #4cb8ec
}
.multiselect-native-select .btn-group button.multiselect .multiselect-selected-text {
    white-space: nowrap;
    overflow: hidden!important
}
.multiselect-native-select .dropdown-item.active, .multiselect-native-select .dropdown-item:active {
    background: 0 0
}
.multiselect-native-select .btn-group .multiselect-container {
    width: 100%;
    margin-top: 5px!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}
.multiselect-native-select .btn-group .multiselect-container .multiselect-option:first-child {
    -webkit-border-top-left-radius: 0.375rem;
    -webkit-border-top-right-radius: 0.375rem;
    -moz-border-radius-topleft: 0.375rem;
    -moz-border-radius-topright: 0.375rem;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}
.multiselect-native-select .btn-group .multiselect-container .multiselect-option:last-child {
    -webkit-border-bottom-left-radius: 0.375rem;
    -webkit-border-bottom-right-radius: 0.375rem;
    -moz-border-radius-bottomleft: 0.375rem;
    -moz-border-radius-bottomright: 0.375rem;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}
.multiselect-native-select .btn-group button.multiselect {
    text-align: left!important
}
#page-header-filter {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1Px dashed #cdd6e9
}
#template-list #page-header {
    padding-bottom: 30px
}
#template-list .description .rating .fa {
    font-size: 11px!important
}
#template-list .description .rating {
    margin-bottom: 3px
}
#template-list .price_czk {
    color: #333
}
.no-template-found {
    padding: 70px;
    font-weight: 500;
    text-align: center
}
#tags li a {
    background: #edeff4!important;
    padding: 5px 10px!important;
    margin: 10px 10px 0 0!important;
    border-radius: 5px
}
#tags li a:hover {
    background: var(--primary-color)!important;
    color: #fff!important
}
#owl-partners img {
    width: auto;
    filter: grayscale(1);
    opacity: .5
}
#owl-partners img:hover {
    opacity: 1;
    filter: grayscale(0)
}
#owl-partners {
    padding: 0 50px
}
#section-home-partners .title {
    display: block;
    text-align: center;
    font-size: 16px;
    margin: 30px 0;
    font-weight: 600;
    color: #a3a3a3;
    text-transform: uppercase
}
#section-home-partners .owl-next,
#section-home-partners .owl-prev {
    font-size: 30px;
    position: absolute;
    margin-top: -65px;
    width: 40px;
    height: 40px;
    line-height: 30px;
    padding: 0;
    border-radius: 100px;
    background: 0 0;
    transition: all var(--transition-speed) ease-in-out
}
#section-home-partners .owl-prev {
    left: 0
}
#section-home-partners .owl-next {
    right: 0
}
.demo-opencart-list li {
    float: left;
    width: calc(33.33% - 10px);
    margin: 0;
    padding: 10px
}
.demo-opencart-list li .btn {
    display: block;
    padding: 15px 10px;
    opacity: .8
}
.demo-opencart-list li .btn-color-1 {
    background: var(--color-8);
    color: #fff
}
.demo-opencart-list li .btn-color-2 {
    background: var(--color-4);
    color: #fff
}
.demo-opencart-list li .btn-color-3 {
    background: var(--color-9);
    color: #fff
}
#review-form .rating label {
    font-size: 25px;
    margin: 0 10px 0 0;
    cursor: pointer;
    font-weight: 300;
    color: #dedede
}
#review-form .rating label.active.hover,
#review-form .rating label.hover {
    font-weight: 300;
    color: var(--primary-color)
}
#review-form .rating label.active {
    font-weight: 600;
    color: var(--primary-color)
}

#order-success-page {
    padding-bottom: 100px;
}