html, body {
    height: 100%;
}

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    text-rendering: optimizelegibility;
}

body {
    background: #fff;
    color: #222;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

html, body, input, textarea, select {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

h1, h2, h3, h4, strong {
    font-weight: 500;
}

h3 {
    font-size: 24px;
    font-weight: 300;
    margin: 10px 0;
}

h1.title, .content-header h1 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

.main-header-top-nav a, .top-menu a, h1.title a, .post-title a, .blog-post .post-title a:hover, .checkout-details a {
    color: #222;
}

h1.title a {
    align-items: center;
    display: flex;
}

h1.title svg {
    height: 30px;
    width: 30px;
    margin-right: 7px;
}

a:hover, .main-header-top-nav a:hover, .main-footer a:hover, .checkout-details a:hover, .login-box a {
    color: var(--primary-color);
}

a[href$=".pdf"] {
    background-size: 24px 24px;
    padding: 3px 0 3px 30px;
}

#product-tabs-container a[href*="www.youtube.com/"], .blog-post a[href*="www.youtube.com/"], #product-tabs-container a[href*="https://youtu.be/"], .blog-post a[href*="https://youtu.be/"] {
    padding: 3px 0 3px 30px;
    position: relative;
}

#product-tabs-container a[href*="www.youtube.com/"]:before, .blog-post a[href*="https://youtu.be/"]:before {
    background-size: 24px 24px;
    content: "";
    height: 23px;
    width: 23px;
    position: absolute;
    top: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(20%) sepia(46%) saturate(4430%) hue-rotate(353deg) brightness(89%) contrast(103%);
}

p a, .post-text a {
    text-decoration: underline;
}

footer a[href$=".pdf"] {
    background: none;
    padding: 0;
}

p {
    line-height: 21px;
    margin: 15px 0;
}

img {
    border: none;
    max-width: 100%;
}

iframe {
    border: none;
    display: block;
    max-width: 100%;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 15px 0;
}

input, textarea, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    font-size: 14px;
    outline: none;
    padding: 3px 10px;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.me-0 {
    margin-right: 0 !important;
}

.me-1 {
    margin-right: 0.25rem !important;
}

.me-2 {
    margin-right: 0.5rem !important;
}

.me-3 {
    margin-right: 1rem !important;
}

.me-4 {
    margin-right: 1.5rem !important;
}

.me-5 {
    margin-right: 3rem !important;
}

.me-auto {
    margin-right: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ms-0 {
    margin-left: 0 !important;
}

.ms-1 {
    margin-left: 0.25rem !important;
}

.ms-2 {
    margin-left: 0.5rem !important;
}

.ms-3 {
    margin-left: 1rem !important;
}

.ms-4 {
    margin-left: 1.5rem !important;
}

.ms-5 {
    margin-left: 3rem !important;
}

.ms-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pe-0 {
    padding-right: 0 !important;
}

.pe-1 {
    padding-right: 0.25rem !important;
}

.pe-2 {
    padding-right: 0.5rem !important;
}

.pe-3 {
    padding-right: 1rem !important;
}

.pe-4 {
    padding-right: 1.5rem !important;
}

.pe-5 {
    padding-right: 3rem !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.ps-0 {
    padding-left: 0 !important;
}

.ps-1 {
    padding-left: 0.25rem !important;
}

.ps-2 {
    padding-left: 0.5rem !important;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-4 {
    padding-left: 1.5rem !important;
}

.ps-5 {
    padding-left: 3rem !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.sidebar select {
    width: 100%;
}

button, input[type="submit"], .btn, a.btn {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    padding: 10px 30px;
    width: auto;
    text-transform: uppercase;
    vertical-align: top;
}

input[type=text], input[type=password], input[type=email] {
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    display: block;
    padding: 3px 0;
    width: 200px;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}


.checkbox-label input, .radio-label input {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

textarea {
    resize: none;
    width: 400px;
    height: 100px;
}

textarea + span {
    margin-bottom: 10px;
}

label {
    display: block;
    margin-bottom: 10px;
}

.checkout-main .checkbox-label {
    font-weight: 500;
}

.input-group label {
    display: flex;
    flex-direction: column-reverse;
    width: 200px;
}

.input-group label.checkbox-label {
    display: block;
}

.checkout-main .delivery-details label {
    font-weight: 300;
}

#add-device label {
    align-self: flex-end;
    margin: 0;
    width: 200px;
}

.input-group input:focus + span, .input-group textarea:focus + span {
    color: var(--primary-color);
}

input:focus, input:active {
    border-bottom: 1px solid var(--primary-color);
}

textarea:focus {
    border: 1px solid var(--primary-color);
}

.alert-error, .alert-danger {
    color: red;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 10px;
}

.alert-success {
    background: var(--primary-color);
    color: #fff;
    font-style: italic;
    font-weight: 500;
    padding: 15px;
    margin-bottom: 10px;
}

.cart-totals .alert-success, .coupon-code .alert-success {
    background: none;
    color: var(--primary-color);
    padding: 0;
    margin: 0 10px 0 0;
    text-align: left;
}

.btn:hover, a.btn:hover {
    color: #fff;
}

.medium-btn, a.medium-btn {
    font-size: 12px;
    padding: 8px 15px;
}

.small-btn, a.small-btn {
    font-size: 12px;
    padding: 3px 15px;
}

::selection {
    background: var(--primary-color);
    color: #fff;
}

::-moz-selection {
    background: var(--primary-color);
    color: #fff;
}

*::-webkit-input-placeholder {
    color: #222;
    opacity: 1;
}

*::-moz-placeholder {
    color: #222;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #222;
    opacity: 1;
}

.clr {
    clear: both;
    height: 0;
}

.small {
    font-size: 11px;
    line-height: 12px;
}

.center {
    margin: 0 auto;
    text-align: center;
}

header#top:after, .question:after, .clear-block:after {
    content: '';
    display: block;
    clear: both;
}

.wrapper {
    margin: 0 auto;
    width: 1170px;
}

.main-header {
    border-top: 3px solid var(--primary-color);
    padding-top: 5px;
}

.main-header > .wrapper {
    display: flex;
    justify-content: space-between;
}

.main-header ul, nav ul, .pagination-list, .product-tabs, .specification, .amortization-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-header-top-nav .user-nav > div, .pagination-list li, .product-tabs li, .amortization-tabs li {
    display: inline-block;
}

.main-header-top-nav-inner {
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.top-confianza {
    margin-right: 7px;
    width: 56px;
}

.icon {
    padding-left: 22px;
    position: relative;
}

.black-icon.icon {
    padding-left: 40px;
}

.icon:before {
    content: "";
    display: block;
    padding: 5px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.user-nav li {
    display: inline-block;
    vertical-align: top;
}

.hidden {
    display: none !important;
}

.cart-widget {
    display: inline-block;
    float: right;
    position: relative;
    margin-top: 7px;
    text-align: left;
}

.cart-summary {
    align-items: center;
    color: #fff;
    display: flex;
    height: 25px;
    text-align: right;
}

.cart-summary svg {
    height: 20px;
    width: 20px;
}

.cart-widget.with-content:hover .cart-summary {
    color: var(--primary-color);
}

.cart-total-price {
    font-weight: 500;
    text-wrap: nowrap;
}

.cart-total-items {
    background: #F7BE00;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    width: 21px;
    position: absolute;
    left: -3px;
    top: -4px;
}

.cart-content, .login-box {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 2px 0 rgba(0, 0, 0, 0.65), 0 3px 1px -2px rgba(0, 0, 0, 0.21);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s, visibility 0s linear 0.3s;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 300px;
    z-index: 10000;
}

.cart-content:after, .login-box:after {
    border-bottom: 10px solid #dbdbdb;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 20px;
    position: absolute;
    top: -10px;
    width: 0;
    z-index: 1;
}

.cart-content.visible, .login-box.visible {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
}

.cart-item {
    border-bottom: 1px solid #999;
    display: flex;
    margin: 0 0 20px 0;
    padding: 0 20px 20px 0;
    position: relative;
}

.remove-product {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    padding: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.remove-product svg, .email-cart svg {
    height: 15px;
    width: 15px;
}

.checkout-product .remove-product {
    display: none;
    position: static;
}

.cart-item-name {
    margin-bottom: 20px;
}

.cart-item-totals, .cart-item-image {
    display: flex;
}

.cart-item-image a {
    width: 100%;
}

.cart-item-details {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cart-item-totals {
    font-size: 16px;
}

.cart-item-image {
    margin-right: 15px;
    flex-shrink: 0;
    flex-basis: 75px;
    width: 75px;
}

.cart-item-quantity {
    text-align: center;
}

.cart-totals {
    display: flex;
    float: right;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    width: 100%;
}

.cart-totals hr {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    margin: 5px 0;
}

.cart-total {
    font-size: 18px;
    white-space: nowrap;
}

.checkout-buttons {
    margin-top: 15px;
    text-align: right;
}

.checkout-buttons .btn, .wide-btn, a.wide-btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.checkout-header {
    border-bottom: 1px solid #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.checkout-header .title {
    align-items: center;
    display: flex;
    padding: 0;
}

.checkout-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkout-left {
    align-self: flex-start;
    width: 480px;
}

.checkout-right {
    align-self: flex-start;
    width: 660px;
}

.checkout-details-header, .order-details-header {
    border-bottom: 1px solid #999;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.checkout-details-header > div, .box-content .row > div, .order-details-header > div, .order-product > div {
    border-left: 1px solid #999;
    padding: 3px 0;
}

.box-content .row > div, .order-product > div {
    padding: 20px 0;
}

.checkout-details-header > div:first-child, .box-content .row > div:first-child, .order-details-header > div:first-child, .order-product > div:first-child {
    border: none;
    flex: auto;
}

.checkout-product-name, .order-product-name {
    width: 200px;
    display: flex;
    text-align: left;
}

.order-product-name a {
    display: flex;
}

.product-name-small {
    margin-bottom: 20px;
}

.product-name-small img {
    vertical-align: middle;
}

.checkout-product-name img, .order-product-name img, .product-name-small img {
    margin-right: 15px;
    width: 75px;
    align-self: flex-start;
}

.checkout-product-price, .checkout-product-quantity, .checkout-product-subtotal, .order-product-price, .order-product-quantity, .order-product-subtotal {
    width: 100px;
    flex: 1;
}

.checkout-product-price .product-price, .order-product-price .product-price {
    font-weight: 500;
    padding: 5px;
}

.checkout-totals {
    border-top: 1px solid #999;
    padding-top: 10px;
    text-align: right;
}

.apply-coupon {
    margin-top: 10px;
}

.coupon-result {
    margin-top: 10px;
}

.coupon-code {
    display: flex;
    justify-content: space-between;
}

.coupon-code label {
    margin-bottom: 0;
}

a.email-cart {
    align-items: center;
    display: flex;
}

a.email-cart svg {
    margin-right: 5px;
}

a.email-cart, a.email-cart:hover, .gray-btn, a.gray-btn, .gray-btn:hover, a.gray-btn:hover {
    background: #ebebeb;
    border: 1px solid #ebebeb;
    color: #555;
}

a.email-cart, a.email-cart:hover, .coupon-code .alert-success {
    align-self: flex-end;
}

.add-btn {
    padding-left: 35px;
}

.add-btn:before {
    background: none;
    content: "+";
    font-size: 30px;
    line-height: 13px;
    left: 5px;
    padding: 0;
    height: 18px;
    top: 50%;
    margin-top: -8px;
}

.coupon-code .email-cart {
    margin-bottom: 10px;
}

.checkout-product-quantity .product-quantity {
    margin: 3px auto 0 auto;
}

.product-quantity {
    border: 1px solid #999;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 20px;
    width: 65px;
}

.quantity-button {
    background: none;
    box-shadow: none;
    border: none;
    font-size: 14px;
    flex-basis: 20px;
    flex: 1 1 0;
    padding: 0;
    color: #222;
}

input.quantity {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: none;
    border-bottom: none;
    cursor: default;
    display: inline-block;
    flex: 1 1 auto;
    padding: 0;
    text-align: center;
    width: 0;
}

.box-content .row, .order-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.input-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
}

.input-group.delivery-other-peru {
    flex-direction: column;
}

input[name=notes] {
    width: 400px;
    max-width: 100%;
}

label[for=terms] {
    margin-bottom: 20px;
}

.card-field {
    justify-content: flex-start;
    position: relative;
}

.card-placeholder {
    padding-left: 0;
}

.card-placeholder:before {
    padding: 0;
    width: 14px;
    height: 14px;
}

.card-number-label:before {
    background-position: -66px -181px;
    top: 38px;
}

.card-placeholder input {
    margin-top: 10px;
    padding-left: 22px;
}

.credit-card-form, input.card-number {
    width: 350px;
}

.card-cvc-label:before {
    background-position: -107px -178px;
    top: 35px;
}

.card-expiry-security, .card-logos {
    display: flex;
    margin-bottom: 20px;
}

.card-expiry-security {
    align-items: flex-end;
}

.card-expiry-security label {
    width: auto;
}

.card-expiry-security label, .credit-card-form .input-group {
    margin: 0;
}

.card-logos {
    justify-content: space-between;
}

.card-expiration {
    margin-right: 20px;
}

input.input-mini {
    width: 100px;
}

.confirm-order {
    margin-top: 25px;
}

.box {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.14), 0 0 5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
}

.box-content {
    padding: 20px;
}

.box-title {
    font-weight: 500;
    height: 30px;
    padding: 6px 0 0 45px;
    position: relative;
}

.box-title-simple {
    font-weight: 500;
    margin-bottom: 15px
}

.box-title:before {
    background: var(--secondary-color);
    color: #fff;
    content: '';
    display: block;
    font-size: 18px;
    line-height: 28px;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    text-align: center;
}

.box-title-1:before {
    content: '1';
}

.box-title-2:before {
    content: '2';
}

.box-title-3:before {
    content: '3';
}

.box-title-4:before {
    content: '4';
}

.box-title-5:before {
    content: '5';
}

.box-title-6:before {
    content: '6';
}

.box-title-cart {
    align-items: center;
    display: flex;
    padding: 0;
}

.box-title-cart svg {
    background: #fab140;
    fill: #fff;
    height: 20px;
    width: 20px;
    padding: 5px;
    margin-right: 15px;
}

.box-title-cart:before {
    display: none;
}

.box-title-small {
    font-weight: normal;
    font-size: 12px;
}

.mb-1 {
    margin-bottom: 10px;
}

.main-footer .wrapper {
    display: flex;
    justify-content: space-between;
}

.main-footer-top {
    background: #f6f6f0;
    padding-bottom: 50px;
}

.footer-company-info {
    width: 265px;
}

.footer-address-details {
    display: inline-block;
}

.main-footer-bottom {
    background: #ecece8;
}

.main-footer-bottom .wrapper {
    align-items: center;
    min-height: 50px;
}

.footer-column a.icon {
    padding-left: 0
}

.footer-column a.icon:before {
    display: none;
}

.payment-cards {
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment-cards svg {
    margin-right: 10px;
}

.main-footer p, .main-footer a {
    color: #222;
}

.footer-column-title {
    border-bottom: 1px solid #696d7a;
    font-size: 24px;
    font-weight: 300;
    padding: 0 15px 5px 0;
    margin: 10px 0;
}

.main-footer li {
    margin-bottom: 5px;
}

.top-menu .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-menu li {
    display: inline-block;
}

.top-menu .wrapper .top-right-menu-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-right-menu .active a, .main-header-top-nav .active a {
    color: var(--primary-color);
}

.top-right-menu li:first-child a {
    margin-right: 15px;
}

.top-right-menu a, .user-nav a {
    align-items: center;
    display: flex;
    margin-right: 15px;
}

.user-nav .login-buttons a {
    display: inline-block;
    margin-right: 0;
}

.top-right-menu svg, .user-nav svg {
    height: 12px;
    width: 12px;
    margin-right: 5px;
}

.top-right-menu .active svg, .top-right-menu a:hover svg, .user-nav .active svg, .user-nav a:hover svg {
    fill: var(--primary-color);
}

.search-form {
    position: relative;
}

input.search-input {
    padding-right: 30px;
    width: 175px;
}

.search-icon {
    background: none;
    border: none;
    box-shadow: none;
    width: 17px;
    height: 17px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 6px;
}

.main-menu > ul > li {
    font-weight: 500;
    margin-right: 20px;
}

.main-menu > ul > li:last-child {
    margin-right: 0;
}

.main-menu a {
    align-items: center;
    display: flex;
    padding: 15px;
}

.main-menu > ul > li.active a {
    background: var(--primary-color);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}

.section-menu-container {
    background: var(--primary-color);
    display: flex;
    align-items: center;
    height: 45px;
}

.section-menu > ul > li:not(:last-child) {
    margin-right: 10px;
}

.section-menu-container a {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 500;
    padding: 7px 10px;
}

.section-menu-container li.active a {
    background: #fff;
    color: var(--primary-color);
}

.section-menu-container li:not(.active) a:hover {
    color: #fff;
}

.section-menu li {
    position: relative;
    z-index: 9999;
}

.section-menu li ul {
    background: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    position: absolute;
    min-width: 225px;
}

.section-menu li > ul li {
    display: block;
}

.section-menu li.parent li a {
    color: #222;
    font-weight: 300;
}

.section-menu li.parent ul a:hover, .section-menu li.parent ul li:hover > a, .section-menu li li.active > a {
    background: var(--secondary-color);
    color: #fff;
}

.section-menu li ul ul {
    left: 100%;
    top: 0;
}

.section-menu li ul {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.section-menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease;
}

.sidebar {
    width: 290px;
}

.content {
    width: 850px;
}

.full-width, input.full-width {
    width: 100%;
}

main.wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

main.wrapper > aside {
    background: #fff;
    margin-right: auto;
}

.sidebar-title {
    align-items: center;
    background: #f6f6f0;
    display: flex;
    font-weight: 500;
    padding: 0;
}

.sidebar-menu .sidebar-title {
    text-transform: uppercase;
}

.sidebar-title svg {
    fill: #fff;
    background: var(--primary-color);
    padding: 8px;
}

.sidebar-menu {
    background: #fff;
    border: 1px solid #ececec;
    margin-bottom: 25px;
}

.sidebar-menu > ul {
    padding: 5px;
}

.sidebar-menu li {
    position: relative;
}

.sidebar-menu li a:after {
    background: #ababab;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    position: absolute;
    right: 10px;
    top: 16px;
}

.sidebar-menu li a:hover:after, .sidebar-menu li.active > a:after {
    background: #fff;
}

.sidebar-menu li.parent > a:after {
    background: transparent;
    border-left: 7px solid #ababab;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    right: 9px;
    top: 10px;
    width: 0;
    height: 0;
}

.sidebar-menu li.active.parent > a:after {
    right: 6px;
    top: 14px;
}

.sidebar-menu li.parent > a:hover:after {
    border-left: 7px solid #fff;
}

.sidebar-menu li.parent.active > a:after {
    background: transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    right: 6px;
    width: 0;
    height: 0;
}

.sidebar-menu a {
    align-items: center;
    color: #222;
    display: flex;
    font-weight: 500;
    padding: 8px 10px;
}

.sidebar-menu li.active > a, .sidebar-menu li:not(.active) > a:hover {
    background: var(--primary-color);
    color: #fff;
}

.sidebar-menu li.active > a svg, .sidebar-menu li:not(.active) > a:hover svg, .main-menu li.active > a svg {
    fill: #fff;
}

.sidebar-menu svg, .section-menu-container svg, .main-menu svg, .sidebar-title svg {
    width: 24px;
    height: 24px;
    margin-right: 7px;
}

.section-menu-container svg {
    fill: white;
}

.section-menu-container li.active svg, .main-menu li:not(.active) a:hover svg {
    fill: var(--primary-color);
}

.main-footer nav svg {
    display: none;
}

.sidebar-menu li.active > a {
    position: relative;
}

.sidebar-menu ul ul {
    display: none;
    padding: 5px 0 0 30px;
}

.sidebar-menu li.active > ul {
    display: block;
}

.sidebar-menu > ul > li > ul {
    padding-bottom: 5px;
}

.sidebar-menu ul ul li {
    padding: 0 0 0 5px;
}

.sidebar-menu ul ul li:not(.active) {
    border-left: 1px solid #ececec;
    padding-left: 4px;
}

.sidebar-menu ul ul li.active > a, .sidebar-menu ul ul li:not(.active) > a:hover {
    background: var(--secondary-color);
    color: #fff;
}

.sidebar-block {
    margin-bottom: 25px;
}

.phone-reviews-sidebar {
    position: fixed;
    left: 0;
    top: 300px;
}

.sidebar-block-wide {
    display: block !important;
}

.sidebar-block-narrow {
    display: none !important;
}

.side-telephone-container {
    border: 2px solid var(--primary-color);
    color: #222;
    font-weight: 500;
    padding: 10px 15px 10px 65px;
    text-align: center;
    position: relative;
}

.side-telephone-container a {
    color: var(--primary-color);
    display: block;
}

.side-telephone-container a[href^="mailto"] {
    font-size: 20px;
}

.side-telephone-container svg {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 5px;
    top: 15px;
    fill: var(--primary-color);
}

.side-telephone {
    font-size: 29px;
    line-height: 26px;
    text-decoration: none;
}

.side-telephone-container.side-telephone-container-narrow {
    display: none;
    padding: 10px 15px 10px 45px;
}

.side-telephone-container.side-telephone-container-narrow a {
    padding: 0;
}

.shipping-info-sidebar {
    background: #595959;
    color: #fff;
    font-weight: 500;
    padding: 14px;
    text-align: center;
    text-transform: uppercase;
}

#sidebar img {
    display: block;
}

.all-reviews-sidebar {
    text-align: center;
    font-weight: 500;
    display:flex;
    justify-content:center;
    margin-bottom: 15px;
    padding-left: 5px;
}

.country-pe .all-reviews-sidebar {
    top: 425px;
}

.all-reviews-sidebar a {
    color: var(--primary-color);
    display: flex;
    font-size: 15px;
    text-decoration: none;
}

.sidebar-reviews-sitename {
    color: #222;
}

.sidebar-reviews-title {
    display: block;
    margin-bottom: 46px;
    padding-top: 9px;
    text-transform: uppercase;
}

.sidebar-content {
    padding: 10px;
}

.sidebar-content label {
    display: block;
    margin: 0;
}

label.filter-select {
    margin: 10px 0 0 0;
}

.chat-form option {
    width: 170px;
}

.filter-links {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
}

.filter-links a {
    display: inline-block;
    width: 250px;
    margin: 0 10px 3px 0;
}

.filter-name {
    cursor: pointer;
    padding-right: 30px;
    position: relative;
}

.filter-name:after {
    display: block;
    content: '+';
    font-size: 22px;
    height: 28px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    right: 5px;
    transition: all 0.3s ease-out;
}

.filter-options {
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 10px 10px 0 10px;
    transition: all 0.3s ease-out;
}

.unfold .filter-name:after {
    transform: rotate(45deg);
}

.unfold .filter-options {
    height: auto;
    opacity: 1;
    padding: 10px;
}

.sidebar-content input {
    margin-right: 5px;
}

.sidebar-blog-search input {
    width: 100% !important;
    margin: 10px 0 0 0 ;
}

.info-headline {
    font-size: 26px;
}

.separator-before:before {
    background: #fff;
    content: "";
    display: block;
    margin: 20px auto;
    height: 1px;
    width: 55px;
}

.homepage-intro {
    color: var(--primary-color);
    display: inline-block;
    float: right;
    margin: 17px 17px 0 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.homepage-headline {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
}

.homepage-subtitle {
    font-size: 24px;
    line-height: 24px;
    margin: 0;
}

.homepage-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-box {
    border: 1px solid #d1d2d4;
    font-size: 14px;
    margin: 0 0 30px 0;
    width: 260px;
    height: 300px;
    text-transform: uppercase;
}

.category-box-title {
    color: #222;
    font-weight: 500;
}

.category-box a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 8px 0 0 40px;
    position: relative;
}

.category-box img {
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-left: -112px;
    margin-bottom: -128px;
    z-index: -1;
}

.category-box .icon:before {
    background-color: var(--primary-color);
}

.hamburger-menu, .sidebar-additional-menu {
    display: none;
}

.category-intro {
    display: flex;
    margin-bottom: 20px;
}

.category-main-description p:last-child {
    margin-bottom: 0;
}

.ordering-form {
    margin-bottom: 15px;
    text-align: right;
}

.category-video {
    margin-left: 25px;
    flex: 0 0 250px;
}

.category-video iframe {
    width: 100%;
}

.product-video, .category-video {
    position: relative;
    width: 100%;
}

.product-video a, .category-video a {
    display: block;
}

.product-video img, .category-video img {
    width: 100%;
}

.product-video {
    margin-top: 20px;
}

.category-video .play-icon, .product-video .play-icon {
    cursor: pointer;
    position: absolute;
    top : 50%;
    left : 50%;
    transform: translate(-50%, -50%);
}

.category-video a:hover svg, .product-video a:hover svg {
    fill: #CC181E;
}

.video-overlay, .featherlight-overlay {
    display: none;
    width: 300px;
}

.featherlight-overlay label, .featherlight-overlay input {
    width: 100%;
}

.video-overlay {
    width: 560px;
    height: 315px;
}

.featherlight-content .video-overlay, .featherlight-content .featherlight-overlay {
    display: block;
}

.category-products, .related-products, .calculated-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-products:after, .related-products:after, .calculated-products:after, .homepage-categories:after {
    content: "";
    display: block;
    flex-basis: 260px;
}

.category-product {
    font-size: 14px;
    margin: 0 0 30px;
    width: 260px;
}

.category-product img {
    display: block;
    margin: 0 auto;
    max-height: 250px;
}

.product-frame {
    border: 1px solid #d1d2d4;
    padding-bottom: 20px;
    position: relative;
}

.product-price {
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    padding: 5px 12px;
}

.product-frame .rating {
    position: absolute;
    top: 5px;
    right: 5px;
}

.category-products .product-price, .related-products .product-price, .calculated-products .product-price {
    position: absolute;
    bottom: 0;
}

.category-products .product-discount, .related-products .product-discount, .calculated-products .product-discount {
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
}

.product-name {
    color: #222;
    margin-top: 10px;
    text-align: center;
}

.category-long-description {
    margin-top: 25px;
}

.pagination {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

.pagination-count {
    order: -1;
    position: absolute;
    top: 0;
    left: 0;
}

.pagination-list {
    align-content: space-around;
}

.pagination-list a, .pagination-list span {
    padding: 0 7px;
}

.pagination-list li.active {
    background: var(--primary-color);
    color: #fff;
}

.product-intro {
    display: flex;
    justify-content: space-between;
}

.product-image-container {
    width: 250px;
    padding-top: 3px;
}

.product-manufacturer img {
    height: 25px;
    margin-left: 10px;
    vertical-align: middle;
}

.product-image {
    position: relative;
}

.composed-description img {
    max-width: 125px;
}

.out-of-stock {
    background: var(--secondary-color);
    box-sizing: border-box;
    color: #fff;
    text-align: right;
    padding: 3px 10px 3px 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.add-to-cart {
    width: 560px;
}

.add-to-cart-main {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 13px;
}

.add-to-cart-main select {
    margin: 10px 0;
}

.product-basic-info {
    margin: 10px 0;
    line-height: 24px;
}

.padded-container {
    display: flex;
    margin-bottom: 5px;
}

.padded-container-title {
    font-weight: 500;
    margin-right: 5px;
    width: 90px;
}

.padded-container-content {
    flex: 1;
    padding-left: 10px;
}

.delivery-time {
    background: var(--secondary-color);
    color: #fff;
}

.delivery-time a {
    color: #fff;
    display: block;
    position: relative;
    padding-right: 10px;
}

.delivery-time a:after {
    background: transparent;
    content: "\0203A";
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    position: absolute;
    right: 5px;
    top: -3px;
    transition: all 0.3s ease-out;
}

.delivery-time.unfold a:after {
    transform: rotate(90deg);
    top: 0;
    right: 0;
}

.delivery-time > div {
    transition: all 0.3s ease-out;
}

.delivery-time > div {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}

.delivery-time.unfold > div {
    height: auto;
    opacity: 1;
}

.arrow-link:before {
    color: #fff;
    display: inline-block;
    content: "\27F6";
    margin: 0 3px;
}

.arrow-link {
    font-weight: 500;
    text-decoration: none;
}

.sidebar-menu li.active.parent > a:after {
    right: 6px;
    top: 14px;
}

.price-container {
    display: flex;
}

.quantity-container {
    display: inline-block;
    vertical-align: bottom;
}

.base-price {
    color: #bbb;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    margin-top: 3px;
    margin-left: 25px;
    text-transform: uppercase;
}

.base-price span {
    font-size: 16px;
    font-weight: 300;
}

.add-to-cart .product-price {
    background: none;
    color: var(--primary-color);
    display: inline-block;
    font-size: 42px;
    line-height: 42px;
    font-weight: 400;
    padding: 0;
    letter-spacing: -0.1rem;
}

.add-to-cart .small-number {
    font-size: 32px;
    letter-spacing: -0.1rem;
}

.reviews-link {
    display: block;
    text-align: right;
    font-size: 12px;
    white-space: nowrap;
    text-decoration: underline;
}

.highlighted-opinion-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.highlighted-opinion-header > strong {
    font-size: 16px;
    margin-right: 15px;
}

.order-action {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.add-to-cart-button {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.active-button {
    opacity: 0.5;
}

.price-order-button {
    display: flex;
    justify-content: space-between;
}

.product-info-logos {
    display: flex;
    justify-content: space-between;
}

.trust-images {
    text-align: right;
}

.trust-images img {
    vertical-align: middle;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.product-tabs, .amortization-tabs {
    border: 2px solid var(--primary-color);
    font-weight: 500;
    display: flex;
    justify-content: space-around;
    margin: 25px 0 30px 0;
}

.product-tabs li {
    width: 25%;
}

.amortization-tabs li {
    flex: 1;
    text-transform: uppercase;
}

.amortization-years {
    background: #F7BE00;
    border-radius: 3px;
    color: #222;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    margin-top: 5px;
    padding: 3px 6px;
    text-transform: none;
}

.amortization-years strong {
    font-size: 16px;
    font-weight: 600;
}

.product-tabs a, .amortization-tabs a {
    border-left: 2px solid var(--primary-color);
    color: #222;
    display: block;
    padding: 10px 0;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
}

.product-tabs li:first-child a, .amortization-tabs li:first-child a {
    border-left: none;
}

.product-tabs .active-tab a, .amortization-tabs .active-tab a {
    background: var(--primary-color);
    border: none;
    color: #fff;
    position: relative;
}

.product-tabs .active-tab a:before, .amortization-tabs .active-tab a:before {
    border-top: 12px solid var(--primary-color);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -6px;
}

.product-tabs-container h2, h2, #main-content .title {
    font-size: 24px;
    font-weight: 300;
}

#main-content div.title, #main-content p.title {
    margin: 20px 0;
}

.product-tabs-container h3, #main-content div.title-small, #main-content p.title-small {
    font-size: 20px;
    font-weight: 300;
}

#main-content div.title-small, #main-content p.title-small {
    margin: 10px 0;
}

.specification li {
    padding-left: 16px;
    margin-bottom: 5px;
    position: relative;
}

.specification li:before {
    background-color: var(--primary-color);
    display: inline-block;
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0;
    top: 7px;
}

.blog-intro, .blog-posts .post {
    margin-bottom: 30px;
}

.blog-posts .post {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.blog-posts .post-image {
    width: 360px;
}

.post-intro {
    width: 450px;
}

.post-video {
    margin: 15px 0;
}

.blog-posts .post-title {
    font-weight: 300;
    margin: 0;
}

.post-category-name {
    font-weight: 500;
}

.sidebar-module {
    margin-bottom: 25px;
}

.login {
    position: relative;
}

.login-box {
    width: 200px;
    text-align: left;
}

.forgot-password {
    font-size: 12px;
    margin: 5px 0 10px 0;
}

.login .input-group {
    margin-bottom: 0;
}

.login-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.narrow-form {
    width: 440px;
}

.vertical-form .input-group {
    flex-direction: column;
}

.telephone, .location, .email {
    padding-left: 30px;
}

.telephone:before, .email:before, .location:before {
    background-size: 24px 24px;
}

.manufacturers-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.manufacturers-list a {
    display: block;
    margin-bottom: 20px;
    width: 200px;
    text-align: center;
}

.product-review {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 25px;
}

.product-review:last-of-type {
    border-bottom: none;
}

.review-form .input-group span {
    font-weight: 500;
}

.review-user-rating {
    display: flex;
}

.review-user-rating > span:first-child {
    font-weight: 500;
}

.review-form .review-user-rating {
    margin-bottom: 10px;
}

.review-user-rating .rating {
    display: inline-block;
    margin: 0 0 0 10px;
}

.review-inner {
    flex: 1;
}

.rating {
    display: inline-block;
    position: relative;
}

.rating > span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-right: 2px;
    width: 17px;
    height: 18px;
}

.rating > span:before, .star:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
}

.active-stars {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}

.rating label {
    margin: 0
}

.rating:not(:checked) > input {
    visibility: hidden;
    position: absolute;
    top: 0;
}

.rating:not(:checked) > label {
    float: right;
    width: 16px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    margin-right: 2px;
}

.rating:not(:checked) > label:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
}

.star:before, .rating > span:before, .rating:not(:checked) > label:before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7069%) hue-rotate(286deg) brightness(134%) contrast(86%);
}

.active-stars .star::before, .rating > input:checked ~ label, .rating > input:checked ~ label:before, .active-stars .star:before,
.rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label, .rating:not(:checked) > label:hover ~ label:before,
.rating > input:checked + label:hover, .rating > input:checked + label:hover:before,
.rating > input:checked + label:hover ~ label, .rating > input:checked + label:hover ~ label:before,
.rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover:before,
.rating > input:checked ~ label:hover ~ label, .rating > input:checked ~ label:hover ~ label:before,
.rating > label:hover ~ input:checked ~ label, .rating > label:hover ~ input:checked ~ label:before {
    filter: none;
}

.inactive-stars {
    position: relative;
    display: inline-block;
}

.rating-count {
    display: inline-block;
    height: 18px;
    font-size: 12px;
    line-height: 9px;
    margin-left: 5px;
    vertical-align: middle;
}

.review, .question {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.review-header, .question-header, .reply-header {
    display: flex;
    justify-content: space-between;
}

.review-user-rating .rating-container {
    display: inline-block;
    margin-left: 10px;
}

.review-product-image {
    flex: 0 0 90px
}

.review-product-image img {
    width: 50px;
}

.review.with-product-image {
    display: flex;
}

.reply {
    background: var(--secondary-color);
    color: #fff;
    float: right;
    margin-bottom: 10px;
    padding: 20px;
    width: 80%;
}

.reply p {
    margin-bottom: 0;
}

#email-cart h3 {
    margin-bottom: 25px;
}

.calculator-container {
    margin-bottom: 30px;
}

.calculator-elements {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    width: 660px;
}

.calculator-elements:after {
    content: "";
    display: block;
    flex-basis: 200px;
}

.calculator-element {
    width: 200px;
}

.calculator-element > div {
    display: inline-block;
    position: relative;
}

.calculator-element-remove {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: -6px;
    right: -13px;
}

.calculator-data.active {
    margin-bottom: 15px;
}

.active .total-consumption {
    border-top: 1px solid #999;
    padding-top: 15px;
    margin-top: 15px;
}

.calculator-buttons {
    margin-top: 25px;
}

#add-device .input-group {
    flex-direction: row;
    align-items: flex-end;
}

.payment-financing select {
    margin: 0 5px 5px 0;
}

.delivery-installation select {
    margin: 5px 5px 5px 0;
}

.financing-details p:first-child, .payment-financing label, .payment-financing .input-group {
    margin: 0;
}

.financing-details p.small {
    margin: 5px 0;
}

.chat-window {
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 9999;
}

.chat-invite {
    background: var(--primary-color);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    color: #fff;
    align-items: center;
    display: flex;
    font-weight: 500;
    padding: 5px 10px;
}

.chat-invite svg {
    fill: #fff;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.chat-inner {
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0;
    width: 260px;
}

.chat-content {
    height: 260px;
    overflow-y: scroll;
    padding: 10px;
}

.chat-content p {
    margin-top: 0;
}

.chat-header {
    background: var(--primary-color);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 0;
    text-align: center;
    position: relative;
}

.chat-header:after {
    display: inline-block;
    content: '-';
    font-size: 44px;
    font-weight: 300;
    line-height: 14px;
    position: absolute;
    top: 0;
    right: 7px;
}

.chat-button {
    border-top: 1px solid #efefef;
    padding: 15px;
}

.chat-button button {
    font-weight: 600;
    text-transform: none;
}

.chat-form label {
    font-weight: 500;
}

.chat-form textarea, .chat-form input {
    width: 100%;
}

.chat-form textarea {
    margin-top: 10px;
}

.left-align {
    float: left;
    margin-right: 20px;
}

.right-align {
    float: right;
    margin-left: 20px;
}

img.center-align {
    display: block;
    margin: 0 auto;
}

.responsive-break, .mobile-search {
    display: none;
}

.warranty-image img {
    width: 200px;
}

.cookie-notice {
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    padding: 5px 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.cookie-notice .wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.cookie-notice p {
    margin: 5px 0;
    max-width: 90%;
}

.cookie-notice a {
    background: none !important;
    padding: 0;
}

#eCalculadoraCetelemDiv {
    padding-top: 5px;
    margin-bottom: 10px;
}

#eCalculadoraCetelemDiv .smallTextCtl, #eCalculadoraCetelemDiv .eCalculadoraCetelem .cont_importeMensualidadCtl {
    color: #fff;
}

.sidebar-mobile {
    display: none;
}

.warehouse-details {
    margin-bottom: 10px;
}

.current-electricity-prices {
    border: 1px solid var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
}

.current-electricity-price {
    border-right: 2px solid var(--secondary-color);
    flex: 1 1 auto;
    text-align: center;
}

.current-electricity-price:last-child {
    border-right: none;
}

.current-electricity-price-title {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.current-electricity-price-value {
    color: var(--primary-color);
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

.current-electricity-price-date {
    font-size: 12px;
}

.current-electricity-price-arrow {
    fill: #ea6565;
    width: 14px;
}

.current-electricity-price-arrow-down {
    fill: var(--primary-color);
    transform: rotate(180deg);
}

.highlighted-button, a.highlighted-button {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.toc {
    border-left: 2px solid #ccc;
    padding-left: 7px;
}

.toc p {
    margin: 5px 0;
}

.service-title {
    border: 1px solid #ccc;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-right: 20px;
    margin-bottom: 5px;
}

.service-title:after {
    display: block;
    content: "\0203A";
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    position: absolute;
    right: 5px;
}

.service-title.no-unfold {
    cursor: initial;
}

.service-title.no-unfold:after {
    display: none;
}

.service-description {
    background: #eee;
    padding: 2px 10px;
    font-size: 13px;
}

.service-description, .service-description p {
    line-height: 18px;
}

.service-option {
    margin: 5px 0;
}

.service-option-highlighted {
    border: 1px solid var(--secondary-color);
    padding: 2px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-price {
    color: var(--primary-color);
    font-weight: 500;
    margin-top: 10px;
}

.service-options label {
    margin: 10px 0 0 0;
    text-align: left;
}

.installation-province {
    width: 170px;
}

.d-flex {
    display: flex;
}

.justify-content-end {
    justify-content: end;
}

.kit-graphics-top-block {
    align-items: center;
    justify-content: space-between;
    width: 30%;
}

.kit-graphic-dropdowns > div {
    margin-bottom: 15px;
}

.chart-label {
    color: #878787;
    font-weight: 400;
    text-transform: uppercase;
}

.light-background {
    background: #f6f6f6;
    padding: 20px;
}

.doughnut-chart {
    position: relative;
    padding-top: 20px;
}

.chosen-solar-percentage {
    color: var(--secondary-color);
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    top: 42%;
    left: 51%;
    transform: translate(-50%, -50%);
}

.solar-percentage-small {
    font-size: 18px;
}

.bar-chart {
    position: relative;
}

.bar-chart canvas {
    padding-top: 20px;
}

.bar-chart canvas {
    height: 200px !important;
    width: 100% !important;
}

.spain-sun-map {
    display: flex;
    flex-direction: column;
    margin: 0 20px;
}

.solar-zones-image {
    display: flex;
    align-items: center;
    flex: 1;
}

.power-tower {
    background: #f6f6f6;
    padding: 10px 10px 10px 50px;
    position: relative;
    min-height: 41px;
    display: flex;
    align-items: center;
}

.power-tower:before {
    background: url('../images/icon-power-tower.png') no-repeat;
    content: '';
    display: block;
    width: 25px;
    height: 41px;
    position: absolute;
    left: 10px;
    top: calc(50% - 20px);
}

.panel-surface-container {
    font-size: 11px;
    text-align: center;
    width: 111px;
}

.panel-surface {
    background: url('../images/product-dimensions.png') no-repeat;
    font-size: 22px;
    line-height: 21px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 81px;
    width: 100%;
}

.panel-surface span {
    font-size: 16px;
    line-height: 21px;
}

.kit-ideal-consumption-container {
    font-size: 11px;
    text-align: center;
    width: 111px;
}

.kit-ideal-consumption {
    background: url('../images/product-light.png') no-repeat;
    font-size: 20px;
    line-height: 21px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 81px;
    width: 100%;
}

.kit-ideal-consumption span {
    font-size: 14px;
    line-height: 21px;
}

.kit-product-info-graphics {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.contact-location {
    padding-left: 20px;
    position: relative;
}

.contact-location-title {
    font-size: 16px;
}

.dropdown-arrow, .dropdown-arrow-after {
    cursor: pointer;
}

.dropdown-arrow:before {
    background: transparent;
    content: "";
    display: inline-block;
    position: absolute;
    border-left: 7px solid #ababab;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    left: 0;
    top: 5px;
    width: 0;
    height: 0;
}

.unfold.dropdown-arrow:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ababab;
    top: 8px;
}

.contact-sidebar-dropdown {
    position: relative;
    margin: 10px 0;
    background: #ccc;
    padding: 2px 0;
}

.dropdown-arrow-after:after {
    background: transparent;
    content: "";
    display: inline-block;
    position: absolute;
    border-left: 7px solid #222;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    right: 10px;
    top: 3px;
    width: 0;
    height: 0;
}

.unfold.dropdown-arrow-after:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #222;
    top: 7px;
}

.cookie-configuration {
    background: #fff;
    box-shadow: -1px 10px 19px -4px rgba(0,0,0,0.55);
    position: fixed;
    left: 50%;
    top: 50%;
    padding: 0 20px;
    width: 600px;
    max-width: 100%;
    z-index: 9999;
    transform: translate(-50%, -50%);
}

.grecaptcha-badge {
    visibility: hidden;
}

.progress {
    position: relative;
    height: 30px;
    margin: 4px 15px 0 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    width: 200px;
}

.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    background-color: var(--primary-color);
}

.progress-bar-title {
    position: absolute;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
    overflow: hidden;
    color: #222;
    right: 0;
    left: 0;
    top: 0;
}

.no-cart-progress-bar,  #main-content .custom-form {
    display: none;
}

.custom-form input:not([type='checkbox'],[type='radio']), .custom-form select, .custom-form textarea, .custom-form label {
    width: 100% !important;
}

.sidebar-whatsapp a {
    padding: 5px !important;
    text-align: left;
}

.sidebar-whatsapp img {
    display: inline !important;
    height: 22px;
    width: 22px;
    vertical-align: middle;
}

.sidebar-whatsapp span {
    color: #fff;
    text-transform: none;
    vertical-align: middle;
}

.country-es.root-880 .side-telephone, .country-es.root-880 .contact-sidebar-dropdown {
    display: none;
}

@media (max-width: 1750px) {
    .phone-reviews-sidebar {
        position: relative;
        top: 0;
    }

    .sidebar-block-wide {
        display: none !important;
    }

    .sidebar-block-narrow {
        display: block !important;
    }

    .side-telephone-container {
        margin-bottom: 15px;
        padding-right: 35px;
        text-align: center;
        top: 0;
    }

    .side-telephone-container a[href^="mailto"] {
        font-size: 16px;
    }

    .all-reviews-sidebar {
        position: static;
    }

    .all-reviews-sidebar a {
        display:inline;
    }

    .cookie-notice .wrapper {
        display: block;
        padding: 0;
    }

    .cookie-notice p {
        width: 100%;
    }
}

@media (min-width: 1280px) {
    .cart-widget.with-content:hover .cart-content {
        visibility: visible;
        opacity: 1;
        transition-delay: .1s;
    }

}

@media (max-width: 1279px) {

    .alert-error, .alert-danger {
        font-size: 14px;
    }

    .wrapper {
        width: 980px;
    }

    .content {
        width: 700px;
    }

    .full-width, input.full-width {
        width: 100%;
    }

    .homepage-headline {
        font-size: 32px;
        line-height: 32px;
    }

    .homepage-intro {
        margin: 5px 0 0 0;
    }

    .homepage-subtitle {
        font-size: 20px;
        line-height: 24px;
    }

    .footer-company-details {
        font-size: 12px;
    }

    .category-box {
        font-size: 13px;
        margin: 0 0 18px 0;
        width: 220px;
        height: 240px;
    }

    .category-box img {
        margin-bottom: -120px;
        margin-left: -100px;
        width: 190px;
        height: auto;
    }

    .category-products:after, .related-products:after, .calculated-products:after, .homepage-categories:after {
        flex-basis: 220px;
    }

    .category-product {
        margin: 0 0 20px;
        width: 220px;
    }

    .category-product img {
        max-height: 190px;
    }

    .section-menu-container a {
        padding: 7px 8px;
    }

    .section-menu > ul > li:not(:last-child) {
        margin-right: 4px;
    }

    .section-menu > ul > li:last-child ul {
        right: 0;
    }

    .product-image-container {
        width: 180px;
    }

    .add-to-cart {
        width: 500px;
    }

    .add-to-cart-main {
        padding: 8px;
    }

    .add-to-cart .product-price {
        font-size: 32px;
        line-height: 32px;
    }

    .delivery-time a {
        padding-right: 15px;
    }

    .base-price {
        font-size: 11px;
    }

    .base-price span {
        font-size: 13px;
    }

    h1.title, .content-header h1 {
        font-size: 22px;
    }

    .financing-quote {
        display: block;
    }

    .checkout-left {
        width: 460px;
    }

    .checkout-right {
        width: 500px;
    }

    .checkout-product-price, .checkout-product-quantity, .checkout-product-subtotal, .order-product-price, .order-product-quantity, .order-product-subtotal {
        flex-basis: 80px;
    }

    .sidebar {
        width: 265px;
    }

    .sidebar-title {
        font-size: 13px;
    }

    #add-device label {
        width: 160px;
    }

    button, input[type="submit"], .btn, a.btn {
        font-size: 15px;
        padding: 5px 20px;
    }

    .medium-btn, a.medium-btn {
        font-size: 12px;
        padding: 5px 15px;
    }

    .small-btn, a.small-btn {
        font-size: 12px;
        padding: 3px 15px;
    }

    .add-btn {
        padding-left: 35px;
    }

    a.email-cart, a.email-cart:hover {
        padding-left: 40px;
    }

    .info-headline {
        font-size: 23px;
    }

    .shipping-info-sidebar {
        font-size: 13px;
    }

    .side-telephone {
        font-size: 26px;
    }

    .blog-posts .post-image {
        width: 230px;
    }

    .checkout-product .remove-product {
        display: block;
    }

    .cookie-notice .wrapper {
        box-sizing: border-box;
        padding-right: 170px;
    }

    .cookie-notice p {
        max-width: 100%;
    }

    .all-reviews-sidebar a {
        font-size: 13px;
    }

    .panel-surface-container, .kit-ideal-consumption-container {
        width: 45%;
    }

    .panel-surface, .kit-ideal-consumption {
        background-size: contain;
        font-size: 17px;
        line-height: 18px;
        height: 60px;
    }

    .panel-surface span {
        font-size: 13px;
        line-height: 18px;
    }

    .kit-ideal-consumption span {
        font-size: 13px;
        line-height: 18px;
    }

    .sidebar-whatsapp span {
        font-size: 11px;
    }

    .installation-province {
        width: 105px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .add-btn:before {
        background-image: none;
    }
}

@media (max-width: 1023px) {
    body, input, textarea, select {
        font-size: 13px;
    }

    .wrapper {
        width: 95%;
    }

    #logo img {
        width: 220px;
        height: auto;
    }

    h3 {
        font-size: 17px;
    }

    input[type="text"], input[type="password"], input[type="email"] {
        width: 180px;
    }

    input.card-number {
        width: 350px;
        max-width: 100%;
    }

    input.input-mini {
        width: 100px;
    }

    .main-menu a {
        font-size: 11px;
        padding: 15px 8px;
    }

    input.search-input {
        margin-left: 10px;
        width: 155px;
    }

    .section-menu li a {
        font-size: 13px;
    }

    .section-menu > ul > li:not(:last-child) {
        margin-right: 4px;
    }

    .sidebar {
        width: 30%;
        min-width: 256px;
    }

    .sidebar-menu {
        margin-bottom: 15px;
    }

    .sidebar-menu ul ul ul {
        padding: 5px 0 0 10px;
    }

    .basic-filter-group label {
        display: flex;
    }

    #main-content {
        width: 70%;
        margin-left: 15px;
    }

    #main-content.full-width {
        width: 100%;
        margin: 0;
    }

    .content {
        width: 100%;
    }

    .homepage-intro {
        padding: 2px 7px;
    }

    .homepage-headline {
        font-size: 24px;
        line-height: 24px;
    }

    .homepage-subtitle {
        font-size: 14px;
        line-height: 17px;
    }

    .info-headline {
        font-size: 21px;
    }

    .shipping-info-sidebar {
        font-size: 11px;
    }

    .sidebar-block {
        margin-bottom: 15px;
    }

    .separator-before:before {
        margin: 10px auto;
    }

    .side-telephone {
        font-size: 24px;
    }

    .category-box {
        font-size: 11px;
        width: 30%;
        height: auto;
    }

    .category-box a {
        padding: 8px 0 0;
        text-align: center;
    }

    .category-box .icon:before {
        display: none;
    }

    .category-box img {
        margin-bottom: 0;
        margin-left: 0;
        position: static;
        width: 90%;
    }

    .category-intro {
        display: block;
    }

    .category-video {
        margin: 20px auto;
        width: 300px;
    }

    .category-video iframe {
        height: 184px;
    }

    .category-products:after, .related-products:after, .calculated-products:after, .homepage-categories:after {
        flex-basis: 30%;
    }

    .category-product {
        width: 30%;
    }

    .category-product img {
        max-height: 150px;
    }

    .footer-column {
        margin: 0 10px;
    }

    .footer-company-info {
        width: auto;
        max-width: 180px;
    }

    .main-footer-bottom {
        font-size: 11px;
    }

    .footer-break:after {
        display: block;
        content: "";
    }

    .footer-address-details {
        display: inline;
    }

    .responsive-break {
        display: block;
    }

    #add-device .input-group {
        display: block;
    }

    .calculator-elements {
        width: 100%;
    }

    .add-btn {
        padding-left: 35px;
        margin-top: 15px;
    }

    .sidebar-menu a {
        padding: 8px 15px 8px 3px;
    }

    .product-intro {
        display: block;
    }

    .product-image-container {
        margin: 20px auto;
    }

    .add-to-cart {
        width: 100%;
    }

    .trust-images > img {
        width: 130px;
    }

    .trust-images a img {
        width: 50px;
    }

    .checkout-left input[type="text"], .checkout-left input[type="password"], .checkout-left input[type="email"], #checkout-form textarea, .checkout-left .input-group label {
        width: 150px;
    }

    .checkout-left, .checkout-right {
        width: 49%;
    }

    .box-content {
        padding: 10px;
    }

    .checkout-product-price, .checkout-product-quantity, .checkout-product-subtotal, .order-product-price, .order-product-quantity, .order-product-subtotal {
        flex-basis: 45px;
    }

    .checkout-product-name, .order-product-name {
        width: 125px;
    }

    .product-quantity {
        width: 45px;
    }

    .quantity-button, input.quantity {
        flex: inherit;
        line-height: 14px;
        width: 15px;
    }

    .checkout-product-name img, .order-product-name img, .product-name-small img {
        margin-right: 5px;
        width: 45px;
    }

    .box {
        margin-bottom: 20px;
    }

    .checkout-product-price .product-price, .order-product-price .product-price {
        background: none;
        color: #000;
        padding: 5px 1px;
    }

    .checkout-product-price .product-price, .order-product-price .product-price, .checkout-product-subtotal {
        letter-spacing: -0.03rem;
    }

    .footer-column h3 {
        min-height: 66px;
    }

    .blog-posts .post-image {
        width: 30%;
    }

    .post-intro {
        width: 65%;
    }

    p {
        line-height: 18px;
        margin: 10px 0;
    }

    .product-tabs-container h2, h2, #main-content div.title, #main-content p.title {
        font-size: 20px;
    }

    .box-content .row, .order-product {
        border-top: 1px solid #999;
    }

    .box-content .row:nth-child(2), .order-product:nth-child(2) {
        border-top: none;
    }

    .all-reviews-sidebar a {
        font-size: 11px;
    }

    .category-products .product-discount, .related-products .product-discount, .calculated-products .product-discount {
        bottom: 26px;
        left: 0;
        right: auto;
    }

    .installation-province {
        max-width: 70%;
    }

    .kit-graphics-options {
        display: block;
    }

    .kit-graphic-dropdowns {
        width: 100%;
    }

    .spain-sun-map {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0 0;
    }

    .kit-dougnut-chart {
        width: 40%;
        display: inline-block;
        vertical-align: top;
    }

    .sidebar-whatsapp span {
        font-size: 10px;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {
    .top-right-menu li:first-child a {
        margin-right: 11px;
    }

    .main-menu a svg, .section-menu li svg, .top-right-menu svg {
        display: none;
    }
}

@media (max-width: 767px) {

    .cart-progress-bar {
        display: inline-block;
    }

    .cart-progress-bar .progress {
        display: none;
    }

    .no-cart-progress-bar {
        display: block;
    }

    .main-header {
        background: var(--primary-color);
    }

    #logo img, .cart-total-price, .section-menu-container, .top-right-menu, .sidebar,
    .shipping-info-sidebar, .side-telephone-container {
        display: none;
    }

    .main-header > .wrapper {
        align-items: center;
    }

    .top-menu {
        margin-top: 10px;
    }

    .hamburger-menu, .main-header-top-nav .icon {
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

    .hamburger-menu {
        display: inline-block;
        font-size: 44px;
        position: relative;
        left: 5px;
        top: 5px;
        width: 25px;
        height: 20px;
    }

    .hamburger-menu:before {
        border-bottom: 0.08em solid #fff;
        border-top: 0.24em double #fff;
        content: "";
        height: 0.10em;
        left: 0;
        position: absolute;
        top: 0;
        width: 0.55em;
    }

    #sidebar {
        display: none;
    }

    .sidebar-menu {
        margin-bottom: 0;
    }

    .slideout-menu {
        bottom: 0;
        display: none;
        left: 0;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        width: 256px;
        z-index: 20;
    }

    .slideout-panel {
        background: #fff;
        cursor: pointer;
        position: relative;
        z-index: 30;
    }

    .slideout-open,
    .slideout-open body,
    .slideout-open .slideout-panel {
        overflow: hidden;
    }

    .slideout-open .slideout-menu {
        display: block;
    }

    .slideout-open .overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .side-telephone-container.side-telephone-container-narrow {
        display: block;
    }

    main.wrapper {
        padding-top: 82px;
    }

    #main-content {
        margin-left: 0;
        padding-top: 15px;
        width: 100%;
    }

    #main-header {
        padding-top: 2px;
        backface-visibility: hidden;
        transition: transform 0.25s ease-in-out 0s;
        will-change: transform;
        position: fixed;
        z-index: 9998;
        top: 0;
        left: 0;
        right: 0;
    }

    .homepage-intro {
        background: var(--primary-color);
        color: #fff;
        float: none;
        margin-left: 5px;
        padding: 4px 7px;
    }

    .slideout-open #main-header {
        position: static;
    }

    .slideout-open main.wrapper {
        padding-top: 0;
    }

    .headroom--pinned {
        transform: translateY(0px);
    }

    .headroom--unpinned {
        transform: translateY(-100%);
    }

    #logo {
        display: inline-block;
        margin: 0 auto;
        width: 144px;
        height: 33px;
    }

    #logo a, #logo.main-logo-pe a {
        background: url('/images/logo-white.png') no-repeat 0 0 / 144px 33px;
        display: inline-block;
        width: 144px;
        height: 33px;
    }

    .cart-summary.icon {
        padding: 0;
        height: 32px;
        width: 30px;
    }

    .user-nav, .cart-widget {
        display: inline-block;
        vertical-align: top;
    }

    .cart-widget {
        float: none;
        margin-top: 0;
        padding-right: 5px;
    }

    .cart-items.icon {
        height: 26px;
        width: 40px;
        top: 0;
    }

    .cart-summary {
        align-items: start;
    }

    .cart-total-items {
        color: #000;
        height: 18px;
        width: 18px;
        line-height: 18px;
        top: 0;
        text-indent: 0;
    }

    .top-menu {
        background: #fff;
    }


    .main-menu > ul > li {
        margin-right: 2px;
    }

    .main-menu a {
        font-size: 11px;
        padding: 8px 4px 7px 8px;
    }

    .main-menu > ul > li.active a {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .mobile-search {
        margin-left: 5px;
        position: static;
    }

    .main-footer .wrapper {
        display: block;
        text-align: center;
        padding: 10px 0;
    }

    .footer-company-info {
        max-width: none;
    }

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

    .sidebar-title {
        box-sizing: border-box;
        min-height: 33px;
    }

    .footer-column h3 {
        min-height: 0;
    }

    footer .responsive-break {
        display: none;
    }

    .chat-window {
        right: 5px;
    }

    .chat-invite {
        padding: 5px;
    }

    .main-footer-top {
        padding-bottom: 15px;
    }

    .product-price {
        padding: 5px 8px;
    }

    .pagination-count {
        display: none;
    }

    .mobile-search {
        display: block;
        cursor: pointer;
    }

    .search {
        display: none;
    }

    .top-menu .wrapper .top-right-menu-container {
        displaY: none;
    }

    .featherlight-content .search {
        display: block;
        margin-top: 30px;
    }

    input.search-input {
        margin-left: 0;
        width: 100%;
        height: 28px;
    }

    textarea {
        width: 280px;
    }

    .cart-content, .login-box {
        top: 43px;
        right: -10px;
    }

    .cart-content {
        max-height: 335px;
        overflow-y: scroll;
    }

    .cart-content:after {
        position: fixed;
        top: 35px;
    }

    h1.title, .content-header h1 {
        line-height: 32px;
    }

    h1.title {
        padding-right: 10px;
    }

    .product-image-container {
        width: 240px;
    }

    .video-overlay {
        max-width: 75%;
        margin: 0 auto;
    }

    .featherlight-iframe .featherlight-content .featherlight-close-icon {
        display: block;
    }

    .featherlight-iframe .featherlight-content {
        width: 100%;
    }

    .narrow-form {
        max-width: 100%;
    }

    .input-group {
        justify-content: flex-start;
    }

    .input-group label, input[type="text"], input[type="password"], input[type="email"] {
        width: 160px;
    }

    input.quantity {
        flex: inherit;
        line-height: 14px;
        width: 15px;
    }

    input.input-mini {
        width: 100px;
    }

    .input-group label {
        margin-right: 20px;
    }

    .card-expiry-security label {
        width: auto;
    }

    .chat-form label, .chat-form input {
        margin-right: 0;
        width: 100%;
    }

    button, input[type="submit"], .btn, a.btn {
        padding: 5px 10px;
    }

    .add-btn {
        padding-left: 35px;
    }

    .trust-images {
        text-align: center;
    }

    .checkout-left, .checkout-right {
        width: 100%;
    }

    .checkout-main {
        display: block;
    }

    .checkout-left input[type="text"], .checkout-left input[type="password"], .checkout-left input[type="email"], #checkout-form textarea, .checkout-left .input-group label {
        width: 100%;
    }

    .user-nav > li > a, .user-nav .user-account-link {
        font-size: 0;
        margin-right: 5px;
    }

    .user-nav > li > a svg, .user-nav > li > a:hover svg, .login-container .user-account-link svg, .login-container .user-account-link:hover svg, .cart-summary svg {
        fill: white;
        width: 20px;
        height: 20px;
        margin-right: 0;
    }

    .main-header-top-nav a.email-cart, .main-header-top-nav a.email-cart:hover, a.email-cart, a.email-cart:hover {
        height: auto;
        width: auto;
        padding: 5px 7px 5px 7px;
        text-indent: 0;
    }

    .card-logos > img {
        width: 125px;
        height: 30px;
    }

    .sidebar-additional-menu {
        border-top: 1px solid #ccc;
        display: block;
    }

    .sidebar-mobile {
        display: block;
    }

    .sidebar-mobile .rating {
        margin: 0 auto;
    }

    .top-confianza {
        width: 32px;
    }

    .amortization-tabs li {
        text-transform: none;
    }

    .cookie-configuration {
        width: 500px;
    }

    #main-content .custom-form {
        display: block;
    }

    .progress {
        border-radius: 0;
        margin: 0;
        height: 14px;
    }

    .progress-bar-title {
        top: -7px;
    }

    .composed-description img {
        max-width: 50px;
    }

    #installation p img {
        max-width: 75px;
    }
}

@media (max-width: 599px) {
    .user-nav .working-hours {
        display: none;
    }

    .cookie-configuration {
        width: 350px;
    }

    .current-electricity-prices {
        padding: 10px 5px;
    }

    .current-electricity-price-title {
        font-size: 11px;
    }

    .current-electricity-price-value {
        font-size: 12px;
    }

    .current-electricity-price-date {
        font-size: 10px;
    }
}

#card-element {
    border-bottom: 1px solid #aaa;
    margin: 20px 0;
}

@media (max-width: 460px) {

    .spain-sun-map {
        box-sizing: border-box;
        width: 100%;
        display: block;
        margin: 0 0 20px 0;
    }

    .kit-dougnut-chart {
        box-sizing: border-box;
        width: 100%;
        display: block;
    }

    .cookie-configuration {
        width: 250px;
    }

}


@media (max-width: 430px) {
    .cookie-notice .wrapper {
        padding: 0 0 35px 0;
    }

    .rating-count {
        font-size: 11px;
        margin-left: 2px;
    }

    .rating:not(:checked) > label {
        width: 13px;
    }

    .user-logged .confianza-header {
        display: none;
    }

    .bank-account-number input {
        margin-right: 3px;
    }
}

@media (max-width: 360px) {
    #logo {
        width: 110px;
        height: 25px;
        position: relative;
        top: 2px;
    }

    #logo a, #logo.main-logo-pe a {
        background: url('/images/logo-white.png') no-repeat 0 0 / 110px 25px;
        width: 110px;
        height: 25px;
    }
}

/* Featherlight lightbox */
@media all {
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: rgba(0, 0, 0, 0)
    }

    .featherlight:last-of-type {
        background: rgba(0, 0, 0, .8)
    }

    .featherlight:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }

    .featherlight .featherlight-inner {
        display: block
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 5px;
        right: 5px;
        font-size: 24px;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        background: none;
        color: var(--primary-color);
        border: 0;
        box-shadow: none;
        padding: 0
    }

    .featherlight-iframe .featherlight-close-icon {
        display: none;
    }

    .featherlight .featherlight-close-icon::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .featherlight .featherlight-image {
        width: 100%
    }

    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0;
        -webkit-overflow-scrolling: touch;
    }

    .featherlight iframe {
        border: 0
    }

    .featherlight * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

a[href$=".pdf"] {
    background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Efile_type_pdf2%3C/title%3E%3Cpath d='M24.1,2.072h0l5.564,5.8V29.928H8.879V30H29.735V7.945L24.1,2.072' style='fill:%23909090'/%3E%3Cpath d='M24.031,2H8.808V29.928H29.664V7.873L24.03,2' style='fill:%23f4f4f4'/%3E%3Cpath d='M8.655,3.5H2.265v6.827h20.1V3.5H8.655' style='fill:%237a7b7c'/%3E%3Cpath d='M22.472,10.211H2.395V3.379H22.472v6.832' style='fill:%23dd2025'/%3E%3Cpath d='M9.052,4.534h-.03l-.207,0H7.745v4.8H8.773V7.715L9,7.728a2.042,2.042,0,0,0,.647-.117,1.427,1.427,0,0,0,.493-.291,1.224,1.224,0,0,0,.335-.454,2.13,2.13,0,0,0,.105-.908,2.237,2.237,0,0,0-.114-.644,1.173,1.173,0,0,0-.687-.65A2.149,2.149,0,0,0,9.37,4.56a2.232,2.232,0,0,0-.319-.026M8.862,6.828l-.089,0V5.348h.193a.57.57,0,0,1,.459.181.92.92,0,0,1,.183.558c0,.246,0,.469-.222.626a.942.942,0,0,1-.524.114' style='fill:%23464648'/%3E%3Cpath d='M12.533,4.521c-.111,0-.219.008-.295.011L12,4.538h-.78v4.8h.918a2.677,2.677,0,0,0,1.028-.175,1.71,1.71,0,0,0,.68-.491,1.939,1.939,0,0,0,.373-.749,3.728,3.728,0,0,0,.114-.949,4.416,4.416,0,0,0-.087-1.127,1.777,1.777,0,0,0-.4-.733,1.63,1.63,0,0,0-.535-.4,2.413,2.413,0,0,0-.549-.178,1.282,1.282,0,0,0-.228-.017m-.182,3.937-.1,0V5.392h.013a1.062,1.062,0,0,1,.6.107,1.2,1.2,0,0,1,.324.4,1.3,1.3,0,0,1,.142.526c.009.22,0,.4,0,.549a2.926,2.926,0,0,1-.033.513,1.756,1.756,0,0,1-.169.5,1.13,1.13,0,0,1-.363.36.673.673,0,0,1-.416.106' style='fill:%23464648'/%3E%3Cpath d='M17.43,4.538H15v4.8h1.028V7.434h1.3V6.542h-1.3V5.43h1.4V4.538' style='fill:%23464648'/%3E%3Cpath d='M21.781,20.255s3.188-.578,3.188.511S22.994,21.412,21.781,20.255Zm-2.357.083a7.543,7.543,0,0,0-1.473.489l.4-.9c.4-.9.815-2.127.815-2.127a14.216,14.216,0,0,0,1.658,2.252,13.033,13.033,0,0,0-1.4.288Zm-1.262-6.5c0-.949.307-1.208.546-1.208s.508.115.517.939a10.787,10.787,0,0,1-.517,2.434A4.426,4.426,0,0,1,18.161,13.841ZM13.513,24.354c-.978-.585,2.051-2.386,2.6-2.444C16.11,21.911,14.537,24.966,13.513,24.354ZM25.9,20.895c-.01-.1-.1-1.207-2.07-1.16a14.228,14.228,0,0,0-2.453.173,12.542,12.542,0,0,1-2.012-2.655,11.76,11.76,0,0,0,.623-3.1c-.029-1.2-.316-1.888-1.236-1.878s-1.054.815-.933,2.013a9.309,9.309,0,0,0,.665,2.338s-.425,1.323-.987,2.639-.946,2.006-.946,2.006a9.622,9.622,0,0,0-2.725,1.4c-.824.767-1.159,1.356-.725,1.945.374.508,1.683.623,2.853-.91a22.549,22.549,0,0,0,1.7-2.492s1.784-.489,2.339-.623,1.226-.24,1.226-.24,1.629,1.639,3.2,1.581,1.495-.939,1.485-1.035' style='fill:%23dd2025'/%3E%3Cpath d='M23.954,2.077V7.95h5.633L23.954,2.077Z' style='fill:%23909090'/%3E%3Cpath d='M24.031,2V7.873h5.633L24.031,2Z' style='fill:%23f4f4f4'/%3E%3Cpath d='M8.975,4.457h-.03l-.207,0H7.668v4.8H8.7V7.639l.228.013a2.042,2.042,0,0,0,.647-.117,1.428,1.428,0,0,0,.493-.291A1.224,1.224,0,0,0,10.4,6.79a2.13,2.13,0,0,0,.105-.908,2.237,2.237,0,0,0-.114-.644,1.173,1.173,0,0,0-.687-.65,2.149,2.149,0,0,0-.411-.105,2.232,2.232,0,0,0-.319-.026M8.785,6.751l-.089,0V5.271H8.89a.57.57,0,0,1,.459.181.92.92,0,0,1,.183.558c0,.246,0,.469-.222.626a.942.942,0,0,1-.524.114' style='fill:%23fff'/%3E%3Cpath d='M12.456,4.444c-.111,0-.219.008-.295.011l-.235.006h-.78v4.8h.918a2.677,2.677,0,0,0,1.028-.175,1.71,1.71,0,0,0,.68-.491,1.939,1.939,0,0,0,.373-.749,3.728,3.728,0,0,0,.114-.949,4.416,4.416,0,0,0-.087-1.127,1.777,1.777,0,0,0-.4-.733,1.63,1.63,0,0,0-.535-.4,2.413,2.413,0,0,0-.549-.178,1.282,1.282,0,0,0-.228-.017m-.182,3.937-.1,0V5.315h.013a1.062,1.062,0,0,1,.6.107,1.2,1.2,0,0,1,.324.4,1.3,1.3,0,0,1,.142.526c.009.22,0,.4,0,.549a2.926,2.926,0,0,1-.033.513,1.756,1.756,0,0,1-.169.5,1.13,1.13,0,0,1-.363.36.673.673,0,0,1-.416.106' style='fill:%23fff'/%3E%3Cpath d='M17.353,4.461h-2.43v4.8h1.028V7.357h1.3V6.465h-1.3V5.353h1.4V4.461' style='fill:%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

#product-tabs-container a[href*="www.youtube.com/"]:before, .blog-post a[href*="https://youtu.be/"]:before {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' width='2rem' height='2rem' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M28.777 9.582a3.34 3.34 0 00-2.357-2.357C24.339 6.667 16 6.667 16 6.667s-8.34 0-10.419.558a3.34 3.34 0 00-2.357 2.357c-.558 2.079-.558 6.419-.558 6.419s0 4.34.558 6.418a3.34 3.34 0 002.357 2.358c2.079.557 10.418.557 10.418.557s8.34 0 10.418-.557a3.34 3.34 0 002.358-2.358c.558-2.078.558-6.418.558-6.418s0-4.34-.558-6.419h.002zM13.332 20v-7.999l6.928 4-6.928 4z'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h32v32H0z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.email:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680.74 443.08'%3E%3Cpath d='M.05,61.19c109.14,64.85,207.99,122.24,305.21,182.27,25.38,15.67,43.6,14.52,68.25-.59,97.4-59.7,196.14-117.22,306.52-182.76v66.67c0,87.74-1.49,175.52.66,263.21.99,40.47-15.54,53.28-53.73,53.09-192.06-.94-384.12-.3-576.18-.61-23.16-.04-50.57,3.46-50.64-32.7C-.1,297.12.05,184.46.05,61.18h0Z'/%3E%3Cpath d='M5.11,0h670.8c1.61,3.76,3.22,7.52,4.83,11.28-108.25,64.21-216.33,128.7-325.07,192.05-7.97,4.64-23.13,5.19-30.9.67C216.11,140.77,108.15,76.32,0,12.17,1.71,8.11,3.41,4.06,5.11,0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.location:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 464.18 674.33'%3E%3Cpath d='M232.05,674.33c-11.64-16.77-22.48-32.18-33.12-47.73-48.84-71.35-97.84-142.59-146.34-214.17-25.72-37.96-43.82-79.48-49.9-125.12-11.2-84.09,12.61-157.46,71.75-218.47C120.59,21.24,177.12-3.24,243.8.35c64.76,3.48,117.5,32.8,159.57,81.3,35.55,40.99,55.16,89.31,59.91,143.15,3.52,39.96-3.44,78.8-16.45,116.75-14.71,42.9-40.96,78.98-66.27,115.75-49.4,71.76-98.41,143.78-148.5,217.03h0ZM232.93,135.34c-51.91-.41-92.98,40.48-93.38,92.96-.39,51.95,39.84,94.07,88.66,95.93,50.06,1.91,96.03-39.44,96.26-94.93.22-51.68-43.82-95.93-91.55-93.96h0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.star:before, .rating > span:before, .rating:not(:checked) > label:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='16' height='16' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cg transform='matrix(1 0 0 1 8 8)' id='c23199b9-d0d1-4b28-b9b7-ac5a844636d2' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(249,177,50); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(-8, -8)' d='M 8 1.5 C 8.388431989652904 1.5000503740336188 8.74169327026153 1.7250302403814972 8.906 2.077 L 10.442 5.369 L 13.696 6.019 C 14.075431516161396 6.094742925644843 14.377121022181527 6.3825738630917686 14.470609933449701 6.758027042212239 C 14.564098844717876 7.13348022133271 14.432608955869783 7.529174062231153 14.133 7.773999999999999 L 11.837 9.653 L 12.485 13.326 C 12.555827430423031 13.726090093714786 12.377532848193379 14.129261683529544 12.033897181687983 14.346063751541887 C 11.69026151518259 14.56286581955423 11.249607812370684 14.550192892332742 10.919 14.314 L 8 12.229 L 5.0809999999999995 14.314 C 4.750392187629317 14.550192892332742 4.309738484817409 14.56286581955423 3.9661028183120153 14.346063751541887 C 3.6224671518066214 14.129261683529544 3.4441725695769687 13.726090093714786 3.5149999999999997 13.326 L 4.162999999999999 9.653 L 1.8669999999999995 7.774000000000001 C 1.5673910441302161 7.529174062231155 1.4359011552821237 7.133480221332711 1.529390066550298 6.758027042212241 C 1.622878977818472 6.382573863091769 1.924568483838602 6.094742925644844 2.303999999999999 6.019000000000001 L 5.558 5.369000000000001 L 7.093999999999999 2.077000000000001 C 7.258306729738469 1.7250302403814979 7.611568010347096 1.5000503740336195 8 1.5 z M 8 4.865 L 7.156 6.673 L 6.941999999999999 7.131 L 6.446 7.231 L 4.771 7.566 L 5.883 8.475999999999999 L 6.337 8.847 L 6.234999999999999 9.424 L 5.909999999999999 11.264 L 7.418999999999999 10.186 L 8 9.771 L 8.581 10.186 L 10.09 11.264 L 9.765 9.424 L 9.663 8.847 L 10.117 8.475999999999999 L 11.229000000000001 7.565999999999999 L 9.554 7.230999999999999 L 9.058 7.130999999999999 L 8.844 6.672999999999999 L 8 4.865 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.active-stars .star::before, .rating > input:checked ~ label, .rating > input:checked ~ label:before, .active-stars .star:before,
.rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label, .rating:not(:checked) > label:hover ~ label:before,
.rating > input:checked + label:hover, .rating > input:checked + label:hover:before,
.rating > input:checked + label:hover ~ label, .rating > input:checked + label:hover ~ label:before,
.rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover:before,
.rating > input:checked ~ label:hover ~ label, .rating > input:checked ~ label:hover ~ label:before,
.rating > label:hover ~ input:checked ~ label, .rating > label:hover ~ input:checked ~ label:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='16' height='16' viewBox='0 0 16 16' xml:space='preserve'%3E%3Cg transform='matrix(1 0 0 1 8 8)' id='03efca6d-92a1-4997-8b0a-67311ffd4b68' %3E%3Cpath style='stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(249,177,50); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(-8, -8)' d='M 8.906 2.077 C 8.741612466395665 1.7251385384832822 8.388368059069226 1.5002776866313647 8 1.5002776866313647 C 7.611631940930776 1.5002776866313647 7.258387533604335 1.7251385384832822 7.094 2.077 L 5.558 5.37 L 2.304 6.0200000000000005 C 1.9245684838386028 6.095742925644844 1.6228789778184722 6.38357386309177 1.529390066550298 6.7590270422122405 C 1.435901155282124 7.13448022133271 1.5673910441302163 7.530174062231154 1.8669999999999995 7.775 L 4.162999999999999 9.654 L 3.5149999999999992 13.327 C 3.444172569576968 13.727090093714786 3.622467151806621 14.130261683529543 3.966102818312015 14.347063751541887 C 4.309738484817409 14.563865819554229 4.750392187629316 14.551192892332741 5.0809999999999995 14.315 L 8 12.229 L 10.919 14.314 C 11.249607812370684 14.550192892332742 11.690261515182591 14.562865819554231 12.033897181687985 14.346063751541887 C 12.377532848193379 14.129261683529544 12.555827430423033 13.726090093714786 12.485000000000001 13.326 L 11.837000000000002 9.653 L 14.133000000000001 7.774000000000001 C 14.432608955869783 7.529174062231155 14.564098844717877 7.133480221332712 14.470609933449703 6.758027042212241 C 14.377121022181528 6.38257386309177 14.075431516161398 6.094742925644844 13.696000000000002 6.019000000000001 L 10.442000000000002 5.369000000000001 L 8.906000000000002 2.077000000000001 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}