a,
body {
    line-height: 1.7
}

body {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Rubik';
    background: transparent
}

.fixed-body {
    padding: 0 20px
}

* {
    outline: 0
}

.header-notice,
b,
strong {
    font-weight: 500
}
h2 b, h3 b, h4 b, h5 b {
    font-weight: 600;
}
iframe[name=google_conversion_frame] {
    display: none
}

#main {
    overflow: hidden;
    margin-top: -60px
}

#main.main-fixed,
.btn,
.button {
    overflow: visible
}

.fp_carousel .scroll-navi {
    text-align: center
}

#lbl,
#wrapper {
    position: relative
}

a {
    color: #41c387
}

a:hover {
    color: #999;
    text-decoration: none
}

.main-price {
    padding-top: 2%
}

.price-mobile {
    text-align: right
}

.price {
    color: #000
}

.block .block-title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.product-collateral .product-tabs li a,
.product-name,
.typo-main-menu,
.typo-nav ul.nav-accordion li a,
.widget-tabs>li>a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik'
}

.h1,
h1 {
    font-size: 32px
}

h2 {
    margin-top: 40px
}

h4.panel-title span.text {
    font-weight: 500
}

.bytdator-valibanneri1 img,
.bytdator-valibanneri2 img,
.etusivukuva-bytdator img,
.etusivukuva-taitonetti img,
.taitonetti-valibanneri1 img,
.taitonetti-valibanneri2 img {
    width: 100% !important;
    height: auto
}

.descr a.readmore,
.descr a.readmore:hover {
    display: inline-block;
    color: #41c387;
    font-weight: 500
}

.product-page-image {
    padding: 30px
}

.product-page-image .owl-carousel {
    border: .75px solid rgba(119, 183, 41, .5)
}

.product-page-image .thumbnail {
    padding: 0;
    border: none !important;
    background-color: transparent
}

.product-page-image .sale-wrapper {
    width: 85px;
    position: absolute;
    top: 15px;
    right: 15px
}

.sale {
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #41c387 !important;
    color: #fff !important
}

.free-delivery-wrapper {
    width: 120px;
    position: absolute;
    bottom: 0;
    left: -1px
}

.win11-available {
    position: absolute;
    width: 84px;
    height: 34px;
    bottom: 0;
    right: 10px
}

.win11-installed {
    position: absolute;
    width: 84px;
    height: 17px;
    bottom: 0;
    right: 10px
}

div.product-page-image>div.free-delivery-wrapper {
    left: 15px;
    bottom: 15px
}

.free-text {
    position: relative;
    padding: 10px 0;
    left: -30px;
    top: 41px;
    width: 120px
}

.product-info .new-label {
    left: 25px;
    z-index: 0
}

.new-label {
    position: absolute;
    top: -4px;
    left: -1px;
    line-height: 50px;
    padding: 0;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    background: #ea7f0d;
    z-index: 10;
    text-transform: uppercase;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center
}

.abitti,
.abitti-pieni {
    position: absolute;
    z-index: 1
}

.abitti {
    bottom: 30px;
    left: 80px
}

.abitti-pieni {
    width: 70px;
    bottom: 30px;
    right: 10px
}

.abitti-ohje {
    color: #000 !important
}

.product-list .rating {
    position: absolute;
    bottom: 15px;
    left: 64px
}

.product-grid .rating {
    position: absolute;
    bottom: 15px;
    left: 64px
}

.main-content .product-grid .greenix-logo,
.main-content .product-list .greenix-logo {
    position: absolute;
    top: 35px;
    left: 0
}

.main-content .product-grid .greenix-rating,
.main-content .product-list .greenix-rating {
    position: absolute;
    bottom: 45px;
    right: 10px
}

.main-content .product-grid .greenix-gpu-logo,
.main-content .product-list .greenix-gpu-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 90px
}

.main-content .product-grid .greenix-logo img.gr-logo,
.main-content .product-list .greenix-logo img.gr-logo {
    max-width: 60px
}

.main-content .product-grid .greenix-rating img.bronze,
.main-content .product-grid .greenix-rating img.gold,
.main-content .product-grid .greenix-rating img.silver,
.main-content .product-list .greenix-rating img.bronze,
.main-content .product-list .greenix-rating img.gold,
.main-content .product-list .greenix-rating img.silver {
    max-width: 30px
}

.passmark-performance {
    margin-top: -65px
}

.description {
    margin-bottom: 3%
}

.description-text {
    display: inline-block;
    margin: 0;
    line-height: 26px;
    font-size: 15px;
    width: 100%;
    color: #000
}

.popup-gallery .description-text {
    margin-bottom: 20px
}

.description-text h1 {
    font-family: 'Syne'!important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    margin: 15px 0 20px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    font-weight: 600 !important
}

.description-text h2 {
    font-family: 'Syne' !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin: 15px 0 15px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    font-weight: 600 !important
}

.description-text h3 {
    font-family: 'Syne' !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin: 15px 0 15px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    font-weight: 600 !important
}

.description-text h4 {
    font-family: 'Syne' !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    margin: 10px 0 10px 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    font-weight: 600 !important
}

.description-text h5 {
    font-family: 'Syne' !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 10px 0 20px 0 !important;
    text-transform: none !important;
    font-weight: 600 !important
}

.description-text h6 {
    font-family: 'Syne' !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 0 12px 0 !important;
    text-transform: none !important;
    font-weight: 600 !important
}

.description-text p {
    margin: 0
}

.description-text a {
    color: #41c387
}

.business-outlet-product {
    margin: 0 0 20px 0
}

.business-outlet-product h4 {
    padding-top: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important
}

span.business-outlet-header {
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    display: inline-block;
    margin-top: 20px
}

div.description-text {
    position: relative;
    display: inline-block;
    margin-bottom: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px
}

#laajenna {
    display: block;
    width: 100%;
    color: #41c387;
    z-index: 99;
    margin-bottom: 20px;
	margin-top:10px;
}

#supista {
    position: relative;
    color: #41c387;
    z-index: 99;
    margin-bottom: 20px;
	margin-top:10px;
}

#haivytys {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 80px 0 0 0;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%)
}

#haivytys-greenix {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 80px 0 0 0;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #212224 100%);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0, #212224 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #212224 100%)
}

#business-outlet-info,
.huom-wlan {
    line-height: 22px;
    font-size: 15px;
    color: #000;
    margin-top: 10px
}

.description-video-only iframe {
    padding-top: 40px
}

.description-video-only {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.description-video-only embed,
.description-video-only iframe,
.description-video-only object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-basic-info {
    padding: 0;
    height: auto;
    display: inline-block;
    padding-left: 0px
}

.perustietoja {
    padding: 0;
    font-size: 1.1em;
    font-weight: 400
}

.saatavuus {
    margin-top: 3%;
    padding-left: 0 !important;
    width: 45%
}

.deliverytime span,
.saatavuus span {
    display: block;
    font-size: 1em;
    line-height: 1.1em;
    margin-bottom: 6px
}

.deliverytime .punainen,
.saatavuus .punainen {
    color: red
}

.deliverytime .vihrea,
.saatavuus .vihrea {
    color: #41c387
}

.osamaksu {
    width: 50% !important
}

p.tehoste {
    font-weight: 500;
    color: #41c387
}

p.tehoste a {
    color: #000
}

.block-welcome,
.bytdator-etusivuteksti,
.bytdator-kuvakkeet-sosiaalinen-media,
.bytdator-satunnaiset-tuotteet,
.bytdator-suositellut-opiskelijalle,
.bytdator-suositellut-pelaajalle,
.bytdator-suositellut-suunnittelijalle,
.bytdator-suositellut-toimistoon,
.bytdator-suositellut-tuotteet,
.bytdator-upotukset-sosiaalinen-media,
.bytdator-uusimmat-tuotteet,
.taitonetti-etusivuteksti,
.taitonetti-kuvakkeet-sosiaalinen-media,
.taitonetti-satunnaiset-tuotteet,
.taitonetti-suositellut-opiskelijalle,
.taitonetti-suositellut-pelaajalle,
.taitonetti-suositellut-suunnittelijalle,
.taitonetti-suositellut-toimistoon,
.taitonetti-suositellut-tuotteet,
.taitonetti-upotukset-sosiaalinen-media,
.taitonetti-uusimmat-tuotteet {
    padding-left: 40px;
    padding-right: 40px
}

.kierratys,
.takuu,
.toimitusnolla {
    float: left
}

.kierratys>.kuvake,
.takuu>.kuvake,
.toimitusnolla>.kuvake {
    float: left;
    width: 90px
}

.kierratys>.text,
.takuu>.text,
.toimitusnolla>.text {
    font-size: 13px;
    color: #999;
    font-weight: 500;
    margin-left: 90px
}

.kierratys>.text h3,
.takuu>.text h3,
.toimitusnolla>.text h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 0
}

#grid,
#grid-view #list,
#list-view {
    line-height: 30px
}

#grid-view,
#list-view {
    border-radius: 0;
    border: 1px solid #ececec
}

#grid-view.active,
#list-view.active {
    background-color: #41c387;
    color: #fff
}

#grid-view i,
#list-view i {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    top: -3px;
    left: 1px
}

#grid {
    vertical-align: top
}

#list i {
    line-height: 28px;
    font-size: 28px;
    margin-top: 2px
}

.fp_carousel .box-header {
    background: #fff;
    padding: 0;
    color: #fff
}

.fp_carousel .fp_carousel-title {
    color: #000;
    padding: 5px;
    margin: 0
}

.fp_carousel .fp_carousel-left,
.fp_carousel .fp_carousel-right {
    font-weight: 500;
    color: #41c387;
    border: 1px solid #dedede;
    font-size: 28px;
    padding: 0 8px
}

.fp_carousel .owl-wrapper-outer {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.fp_carousel .owl-item .right h2 {
    margin: 20px 0 5px 0 !important;
    padding: 0 10px;
    line-height: 20px;
    height: 40px;
    text-align: left
}

.fp_carousel .owl-item .right ul {
    display: block;
    font-size: 14px;
    color: #000;
    padding-left: 0;
    margin-left: 0
}

.fp_carousel .owl-item .right ul li {
    line-height: 20px;
    text-align: left;
    font-size: 13px;
    list-style-type: none;
    text-align: left;
    margin-left: 10px;
    padding-left: 8px;
    background-image: url(/fi/image/catalog/kuvakkeet/disc-black.svg);
    background-repeat: no-repeat;
    background-position: 0 9px;
    background-size: 4px 4px
}

.fp_carousel .owl-item .right ul span {
    display: block;
    width: 100%;
    line-height: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    font-size: 13px
}

.fp_carousel .owl-item .right .price {
    text-align: center;
    margin-left: 10px
}

.fp_carousel .item {
    width: 100%;
    padding: 15px 20px !important;
    margin: 0 !important
}

.fp_carousel .product-thumb {
    margin: 0
}

.collector-row {
    padding: 0 30px
}

#fp_carousel_0 {
    margin-top: 0;
    border-top: 0
}

.fp_carousel-controls {
    float: right;
    margin-bottom: -20px
}

#slider,
.form-group.alue.required,
.form-group.faksi,
.form-group.maa.required,
.form-group.osoite2,
.form-group.yritys {
    display: none
}

#wrapper {
    margin: auto
}

#meter {
    width: 100%;
    height: 100%;
    transform: rotateX(180deg)
}

.circle {
    fill: none
}

#mask,
.outline {
    stroke: transparent;
    stroke-width: 65
}

.range {
    stroke-width: 60
}

#lbl {
    background-color: #4b4c51;
    border-radius: 2px;
    color: #fff;
    font-family: 'courier new';
    font-size: 15pt;
    font-weight: 500;
    padding: 4px 4px 2px
}

.etusivuruudukko {
    margin-left: -10px;
    margin-right: -10px
}

.afterpay-payment {
    position: relative;
    border: 1px solid #ccc;
    padding: 10px;
    margin-left: -40px
}

#afterpayallinone-flex,
#afterpayallinone-installment,
#afterpayallinone-invoice {
    margin-left: 0
}

#afterpayall div.radio {
    position: relative
}

#afterpayall label {
    display: inline-block
}

#payment_method_flexhetu,
#payment_method_hetu,
#payment_method_installmenthetu,
#payment_method_invoicehetu {
    width: auto
}

.afterpay-permonth {
    padding-left: 15px
}

#afterpay-infoarea-flex,
#afterpay-infoarea-installment,
#afterpay-infoarea-invoice {
    padding-left: 15px;
    display: none
}

.hetu {
    margin-left: -15px
}

.hetu-invoice {
    margin-top: 10px;
    margin-left: -15px
}

#tasamaksukk,
.afterpayinstallmentamount {
    width: 300px
}

#tasamaksukk {
    height: 35px
}

div.payment_method_promo {
    padding: 0 0 5px;
    line-height: 16px
}

div.payment_method_promo:first-of-type {
    padding: 5px 0;
    line-height: 16px
}

div.payment_method_promo span.glyphicon-ok {
    color: #779e30;
    margin-right: 2px
}

div.examplecalc {
    padding: 5px;
    margin: 10px 0 20px;
    background-color: #f9f9f9;
    font-style: italic
}

#collapse-coupon div.panel-body label,
#collapse-voucher div.panel-body label,
fieldset#account div.col-xl-4,
fieldset#address div.col-xl-4,
fieldset#passw div.col-xl-4 {
    padding-left: 0
}

span.checkout-sublabel {
    font-size: 12px;
    line-height: 12px;
    display: table;
    margin-left: 8px
}

div.afterpay-logo img,
div.paymentmethod-logo img.mainlogo {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    height: auto
}

.kavennus {
    max-width: 800px
}

.kavennus .form-group {
    margin-bottom: 0 !important
}

.kavennus .control-label {
    text-align: left !important
}

fieldset#account {
    padding-bottom: 0
}

.piilokentta {
    display: none !important
}

.einakyvissa {
    visibility: hidden
}

.eilevea,
span.unit-price {
    display: none
}

#collapse-coupon div.panel-body,
#collapse-voucher div.panel-body {
    padding-top: 0
}

div.cartproduct {
    border-bottom: 1px solid #ccc;
    margin-top: 6px
}

div.cartproduct:first-of-type {
    margin-top: 0
}

div.cartname {
    margin-bottom: 6px
}

div.cartname small {
    display: block;
    line-height: 16px
}

div.container.cart .row div.cartquantity {
    margin-top: 18px
}

div.container.cart .row div.cartquantity input[type=text] {
    float: left
}

div.container.cart .row div.cartquantity button {
    background-color: transparent;
    border: none;
    margin-top: 7px
}

div.container.cart .row div.cartquantity button span {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    color: #41c387
}

div.container.cart .row div.carttotal div:nth-of-type(2) {
    margin-top: 30px
}

div.container.cart .row div.carttotal div a {
    font-size: 12px;
    color: #bbb;
    cursor: pointer
}

div.container.cart .row div.carttotal div a span {
    font-size: 15px;
    color: #bbb;
    margin-right: 3px;
    top: 3px;
    cursor: pointer
}

p.cart-next-choise {
    padding-top: 20px;
    padding-bottom: 10px
}

#button-coupon,
#button-voucher {
    font-size: 12px
}

.leveaoikea,
.oikea {
    text-align: right
}

.fixleft {
    padding-left: 0px !important
}

#sv-widget>div:first-child {
    width: 100% !important
}

#sv-widget-locales+div+div {
    width: 100% !important
}

#custom-reset {
    padding: 0 5px;
    color: #41c387;
    text-transform: uppercase
}

i.custom-reset {
    color: #41c387
}

@media (min-width:1600px) {
    .ten-columns>.col-xl-2 {
        width: 20%
    }

    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

div.cart-info table.table-bordered td.cartquantity {
    min-width: 140px
}

div.alert.alert-success a:nth-of-type(2) {
    color: #000
}

div.cart-total+div.buttons div.pull-right {
    border: none
}

div.cart-total+div.buttons div.pull-right a {
    background-color: #41c387;
    color: #fff;
    border: none
}

.glyphicon-chevron-down.pull-right {
    margin-top: 10px
}

#cart_view div.panel-default,
#payment_address>div:first-child,
#payment_method_form,
#payment_view div.instruction-area,
#shipping_address>div:first-child,
#shipping_method_form {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 20px
}

#payment_address div.panel-body,
#shipping_address div.panel-body {
    margin-right: -15px;
    margin-left: -15px
}

#payment_address {
    margin-top: 20px
}

#payment_address,
#payment_method,
#payment_view div.instruction-area,
#shipping_address,
#shipping_method {
    margin-bottom: 20px
}

#payment_view .alert {
    margin-bottom: 0
}

#payment_method,
#shipping_method {
    width: 100%
}

#payment_address_address_1_input,
#payment_address_city_input,
#payment_address_confirm_input,
#payment_address_country_id_input,
#payment_address_custom_field\.address\.1_input,
#payment_address_custom_field\.address\.2_input,
#payment_address_custom_field\.address\.3_input,
#payment_address_custom_field\.address\.4_input,
#payment_address_email_confirm_input,
#payment_address_email_input,
#payment_address_firstname_input,
#payment_address_lastname_input,
#payment_address_password_input,
#payment_address_postcode_input,
#payment_address_telephone_input,
#payment_address_zone_id_input {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
    max-width: 800px
}

#payment_address_address_1_input div:first-child,
#payment_address_city_input div:first-child,
#payment_address_confirm_input div:first-child,
#payment_address_country_id_input div:first-child,
#payment_address_custom_field\.address\.1_input div:first-child,
#payment_address_custom_field\.address\.2_input div:first-child,
#payment_address_custom_field\.address\.3_input div:first-child,
#payment_address_custom_field\.address\.4_input div:first-child,
#payment_address_email_confirm_input div:first-child,
#payment_address_email_input div:first-child,
#payment_address_firstname_input div:first-child,
#payment_address_lastname_input div:first-child,
#payment_address_password_input div:first-child,
#payment_address_postcode_input div:first-child,
#payment_address_telephone_input div:first-child,
#payment_address_zone_id_input div:first-child {
    width: 33.33333333333333%
}

#payment_address_address_1_input div:nth-child(2),
#payment_address_city_input div:nth-child(2),
#payment_address_confirm_input div:nth-child(2),
#payment_address_country_id_input div:nth-child(2),
#payment_address_custom_field\.address\.1_input div:nth-child(2),
#payment_address_custom_field\.address\.2_input div:nth-child(2),
#payment_address_custom_field\.address\.3_input div:nth-child(2),
#payment_address_custom_field\.address\.4_input div:nth-child(2),
#payment_address_email_confirm_input div:nth-child(2),
#payment_address_email_input div:nth-child(2),
#payment_address_firstname_input div:nth-child(2),
#payment_address_lastname_input div:nth-child(2),
#payment_address_password_input div:nth-child(2),
#payment_address_postcode_input div:nth-child(2),
#payment_address_telephone_input div:nth-child(2),
#payment_address_zone_id_input div:nth-child(2) {
    width: 66.66666666666666%
}

#shipping_address_address_1_input,
#shipping_address_city_input,
#shipping_address_country_id_input,
#shipping_address_custom_field\.address\.1_input,
#shipping_address_custom_field\.address\.2_input,
#shipping_address_custom_field\.address\.3_input,
#shipping_address_firstname_input,
#shipping_address_lastname_input,
#shipping_address_postcode_input,
#shipping_address_zone_id_input {
    width: 33.33333333333333%;
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px
}

#payment_address_customer_group_id_input {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    max-width: 800px
}

#payment_address_customer_group_id_input div:first-child {
    width: 33.33333333333333%
}

#payment_address_customer_group_id_input div:nth-child(2) {
    width: 66.66666666666666%
}

#payment_address_newsletter_input,
#payment_address_shipping_address_input {
    width: 100%;
    display: inline-block;
    margin-right: 0;
    margin-left: 0
}

#confirm_view {
    padding-bottom: 40px
}

#confirm_comment {
    border-radius: 5px
}

td.qc-quantity input.qc-product-qantity {
    margin: 0 !important;
    height: auto !important
}

td.qc-quantity button {
    margin: 0 !important;
    display: inline-block !important
}

td.qc-quantity button i {
    font-size: 18px;
    color: #000 !important;
    margin-left: 0 !important
}

div.invoice-payment {
    color: #c50000
}

div.computer-conditions div {
    height: 30px;
    line-height: 30px
}

div.computer-conditions a {
    color: #000
}

div.computer-conditions a:hover {
    font-weight: 500
}

div.computer-conditions>div.row:nth-of-type(1) div {
    background-color: #9f6
}

div.computer-conditions>div.row:nth-of-type(2) div {
    background-color: #cf0
}

div.computer-conditions>div.row:nth-of-type(3) div {
    background-color: #ff6
}

div.computer-conditions>div.row:nth-of-type(4) div {
    background-color: #f99
}

div.computer-conditions>div.row:nth-of-type(1)>div,
div.computer-conditions>div.row:nth-of-type(2)>div,
div.computer-conditions>div.row:nth-of-type(3)>div,
div.computer-conditions>div.row:nth-of-type(4)>div {
    padding: 10px
}

div.computer-conditions>div.row:nth-of-type(1)>div:nth-of-type(1),
div.computer-conditions>div.row:nth-of-type(2)>div:nth-of-type(1),
div.computer-conditions>div.row:nth-of-type(3)>div:nth-of-type(1),
div.computer-conditions>div.row:nth-of-type(4)>div:nth-of-type(1) {
    font-size: 28px
}

div.korkeus-2 {
    height: 80px !important
}

div.korkeus-3 {
    height: 110px !important
}

div.korkeus-4 {
    height: 140px !important
}

div.korkeus-5 {
    height: 170px !important
}

div.korkeus-6 {
    height: 200px !important
}

div.korkeus-7 {
    height: 230px !important
}

div.korkeus-8 {
    height: 260px !important
}

div.korkeus-9 {
    height: 290px !important
}

div.korkeus-10 {
    height: 320px !important
}

.vcenter {
    align-items: center;
    display: flex
}

div.computer-conditions div {
    text-align: center;
    justify-content: center;
    flex-wrap: wrap
}

div.computer-conditions a,
div.computer-conditions span {
    width: 100%
}

div.inner-page {
    padding: 0 40px
}

.container .container {
    width: auto !important
}

.standard-body .full-width .container {
    max-width: 1270px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.standard-body .full-width .container .container {
    padding: 0
}

.standard-body .fixed {
    padding: 0 20px
}

.standard-body .fixed .background {
    margin: 0 auto;
    max-width: 1230px;
    background: #fff;
    position: relative
}

.standard-body .fixed .container {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
    max-width: 100% !important
}

.standard-body .fixed .container .container {
    padding: 0
}

.main-fixed {
    margin: 0 auto;
    max-width: 1230px;
    background: #fff
}

.main-fixed .fixed {
    padding: 0 !important
}

.fixed-body .container {
    padding-left: 30px;
    padding-right: 30px;
    max-width: none
}

.fixed-body .container .container {
    padding: 0
}

.home-fluid-width #main {
    padding: 30px
}

.home-fluid-width .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.home-fluid-width .sticky-header .standard-body .full-width .container {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.home-fluid-width .sticky-header .standard-body .full-width .container .container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.home-sidebar-various .standard-body .full-width .container {
    padding-left: 31px;
    padding-right: 31px
}

.home-sidebar-various .standard-body .full-width .container .container {
    padding-left: 0;
    padding-right: 0
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    background: #fff;
    color: #000;
    font-weight: 400;
    font-family: Lato;
    border: 1px solid #ccc;
    margin: 2px 0;
    padding: 0 12px;
    height: 40px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.product-info .form-control,
select,
textarea.tilauskommentti {
    height: 35px
}

.acc-topbar .acc-list ul,
.currency-topbar .currency-list ul {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

input#input-captcha {
    margin-bottom: 15px
}

textarea {
    max-width: 100%
}

select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.select {
    position: relative;
    text-align: center
}

.select:after {
    content: "\e114";
    display: block;
    font: 400 13px 'Glyphicons Halflings';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    z-index: 1;
    pointer-events: none
}

.btn,
.button,
header {
    position: relative
}

#main .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-top: 20px
}

#main .open>.dropdown-menu {
    margin-top: 9px;
    display: block;
    opacity: 1;
    visibility: visible
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #333;
    padding: 14px 0;
    margin-top: 9px
}

#cart_block .dropdown-menu {
    padding: 0;
    margin-top: 28px
}

.dropdown-menu a {
    color: #333;
    font-weight: 400
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: #f7f7f7
}

.nav-header {
    color: #333
}

.btn,
.button {
    -webkit-transition: color 250ms ease, background-color 250ms ease;
    -moz-transition: color 250ms ease, background-color 250ms ease;
    transition: color 250ms ease, background-color 250ms ease;
    cursor: pointer;
    outline: 0;
    background: #fff;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #ececec;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000;
    margin: 7px 0
}

.btn-cart,
.btn-compare {
    border: 1px solid #dedede
}

.btn-cart span,
.btn-compare span {
    font-size: 13px
}

#input-limit,
#input-sort,
.input-limit,
.input-limit div.select,
.input-limit label,
.input-sort,
.input-sort div.select,
.input-sort label {
    line-height: 40px !important;
    height: 40px !important;
    margin: 0
}

.input-limit,
.input-sort {
    margin: 7px 0
}

.input-limit label,
.input-sort label {
    border: none;
    border-radius: 0 !important;
    padding: 0 10px !important
}

.acc-topbar .acc-list,
.currency-topbar .currency-list {
    -webkit-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    -moz-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    left: 0
}

.btn:hover,
.button:hover {
    color: #fff;
    border-color: #41c387;
    background-color: #41c387
}

.input-group-btn .btn {
    min-width: 60px;
    text-align: center;
    margin: 2px 0 5px -1px
}

.instruction-area {
    margin-top: 20px
}

.checkout-cart .input-group-btn .btn {
    min-width: 160px
}

.buttons {
    overflow: auto;
    margin: 10px 0 20px
}

#form-paytrail .buttons {
    overflow: hidden;
    margin: 10px 0 0
}

.buttons .btn {
    margin-top: 10px
}

.buttons .left {
    float: left;
    text-align: left
}

.buttons .right {
    float: right;
    text-align: right
}

.buttons .center,
.top-bar {
    text-align: center
}

.buttons .right .button {
    margin-left: 10px
}

.buttons .center {
    margin-left: auto;
    margin-right: auto
}

.button-continue-shopping {
    display: block;
    float: left
}

.button-checkout {
    display: block;
    float: right
}

header .background-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3
}

#top-bar {
    position: relative
}

#top-bar .background-top-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.visible-xs-block {
    display: none
}

.header .header-top-inner {
    font-size: 13px
}

.welcome-user {
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden
}

.top-bar .inner-top-bar {
    display: inline-block;
    vertical-align: top
}

.acc-topbar {
    position: relative;
    float: left
}

.acc-topbar .acc-btn {
    line-height: 16px;
    cursor: pointer;
    text-align: center;
    float: left;
    width: 100%
}

.acc-topbar .acc-btn a {
    display: block;
    padding: 13px 0
}

.acc-topbar .acc-btn i {
    display: inline-block;
    padding-left: 15px
}

.acc-topbar .acc-list {
    text-align: left;
    min-width: 100%;
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    z-index: 100;
    margin-top: 30px;
    padding-top: 20px
}

.acc-topbar .acc-list ul {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background: #fff;
    padding: 15px 0;
    display: block
}

.acc-topbar .acc-list ul li a {
    line-height: 34px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    padding-right: 15px
}

.acc-topbar .acc-list ul li a i {
    margin: 0 15px
}

.acc-topbar:hover .acc-list {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.login-topbar {
    float: left;
    position: relative;
    padding-right: 15px;
    margin-right: 15px
}

.login-topbar a,
.register-topbar a {
    padding: 13px 0;
    line-height: 16px;
    display: block
}

.login-topbar:before {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #666
}

.register-topbar {
    float: left
}

.delimiter {
    float: left;
    padding: 0;
    line-height: 16px;
    color: #666;
    width: 1px;
    margin: 13px 15px;
    background: #999;
    height: 16px
}

.currency-topbar {
    position: relative;
    float: left
}

.currency-topbar .currency-sym {
    line-height: 16px;
    cursor: pointer;
    text-align: center;
    float: left
}

.currency-topbar .currency-sym a {
    display: block;
    padding: 13px 0
}

.currency-topbar .currency-sym .sym {
    display: none
}

.currency-topbar .currency-sym i {
    display: inline-block;
    padding-left: 10px
}

.currency-topbar .currency-list {
    min-width: 100%;
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    z-index: 100;
    margin-top: 30px;
    padding-top: 20px
}

.currency-topbar .currency-list ul {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background: #fff;
    padding: 15px 0;
    display: block;
    list-style: none
}

.currency-topbar .currency-list ul li a {
    line-height: 34px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    padding-right: 15px
}

.currency-topbar .currency-list ul li a .sym,
.currency-topbar .currency-list ul li a i {
    margin: 0 15px
}

.currency-topbar:hover .currency-list {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.language-topbar {
    position: relative;
    float: left
}

.language-topbar .lang-curr {
    line-height: 16px;
    cursor: pointer;
    text-align: center;
    float: left;
    width: 100%
}

.language-topbar .lang-curr a {
    display: block;
    padding: 13px 0
}

.language-topbar .lang-curr i {
    display: inline-block;
    padding-left: 10px
}

.language-topbar .lang-curr .title {
    padding-left: 25px;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 18px auto
}

.language-topbar .lang-list {
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    -moz-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    z-index: 100;
    margin-top: 30px;
    padding-top: 20px
}

.language-topbar .lang-list ul {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background: #fff;
    padding: 15px 0;
    display: block;
    list-style: none
}

.language-topbar .lang-list ul li {
    padding: 0 15px
}

.language-topbar .lang-list ul li a {
    line-height: 34px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 25px;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 18px auto
}

.language-topbar .lang-list ul li a i {
    margin: 0 15px
}

.language-topbar:hover .lang-list {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.social {
    float: right;
    line-height: 16px
}

.social .social-icons {
    margin: 0;
    padding: 0;
    list-style: none
}

.social .social-icons li {
    float: left;
    margin: 0
}

.social .social-icons li a {
    padding: 13px 7px;
    font-size: 14px;
    display: block;
    line-height: 16px
}

.social .social-icons li a span {
    display: none
}

.settings-topbar {
    text-align: right
}

.button-search,
.header .logo-home,
.logo-home {
    text-align: center
}

.settings-topbar .settings {
    display: inline-block;
    vertical-align: top
}

.settings-topbar .settings>i {
    line-height: 42px;
    color: #000
}

.header {
    color: #666
}

.header-top-inner a {
    color: #666;
    line-height: 16px
}

.header-top-inner a:hover {
    color: #000
}

.small,
small {
    font-size: 85%
}

#top {
    position: relative
}

#top .background-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.header .header-inner {
    border-top: 1px solid rgba(204, 204, 204, .5);
    border-bottom: 1px solid rgba(204, 204, 204, .5)
}

.header .logo {
    outline: 0;
    padding: 0;
    margin: 0;
    display: inline-block
}

.header .logo img {
    vertical-align: middle
}

.header .logo h1 {
    margin: 0
}

.header .logo strong {
    height: 0;
    left: -999em;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    top: -999em;
    width: 0
}

.logo-home .logo {
    display: table-cell;
    vertical-align: middle
}

.logo-home,
.top-seach {
    display: table;
    width: 100%
}

.logo-home {
    height: 146px
}

.top-seach {
    height: 148px
}

.top-seach .menu-bar-btn,
.top-seach .quick-search {
    display: table-cell;
    vertical-align: middle
}

.top-seach .menu-bar-btn button {
    width: 30px
}

.button-search {
    border: none;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0
}

.button-search span {
    height: 40px;
    line-height: 40px;
    display: block
}

.button-search i {
    font-size: 16px;
    color: #000;
    line-height: 40px
}

.form-search {
    position: relative;
    display: inline-block;
    max-width: 200px;
    width: 100%;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.form-search input#search {
    border: none;
    outline: 0;
    box-shadow: none;
    width: 100%;
    border-bottom: 1px solid rgba(213, 213, 213, .5);
    height: 28px;
    padding: 0;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.form-search:hover {
    max-width: 300px
}

.typo-top-cart {
    text-align: right;
    display: table;
    height: 148px;
    width: 100%
}

.typo-icon-ajaxcart .icon-cart,
.typo-icon-ajaxcart .typo-cart-label {
    height: 30px;
    line-height: 30px;
    float: left
}

.typo-top-cart .typo-maincart {
    display: table-cell;
    vertical-align: middle
}

.typo-cart {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.typo-cart .ajaxcart {
    opacity: 0;
    visibility: hidden;
    margin-top: 30px;
    -webkit-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    -moz-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease
}

.typo-cart:hover .ajaxcart {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.typo-icon-ajaxcart {
    display: block;
    text-align: left;
    outline: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative
}

.typo-icon-ajaxcart .icon-cart i {
    font-size: 30px
}

.typo-icon-ajaxcart .typo-cart-label {
    padding: 0
}

.typo-icon-ajaxcart .typo-cart-label .print {
    margin: 0 15px
}

.typo-icon-ajaxcart .typo-cart-label .price {
    font-weight: 500
}

.ajaxcart {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 999;
    padding-top: 20px;
    background: 0 0
}

.ajaxcart .ajax-over {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.typo-ajax-container {
    background: #fff;
    margin: 0;
    width: 290px;
    cursor: default;
    padding: 0 20px
}

.typo-ajax-container p.no-items-in-cart {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    font-size: 13px
}

.typo-ajax-container p.subtotal {
    padding: 30px 0;
    border-bottom: 1px dashed rgba(204, 204, 204, .5);
    margin: 0;
    text-align: right
}

.typo-ajax-container p.subtotal .title {
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 28px
}

.typo-ajax-container p.subtotal .price {
    font-size: 17px;
    font-weight: 500;
    line-height: 28px
}

.typo-ajax-container ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.typo-ajax-container li {
    padding: 20px 0;
    border-bottom: 1px dashed rgba(204, 204, 204, .5);
    float: left;
    width: 100%;
    position: relative
}

.typo-ajax-container .product-image {
    float: left;
    border: 0;
    padding: 0;
    position: relative
}

.typo-ajax-container .product-image img {
    border: 1px solid rgba(204, 204, 204, .5);
    padding: 1px;
    max-width: 45px
}

.typo-ajax-container .product-image .qty-count {
    position: absolute;
    font-size: 10px;
    top: 1px;
    right: 1px;
    height: 12px;
    line-height: 12px;
    padding: 0 2px;
    background: #fff
}

.typo-ajax-container .product-details {
    float: left;
    text-align: left;
    padding: 0 15px;
    margin: 0;
    position: relative;
    width: 205px
}

.typo-ajax-container .product-details p.product-name {
    line-height: normal;
    margin: 0 0 5px;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    overflow: hidden
}

.typo-ajax-container .product-details span.price {
    display: inline-block;
    font-weight: 500;
    font-size: 16px
}

.typo-ajax-container .btn-remove {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer
}

.breadcrumb .background-pelikoneet:before,
.breadcrumb .background:before {
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    width: 100%
}

.typo-ajax-container .item-options {
    font-size: 13px
}

.typo-ajax-container .typo-ajax-checkout {
    padding: 35px 0 25px
}

.typo-ajax-container .typo-ajax-checkout .button {
    float: left;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 0
}

.typo-ajax-container .typo-ajax-checkout .view-cart {
    margin-right: 10px
}

.typo-ajax-container .typo-ajax-checkout .view-checkout {
    margin: 0;
    font-weight: 500
}

.breadcrumb .background {
    position: relative;
    background-color: #fff;
    background-repeat: repeat;
    background-position: top left;
    background-attachment: fixed;
    padding-left: 40px
}

.breadcrumb .background:before {
    position: absolute;
    background: 0 0
}

body[class^=product-product] .breadcrumb .background-pelikoneet {
    background-image: url(/fi/image/catalog/bannerikuvat/heksagon2.jpg);
    position: relative;
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #41c387;
    background-repeat: repeat;
    background-position: top left;
    border-bottom: 2px solid #dadde4
}

body[class^=product-category] .background-pelikoneet {
    background-image: url(/image/catalog/bannerikuvat/heksagon2.jpg);
    position: relative;
    text-align: center;
    padding-left: 0;
    background-color: #41c387;
    background-repeat: repeat;
    background-position: top left;
    border-bottom: 2px solid #dadde4
}

.breadcrumb .background-pelikoneet:before {
    position: absolute;
    background: 0 0
}

body[class^=product-product] .breadcrumb .background-syyssiivous {
    background-image: url(/image/catalog/bannerikuvat/raita-tausta-4c.jpg);
    position: relative;
    text-align: left;
    padding-left: 40px;
    padding-right: 40px;
    background-color: transparent;
    background-repeat: repeat;
    background-position: top left;
    border-bottom: 2px solid #dadde4
}

body[class^=product-category] .background-syyssiivous {
    background-image: url(/image/catalog/bannerikuvat/raita-tausta-4c.jpg);
    position: relative;
    text-align: center;
    padding-left: 0;
    background-color: transparent;
    background-repeat: repeat;
    background-position: top left;
    border-bottom: 2px solid #dadde4
}

.breadcrumb .background-syyssiivous:before {
    position: absolute;
    background: 0 0
}

.breadcrumb .container {
    position: relative;
    z-index: 3;
    padding: 36px 0 10px 0
}

.breadcrumb .container.taitonetti {
    padding: 34px 0 10px 0
}

.breadcrumb .container h1 {
    font-size: 20px;
    text-transform: none;
    margin: 0;
    color: #000;
    font-weight: 400;
    display: inline-block;
    padding: 0;
    background-color: unset
}

.breadcrumb .container ul {
    margin: 0;
    padding: 0 6px 5px 0
}

.breadcrumb .container ul li {
    display: inline
}

.breadcrumb .container ul li a {
    color: #000
}

.breadcrumb .container ul li a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    font-size: 10px;
    margin-right: 3px
}

.breadcrumb .container ul li:first-child a:before {
    content: "";
    margin-right: 0
}

.breadcrumb .with-other-image .container {
    padding-top: 100px;
    padding-bottom: 100px
}

.breadcrumb .with-other-image .container ul {
    display: block;
    padding: 5px 0 0
}

.breadcrumb .with-other-image .container ul li {
    display: inline-block
}

.breadcrumb .with-other-image .container ul li:before {
    content: ' / ';
    display: inline-block;
    color: #ccc;
    padding-right: 3px;
    padding-left: 1px
}

.breadcrumb .with-other-image .container ul li:first-child:before {
    display: none
}

.breadcrumb .with-other-image .container ul a {
    color: #ccc
}

.breadcrumb .with-other-image .container ul a:hover,
.breadcrumb .with-other-image .container ul li:last-child a {
    color: #fff
}

.main-content .pattern>.container,
.standard-body .main-content .pattern>.container {
    padding-bottom: 53px
}

.inner-page.main-content .pattern>.container,
.standard-body .inner-page.main-content .pattern>.container {
    padding-bottom: 40px !important
}

.banners>div {
    padding-top: 30px
}

.banners>div img {
    display: block
}

.box .strip-line,
.center-column .box>.next,
.center-column .box>.prev {
    display: none
}

.center-column {
    padding-top: 40px;
    position: relative;
    margin-bottom: -20px
}

.center-column h1,
.center-column h2,
.center-column h3,
.center-column h4,
.center-column h5,
.center-column h6,
.center-column legend {
    margin: 0;
    padding: 15px 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px
}

#form-review .form-group {
    margin-bottom: 8px
}

#form-review .control-label,
#form-review .set-rating {
    padding-top: 5px
}

#tab-review h2 {
    padding-top: 0;
    padding-bottom: 10px
}

.well h2 {
    padding-top: 5px
}

.well {
    margin-bottom: 20px
}

.inner-page .pattern>div>.row:first-child>div {
    position: relative;
    float: left
}

.box {
    position: relative
}

.box.without-heading {
    margin: 0;
    border: none
}

.center-column .box {
    border: none;
    margin-top: 25px
}

.col-md-3 .box,
.col-md-4 .box,
.col-sm-3 .box,
.col-sm-4 .box {
    margin-top: 0;
    margin-bottom: 9px;
    border: none
}

.box .box-heading {
    font-size: 13px;
    text-transform: unset;
    text-align: center;
    color: #000;
    font-weight: 700;
    letter-spacing: .5px;
    font-family: 'Syne'
}

.box .box-heading a {
    font-size: 18px;
    color: #000;
    text-transform: unset;
}

.fp_carousel .box-heading {
    float: left;
    margin: 14px auto 0 auto;
    font-size: 15px
}

.blog-style .box-heading {
    padding: 20px 0;
    font-size: 16px
}

.center-column .box .box-heading {
    margin-top: 0;
    margin-bottom: 30px !important;
    padding-bottom: 20px;
    background: url(../img/bg-line-dot.png) bottom center no-repeat
}

.col-md-3 .box .box-heading,
.col-md-4 .box .box-heading,
.col-sm-3 .box .box-heading,
.col-sm-4 .box .box-heading {
    margin: 0 !important;
    padding: 51px 0 10px;
    line-height: 40px;
    font-size: 18px;
    border-bottom: 1px solid rgba(204, 204, 204, .5);
    font-weight: 700;
    text-align: left
}

.box.with-scroll .box-heading {
    margin-bottom: 94px
}

.box .box-content {
    clear: both
}

.box .box-content.products {
    float: left;
    width: 100%
}

.col-md-3 .box .box-content.products,
.col-md-4 .box .box-content.products,
.col-sm-3 .box .box-content.products,
.col-sm-4 .box .box-content.products {
    float: none
}

.box>.next,
.box>.prev {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 34px;
    height: 34px;
    font-size: 22px;
    color: #ccc;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 32px;
    border-radius: 0;
    top: 96px;
    left: 50%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.box>.next:before,
.box>.prev:before {
    display: inline-block;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale
}

.box>.next:hover,
.box>.prev:hover {
    background: #ccc;
    color: #fff
}

.box>.prev:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 3px;
    width: 100px;
    height: 1px;
    border-bottom: 1px dashed #e5e5e5;
    z-index: -1
}

.box>.prev {
    margin-left: -55px
}

.box>.prev:before {
    font-family: simple-line-icons;
    content: "\e605";
    font-size: 8px;
    font-weight: 700
}

.box>.next {
    margin-left: 21px
}

.box>.next:before {
    font-family: simple-line-icons;
    content: "\e606";
    font-size: 8px;
    font-weight: 700
}

.col-md-3 .box>.next,
.col-md-3 .box>.prev,
.col-md-4 .box>.next,
.col-md-4 .box>.prev,
.col-sm-3 .box>.next,
.col-sm-3 .box>.prev,
.col-sm-4 .box>.next,
.col-sm-4 .box>.prev {
    display: none
}

.box-category ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.box-category>ul>li {
    border-bottom: 1px solid #eaeaea;
    padding: 0;
    position: relative
}

.box-category ul li a {
    line-height: 20px;
    height: auto;
    position: relative;
    padding: 11px 42px 11px 20px;
    display: block
}

.box-category ul li>a:before {
    position: absolute;
    top: 9px;
    left: 0;
    content: "\e074";
    display: inline-block;
    font-size: 9px;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased
}

.box-category ul li .head {
    position: absolute;
    top: 0;
    right: 10px
}

.box-category ul li .head a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #414141
}

.box-category ul li .head .plus {
    display: none
}

.box-category ul li .head .collapsed .plus {
    display: block
}

.box-category ul li .head .collapsed .minus {
    display: none
}

.icon-enquiry[align=left],
.icon-enquiry[align=right],
.text-enquiry {
    display: inline-block;
    vertical-align: top
}

.box-category ul li ul li {
    border-top: 1px solid #eaeaea
}

.box-category ul li ul li a {
    padding-left: 30px
}

.box-category ul li ul li>a:before {
    left: 10px
}

.icon-enquiry[align=left] {
    margin-right: 10px;
    margin-top: 2px
}

.icon-enquiry[align=right] {
    margin-left: 10px;
    margin-top: 2px
}

#mfilter-content-container .product-grid {
    display: none
}

#mfilter-content-container .product-grid.active {
    display: block
}

#mfilter-content-container>span {
    background: 0 0 !important
}

#mfilter-content-container>span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .4;
    -moz-opacity: .4;
    left: 0;
    top: 0
}

#mfilter-content-container>span>img {
    top: -90px !important;
    position: relative;
    z-index: 20
}

.product-grid {
    position: relative;
    margin-top: 0
}

div.no-rows {
    margin-left: -15px;
    margin-right: -15px
}

.col-md-3 .product-grid,
.col-md-4 .product-grid,
.col-sm-3 .product-grid,
.col-sm-4 .product-grid {
    display: table !important
}

.center-column .product-grid.service-repair {
    margin-bottom: 0
}

.center-column .related-products .product-grid {
    margin-bottom: 0;
    padding-bottom: 40px
}

.box-product .owl-controls {
    display: none !important
}

.product-grid .product,
.product-grid .product-thumb {
    text-align: center;
    position: relative;
	border: unset;
    box-shadow: 0 0 5px 0 #bfbfbfee;
	border-radius: 10px;
    margin: 10px 0;
    padding: 0 0 20px
}
.product-grid .product .right{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.descr {
    height: 80px;
    line-height: 17px
}

.free-delivery-wrapper,
.sale-wrapper {
    height: 88px;
    width: 85px;
    z-index: 1;
    overflow: hidden;
    position: absolute
}

.sale-wrapper {
    top: -1px;
    right: -1px
}

.free-delivery-wrapper {
    left: -1px;
    bottom: -1px
}

.descr li {
    text-align: left;
    font-size: 13px
}

.free-text,
.sale {
    font: 700 15px Sans-Serif;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: #41c387;
    color: #fff;
    text-align: center
}

.product-grid .product-thumb>.left,
.product-grid .product>.left,
.product-list .product-thumb>.left,
.product-list .product-thumb>.left .image {
    position: relative
}

.product-list .product-thumb>.left .image {
    float: left;
    padding: 0
}

.product-grid .product .image,
.product-grid .product-thumb .image {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 0
}

.product-grid .product .image .quickview {
    color: #fff;
    opacity: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    text-align: center;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product-grid .product:hover .image .quickview {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.product-grid .product .image .quickview a {
    box-shadow: none;
    border: none;
    outline: 0;
    padding: 0;
    display: inline-block;
    background: #000;
    margin: 0;
    border-radius: 0
}

.product-grid .product .image .quickview a i {
    font-size: 25px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    color: #fff;
    display: inline-block;
    vertical-align: top
}

.product-grid .product .image img {
    display: block;
    margin: 0 auto
}

.product-grid .product .image img.zoom-image-effect {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms
}

.news.v2 .media .thumb-holder img,
.product-grid .product:hover .image img.zoom-image-effect {
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms
}

.product-grid .product:hover .image img.zoom-image-effect {
    -webkit-transform: scale(1.05, 1.07);
    -moz-transform: scale(1.05, 1.07);
    transform: scale(1.05, 1.07);
    transition-timing-function: ease-out;
    transition-duration: 250ms
}

.product-grid .product .image-swap-effect {
    position: relative
}

.product-grid .product .image-swap-effect .swap-image {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in
}

.product-grid .product .image-swap-effect:hover .swap-image {
    visibility: visible;
    opacity: 1
}

.product-grid .product .name,
h2.product-name {
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0;
    padding: 0 15px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
	color:#000;
}

.product-list h2.product-name {
    text-align: left;
    padding: 0;
	color: #000;
    margin-top: 0
}

.product-grid .product .name a,
h2.product-name a {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Rubik'
}

h2.product-name a {
    line-height: 24px;
    text-transform: none !important
}

.product-grid .product .descr {
    padding: 0 15px;
    line-height: 17px
}

.product-grid .product .name a {
    line-height: 24px
}

.product-grid .product .name a:hover {
    color: #41c387
}

.product-grid .product .price,
.product-grid .product-thumb .price {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 11px;
    height: 30px;
	font-family:'Rubik'
}

.product-grid .product .price span.price-new,
.product-grid .product-thumb .price span.price-new {
    color: #000;
	background: #edff66;
    font-size: 18px;
    font-weight: 500;
	padding: 5px;
}

.product-grid .product .price .price-old,
.product-grid .product-thumb .price .price-old {
    text-decoration: line-through;
    padding-left: 10px;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    vertical-align: top;
    padding-top: 3px;
    display: inline-block
}

.prodmainlinks,
.product-grid .addtolist {
    display: inline-block;
    position: relative;
    color: #000;
    text-align: center;
    vertical-align: top
}

.product-grid .addtocart .button-enquiry {
    padding-left: 12px;
    padding-right: 12px
}

.product-grid .addtolist {
    width: 100%
}

.prodmainlinks>div {
    display: block;
    margin: 0 3px;
    float: left
}

.add-to-links>div {
    display: inline-block;
    margin: 0 3px
}

.add-to-links>div a {
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #999;
    color: #999;
    background-color: #fff;
    cursor: pointer
}

.add-to-links>div a:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.add-to-links>div a i {
    font-size: 17px;
    line-height: 38px;
    display: block;
    vertical-align: top
}

.is-countdown {
    background: rgba(255, 255, 255, .9);
    margin-top: -50px;
    left: 0;
    right: 0;
    padding: 0 10px;
    position: absolute
}

.countdown-holding span {
    color: #888
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 32.5%
}

.countdown-show4 .countdown-section {
    width: 24.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center
}

.countdown-amount {
    font-size: 200%
}

.countdown-period {
    display: block
}

.countdown-descr {
    display: block;
    width: 100%
}

.col-md-3 .item,
.col-md-3 .products,
.col-md-4 .item,
.col-md-4 .products,
.col-sm-3 .item,
.col-sm-3 .products,
.col-sm-4 .item,
.col-sm-4 .products {
    overflow: hidden
}

.col-md-3 .box-product .owl-controls,
.col-md-4 .box-product .owl-controls,
.col-sm-3 .box-product .owl-controls,
.col-sm-4 .box-product .owl-controls {
    display: block !important
}

.box-product .owl-pagination {
    position: relative;
    z-index: 15;
    width: 60%;
    margin: 5px 0 10px 20%;
    padding-left: 0;
    text-align: center;
    list-style: none
}

.box-product .owl-pagination>div {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    padding: 0;
    text-indent: -999px;
    cursor: pointer;
    background: #ccc;
    border: none
}

.col-md-3 .products .is-countdown,
.col-md-3 .products .product .new-label,
.col-md-3 .products .product .price-old,
.col-md-3 .products .product .quickview,
.col-md-3 .products .product .sale,
.col-md-3 .products .product .typo-actions,
.col-md-4 .products .is-countdown,
.col-md-4 .products .product .new-label,
.col-md-4 .products .product .price-old,
.col-md-4 .products .product .quickview,
.col-md-4 .products .product .sale,
.col-md-4 .products .product .typo-actions,
.col-sm-3 .products .is-countdown,
.col-sm-3 .products .product .new-label,
.col-sm-3 .products .product .price-old,
.col-sm-3 .products .product .quickview,
.col-sm-3 .products .product .sale,
.col-sm-3 .products .product .typo-actions,
.col-sm-4 .products .is-countdown,
.col-sm-4 .products .product .new-label,
.col-sm-4 .products .product .price-old,
.col-sm-4 .products .product .quickview,
.col-sm-4 .products .product .sale,
.col-sm-4 .products .product .typo-actions {
    display: none
}

.box-product .owl-pagination>div.active {
    background: #000
}

.col-md-3 .products .product-grid,
.col-md-4 .products .product-grid,
.col-sm-3 .products .product-grid,
.col-sm-4 .products .product-grid {
    margin: 0
}

.col-md-3 .products .row>div,
.col-md-4 .products .row>div,
.col-sm-3 .products .row>div,
.col-sm-4 .products .row>div {
    width: 100%;
    margin: 0
}

.col-md-3 .products .row>div .product,
.col-md-4 .products .row>div .product,
.col-sm-3 .products .row>div .product,
.col-sm-4 .products .row>div .product {
    margin: 34px 0 0;
    padding: 34px 0 0;
    text-align: left;
    border: none;
    border-top: 1px solid #e6e6e6;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.col-md-3 .products .row>div:first-child .product,
.col-md-4 .products .row>div:first-child .product,
.col-sm-3 .products .row>div:first-child .product,
.col-sm-4 .products .row>div:first-child .product {
    margin-top: 0;
    border: none
}

.col-md-3 .products .row>div .product .left,
.col-md-4 .products .row>div .product .left,
.col-sm-3 .products .row>div .product .left,
.col-sm-4 .products .row>div .product .left {
    float: left;
    width: 29%;
    max-width: 77px
}

.col-md-3 .products .row>div .product .right,
.col-md-4 .products .row>div .product .right,
.col-sm-3 .products .row>div .product .right,
.col-sm-4 .products .row>div .product .right {
    float: left;
    width: 71%;
    padding-left: 10px
}

.col-md-3 .products .product .name,
.col-md-4 .products .product .name,
.col-sm-3 .products .product .name,
.col-sm-4 .products .product .name {
    text-align: left;
    padding: 0 0 5px;
    margin: 0;
    line-height: 1.1;
    height: auto;
    overflow: visible
}

.col-md-3 .products .product .name a,
.col-md-4 .products .product .name a,
.col-sm-3 .products .product .name a,
.col-sm-4 .products .product .name a {
    font-size: 12px;
    line-height: 1.1
}

.col-md-3 .products .product .price,
.col-md-4 .products .product .price,
.col-sm-3 .products .product .price,
.col-sm-4 .products .product .price {
    font-size: 16px
}

#mfilter-content-container .product-list {
    position: absolute;
    width: 100%;
    max-height: 100px;
    overflow: hidden;
    opacity: 0;
    z-index: -10
}

#mfilter-content-container .product-list.active {
    position: relative;
    visibility: visible;
    max-height: none;
    overflow: visible;
    opacity: 1;
    z-index: 0
}

.product-list {
    padding-top: 20px
}

.product-list div.right {
    margin-left: 330px;
    min-height: 310px
}

.product-list>div img {
    display: block
}

.product-list .product-shop .product-name {
    margin: -1px 0 5px;
    padding: 0;
    text-transform: none;
    font-size: 18px;
    text-align: left
}

.product-list .product-shop .product-name a {
    line-height: 1.1
}

.product-list .product-shop .desc {
    margin-bottom: 45px;
    margin-top: 30px;
    color: #666
}

.product-list>div.products-bottom button.btn-cart {
    display: block;
    float: left
}

.product-list>div .addtocart {
    display: inline-block;
    vertical-align: top;
    font-size: 13px
}

.product-list>div .addtolist {
    position: relative;
    text-align: center;
    vertical-align: top;
    display: inline-block
}

.product-list>div .product-item {
    text-align: left;
    padding: 0 0 10px;
    display: block;
    margin: 0 0 30px
}

.product-list>div .rating-reviews {
    margin: 0 0 10px;
    line-height: 1
}

.product-list>div .table {
    text-align: center
}

.product-list>div .price-box {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500
}

.product-list>div .price-box p.minimal-price {
    margin: 0
}

.product-list>div .price-box p.minimal-price .price-label {
    font-size: 85%
}

.product-list p.price,
.product-list p.price span.price-new,
.product-list>div .price-box .price {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    line-height: 22px;
    vertical-align: top
}

.product-list>div .price-box .old-price {
    float: right;
    margin: 5px 10px 0;
    line-height: 20px
}

.product-list p.price span.price-old,
.product-list>div .price-box .old-price .price {
    font-size: 14px;
    padding: 0;
    color: #999;
    font-weight: 400;
    text-decoration: line-through;
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
    margin-left: 3px
}

.product-list>div .price-box .special-price {
    float: left;
    margin: 0 10px
}

.product-list>div .price-box .map-link {
    line-height: 28px
}

.product-list>div .typo-actions {
    width: 100%
}

.product-list>div .typo-actions .addtocart a.button {
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-align: center
}

.product-list>div .typo-actions .addtocart a.button-enquiry {
    padding-left: 12px;
    padding-right: 12px
}

.product-list>div .product-show {
    position: relative
}

.product-list>div .product-show-box {
    color: #fff;
    opacity: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    text-align: center;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.product-list>div .main-quickview .show-quickview {
    box-shadow: none;
    border: none;
    outline: 0;
    padding: 0;
    display: inline-block;
    background: #000;
    margin: 0;
    border-radius: 0
}

.product-list>div .main-quickview .show-quickview i {
    font-size: 25px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    color: #fff;
    display: inline-block;
    vertical-align: top
}

.product-list>div:hover .product-show-box {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.product-img-additional {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
    opacity: 0;
    visibility: hidden
}

.product-show a:hover .product-img-additional {
    opacity: 1;
    visibility: visible
}

.category-info {
    padding: 10px 0 10px 0;
    position: relative;
    margin: 0
}

.category-info .image {
    padding: 0 30px 30px 0;
    float: left;
    width: auto;
    max-width: 100%
}

.refine_search {
    margin-top: 0 !important;
    margin-bottom: 23px !important;
    padding: 0 !important;
    font-size: 18px;
    text-transform: uppercase
}

.category-list-text-only {
    margin-bottom: 30px
}

.category-list .row>div {
    margin-bottom: 26px;
    text-align: center
}

.category-list-text-only .row>div {
    margin-bottom: 6px;
    text-align: left
}

.category-list img {
    display: block;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.product-filter {
    font-family: 'Rubik';
    padding: 0;
    margin: 0 0 20px;
    color: #999;
    text-transform: uppercase
}

.product-filter .list-options {
    float: left;
    width: auto;
    padding: 0
}

.product-filter .list-options .sort {
    padding: 0;
    float: left;
    width: auto
}

.product-filter .list-options .limit {
    padding: 0 0 0 43px;
    float: left;
    width: auto
}

.product-filter .list-options select {
    margin: 0 0 0 10px;
    width: auto;
    height: auto;
    border: none;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'rubik', arial, serif;
    padding: 0 10px 0 0;
    line-height: 1
}

.product-filter .list-options .select {
    display: inline-block
}

.product-filter .list-options .select:after {
    color: #333;
    top: 5px;
    right: 0;
    font-size: 12px
}

.product-filter .options {
    float: right;
    width: auto;
    padding: 0
}

.product-filter .options .product-compare {
    float: left;
    width: auto;
    padding: 0 32px 0 0
}

.product-filter .options .button-group {
    float: left;
    width: auto
}

.product-filter .options .button-group button {
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 20px;
    line-height: 22px;
    border: none;
    background: 0 0;
    color: #999;
    outline: 0
}

.product-filter .options .button-group .active,
.product-filter .options .button-group button:hover {
    color: #000
}

.product-info .product-image {
    margin: 0 0 20px;
    text-align: center;
    border: 1px solid #dedede
}

.product-info .product-image a {
    display: block
}

.product-info .product-image img {
    display: block;
    cursor: pointer;
    margin: 0 auto
}

.product-info .product-image .sale-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 0
}

.product-info .thumbnails ul {
    list-style: none;
    margin: 0 0 0 -20px;
    position: relative;
    padding: 0
}

.product-info .thumbnails li p {
    margin: 0;
    padding: 0 0 20px 20px
}

.product-info .thumbnails li img {
    display: block;
    margin: 0 auto
}

.product-info .product-center {
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px
}

.product-info .radio-type-button input,
.product-info .radio-type-button2 input {
    position: absolute;
    visibility: hidden
}

.product-center .product-name {
    font-size: 22px;
    line-height: 30px;
    margin: 0;
    padding: 16px 0 0;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    height: auto
}

.product-center .product-name a {
    line-height: 30px
}

.product-info td.rate-cell {
    white-space: normal
}

.product-info .rating {
    padding: 7px 0 0
}

.product-info .rating-links {
    display: inline-block;
    padding-left: 16px;
    font-size: 12px;
    vertical-align: top;
    padding-top: 2px
}

.product-info .rating-links a {
    cursor: pointer
}

.product-info .description {
    padding: 20px 0 30px;
    line-height: 23px;
    font-weight: 400
}

.product-info .price {
    padding-top: 0
}

.product-info .price .other-price {
    margin-top: 25px
}

.product-info .mobiili_hinta_2 .other-price .discount,
.product-info .mobiilidivi .other-price-1 .discount,
.product-info .price .other-price .discount {
    display: none
}

.product-info .price .price-new {
    font-size: 42px;
    font-weight: 500;
    color: #000;
    padding: 5px 10px 5px 0
}

.product-info .description .price .price-tax {
    font-size: 1em;
    font-weight: 500
}

.description .price {
    margin: 0%
}

.price-mobile {
    display: none
}

.price-mobile .price-old,
.product-info .price .price-old {
    font-size: 14px;
    padding: 0 0 0 15px;
    color: #999;
    font-weight: 400;
    text-decoration: line-through;
    line-height: 3;
    vertical-align: top
}

.product-info .price .price-old {
    margin-top: -65px
}

.price-mobile .price-old {
    line-height: 24px
}

.price-mobile .price-tax {
    font-weight: 400
}

.product-info .options {
    padding-bottom: 0;
    margin-top: 5%
}

.product-info .options h2 {
    padding: 0;
    margin-bottom: 10px;
    font-size: 18px;
    text-transform: unset;
    font-weight: 400
}

.product-info .options>div>label {
    text-transform: unset;
    font-size: 13px;
	font-weight: 400;
}

.product-info .options .error {
    margin: 0
}

.product-info .radio-type-button {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 5px 7px 5px 0;
    padding: 0
}

.product-info .radio-type-button span {
    padding: 2px;
    background: #efefef;
    border: 1px solid #fff;
    display: block
}

.product-info .radio-type-button span.active,
.product-info .radio-type-button span:hover {
    border: 1px solid #000
}

.product-info .radio-type-button img {
    display: block
}

.product-info .radio-type-button2 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 5px 7px 5px 0;
    padding: 0
}

.product-info .radio-type-button2 span {
    background: #efefef;
    height: 25px;
    min-width: 25px;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    padding: 1px 5px;
    font-weight: 500;
    color: #636363;
    line-height: 1.5em
}

.product-info .radio-type-button2 span:hover {
    border: 1px solid #000
}

.product-info .radio-type-button2 span.active {
    background: #000;
    color: #fff
}

.product-info .cart {
    padding-top: 2px;
    margin-left: 3%;
    width: 100%
}

.product-info .cart .add-to-cart .quantity,
.product-info .cart .add-to-cart input {
    display: block;
    float: left
}

.product-info .cart .add-to-cart input {
    margin: 0 0 10px 0 !important;
    height: 70px
}

.product-info .cart .add-to-cart .quantity {
    position: relative;
    margin-right: 1%
}

.product-info .cart .add-to-cart .quantity input {
    width: 100px;
    text-align: center;
    font-size: 15px;
    font-weight: 500
}

.product-info .cart .add-to-cart .quantity #q_down,
.product-info .cart .add-to-cart .quantity #q_up {
    height: 48px;
    width: 40px;
    display: block;
    line-height: 48px;
    font-size: 14px;
    position: absolute;
    top: 11px;
    text-align: center;
    border: none
}

.product-info .cart .add-to-cart .quantity #q_up {
    right: 1px
}

.product-info .cart .add-to-cart .quantity #q_down {
    left: 1px
}

.ostoskoriasettelu {
    padding-left: 0
}

.quantity_mob {
    position: relative;
    margin-right: 1%;
    margin-top: 12px;
    padding-left: 0
}

.quantity_mob #quantity_wanted_sec,
.quantity_mob #quantity_wanted_third {
    width: 100px;
    height: 50px;
    padding-left: 45px;
    padding-right: 0
}

#quan_down,
#quan_up,
#quant_down,
#quant_up {
    height: 48px;
    width: 40px;
    display: block;
    line-height: 48px;
    font-size: 20px;
    position: absolute;
    top: 11px;
    text-align: center;
    border: none
}

.quantity_mob #quan_down,
.quantity_mob #quant_down {
    top: 4px
}

.quantity_mob #quan_up,
.quantity_mob #quant_up {
    left: 60px;
    top: 4px
}

.product-info .cart .add-to-cart .button {
    width:100%;
	text-align: center;
    background-color: #000;
    color: #fff;
    border: none;
    font-size: 22px;
    text-transform: none;
	font-weight: 500;
	border-radius: 10px;
}

.product-info .cart .add-to-cart .button:hover {
    background-color: #41c387;
    color: #fff;
    border-color: #41c387
}

.product-info .cart .add-to-cart .button-product-question {
    margin: 20px 0 0
}

.product-info .cart .add-to-cart .button-enquiry {
    margin: 10px 0 0
}

.product-info .description .environment-friendly {
    font-weight: 400;
    border: 1px solid rgba(204, 204, 204, .5);
    padding: 40px;
    cursor: pointer
}

.product-info .description .environment-friendly .environment-image {
    padding: 0 50px 25px 50px
}

.product-info .description .environment-friendly .env-header,
.product-info .description .environment-friendly .env-maintext {
    font-size: 15px;
    line-height: 25px
}

.product-info .description .environment-friendly .env-maintext {
    float: left;
    width: 69%
}

.product-info .description .environment-friendly .env-numbers {
    float: right;
    color: #41c387;
    font-size: 19px;
    line-height: 25px;
    font-weight: 500;
    text-align: right;
    width: 30%
}

.product-info .description .environment-friendly .environment-in-co-operation img {
    width: 40%;
    margin-top: 30px;
    float: right
}

.product-info .description .environment-friendly .environment-in-co-operation .readmore {
    position: absolute;
    bottom: 19px;
    left: 0;
    padding: 8px 18px;
    font-size: 15px;
    color: #fff;
    background-color: #00a77e;
    font-weight: 500
}

.product-info .description .environment-friendly .environment-in-co-operation img {
    width: 40%;
    margin-top: 30px;
    float: right
}

#environment-friendly-modal .close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    text-shadow: none;
    color: #fff
}

#environment-friendly-modal .modal-header {
    border-bottom: none;
    padding: 0 20px 0 30px !important
}

#environment-friendly-modal .modal-header h4 {
    padding: 15px 0 10px 0;
    text-transform: none;
	color: #edff66;
}

#environment-friendly-modal .modal-content {
    background-color: #1e3d37;
    color: #fff;
    padding: 30px 20px
}

#environment-friendly-modal .modal-header .env-icon {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-bottom: 5px
}

#environment-friendly-modal .modal-body {
    text-align: center
}

#environment-friendly-modal2 .close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    text-shadow: none;
    color: #fff
}

#environment-friendly-modal2 .modal-header {
    border-bottom: none;
    padding: 0 20px 0 30px !important
}

#environment-friendly-modal2 .modal-header h4 {
    padding: 15px 0 10px 0;
    text-transform: none;
	color: #edff66;
}

#environment-friendly-modal2 .modal-content {
    background-color: #1e3d37;
    color: #fff;
    padding: 30px 20px
}

#environment-friendly-modal2 .modal-header .env-icon {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-bottom: 5px
}

#environment-friendly-modal2 .modal-body {
    text-align: center
}

.product-info .cart .minimum {
    padding: 10px 0 0
}

.tags_product {
    margin: 20px 0 0;
    color: #fff
}

.tags_product b {
    color: #000
}

.tags_product a {
    display: inline-table;
    background-color: #41c387;
    color: #fff;
    margin-bottom: 5px;
    padding: 2px 8px;
    border-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px
}

.product-block {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 0 0 30px
}

.product-block .title-block {
    margin: 5px 0 23px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase
}

.footer h4,
.footer h5,
.rating i {
    font-size: 16px
}

.product-block .block-content {
    clear: both
}

.set-rating {
    padding-top: 7px
}

#main .set-rating i {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 0 -3px 0 0;
    padding: 0 4px 0 1px
}

div.newsletter-embedded {
    display: none
}

.rating i {
    color: #ccc;
    margin: 0 2px 0 1px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.rating i.active {
    color: #fc0
}

.footer {
    position: relative;
    padding: 0 40px;
    background-color: #1e3d37
}

.footer .background-footer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #1e3d37
}

.footer .background {
    padding: 40px 0 60px
}

.footer a,
.footer h4,
.footer h5,
.footer p {
    color: #fff
}

.footer .background p {
    padding: 0;
    margin: 0
}

.footer h4 {
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase;
    position: relative;
    font-weight: 300
}

.footer h4.information-box {
    padding: 0 30px
}

.footer .info-bg {
    padding: 15px;
    background-color: rgba(255, 255, 255, .1)
}

.footer .info-bg li {
    padding: 0px;
    line-height: 20px
}

/*.footer .info-bg li.puhelin {
    background: url(/fi/image/catalog/information/contact/headset.svg) 0 9px no-repeat
}

.footer .info-bg li.mail {
    background: url(/fi/image/catalog/kuvakkeet/e-mail.png) 0 4px no-repeat
}

.footer .info-bg li.telefon {
    background: url(/fi/image/catalog/kuvakkeet/phone.png) 0 5px no-repeat;
    line-height: 25px !important
}

.footer .info-bg li.epost {
    background: url(/fi/image/catalog/kuvakkeet/e-mail.png) 0 5px no-repeat;
    line-height: 25px !important
}*/

div.luottoluokitus {
    margin-top: 10px
}

.footer ul {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 15px 0px;
    clear: both
}

.footer ul.information-links {
    padding: 0 30px
}

.footer ul li {
    padding: 5px 0;
    color: #fff
}
.footer ul .mail a:hover,
.footer ul .puhelin a:hover{
    font-weight:500;
	text-decoration:underline;
}

.footer ul li a {
    padding: 0 20px;
    display: block;
    position: relative
}

.footer ul li a:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 4px;
    background: #999;
    width: 5px;
    height: 5px;
    display: block;
    transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in
}

.footer ul.address-footer li a:before {
    display: none
}

.footer ul li a:hover:before {
    background: #000
}

.footer ul li a>span {
    position: absolute;
    top: 1px;
    left: 0;
    line-height: inherit
}

.footer ul li a:hover,
.footer ul.address-footer li a {
    padding-left: 30px
}

.footer ul.otayhteytta li a:before,
.footer ul.otayhteytta li.telefon a:before {
    content: none
}

.footer ul.otayhteytta li a {
    padding: 0
}

.logo-bottom {
    display: block;
    margin-bottom: 40px
}

.logo-bottom img {
    display: block;
    margin: 0 auto
}

.information-logo {
    margin-bottom: 30px
}

.login-content:after,
.login-content:before,
.main-content .content:after,
.main-content .content:before {
    display: table;
    content: " "
}

.main-content .content {
    padding: 0 0 20px
}

.main-content .content:after {
    clear: both
}

.main-content .content .left {
    float: left;
    width: 47%;
    padding: 0
}

.main-content .content .right {
    float: right;
    width: 47%;
    padding: 0
}

.login-content:after {
    clear: both
}

.login-content .left {
    float: left;
    width: 47%
}

.login-content .right {
    float: right;
    width: 47%
}

.login-content .content {
    margin: 20px 0 0
}

.login-content .left .button {
    margin-top: 10px
}

div.pagination-results {
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: auto
}

div.pagination-results .text-right {
    padding: 5px 0 10px 10px;
    color: #999;
    display: none
}

div.pagination-results .text-left {
    padding: 0;
    width: 100%;
    text-align: center
}

div.pagination-results ul li,
div.text-left ul.pagination li {
    display: inline-block;
    width: 34px;
    text-align: center;
    font-size: 15px;
    height: 34px;
    line-height: 32px;
    font-weight: 500
}

div.pagination-results ul {
    margin: 0;
    list-style: none;
    padding: 10px 0
}

div.pagination-results ul li {
    background: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    margin: 0 3px 10px 4px;
    border: 1px solid #e5e5e5
}

div.pagination-results ul li.active {
    background: #333;
    color: #fff;
    border-color: #333
}

div.text-left ul.pagination {
    margin: 0;
    list-style: none;
    padding: 10px 0;
    text-align: center
}

div.text-left ul.pagination li {
    background: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    margin: 0 3px 10px 4px;
    border: 1px solid #e5e5e5
}

div.text-left ul.pagination li.active {
    background: #333;
    color: #fff;
    border-color: #333
}

div.text-left ul.pagination li a {
    line-height: 32px;
    padding: 8px 9px
}

.list-box {
    list-style: none;
    margin: 0;
    padding: 0
}

.list-box li {
    line-height: 20px;
    height: auto;
    position: relative;
    padding: 11px 20px;
    display: block;
    border-bottom: 1px solid #eaeaea
}

.list-box li:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "\e074";
    display: inline-block;
    font-size: 10px;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased
}

.htabs,
.htabs a {
    text-align: center;
    position: relative
}

span.error {
    padding: 5px 0;
    display: block;
    color: red
}

.form span.error {
    display: inline-block;
    padding-left: 20px
}

.product-info span.error {
    padding-top: 0
}

.help {
    font-size: 10px;
    display: block
}

.ajg {
    display: inline-block !important
}

table.form td {
    padding: 5px 13px 0 0
}

table.form td input,
table.form td select,
table.form td textarea {
    margin-left: 7px
}

.htabs {
    margin: 0;
    z-index: 1;
    border-bottom: 1px solid #ccc
}

.htabs:after,
.htabs:before {
    display: table;
    content: " "
}

.htabs a,
.review-list .author,
.review-list .rating {
    display: inline-block
}

.review-list .author span:first-child {
    font-weight: 500
}

.htabs:after {
    clear: both
}

.htabs a {
    vertical-align: top;
    font-size: 16px;
    text-transform: uppercase;
    color: #ccc;
    padding: 0 15px;
    line-height: 50px;
    font-weight: 500;
    font-family: 'Rubik', arial, serif
}

.htabs a:after,
.htabs a:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    height: 2px;
    background: #000;
    width: 0;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.htabs a:after {
    right: 50%;
    left: auto
}

.htabs a.selected:after,
.htabs a.selected:before,
.htabs a:hover:after,
.htabs a:hover:before {
    width: 50%
}

.htabs a.selected,
.htabs a:hover {
    color: #333
}

.center-column .tab-content {
    padding: 10px 0 15px 0
}

.center-column .tab-content>:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.center-column .tab-content>:first-child {
    padding-top: 0;
    margin-top: 0
}

.center-column .tab-content h2#review-title {
    padding: 0 0 20px;
    margin: 0
}

.attention,
.information,
.success,
.warning {
    padding: 10px 10px 10px 40px;
    margin: 0 0 25px;
    clear: both
}

.success {
    background: url(../img/success.png) 13px center no-repeat #eaf7d9;
    border: 1px solid #bbdf8d
}

.warning {
    background: url(../img/warning.png) 13px center no-repeat #ffd1d1;
    border: 1px solid #f8acac
}

.attention {
    background: url(../img/attention.png) 13px center no-repeat #fff5cc;
    border: 1px solid #f2dd8c
}

.information {
    background: url(../img/information.png) 13px center no-repeat #e8f6ff;
    border: 1px solid #b8e2fb
}

.review-list .rating {
    float: right;
    width: auto
}

.form-horizontal .form-group {
    margin: 1px 1px 1px 1px
}

.review-list .author span.revdate {
    font-size: 10px;
    opacity: .8;
    font-style: italic;
    padding-left: 3px
}

.review-list .text {
    margin: 15px 0 25px;
    padding: 20px;
    position: relative;
    background: #fff;
    border: 1px solid #ccc
}

.review-list .text:after,
.review-list .text:before {
    position: absolute;
    content: '';
    display: inline-block
}

.review-list .text:before {
    top: -9px;
    left: 9px;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-left: 9px solid transparent;
    border-bottom-color: #bbb
}

.review-list .text:after {
    top: -8px;
    left: 10px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent
}

.cart-info table,
.checkout-product table,
.compare-info,
.table,
.wishlist-info table,
.wishlist-product table,
table.attribute,
table.list {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    margin: 0 0 30px
}

.cart-info table .btn,
.checkout-product table .btn,
.compare-info .btn,
.table .btn,
.wishlist-info table .btn,
.wishlist-product table .btn,
table.attribute .btn,
table.list .btn {
    margin: -8px 0
}

table.orderdetails a.btn,
table.orderlist a.btn {
    margin: 2px 0
}

table.wishlist a.btn,
table.wishlist button {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

.table a.osoitelista {
    margin-top: 7px;
    margin-bottom: 0
}

.btn-compare {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

.btn-business-outlet {
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    height: 30px;
    background-color: #fff;
    color: #000;
    border: none
}

.btn-business-outlet:hover {
    background-color: #000;
    color: #fff;
    border: none
}

.btn-collector {
    font-size: .8em;
    line-height: 24px;
    padding: 0 10px;
    height: 30px
}

.instalment h5 {
    font-size: .8em;
    padding-bottom: 0
}

.instalment span {
    float: left;
    width: 100%;
    font-size: .8em
}

.cart-info table {
    margin-bottom: 20px
}

.cart-info table td,
.checkout-product table td,
.compare-info td,
.table td,
.wishlist-info table td,
.wishlist-product table td,
table.attribute td,
table.list td {
    border-bottom: 1px solid #ccc;
    padding: 2px 10px;
    text-align: left;
    vertical-align: top
}

.cart-info table td:first-child,
.checkout-product table td:first-child,
.compare-info td:first-child,
.table td:first-child,
.wishlist-info table td:first-child,
.wishlist-product table td:first-child,
table.attribute td:first-child,
table.list td:first-child {
    padding-left: 0
}

.cart-info table td:last-child,
.checkout-product table td:last-child,
.compare-info td:last-child,
.table td:last-child,
.wishlist-info table td:last-child,
.wishlist-product table td:last-child,
table.attribute td:last-child,
table.list td:last-child {
    padding-right: 0
}

.table td.text-center {
    text-align: center
}

.table td.text-center .input-group {
    margin: 0 auto
}

.table td.text-right {
    text-align: right
}

.cart-info table thead td,
.checkout-product table thead td,
.compare-info thead td,
.table thead td,
.wishlist-info table thead td,
.wishlist-product table thead td,
table.attribute thead td,
table.list thead td {
    text-transform: uppercase;
    font-size: 1em;
    font-family: Montserrat, arial, serif;
    padding-top: 25px;
    padding-bottom: 10px
}

.cart-info table thead:first-child td,
.checkout-product table thead:first-child td,
.compare-info thead:first-child td,
.table thead:first-child td,
.wishlist-info table thead:first-child td,
.wishlist-product table thead:first-child td,
table.attribute thead:first-child td,
table.list thead:first-child td {
    padding-top: 5px
}

table.attribute td {
    white-space: pre-line
}

.cart-info table td,
.wishlist-info table td {
    vertical-align: middle;
    text-align: center
}

.cart-total td,
.download-list .download-info,
.order-list .order-info,
.return-list .return-info,
.return-list .return-status {
    text-align: right
}

.product-compare table .price-new {
    color: #41c387;
    font-weight: 500
}

.cart-total td,
.cart-total td strong {
    font-weight: 400
}

.product-compare table .price-old {
    color: grey;
    text-decoration: line-through;
    padding-right: 5px
}

table img {
    max-width: none
}

.cart-total {
    overflow: auto
}

.cart-total table {
    float: right;
    margin-right: 1px
}

.cart-total td {
    padding: 0 0 0 25px
}

.cart-total table tr td:last-child {
    color: #000;
    font-weight: 500;
    font-size: 16px
}

.download-list,
.order-list {
    overflow: auto
}

.download-list .download-id,
.order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}

.download-list .download-status,
.order-list .order-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}

.download-list .download-content,
.order-list .order-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.center-column .panel-heading,
.manufacturer-heading {
    border-bottom: 1px solid #ccc;
    text-transform: uppercase
}

.download-list .download-content div,
.order-list .order-content div {
    float: left;
    width: 33.3%
}

.manufacturer-list {
    padding: 0;
    overflow: auto;
    margin-bottom: 20px;
    background: #fff
}

.manufacturer-heading {
    padding: 15px 0 20px;
    font-weight: 500
}

.manufacturer-content {
    padding: 25px 0 0;
    overflow: auto
}

.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0 0 0 20px;
    padding: 0
}

.center-column .panel {
    position: relative;
    padding: 0 0 15px
}

.center-column .panel-heading {
    font-size: 13px;
    margin: 0;
    padding: 7px 0 22px;
    position: relative
}

.center-column .panel-heading h4 {
    padding: 0;
    margin: 0;
    font-size: 13px !important
}

.center-column .panel-body {
    position: relative;
    padding-top: 15px
}

.center-column .panel-body .buttons {
    margin: 0
}

.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}

.return-list .return-status {
    width: 49%;
    float: right;
    margin-bottom: 2px
}

.return-list .return-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.return-list .return-content div {
    float: left;
    width: 33.3%
}

.return-product {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 20px
}

.return-opened textarea {
    width: 100%
}

.scrollup {
    font-size: 20px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border: 0 solid red;
    box-shadow: inset 0 0 10px rgba(255, 0, 0, 0);
    outline: solid 1px;
    outline-color: rgba(204, 204, 204, .5);
    outline-offset: 0;
    text-shadow: none;
    background: #fff;
    -webkit-transition: all 550ms cubic-bezier(.19, 1, .22, 1);
    transition: all 550ms cubic-bezier(.19, 1, .22, 1);
    right: 10px;
    bottom: 142px;
    position: fixed;
    display: none;
    z-index: 6
}

.scrollup:hover {
    border: 1px solid red;
    box-shadow: inset 0 0 10px rgba(255, 0, 0, .5), 0 0 20px rgba(255, 0, 0, .2);
    outline-color: rgba(255, 0, 0, 0);
    outline-offset: 5px;
    color: red
}

.banner {
    text-align: center;
    width: 100%;
    margin: 30px 0 0
}

.facebook_left,
.facebook_right {
    width: 308px;
    position: fixed;
    top: 150px;
    z-index: 999
}

.banner img.with-link {
    cursor: pointer
}

ul.box-filter {
    list-style: none;
    margin: 0;
    padding: 0 0 5px
}

ul.box-filter>li {
    padding: 0 0 15px
}

ul.box-filter>li>span {
    font-weight: 500
}

ul.box-filter ul {
    list-style: none;
    padding: 0
}

.facebook_left {
    left: -308px
}

.facebook_right {
    right: -308px
}

.facebook_left .facebook-icon,
.facebook_right .facebook-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../img/facebook-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 999
}

.facebook_right .facebook-icon {
    left: -50px;
    right: auto
}

.facebook_left .facebook-content,
.facebook_right .facebook-content {
    background-color: #fff;
    border: 4px solid #4b6baf;
    position: relative;
    z-index: 999
}

.twitter_left,
.twitter_right {
    width: 250px;
    position: fixed;
    top: 150px
}

.twitter_left {
    left: -250px;
    z-index: 998
}

.twitter_right {
    right: -250px;
    z-index: 998
}

.facebook_left+.twitter_left,
.facebook_right+.twitter_right {
    top: 210px
}

.twitter_left .twitter-icon,
.twitter_right .twitter-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../img/twitter-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 998
}

.twitter_right .twitter-icon {
    left: -50px;
    right: auto
}

.twitter_left .twitter-content,
.twitter_right .twitter-content {
    background-color: #fff;
    border: 4px solid #36a7e5;
    position: relative;
    z-index: 998
}

.custom_left,
.custom_right {
    width: 250px;
    position: fixed;
    top: 150px
}

.custom_left {
    left: -250px;
    z-index: 996
}

.custom_right {
    right: -250px;
    z-index: 996
}

.facebook_left+.twitter_left+.custom_left,
.facebook_right+.twitter_right+.custom_right {
    top: 270px
}

.facebook_left+.custom_left,
.facebook_right+.custom_right,
.twitter_left+.custom_left,
.twitter_right+.custom_right {
    top: 210px
}

.custom_left .custom-icon,
.custom_right .custom-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../img/custom-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 996
}

.custom_left .custom-icon {
    background: url(../img/custom-icon-right.png) no-repeat
}

.custom_right .custom-icon {
    left: -50px;
    right: auto
}

.custom_left .custom-content,
.custom_right .custom-content {
    background-color: #fff;
    border: 4px solid #ea2e49;
    position: relative;
    z-index: 996;
    padding: 10px
}

.picker-switch .btn,
.timepicker-picker .btn {
    background: 0 0 !important;
    color: grey !important;
    text-shadow: none !important;
    -webkit-text-shadow: none !important;
    -moz-text-shadow: none !important;
    border: none !important
}

div.required .control-label:before {
    content: '* ';
    color: red;
    font-weight: 500
}

.carousel-brands {
    background: #fff;
    margin: 50px 0 0 !important;
    padding: 100px 0 0;
    border-top: 1px solid #d5d5d5;
    position: relative
}

body[class*=product-category-] .carousel-brands {
    margin-top: 95px !important
}

.carousel-brands img {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.carousel-brands img:hover {
    opacity: .4
}

.carousel-brands .item {
    margin: 0 !important
}

.carousel-brands .owl-buttons {
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    visibility: hidden
}

.carousel-brands:hover .owl-buttons {
    visibility: visible;
    opacity: 1
}

.carousel-brands .owl-buttons .owl-next,
.carousel-brands .owl-buttons .owl-prev {
    position: absolute;
    top: 50%;
    margin: 27px 0 0;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    left: 15px;
    border: none;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 22
}

.carousel-brands .owl-buttons .owl-next {
    left: auto;
    right: 15px
}

.carousel-brands .owl-buttons .owl-next:hover,
.carousel-brands .owl-buttons .owl-prev:hover {
    background-color: rgba(0, 0, 0, .75)
}

.banner-module {
    margin: 30px 0 0 !important
}

.spinner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 22;
    background: url(../img/loader.gif) 50% 50% no-repeat #fff
}

img[src="../../../../../image/catalog/blank.gif"] {
    background: url(../img/loader.gif) center center no-repeat #fff;
    width: 100%;
    max-height: 200px
}

.mfp-iframe-scaler iframe {
    background: url(../img/loader.gif) center center no-repeat #fff !important
}

.quickview .product-info {
    padding: 0
}

.quickview body {
    background: #fff;
    padding: 30px 30px 0
}

.quickview .mfp-iframe-holder .mfp-content {
    max-width: 900px;
    height: 610px
}

.quickview .mfp-iframe {
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.quickview.mfp-bg {
    opacity: .01;
    transition: all .2s ease-out
}

.quickview.mfp-ready .mfp-iframe {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.quickview.mfp-ready.mfp-bg {
    opacity: .75
}

.quickview.mfp-removing .mfp-iframe {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.quickview.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.header-notice {
    background: #c00;
    color: #fff;
    font-size: 12px;
    display: none
}

.header-notice a {
    color: #fff
}

.header-notice p {
    padding: 14px 0 18px;
    margin: 0
}

.header-notice a.close-notice {
    display: block;
    float: right;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #fff;
    margin: 6px 10px;
    text-align: center;
    padding: 9px 0 0;
    color: #c00;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.header-notice a.close-notice:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-notice a.close-notice:hover {
    background: #333;
    color: #fff
}

.advanced-grid {
    position: relative
}

.advanced-grid-products .product {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #e6e6e7
}

.footer .advanced-grid-products .product {
    border-color: rgba(255, 255, 255, .1)
}

.advanced-grid-products .product:first-child {
    border: none;
    padding-top: 0
}

.advanced-grid-products .product:last-child {
    padding-bottom: 0
}

.advanced-grid-products .product .image {
    float: left;
    width: 34%
}

.advanced-grid-products .product .image img {
    display: block
}

.advanced-grid-products .product .right {
    float: left;
    width: 60%;
    margin-left: 6%;
    padding-top: 15px
}

.advanced-grid-products .product .right .price {
    color: #ff6b6b
}

.advanced-grid-products .product .right .price .price-old {
    color: grey;
    text-decoration: line-through;
    padding-right: 2px
}

.advanced-grid-latest-blogs .news {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #e6e6e7
}

.footer .advanced-grid-latest-blogs .news {
    border-color: rgba(255, 255, 255, .1)
}

.advanced-grid-latest-blogs .news:first-child {
    border: none;
    padding-top: 0
}

.advanced-grid-latest-blogs .news:last-child {
    padding-bottom: 0
}

.advanced-grid-latest-blogs .news .image {
    margin: 0 20px 0 0;
    float: left
}

.advanced-grid-latest-blogs .news .image a {
    display: block;
    background-size: cover;
    position: relative
}

body .popup-module.without-button-close .mfp-close,
ul.blog-list-default li .date-published,
ul.blog-list-default li .thumb-holder {
    display: none
}

.advanced-grid-latest-blogs .news .right .name {
    padding: 2px 0
}

.advanced-grid-latest-blogs .news .right .article-date-added {
    font-size: 11px;
    font-style: italic
}

.advanced-grid-latest-blogs .news .right .article-date-added i {
    margin-right: 3px
}

.popup {
    background: #fff;
    padding: 50px;
    text-align: left;
    max-width: 750px;
    margin: 40px auto;
    position: relative
}

.popup-newsletter {
    padding: 0
}

body .popup-module .mfp-close {
    top: -40px;
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.popup h4 {
    font-size: 18px;
    padding-bottom: 15px;
    margin: 0;
    text-transform: uppercase
}

.popup .btn {
    margin: 25px 0 0
}

.popup label {
    padding-top: 21px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    padding-bottom: 4px
}

.popup .content {
    padding: 0 0 20px;
    margin: 0
}

.popup .buttons-yes-no {
    padding: 20px 0 0
}

.popup .buttons-yes-no .button:first-child {
    margin-right: 20px
}

.popup .form-contact .error {
    border-color: red
}

ul.blog-list-default {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

ul.blog-list-default li {
    padding: 13px 0;
    border-bottom: 1px solid #eaeaea
}

ul.blog-list-default li .title {
    padding: 0;
    margin: 0
}

ul.blog-list-default li .title a {
    position: relative;
    display: block;
    padding: 0 17px
}

ul.blog-list-default li .title a:before {
    position: absolute;
    content: "\e074";
    top: 1px;
    left: 0;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased
}

.news .media-body h5,
.tooltip {
    font-family: Montserrat, arial, serif
}

.blog-tags .tagcloud {
    padding-top: 22px
}

.blog-tags .tagcloud a {
    line-height: 34px;
    margin: 0 2px
}

.news {
    position: relative;
    margin-bottom: -30px
}

.news .media {
    position: relative;
    margin-bottom: 30px
}

.news .thumb-holder {
    overflow: hidden
}

.news .thumb-holder img {
    display: block;
    width: 100%
}

.news .media-body {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.news .media-body:before {
    content: "";
    background: url(../img/bg-news.png) bottom left repeat-x;
    opacity: .6;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.news .media-body:hover:before {
    opacity: .7
}

.news .media-body .tags {
    position: absolute;
    top: 18px;
    left: 20px;
    right: 10px;
    margin: 0;
    padding: 0;
    line-height: 1.6
}

.news .media-body .tags a {
    display: inline-block;
    background: #c00;
    font-size: 9px;
    line-height: 15px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 7px 9px 0;
    padding: 1px 10px
}

.news .media-body .tags a:hover {
    background: #333
}

.news .media-body .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.news.v1 .media-body .bottom {
    color: #fff
}

.news .media-body:hover .bottom {
    bottom: 10px
}

.news .media-body .date-published {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 9px;
    padding-top: 25px
}

.news .media-body h5 {
    padding: 12px 20px 34px;
    margin: 0;
    font-size: 18px;
    line-height: 23px;
    text-transform: none;
    font-weight: 500 !important;
    color: #fff
}

.news.v2 .media {
    padding-bottom: 53px
}

.news.v2 .media .thumb-holder img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms
}

.news.v2 .media:hover .thumb-holder img {
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration: 250ms
}

.news.v2 .media-body:before {
    display: none !important
}

.news.v2 .media-body .bottom {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: none;
    color: #1349b2;
    bottom: 0 !important
}

.news.v2 .media-body .date-published {
    border-color: rgba(0, 0, 0, .2)
}

.news.v2 .media-body h5 {
    padding-bottom: 33px
}

.news.v2 .media-body h5 a {
    line-height: 23px
}

.about-page .about-title h2:after,
.mega-blockright:before,
.newsletter-content:before,
.slide-carousel:before,
.static-collection .links:before,
.static-collection .text-wrap:before {
    content: ''
}

.block-sidebar .block-promo,
.block-static-top .text-wrap {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.block-sidebar {
    float: left;
    width: 100%;
    margin-top: 30px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.block-sidebar h2.title {
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 100%;
    padding: 0 20px;
    text-align: right
}

.block-sidebar h2.title a {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 26px
}

.block-sidebar .block-promo {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    transform: translate(0, -50%)
}

.static-collection,
.static-collection .text-wrap {
    position: relative
}

.static-collection .links span,
.static-collection .text-wrap .info {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%
}

.block-sidebar .block-promo .title {
    color: #fff;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase
}

.block-sidebar .block-promo .title h2 {
    margin: 0
}

.block-sidebar .block-promo .text {
    color: #ccc;
    margin-bottom: 20px
}

.block-sidebar .block-promo .btn-link {
    outline: 0;
    background: 0 0;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.block-sidebar .block-promo .btn-link span {
    display: block;
    border: 1px solid #fff;
    padding: 10px 18px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
    height: 40px
}

.static-collection .text-wrap .info .btn-ex,
.static-collection .title {
    display: inline-block;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.mini-block-top {
    padding-bottom: 5px;
    border-top: 1px solid rgba(204, 204, 204, .5);
    margin-top: 30px
}

.static-collection .title {
    margin: 0;
    height: 84px;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 32px 0;
    letter-spacing: .5px
}

.static-collection .text-wrap:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 1
}

.static-collection .text-wrap .info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    max-width: 350px;
    padding: 0 15px;
    z-index: 2
}

.static-collection .text-wrap .info h3 {
    margin: 0 0 30px;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase
}

.static-collection .text-wrap .info .text {
    margin-bottom: 50px
}

.static-collection .text-wrap .info .btn-ex {
    font-size: 13px;
    height: 42px;
    border: 1px solid #fff;
    vertical-align: top;
    padding: 10px 20px;
    color: #fff
}

.static-collection .links {
    width: 100%;
    height: 211px;
    background-size: cover;
    display: block;
    position: relative;
    text-align: center
}

.static-collection .links span {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0 15px;
    max-width: 400px;
    display: inline-block;
    transform: translate(-50%, -50%);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.mega-right,
.slide-carousel .carousel-content {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.static-collection .links:before {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.static-collection .links:hover:before {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    opacity: 1;
    visibility: visible
}

.static-collection .links:hover span {
    opacity: 1;
    visibility: visible
}

.static-collection iframe {
    width: 100%;
    display: block;
    height: 377px
}

.main-newsletter .main-newsletter-inner {
    margin-top: 55px;
    border-top: 1px solid rgba(204, 204, 204, .5)
}

.subscribe .title {
    margin-top: 45px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    letter-spacing: .5px
}

.subscribe .text {
    color: #999;
    text-align: center;
    margin-bottom: 45px
}

.subscribe .input-box {
    position: relative
}

.subscribe .input-box input {
    height: 60px;
    border: 1px solid #e5e5e5;
    padding: 0 140px 0 20px;
    width: 100%;
    outline: 0;
    color: #999;
    margin: 0
}

.subscribe .input-box button {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -19px;
    height: 38px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    background: #333;
    color: #fff;
    text-transform: uppercase;
    line-height: 38px;
    padding: 0 20px;
    font-weight: 500
}

.blog-style {
    padding: 0 40px
}

.blog-style .blog-item {
    position: relative
}

.blog-style .blog-item img {
    display: block;
    margin: 0 auto
}

.blog-style .main-post {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: initial;
    color: #fff;
    padding: 15px;
    min-height: 90px;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .5) 100%)
}

.blog-style .main-post .title-post {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.blog-style .main-post .title-post a {
    color: #fff;
    line-height: 1.1
}

.blog-style .main-post-inner {
    font-size: 12px
}

.blog-style .main-post-inner i {
    margin-right: 12px
}

.blog-style .main-post-inner>span {
    margin-right: 27px
}

.mega-blockright {
    position: relative;
    text-align: center
}

.mega-blockright img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.mega-right .text-large,
.mega-right .text-small {
    letter-spacing: .1px;
    margin-top: 0;
    font-weight: 500;
    color: #fff
}

.mega-blockright:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5)
}

.mega-right {
    color: #fff;
    width: 100%;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%)
}

.mega-right .text-small {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.mega-right .text-large {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px
}

#contactForm h2.legend,
.about-page .about-ourteam h3,
.about-page .about-title h2 {
    letter-spacing: 2px;
    text-transform: uppercase
}

.mega-right a.btn-ex {
    font-size: 13px;
    height: 42px;
    font-weight: 500;
    border: 1px solid #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    line-height: 20px;
    color: #fff;
    float: none
}

.tooltip-arrow {
    border-top-color: #757575 !important
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #757575;
    border-radius: 2px;
    transition: width 0s cubic-bezier(.23, 1, .32, 1) 450ms, height 0s cubic-bezier(.23, 1, .32, 1) 450ms, background-color 450ms cubic-bezier(.23, 1, .32, 1) 0s;
    float: left
}

.tooltip.top.in {
    -webkit-transform: translate3d(0, 16px, 0);
    transform: translate3d(0, 16px, 0)
}

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

.tooltip.bottom.in {
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0)
}

.tooltip.bottom {
    margin-bottom: 20px
}

.tooltip {
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    opacity: 0;
    -webkit-transition: top 0s cubic-bezier(.23, 1, .32, 1) 450ms, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, opacity 450ms cubic-bezier(.23, 1, .32, 1) 0s;
    transition: top 0s cubic-bezier(.23, 1, .32, 1) 450ms, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, opacity 450ms cubic-bezier(.23, 1, .32, 1) 0s
}

.tooltip.in {
    opacity: 1;
    -webkit-transition: top 0s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, opacity 450ms cubic-bezier(.23, 1, .32, 1) 0s;
    transition: top 0s cubic-bezier(.23, 1, .32, 1) 0s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, opacity 450ms cubic-bezier(.23, 1, .32, 1) 0s
}

.tooltip.in .tooltip-inner {
    -webkit-transition: width 450ms cubic-bezier(.23, 1, .32, 1) 0s, height 450ms cubic-bezier(.23, 1, .32, 1) 0s, background-color 450ms cubic-bezier(.23, 1, .32, 1) 0s;
    transition: width 450ms cubic-bezier(.23, 1, .32, 1) 0s, height 450ms cubic-bezier(.23, 1, .32, 1) 0s, background-color 450ms cubic-bezier(.23, 1, .32, 1) 0s
}

.mfp-bg {
    background: url(../img/overlay.png) #fff !important;
    opacity: .8 !important
}

.mfp-close {
    opacity: 1 !important;
    padding-right: 0 !important;
    right: -20px !important;
    font-size: 24px !important;
    font-family: Verdana !important
}

.newsletter-content {
    min-height: 400px;
    position: relative;
    padding: 15px
}

.newsletter-content:before {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid #ccc;
    z-index: 1
}

.newsletter-content .newsletter-inner {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10
}

.newsletter-content .newsletter-title h3 {
    margin: 40px 0 30px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500
}

.newsletter-content .popup_message {
    padding: 0 30px
}

.newsletter-content .popup_message .intro {
    color: #666;
    margin-bottom: 20px;
    padding: 0 7px
}

.newsletter-content .input-box input {
    height: 40px;
    padding: 0 15px;
    width: 100%;
    text-align: center;
    color: #999;
    background: 0 0;
    border: 2px solid #d9d9d9
}

.newsletter-content .input-box button {
    margin-top: 20px;
    margin-bottom: 25px
}

.not-show-popup input[type=checkbox] {
    display: none
}

.not-show-popup input[type=checkbox]+label {
    position: relative;
    cursor: pointer;
    line-height: 22px;
    font-size: 13px;
    text-transform: none;
    font-weight: 400
}

.not-show-popup input[type=checkbox]+label:before {
    position: relative;
    display: inline-block;
    vertical-align: top;
    content: "\56";
    font-size: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-family: ElegantIcons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin: 0
}

.not-show-popup input[type=checkbox]+label span {
    padding: 0 5px
}

.not-show-popup input[type=checkbox]:checked+label:before {
    content: "\5a"
}

.sticky-header {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    top: -70px;
    margin-left: 0;
    opacity: 1;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 60;
    display: block;
    background: rgba(255, 255, 255, .95);
    transition: top .4s ease-in;
    -webkit-transition: top .4s ease-in;
    -moz-transition: top .4s ease-in;
    text-align: right
}

.sticky-bg.sticky-header {
    background: #fff
}

.sticky-header.fixed-header {
    top: 0
}

.is-sticky .sticky-icon-group {
    float: right;
    display: block;
    margin: 0;
    padding: 5px 5px 5px 185px;
    background-color: #1e3d37
}

.is-sticky .sticky-icon-group>div {
    float: left;
    margin: 0 0 0 15px
}

.is-sticky .nav-top {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.is-sticky .logo-sticky {
    display: block !important;
    float: left;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 999
}

.is-sticky .logo-sticky>a {
    display: table;
    vertical-align: middle;
    height: 60px
}

.is-sticky .logo-sticky>a span {
    display: table-cell;
    vertical-align: middle
}

.is-sticky .logo-sticky>a img {
    vertical-align: middle;
    max-height: 50px
}

.sticky-cart .typo-top-cart {
    display: block;
    width: 40px;
    height: auto
}

.sticky-cart .typo-icon-ajaxcart .icon-cart {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center
}

.sticky-cart .typo-cart {
    float: left
}

.sticky-cart .typo-icon-ajaxcart .icon-cart i {
    font-size: 25px;
    display: block;
    line-height: 40px;
    margin-top: -4px
}

.sticky-cart .typo-icon-ajaxcart .typo-cart-label {
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: relative
}

.sticky-cart .typo-icon-ajaxcart .typo-cart-label .print {
    margin: 0;
    position: absolute;
    top: 18px;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #ef920d;
    color: #fff;
    font-size: 11px
}

.sticky-cart .typo-icon-ajaxcart .typo-cart-label .print span {
    display: none
}

.sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items,
.sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items .qty-cart,
.sticky-cart .typo-icon-ajaxcart .typo-cart-label .print .items .qty-cart span {
    display: block
}

.settings .language-topbar .lang-curr,
.sticky-cart .typo-icon-ajaxcart .typo-cart-label .icon-dropdown {
    display: none
}

.settings {
    font-family: Montserrat, arial, serif;
    position: relative;
    cursor: pointer;
    width: 40px;
    text-align: center
}

.settings>i {
    font-size: 20px;
    line-height: 36px;
    padding: 8px;
    cursor: pointer
}

.settings .settings-inner {
    position: absolute;
    cursor: default;
    top: 100%;
    right: 0;
    padding-top: 9px;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    z-index: 999;
    -webkit-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    -moz-transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease;
    transition: visibility 250ms ease, opacity 250ms ease, margin 250ms ease
}

.settings:hover>i {
    color: #999
}

.settings .setting-content {
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    width: 245px
}

.settings .setting-currency,
.settings .setting-language {
    padding: 25px 25px 10px;
    border-bottom: 1px dashed #ccc
}

.settings .setting-currency .title,
.settings .setting-language .title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500
}

.settings .language-topbar {
    float: none
}

.settings .language-topbar .lang-list {
    opacity: 1;
    visibility: inherit;
    padding: 0;
    margin: 0;
    position: static
}

.settings .language-topbar .lang-list ul {
    box-shadow: none;
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.settings .language-topbar .lang-list ul li {
    padding: 0;
    float: left;
    margin: 0 10px 10px
}

.settings .language-topbar .lang-list ul li a {
    display: block;
    width: 45px;
    height: 30px;
    padding: 1px;
    background-size: 41px 26px;
    border: 1px solid #fff;
    background-color: #fff;
    background-position: center center
}

.settings .currency-topbar .currency-sym,
.settings .language-topbar .lang-list ul li a span {
    display: none
}

.settings .language-topbar .lang-list ul li.active a,
.settings .language-topbar .lang-list ul li:hover a {
    border: 1px solid #333
}

.settings .currency-topbar {
    float: none
}

.settings .currency-topbar .currency-list {
    opacity: 1;
    visibility: inherit;
    padding: 0;
    margin: 0;
    position: static
}

.settings .currency-topbar .currency-list ul {
    box-shadow: none;
    margin: 0 -10px;
    padding: 0;
    list-style: none
}

.settings .currency-topbar .currency-list ul li {
    padding: 0;
    float: left;
    margin: 0 10px 10px
}

.settings .currency-topbar .currency-list ul li a {
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #d8d8d8;
    text-align: center;
    padding: 0 5px
}

.settings .currency-topbar .currency-list ul li a .title {
    display: none
}

.settings .currency-topbar .currency-list ul li a .sym {
    margin: 0
}

.settings .currency-topbar .currency-list ul li.active a,
.settings .currency-topbar .currency-list ul li:hover a {
    background-color: #000;
    color: #fff
}

.settings .setting-option ul {
    padding: 15px;
    list-style: none
}

.settings .setting-option ul li {
    padding: 5px 0
}

.settings .setting-option ul li a {
    text-transform: uppercase;
    font-size: 14px
}

.settings .setting-option ul li a i {
    font-size: 15px
}

.settings .setting-option ul li a span {
    padding: 0 5px
}

.sticky-header .main-menu {
    display: inline-block;
    text-align: left
}

.sticky-header ul.megamenu .megamenu-label {
    margin-bottom: -11px
}

ul.megamenu li.vihrea a {
    color: #41c387 !important
}

ul.megamenu li.keltainen a {
    color: #edff66 !important;
}

ul.megamenu li.pinkki a {
    color: #faa1e5 !important
}

#main .sticky-header .container-megamenu {
    margin-bottom: 0
}

#main .sticky-header .container-megamenu,
.sticky-header .megamenu-wrapper,
.sticky-header ul.megamenu {
    position: static
}

.sticky-search {
    cursor: pointer
}

.sticky-search>i {
    font-size: 18px;
    line-height: 60px
}

.sticky-search .quick-search {
    position: absolute;
    top: 5px;
    right: 130px;
    max-width: 180px;
    width: 180px;
    z-index: 9;
    height: 40px;
    text-align: left;
    background-color: transparent;
    cursor: default;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

.sticky-search .quick-search .form-search {
    max-width: 180px
}

.sticky-search .quick-search .form-search button.button-search {
    display: inline-block
}

.sticky-search .quick-search .form-search input#topsearch {
    text-align: left;
    border: none;
    padding: 0 30px 0 10px;
    margin: 0;
    height: 40px;
    width: 180px;
    border: none;
    line-height: 40px
}

.sticky-search .quick-search .form-search .btn-group+input#topsearch {
    padding-left: 100px
}

.sticky-search>i.icon-magnifier {
    display: none
}

.sticky-search .quick-search.showing {
    opacity: 1;
    visibility: visible
}

.sticky-search div.advfilter {
    background-color: #fff;
    border: 3px solid rgba(0, 0, 0, .1);
    margin-top: 5px
}

.sticky-search div.advfilter-title {
    display: block;
    margin: 5px 5px 0 12px;
    font-size: 11px;
    color: #000
}

.sticky-search a.filterbutton {
    display: inline-block;
    padding: 3px 8px;
    margin: 5px 0 5px 10px;
    color: #666;
    border: 3px solid rgba(0, 0, 0, .1);
    font-size: 11px;
    text-transform: uppercase
}

.sticky-search a.filterbutton:hover {
    color: #fff;
    border-color: #41c387;
    background-color: #41c387
}

.owl-carousel .owl-item {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.about-page {
    position: relative;
    margin-top: -18px
}

.about-page .about-title h2 {
    text-align: center;
    font-size: 17px;
    padding: 30px 0;
    position: relative;
    margin: 0;
    font-weight: 500
}

.about-page .about-title h2:after {
    display: inline-block;
    background: url(../img/bg-line-dot.png) center no-repeat;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 10px;
    width: 60px;
    text-align: center
}

.about-page .about-subtitle {
    text-align: center;
    padding: 20px 0
}

.about-page .about-subtitle p {
    display: inline-block;
    max-width: 730px;
    font-size: 14px;
    line-height: 30px
}

.about-page .about-des {
    padding: 20px 0 50px;
    border-bottom: 1px solid rgba(204, 204, 204, .5)
}

.about-page .about-des p {
    font-size: 13px;
    line-height: 30px;
    text-align: center
}

.about-page .about-ourteam {
    padding: 20px 0 50px;
    text-align: center
}

.about-page .about-ourteam .inner-content {
    display: inline-block
}

.about-page .about-ourteam img {
    margin-bottom: 20px
}

.about-page .about-ourteam h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 600
}

.about-page .about-ourteam .team-members {
    padding: 50px 0 75px
}

.contact-page .how-to-contact {
    padding: 0
}

.contact-page .how-to-contact.service-repair {
    padding: 0 0 30px
}

.contact-page .how-to-contact .contact-way {
    padding: 15px 0;
    text-align: center
}

.contact-page .how-to-contact .contact-way .inner-contact {
    text-align: center;
    display: inline-block
}

.contact-page .how-to-contact .contact-way .inner-contact span {
    font-size: 35px;
    text-align: center;
    color: #999;
    padding: 20px;
    display: block
}

.contact-page .how-to-contact .contact-way .inner-contact h3 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 15px
}

.contact-page .how-to-contact .contact-way .inner-contact p {
    color: #000;
    font-size: 13px;
    margin: 0;
    line-height: 20px
}

.contact-page .how-to-contact .contact-way .inner-contact.invoices {
    font-size: 12px;
    line-height: 13px
}

.contact-page .contact-form {
    padding: 50px 0
}

.contact-page .contact-map {
    overflow: hidden;
    padding: 50px 0
}

.contact-page .contact-map iframe {
    width: 100%;
    border: none
}

#contactForm {
    max-width: 720px;
    margin: 0 auto
}

#contactForm h2.legend {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: 1.7
}

#contactForm .form-list {
    padding: 50px 0;
    list-style: none
}

#contactForm .form-list label {
    font-size: 14px;
    color: #999;
    font-weight: 400
}

#contactForm .form-list .input-box {
    margin-bottom: 25px
}

#contactForm .form-list .input-box input {
    width: 100%;
    height: 56px;
    padding: 0 25px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6
}

#contactForm .form-list .input-box textarea {
    width: 100%;
    height: 210px;
    padding: 25px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6
}

#contactForm .buttons-set {
    text-align: center
}

#contactForm button {
    border: none;
    height: auto;
    width: auto;
    padding: 0
}

#contactForm button span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 56px;
    padding: 0 20px;
    background-color: #000;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#contactForm button:hover span {
    background-color: #666
}

#main-slider {
    margin: 30px 0 0
}

.slide-carousel {
    position: relative;
    color: #fff
}

.slide-carousel img {
    display: block
}

.slide-carousel:before {
    position: absolute;
    top: 30%;
    left: 30%;
    right: 30%;
    bottom: 30%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.slide-carousel .carousel-content {
    width: 100%;
    padding: 15px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 350ms ease, visible 350ms ease;
    -moz-transition: opacity 350ms ease, visible 350ms ease;
    transition: opacity 350ms ease, visible 350ms ease;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%)
}

.slide-carousel:hover .carousel-content,
.slide-carousel:hover:before {
    opacity: 1;
    visibility: visible
}

.slide-carousel .carousel-content .text-small {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 60px
}

.slide-carousel .carousel-content .text-large {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 25px
}

.slide-carousel .carousel-content .text-normal {
    margin-bottom: 40px
}

.slide-carousel .carousel-content a.btn-ex {
    font-size: 13px;
    height: 42px;
    font-weight: 500;
    border: 1px solid #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    line-height: 20px;
    color: #fff;
    float: none
}

.slide-carousel:hover:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.main-slide-inner {
    position: relative
}

.main-slide-inner .main-carousel .owl-buttons>div {
    position: absolute;
    width: 64px;
    height: 64px;
    background: url(../img/arrow-next.png) no-repeat;
    opacity: .5;
    margin-top: -32px;
    right: 20px;
    top: 50%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.main-slide-inner .main-carousel .owl-buttons>div:hover {
    opacity: 1
}

.main-slide-inner .main-carousel .owl-buttons .owl-prev {
    background: url(../img/arrow-prev.png) no-repeat;
    right: auto;
    left: 20px
}

.block-welcome {
    padding-top: 20px;
    padding-bottom: 20px
}

.block-welcome .text-block {
    text-align: center;
    color: #999;
    padding-bottom: 35px
}

.block-welcome .text-block>span {
    display: inline-block;
    max-width: 700px;
    padding: 0 10px;
    vertical-align: top
}

.block-icon {
    text-align: center;
    height: 218px;
    background-color: #f7f7f7;
    margin-bottom: 5px;
    margin-top: 25px;
    position: relative
}

.block-icon .block-center {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 10px
}

.block-icon .block-center>span {
    color: #999;
    font-size: 40px
}

.block-icon .text-hidden {
    display: none
}

.block-icon .title {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    margin: 25px 0 15px
}

.block-icon .text {
    color: #999
}

.block-icon.block-icon2 {
    background-color: #ededed
}

.main-heading {
    padding: 30px 0
}

.heading-title {
    padding: 10px 0 25px;
    background: url(../img/bg-line-dot.png) bottom center no-repeat
}

.heading-title h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
    text-align: center
}

.version2 .main-heading {
    padding-top: 17px;
    padding-bottom: 35px
}

.filter-product.version2 .filter-tabs {
    padding-bottom: 46px
}

.form-control {
    height: 35px
}

.select:after {
    top: 12px;
    right: 12px
}

.product-info .options {
    text-align: center
}

.product-info .options .form-group {
    margin: 5px 0 0 0
}

#cart_view div.qc-totals .row label {
    padding-top: 7px
}

#collapse-shipping-method p {
    margin: 15px 0 0
}

#collapse-shipping-method .panel-body .radio label div {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    font-family: Lato
}

#button-confirm,
#button-guest,
#button-guest-shipping,
#button-payment-address,
#button-payment-method,
#button-shipping-address,
#button-shipping-method,
#button-avardaloanpayment,
#button-avardainvoicepayment,
#avarda-warning-button {
    background-color: #41c387;
    border: none;
    color: #fff
}

.fluid-width-footer.footer-container {
    border-top: none;
    padding: 0;
    background: #e7e7e7
}

.fluid-width-footer.footer-container .footer-top-inner {
    padding: 15px 0
}

.block-top-01,
.block-top-02 {
    display: table
}

.block-top-01>div,
.block-top-02>div {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.block-top-01 .images,
.block-top-02 .images {
    overflow: hidden
}

.block-top-01 .images img,
.block-top-02 .images img {
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 0 auto
}

.block-top-01 .content-block,
.block-top-02 .content-block {
    text-align: initial;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    margin: 0 auto
}

.block-top-01 .content-block h2,
.block-top-02 .content-block h2 {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 0 0 30px;
    display: block;
    line-height: 42px;
    text-transform: uppercase;
    margin-top: 0;
    position: relative
}

.block-top-01 .content-block h2 span:after,
.block-top-02 .content-block h2 span:after {
    background: url(../img/bg-title.png) left center no-repeat rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%
}

.block-top-01 .content-block p,
.block-top-02 .content-block p {
    display: inline-block;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    margin: 0
}

.block-top-01 .bottom,
.block-top-02 .bottom {
    margin-top: 62px
}

.block-top-01 .bottom a,
.block-top-02 .bottom a {
    background: #333;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .6px;
    padding: 7px 23px;
    text-transform: uppercase;
    position: relative
}

.no-padding {
    padding: 0 !important
}

#delivery-logos,
#payment-other,
#paymentmethod-logos {
    display: inline-block
}

#delivery-logos .matkahuolto-logo,
#delivery-logos .posti-logo,
#delivery-logos .postnord-logo,
#payment-other .payson-logo,
#payment-other .paytrail-logo,
#payment-other .paypal-logo {
    float: left;
    margin: 0 18px 9px 0
}

#payment-other .avarda-taitonetti {
    float: left;
    margin: 0 0 9px 0
}

#delivery-logos .dhl-logo,
#delivery-logos .postnord-fi-logo {
    float: left;
    margin: 0 0 9px 0
}

#payment-other .afterpay-payment-logo {
    float: left;
    margin: 5px 0 0 15px
}

#payment-other .afterpay-payment-logo-bytdator {
    margin: 0 0 0 2px
}

#delivery-logos .matkahuolto-logo img,
#delivery-logos .posti-logo img {
    height: 40px
}

#delivery-logos .dhl-logo img,
#delivery-logos .postnord-logo img {
    height: 20px
}

#delivery-logos .postnord-fi-logo img {
    height: 20px;
    margin: 5px 0
}

#paymentmethod-logos>div {
    float: left;
    margin-right: 9px
}

#paymentmethod-logos>div img {
    height: 45px;
    width: 45px
}

#paymentmethod-logos-checkout {
    display: inline-block;
    margin-top: 15px
}

#paymentmethod-logos-checkout>div {
    float: left;
    margin-right: 9px
}

#paymentmethod-logos-checkout>div img {
    height: 35px;
    width: auto
}

#payment-other .paypal-logo img {
    width: 110px;
    margin-top: 14px
}

#payment-other .avarda-taitonetti img {
    width: 116px;
    margin-top: 14px
}

#payment-other .afterpay-payment-logo img {
    width: 115px;
    margin-top: 14px
}

#payment-other .afterpay-payment-logo-bytdator img {
    width: 115px;
    margin-top: 5px
}

#payment-other .paypal-bytdator img {
    width: 110px;
    margin-top: 9px
}

#payment-other .paytrail-logo img {
    width: 60px;
    margin-top: 0
}

#payment-other .payson-logo img {
    width: 110px;
    margin-top: 0
}

.luottoluokitus img {
    width: 140px
}

.rinki {
    text-align: left;
    margin-top: 10px;
    margin-left: 30px
}

.rinki img {
    width: 55px
}

#payment-other {
    margin-top: 10px
}

.foot-asiakastili .luottoluokitus,
.foot-asiakastili .rinki {
    display: none
}

@media (max-width:1199px) {

    .responsive .block-top-01 .content-block h2,
    .responsive .block-top-02 .content-block h2 {
        font-size: 30px;
        line-height: 1.2;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .responsive .block-top-01 .content-block p,
    .responsive .block-top-02 .content-block p {
        line-height: 1.7;
        font-size: 14px
    }

    .responsive .block-top-01 .bottom,
    .responsive .block-top-02 .bottom {
        margin-top: 30px
    }

    .foot-ehdot,
    .foot-luokitus {
        margin-bottom: 20px
    }

    #delivery-logos .posti-logo {
        margin: 0 4px 2px 4px
    }

    #delivery-logos .dhl-logo,
    #delivery-logos .matkahuolto-logo,
    #delivery-logos .postnord-logo {
        margin: 0 4px 10px 4px
    }

    #delivery-logos .postnord-fi-logo,
    #payment-other .paypal-bytdator,
    #payment-other .payson-logo {
        margin: 0 4px 6px 4px
    }

    div.luottoluokitus {
        margin-top: 40px
    }

    div.luottoluokitus,
    div.rinki {
        text-align: center;
        margin-left: 0
    }
}

#main .home-fluid-width-filter {
    border: none;
    padding-bottom: 100px;
    margin: 0 8.33333333%;
    padding-top: 47px
}

#main .home-fluid-width-filter .tab-content .overflow-carousel {
    z-index: 3
}

#main .home-fluid-width-filter .product-grid .addtocart .button {
    background: rgba(0, 0, 0, 0)
}

#main .home-fluid-width-filter .product-grid .addtocart .button:hover {
    background: #000
}

@media (max-width:1199px) {
    .descr {
        height: 60px;
        line-height: 17px
    }

    .carousel-descr {
        height: 80px
    }

    div.esittely div.descr {
        height: 90px
    }

    .foot-asiakastili,
    .foot-ehdot,
    .foot-luokitus {
        min-height: 220px
    }

    .foot-luokitus,
    .footer h4 {
        margin: 45px 0 20px
    }

    .foot-logot {
        text-align: center;
        float: left
    }
}

@media (max-width:1160px) {
    .responsive .sticky-header {
        display: none !important
    }
}

@media (max-width:1118px) {
    .product-grid .product .price {
        height: 60px
    }

    .product-grid .product .price span.price-old {
        padding-left: 10px;
        text-align: center
    }
}

@media (max-width:960px) {
    div.esittely div.descr {
        height: 90px
    }
}

@media (max-width:850px) {
    .product-grid .col-sm-6 {
        width: 50%;
        float: left
    }
}

#fullpage {
    display: none
}

#fullpage>div {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

#multiscroll .ms-section,
.block-static-top .block-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.fullpage-wrapper {
    text-align: center;
    color: #fff
}

.fullpage-wrapper .widget-block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .25)
}

.fullpage-wrapper .widget-block .intro {
    margin-top: 200px;
    opacity: 0;
    padding: 15px;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.fullpage-wrapper .widget-block .intro .text-small {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px
}

.fullpage-wrapper .widget-block .intro .title {
    font-size: 48px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.fullpage-wrapper .widget-block .intro .btn-ex {
    display: inline-block;
    padding: 6px 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 30px;
    vertical-align: top
}

.fullpage-wrapper .widget-block.active .intro {
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.fullpage-wrapper .video-frame {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#multiscroll,
.block-static-top {
    position: relative
}

.fullpage-wrapper .video-frame iframe {
    width: 100%;
    height: 100%
}

#multiscroll .ms-section.active h2.title:before {
    left: 0
}

#multiscroll .ms-section.active .text {
    opacity: 1;
    margin-top: 0
}

.desc.std {
    color: #666
}

.list-features {
    padding-top: 71px;
    padding-bottom: 17px
}

.list-features .media-left>span {
    display: block;
    height: 68px;
    line-height: 66px;
    width: 68px;
    background-color: #fff;
    border: 1px solid #999;
    text-align: center;
    font-size: 25px;
    color: #999;
    border-radius: 50%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

.list-features .media-left>span:hover {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.list-features .media-left .hide {
    display: none
}

.list-features .media-body {
    padding: 0 10px
}

.list-features .h4 {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.block-static-top {
    height: 221px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    margin-top: 25px
}

.block-static-top .block-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease
}

.block-static-top:hover .block-img {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.block-static-top .text-wrap {
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: left
}

.block-static-top .text-wrap-right {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -66%);
    padding: 30px 20px;
    position: absolute;
    top: 63%;
    right: -7px;
    width: 100%;
    text-align: right
}

.block-static-top .text-wrap .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 30px;
    letter-spacing: .5px
}

.block-static-top .text-wrap a {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    display: inline-block
}

.block-static-top .text-wrap a span {
    position: relative;
    font-size: 16px;
    float: right;
    padding-left: 5px
}

.block-static-top.ylabanneri {
    height: 221px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    margin-top: 25px
}

.block-static-top.ylabanneri .block-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease
}

.block-static-top.ylabanneri .block-img {
    background-size: cover;
    background-position: unset;
    background-repeat: no-repeat
}

.block-static-top:hover .block-img {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.block-static-top.ylabanneri .text-wrap {
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: left
}

.block-static-top.ylabanneri .text-wrap-right {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -66%);
    padding: 30px 20px;
    position: absolute;
    top: 63%;
    right: 4px;
    width: 100%;
    text-align: right
}

.block-static-top.ylabanneri .text-wrap .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 30px;
    letter-spacing: .5px
}

.block-static-top.ylabanneri .text-wrap a {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    display: inline-block
}

.block-static-top.ylabanneri .text-wrap a span {
    position: relative;
    font-size: 16px;
    float: right;
    padding-left: 5px
}

.block-static-top.ylabanneri .text-wrap-right .title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 30px;
    letter-spacing: .5px
}

.block-static-top.ylabanneri .banneri-kuvake {
    float: right;
    margin-top: 33px;
    margin-right: 5%
}

@media(max-width:1000px) {
    .block-static-top.ylabanneri .text-wrap .title {
        font-size: 20px;
        margin: 0 0 3px
    }

    .block-static-top.ylabanneri .text-wrap-right .title {
        font-size: 20px;
        margin: 0 0 3px
    }

    .block-static-top.ylabanneri .text-wrap-right {
        padding: 0 30px 0 100px;
        top: 60%;
        right: 0
    }

    .block-static-top.ylabanneri .banneri-kuvake {
        margin-right: 5px
    }
}

@media(max-width:770px) {
    .block-static-top.ylabanneri .banneri-kuvake {
        float: right;
        margin-top: 33px;
        margin-right: 60px
    }

    .block-static-top.ylabanneri {
        height: 150px;
        margin-top: 2px
    }

    .block-static-top.ylabanneri .text-wrap-right .title {
        font-size: 18px
    }

    .block-static-top.ylabanneri .text-wrap .title {
        font-size: 18px
    }
}

@media(max-width:500px) {
    .block-static-top.ylabanneri .text-wrap-right .title {
        font-size: 17px
    }

    .block-static-top.ylabanneri .text-wrap .title {
        font-size: 17px
    }

    .block-static-top.ylabanneri .text-wrap-right {
        padding: 0 20px 0 100px;
        top: 60%
    }
}

.block-static-top.ylabanneri .text-wrap-right a {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    display: inline-block
}

.block-static-top.ylabanneri .text-wrap-right a span {
    position: relative;
    font-size: 16px;
    float: right;
    padding-left: 5px
}

.main-fixed .footer .background,
.main-fixed .standard-body .footer .background {
    border: none
}

.main-fixed .footer .pattern {
    position: relative
}

.main-fixed .footer .pattern:before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background: rgba(204, 204, 204, .5)
}

.main-fixed .box {
    margin: 0;
    padding: 18px 0 0;
    border: none
}

.main-fixed .col-md-3 .box,
.main-fixed .col-md-4 .box,
.main-fixed .col-sm-3 .box,
.main-fixed .col-sm-4 .box {
    padding: 0
}

.main-fixed .box .box-heading {
    text-align: left;
    margin-bottom: 35px
}

.main-fixed .center-column .box .box-heading {
    text-align: center
}

.main-fixed .tab-content .overflow-carousel {
    width: 80px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -50px
}

.main-fixed .tab-content .overflow-carousel:before {
    display: none
}

.main-fixed .filter-product {
    border: none;
    padding: 20px 0 0;
    margin: 0
}

.main-fixed .filter-product .filter-tabs {
    overflow: hidden
}

.main-fixed .filter-product .filter-tabs ul {
    text-align: left;
    padding-right: 80px;
    margin-left: -15px;
    position: relative;
    margin-bottom: -5px
}

.newsletter6 .main-newsletter-inner {
    border: none;
    background-color: #eee;
    padding: 0 20px;
    margin-top: 30px;
    text-align: center
}

.newsletter6 .subscribe {
    padding: 0
}

.newsletter6 .subscribe .input-box button {
    position: relative;
    display: inline-block;
    margin-top: 30px;
    right: auto
}

.newsletter6 .subscribe .input-box input {
    background-color: #fff;
    padding: 0;
    text-align: center
}

.newsletter6 .block-content {
    padding: 0;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.block-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.header-type-7 {
    padding-left: 300px;
    position: relative;
    padding-top: 60px;
    padding-right: 0
}

body.header-type-7 .header {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    padding: 40px;
    z-index: 999
}

body.header-type-7 .header {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 300px;
    background: #fff;
    padding: 40px;
    z-index: 999;
}

body.with-fixed.header-type-7 .header {
    height: 100%;
    position: fixed
}

body.header-type-7 #top,
body.header-type-7 .megamenu-wrapper,
body.header-type-7 ul.megamenu {
    position: static
}

body.header-type-7 .logo-home {
    display: block;
    height: auto
}

body.header-type-7 .logo-home .logo {
    display: block;
    text-align: left;
    vertical-align: top
}

body.header-type-7 #main .container-megamenu {
    padding: 0;
    margin: 0;
    width: auto;
    position: static
}

body.header-type-7 ul.megamenu {
    text-align: left;
    padding-top: 13px
}

body.header-type-7 ul.megamenu>li {
    float: none;
    margin: 0;
    height: auto;
    display: block;
    position: relative;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

body.header-type-7 ul.megamenu>li:hover {
    background: 0 0
}

body.header-type-7 ul.megamenu>li:first-child {
    border-top: none
}

body.header-type-7 ul.megamenu>li>a {
    height: auto;
    line-height: 15px;
	text-transform: none;
    font-size: 13px;
    padding: 7px 0;
    letter-spacing: .75px;
    color: #f1f2f2;
    -webkit-font-smoothing: antialiased;
    border-bottom: 1px solid rgba(133, 133, 133, .2)
}

body.header-type-7 ul.megamenu>li>a>span {
    display: inline-block;
    max-width: 197px
}

body.header-type-7 ul.megamenu>li:hover>a {
    color: #fff
}

body.header-type-7 .horizontal ul.megamenu>li>.sub-menu {
    max-width: 1000px;
    left: 100% !important;
    top: 0 !important;
    right: auto !important;
    margin-left: 0 !important
}

body.header-type-7 ul.megamenu li.with-sub-menu .megamenu-label {
    margin-left: 0
}

body.header-type-7 ul.megamenu li .sub-menu .content {
    background: #1e3d37
}

body.header-type-7 ul.megamenu li .sub-menu .content .hover-menu .menu ul li a {
    color: #f1f2f2;
    text-transform: unset;
    border-bottom: 1px solid rgba(133, 133, 133, .2);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 0
}

body.header-type-7 ul.megamenu li .sub-menu .content .hover-menu .menu ul li a:hover {
    color: #fff
}

body.header-type-7 ul.megamenu>li.with-sub-menu>a:after {
    color: #f1f2f2;
    font-family: simple-line-icons;
    content: "\e606";
    float: right;
    font-size: 8px;
    font-weight: 500;
    position: relative;
    top: 0;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

body.header-type-7 ul.megamenu>li.with-sub-menu:hover>a:after {
    color: #fff
}

#main .sb-topbar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: auto;
    width: 340px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: 0 0;
    display: block !important
}

#main .sb-topbar .overflow {
    position: relative
}

#main .sb-topbar .overflow i {
    color: #41c387
}

@media (max-width:1850px) {
    .product-grid .rating {
        position: absolute;
        top: 0;
        left: 4px;
        bottom: auto;
        right: auto
    }

    .product-info .description .environment-friendly {
        padding: 23px
    }

    .product-info .description .environment-friendly .env-numbers {
        font-size: 15px;
        margin-left: 2px
    }
}

@media (max-width:1600px) {
    .breadcrumb .background {
        padding-left: 20px
    }

    div.inner-page {
        padding: 0 20px
    }

    body[class^=product-product] .breadcrumb .background-pelikoneet {
        padding-left: 20px;
        padding-right: 20px
    }

    .center-column {
        padding-top: 60px
    }
}

@media (max-width:1600px) and (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    div.container.cart div.col-lg-1,
    div.container.cart div.col-lg-10,
    div.container.cart div.col-lg-11,
    div.container.cart div.col-lg-2,
    div.container.cart div.col-lg-3,
    div.container.cart div.col-lg-4,
    div.container.cart div.col-lg-5,
    div.container.cart div.col-lg-6,
    div.container.cart div.col-lg-7,
    div.container.cart div.col-lg-8,
    div.container.cart div.col-lg-9 {
        padding-left: 15px;
        padding-right: 15px
    }

    .popup-gallery,
    .product-center {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:1568px) {
    .kuva {
        display: inline-block;
        line-height: 30px;
        background-color: #fff;
        vertical-align: top
    }

    .prodmainlinks>div {
        float: none
    }
}

@media (max-width:1500px) {
    #payment_address_customer_group_id_input {
        width: 100%
    }

    #payment_address_form .form-group label,
    #shipping_address_form .form-group label {
        padding-top: 0 !important
    }

    #confirm_view {
        padding-top: 20px
    }
}

@media screen and (max-width:1492px) {
    .kuva {
        display: inline-block;
        margin: 0 20px 40px 0;
        line-height: 30px;
        background-color: #fff;
        vertical-align: top
    }
}

@media screen and (max-width:1452px) {

    .kuva,
    .kuva img {
        width: 166px !important;
        height: auto !important
    }

    .kuva {
        margin: 0 16px 40px 0
    }
}

@media screen and (max-width:1350px) {
    .product-info .description .environment-friendly {
        padding: 15px
    }

    .product-info .description .environment-friendly .env-header,
    .product-info .description .environment-friendly .env-maintext {
        font-size: 12px;
        line-height: 20px
    }

    .product-info .description .environment-friendly .env-numbers {
        line-height: 20px
    }
}

@media screen and (max-width:1321px) {

    .kuva,
    .kuva img {
        width: 150px !important;
        height: auto !important
    }

    .kuva {
        margin: 0 26px 40px 0
    }
}

@media (max-width:1300px) {
    .responsive body.header-type-7 .horizontal ul.megamenu>li>.sub-menu {
        max-width: 800px
    }

    .responsive body.header-type-7 {
        padding-left: 240px;
        position: relative
    }

    .responsive body.header-type-7 .header {
        width: 240px;
        padding-left: 30px;
        padding-right: 30px
    }

    .responsive body.header-type-7 ul.megamenu>li {
        margin: 0 -30px;
        padding: 0 30px 0 40px
    }

    .responsive body.header-type-7 ul.megamenu>li>a>span {
        padding-right: 0
    }

    .product-grid .addtocart {
        max-width: 135px;
        overflow: hidden;
        white-space: normal
    }

    body.header-type-7 ul.megamenu>li>a>span {
        display: inline-block;
        max-width: 150px
    }

    .breadcrumb .container.taitonetti {
        padding: 33px 0 10px 0
    }

    .breadcrumb .container h1 {
        font-size: 16px
    }

    .breadcrumb .container ul {
        font-size: 12px
    }
}

@media screen and (max-width:1267px) {

    .kuva,
    .kuva img {
        width: 140px !important;
        height: auto !important
    }

    #kuvat {
        text-align: center
    }
}

@media (max-width:1200px) {

    div.cart-info td.cartmodel,
    div.cart-info td.cartmodel-header {
        display: none !important
    }

    .box .box-heading {
        text-align: left
    }

    table.table-bordered.qc-cart {
        border-bottom: 1px solid #ccc
    }

    div.cart-info table.table-bordered>thead>tr:first-child,
    table.table-bordered.qc-cart>thead>tr:first-child {
        display: none
    }

    div.cart-info table.table-bordered td,
    table.table-bordered.qc-cart td {
        display: block;
        width: 100% !important;
        border-bottom: none !important
    }

    div.cart-info table.table-bordered td {
        text-align: left
    }

    table.table-bordered.qc-cart td.qc-image {
        border-top: 1px solid #ccc
    }

    div.cart-info table.table-bordered td.carttotal {
        border-bottom: 1px solid #ccc !important
    }

    table.table-bordered.qc-cart td.qc-name div.qc-name-price {
        display: block
    }

    span.unit-price {
        display: inline-block
    }

    table.table-bordered.qc-cart td.qc-model,
    table.table-bordered.qc-cart td.qc-price {
        display: none !important
    }

    table.table-bordered.qc-cart td.qc-quantity {
        width: 40% !important
    }

    table.table-bordered.qc-cart td.qc-quantity button {
        display: inline-block !important
    }

    .product-grid .rating {
        position: absolute;
        bottom: 23px;
        left: 64px;
        top: auto
    }

    .product-info .description .environment-friendly {
        float: left;
        margin-top: 30px
    }
}

@media (max-width:1100px) {
    .responsive body.header-type-7 .horizontal ul.megamenu>li>.sub-menu {
        max-width: 650px
    }

    .responsive body.header-type-7 {
        padding-left: 200px;
        position: relative;
        padding-right: 0
    }

    .responsive body.header-type-7 .header {
        padding-left: 20px;
        padding-right: 20px;
        width: 200px
    }

    .responsive body.header-type-7 ul.megamenu>li {
        margin: 0 -20px;
        padding: 0 20px
    }

    body.header-type-7 ul.megamenu>li>a>span {
        display: inline-block;
        max-width: 130px
    }

    div.background-header {
        background-image: none !important
    }

    #paymentmethod-logos>div img {
        max-width: 40px
    }
}

@media (max-width:991px) {
    body.header-type-7 #main .container-megamenu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999
    }

    .settings .settings-inner {
        margin-top: 20px
    }

    .responsive body.header-type-7 ul.megamenu>li.home {
        margin-top: 80px !important
    }

    body.header-type-7 ul.megamenu li .sub-menu .content .hover-menu .menu ul li a:hover {
        color: #000
    }

    .responsive .visible-sm-block {
        display: block
    }

    .breadcrumb .background {
        padding-left: 0
    }

    body[class^=product-product] .breadcrumb .background-pelikoneet {
        padding-left: 0;
        padding-right: 0
    }

    .breadcrumb .container {
        padding: 5px 0 5px 20px
    }

    .breadcrumb .container.bytdator.kategoria,
    .breadcrumb .container.taitonetti.kategoria {
        padding: 10px 0;
    }

    .breadcrumb .container ul {
        padding: 0
    }

    .category-info {
        padding: 10px 0 10px 0
    }

    .responsive .block-top-01 .content-block p,
    .responsive .block-top-02 .content-block p {
        display: none
    }

    .responsive #main .home-fluid-width-filter {
        margin-left: 0;
        margin-right: 0
    }

    .descr {
        height: 70px
    }

    .bytdator-valibanneri1,
    .bytdator-valibanneri2,
    .etusivukuva-bytdator,
    .etusivukuva-taitonetti,
    .taitonetti-valibanneri1,
    .taitonetti-valibanneri2,
    .valibanneri1-taitonetti {
        margin-right: -20px !important;
        margin-left: -20px !important
    }

    .bytdator-etusivuteksti,
    .bytdator-kuvakkeet-sosiaalinen-media,
    .bytdator-satunnaiset-tuotteet,
    .bytdator-suositellut-opiskelijalle,
    .bytdator-suositellut-pelaajalle,
    .bytdator-suositellut-suunnittelijalle,
    .bytdator-suositellut-toimistoon,
    .bytdator-suositellut-tuotteet,
    .bytdator-upotukset-sosiaalinen-media,
    .bytdator-uusimmat-tuotteet,
    .taitonetti-etusivuteksti,
    .taitonetti-kuvakkeet-sosiaalinen-media,
    .taitonetti-satunnaiset-tuotteet,
    .taitonetti-suositellut-opiskelijalle,
    .taitonetti-suositellut-pelaajalle,
    .taitonetti-suositellut-suunnittelijalle,
    .taitonetti-suositellut-toimistoon,
    .taitonetti-suositellut-tuotteet,
    .taitonetti-upotukset-sosiaalinen-media,
    .taitonetti-uusimmat-tuotteet {
        padding: 0
    }

    .product-grid .product .price {
        height: 45px
    }

    .settings .setting-currency,
    .settings .setting-language {
        padding: 10px
    }

    .settings .setting-option ul {
        padding: 0 0 0 10px
    }

    .main-content {
        padding: 0 !important
    }

    .main-content.full-width.home,
    body.header-type-7 .breadcrumb {
        margin-top: 110px
    }

    .responsive ul.megamenu>li.home {
        display: block !important
    }

    .blog-style,
    .bytdator-etusivuteksti,
    .bytdator-kuvakkeet-sosiaalinen-media,
    .bytdator-satunnaiset-tuotteet,
    .bytdator-suositellut-tuotteet,
    .bytdator-upotukset-sosiaalinen-media,
    .bytdator-uusimmat-tuotteet,
    .taitonetti-etusivuteksti,
    .taitonetti-kuvakkeet-sosiaalinen-media,
    .taitonetti-satunnaiset-tuotteet,
    .taitonetti-suositellut-tuotteet,
    .taitonetti-upotukset-sosiaalinen-media,
    .taitonetti-uusimmat-tuotteet {
        padding: 0
    }

    .block-welcome {
        padding: 30px 0
    }

    .kierratys,
    .takuu,
    .toimitusnolla {
        margin-top: 20px
    }

    .sticky-search .quick-search {
        max-width: 300px;
        right: 130px
    }

    .sticky-search .quick-search .form-search {
        max-width: 300px;
        margin-top: 0
    }

    .sticky-search .quick-search .form-search input#topsearch {
        width: auto;
        height: 40px
    }

    .sticky-search .quick-search.showing i.icon_close {
        color: #000 !important
    }

    .sb-topbar .sticky-icon-group {
        background-color: transparent;
        padding: 0;
        margin-top: 5px
    }

    .responsive body.header-type-7 {
        padding-left: 0;
        padding-top: 0
    }

    .responsive body.header-type-7 .header {
        position: fixed;
        background-color: #313438;
        margin-left: 0;
        margin-right: 0;
        z-index: 100;
        margin-top: 0;
        width: auto;
        border-right: none;
        height: 60px;
        width: 100%
    }

    .responsive body.header-type-7 ul.megamenu>li {
        border-top: 1px solid rgba(133, 133, 133, .2)
    }

    .typo-cart .ajaxcart {
        display: none
    }

    #payment_method {
        display: block;
        padding-right: 0;
        width: 100%
    }

    #shipping_method {
        display: block;
        padding-left: 0;
        width: 100%
    }

    #payment_address_address_1_input,
    #payment_address_city_input,
    #payment_address_confirm_input,
    #payment_address_country_id_input,
    #payment_address_custom_field\.address\.1_input,
    #payment_address_custom_field\.address\.2_input,
    #payment_address_custom_field\.address\.3_input,
    #payment_address_custom_field\.address\.4_input,
    #payment_address_email_confirm_input,
    #payment_address_email_input,
    #payment_address_firstname_input,
    #payment_address_lastname_input,
    #payment_address_password_input,
    #payment_address_postcode_input,
    #payment_address_telephone_input,
    #payment_address_zone_id_input,
    #shipping_address_address_1_input,
    #shipping_address_city_input,
    #shipping_address_country_id_input,
    #shipping_address_custom_field\.address\.1_input,
    #shipping_address_custom_field\.address\.2_input,
    #shipping_address_custom_field\.address\.3_input,
    #shipping_address_custom_field\.address\.4_input,
    #shipping_address_firstname_input,
    #shipping_address_lastname_input,
    #shipping_address_postcode_input,
    #shipping_address_zone_id_input {
        width: 100%;
        max-width: none
    }

    #payment_address_customer_group_id_input,
    #shipping_address_customer_group_id_input {
        max-width: none
    }

    .responsive body.header-type-7 .logo-home {
        position: absolute;
        top: 0;
        left: 10px;
        width: auto;
		max-width:200px;
    }

    .responsive body.header-type-7 .logo-home .logo {
        text-align: left
    }

    .responsive body.header-type-7 .megamenuToogle-wrapper {
        margin-top: 0
    }

    .responsive body.header-type-7 div.background-header-top {
        background-image: none !important
    }

    .responsive body.header-type-7 ul.megamenu {
        padding-top: 0;
        text-align: center;
        margin: 0 !important
    }

    .responsive body.header-type-7 .megamenu-wrapper {
        background: 0 0 !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .responsive body.header-type-7 .megamenu-pattern {
        background-color: #1e3d37
    }

    .responsive body.header-type-7 ul.megamenu>li {
        margin: 0 !important;
        padding: 0 !important
    }

    .responsive body.header-type-7 ul.megamenu>li>a {
        line-height: 50px;
        padding: 0
    }

    .responsive body.header-type-7 ul.megamenu>li>a>span {
        max-width: none
    }

    .responsive body.header-type-7 ul.megamenu>li.with-sub-menu .close-menu,
    .responsive body.header-type-7 ul.megamenu>li.with-sub-menu .open-menu {
        color: #999
    }

    .responsive body.header-type-7 ul.megamenu>li.with-sub-menu>a:before {
        display: none
    }

    .responsive body.header-type-7 .horizontal ul.megamenu>li>.sub-menu {
        max-width: none;
        left: 0 !important;
        padding-left: 0 !important
    }

    .responsive #main .sb-topbar {
        left: auto;
        top: 10px;
        right: 60px;
        position: fixed;
        border-bottom: none;
        z-index: 101
    }

    .responsive #main .sb-topbar .overflow {
        margin-right: 0
    }

    .megamenuToogle-wrapper .container>div span {
        background: #858585 !important
    }

    .sticky-search .quick-search .form-search input#topsearch {
        width: 180px
    }

    .sticky-search .quick-search,
    .sticky-search .quick-search .form-search {
        max-width: 200px
    }

    .sticky-search .quick-search {
        display: block
    }

    a.typo-cart-label span i.icon-handbag,
    i.icon-settings,
    i.icon_close {
        color: #fff !important
    }

    i.custom-reset {
        color: #41c387 !important
    }

    table.wishlist i.icon_close {
        color: #000 !important
    }

    #uutiskirje {
        width: 80% !important
    }

    .center-column {
        padding-top: 165px
    }

    .description-text {
        line-height: 18px;
        font-size: 13px
    }

    .responsive .footer .background {
        padding-top: 50px;
        padding-bottom: 40px
    }
}

@media (max-width:767px) {
    .breadcrumb .background {
        background-image: none
    }

    .responsive #main .breadcrumb .container {
        padding: 5px 15px 5px 15px !important
    }

    .responsive #main .breadcrumb .container.bytdator.kategoria,
    .responsive #main .breadcrumb .container.taitonetti.kategoria {
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }
	.main-content.full-width.home, body.header-type-7 .breadcrumb {
		margin-top: 175px;
	}
    .row.ten-columns {
        padding-left: 5px;
        padding-right: 5px
    }

    .settings .settings-inner {
        margin-top: 5px
    }

    .responsive .banner-module {
        margin: 20px 0 0 !important
    }

    .home-fluid-width.responsive #main {
        padding: 15px
    }

    div.product-list div.left {
        width: 40%
    }

    .product-list div.right {
        margin-left: 0;
        overflow: hidden
    }

    .product-list div.right .button-group,
    .product-list div.right .caption {
        overflow: hidden;
        padding-left: 20px
    }

    .product-page-image .sale-wrapper {
        top: 30px;
        right: 15px
    }

    div.product-page-image>div.free-delivery-wrapper {
        bottom: 30px
    }

    table.attribute tr.rate-row {
        display: none
    }

    .ymparisto .environment-text {
        padding-top: 10px
    }

    .footer .info-bg li.epost,
    .footer .info-bg li.mail,
    .footer .info-bg li.puhelin,
    .footer .info-bg li.telefon {
        background: 0 0;
        padding: 5px 0
    }

    .foot-luokitus .luottoluokitus,
    .foot-luokitus .rinki {
        display: none
    }

    .foot-asiakastili .luottoluokitus,
    .foot-asiakastili .rinki {
        display: block
    }

    #delivery-logos {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
        width: 100%
    }

    #delivery-logos .dhl-logo,
    #delivery-logos .matkahuolto-logo,
    #delivery-logos .posti-logo,
    #delivery-logos .postnord-fi-logo,
    #delivery-logos .postnord-logo {
        float: none
    }

    .responsive .fluid-width-footer.footer-container .footer-top-inner {
        padding: 25px 0 10px
    }

    #payment_address_address_1_input div:first-child,
    #payment_address_address_1_input div:nth-child(2),
    #payment_address_city_input div:first-child,
    #payment_address_city_input div:nth-child(2),
    #payment_address_confirm_input div:first-child,
    #payment_address_confirm_input div:nth-child(2),
    #payment_address_country_id_input div:first-child,
    #payment_address_country_id_input div:nth-child(2),
    #payment_address_custom_field\.address\.1_input div:first-child,
    #payment_address_custom_field\.address\.1_input div:nth-child(2),
    #payment_address_custom_field\.address\.2_input div:first-child,
    #payment_address_custom_field\.address\.2_input div:nth-child(2),
    #payment_address_custom_field\.address\.3_input div:first-child,
    #payment_address_custom_field\.address\.3_input div:nth-child(2),
    #payment_address_custom_field\.address\.4_input div:first-child,
    #payment_address_custom_field\.address\.4_input div:nth-child(2),
    #payment_address_email_confirm_input div:first-child,
    #payment_address_email_confirm_input div:nth-child(2),
    #payment_address_email_input div:first-child,
    #payment_address_email_input div:nth-child(2),
    #payment_address_firstname_input div:first-child,
    #payment_address_firstname_input div:nth-child(2),
    #payment_address_lastname_input div:first-child,
    #payment_address_lastname_input div:nth-child(2),
    #payment_address_password_input div:first-child,
    #payment_address_password_input div:nth-child(2),
    #payment_address_postcode_input div:first-child,
    #payment_address_postcode_input div:nth-child(2),
    #payment_address_telephone_input div:first-child,
    #payment_address_telephone_input div:nth-child(2),
    #payment_address_zone_id_input div:first-child,
    #payment_address_zone_id_input div:nth-child(2),
    #shipping_address_address_1_input div:first-child,
    #shipping_address_address_1_input div:nth-child(2),
    #shipping_address_city_input div:first-child,
    #shipping_address_city_input div:nth-child(2),
    #shipping_address_country_id_input div:first-child,
    #shipping_address_country_id_input div:nth-child(2),
    #shipping_address_custom_field\.address\.1_input div:first-child,
    #shipping_address_custom_field\.address\.1_input div:nth-child(2),
    #shipping_address_custom_field\.address\.2_input div:first-child,
    #shipping_address_custom_field\.address\.2_input div:nth-child(2),
    #shipping_address_custom_field\.address\.3_input div:first-child,
    #shipping_address_custom_field\.address\.3_input div:nth-child(2),
    #shipping_address_custom_field\.address\.4_input div:first-child,
    #shipping_address_custom_field\.address\.4_input div:nth-child(2),
    #shipping_address_firstname_input div:first-child,
    #shipping_address_firstname_input div:nth-child(2),
    #shipping_address_lastname_input div:first-child,
    #shipping_address_lastname_input div:nth-child(2),
    #shipping_address_postcode_input div:first-child,
    #shipping_address_postcode_input div:nth-child(2),
    #shipping_address_zone_id_input div:first-child,
    #shipping_address_zone_id_input div:nth-child(2) {
        width: 100%
    }

    fieldset#account div.col-xl-8,
    fieldset#address div.col-xl-8 {
        padding-left: 0
    }

    .eimobiili {
        display: none
    }

    .eilevea {
        display: inline
    }

    .leveaoikea {
        text-align: left;
        padding-bottom: 15px
    }

    .responsive .block-top-01 .content-block p,
    .responsive .block-top-01>div,
    .responsive .block-top-02 .content-block p,
    .responsive .block-top-02>div {
        display: block
    }

    .responsive .block-top-02 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .responsive .block-top-02 .images {
        order: 2
    }

    .responsive .block-top-01 .content-block,
    .responsive .block-top-02 .content-block {
        padding: 25px 0;
        margin: 0
    }

    .responsive .block-top-01 .content-block h2,
    .responsive .block-top-02 .content-block h2 {
        font-size: 25px;
        margin-bottom: 20px;
        padding: 15px 0 25px;
        line-height: 35px
    }

    .responsive .block-top-01 .content-block p,
    .responsive .block-top-02 .content-block p {
        font-size: 14px;
        line-height: 25px
    }

    .addtolist {
        display: none !important
    }

    .responsive .list-features {
        padding-top: 34px;
        padding-bottom: 7px
    }

    .responsive .row>div:first-child>.list-features {
        padding-top: 60px
    }

    .responsive .main-fixed .footer .pattern:before {
        left: 15px;
        right: 15px
    }

    .responsive body.header-type-7 .logo-home .logo {
        margin: 4px 0 0 0;
        width: 90px;
        display: inline-block;
        text-align: center !important
    }

    .responsive .main-top-inner {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .responsive body.header-type-7 .header {
        margin-left: 0;
        margin-right: 0
    }

    .responsive #main .sb-topbar {
        top: 30px;
        right: 60px;
        height: 40px;
        width: 100%
    }

    .sticky-search .quick-search {
        margin-top: -5px;
        right: auto;
        left: 70px
    }

    .is-sticky .sticky-icon-group>div,
    .sb-topbar .sticky-icon-group {
        margin-top: 0
    }

    .responsive .megaMenuToggle {
        top: 30px !important
    }

    .fp_carousel .owl-wrapper-outer,
    .fp_carousel .product {
        padding: 0 !important
    }

    .fp_carousel-controls {
        margin-top: 0
    }

    #quickview_product {
        display: flex;
        display: -ms-flex;
        flex-direction: column
    }

    div.popup-gallery {
        order: 1
    }

    div.product-center {
        order: 2
    }

    .product-grid.col-xs-12 {
        width: 50%;
        float: left;
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .product-basic-info {
        padding-left: 0
    }

    .description .main-price {
        text-align: left;
        padding-right: 15%
    }

    .hinnatmobiili .main-price {
        padding-right: 0 !important
    }

    .price-mobile {
        text-align: right;
        display: block
    }

    .price-mobile .price-new {
        font-size: 24px;
        font-weight: 500;
        color: #41c387
    }

    .foot-asiakastili,
    .foot-ehdot,
    .foot-luokitus {
        min-height: auto
    }

    .foot-luokitus,
    .footer h4 {
        margin-top: 20px !important
    }

    div.computer-conditions div {
        text-align: left;
        height: 50px;
        line-height: 20px
    }

    div.korkeus-2 {
        height: 120px !important
    }

    div.korkeus-3 {
        height: 170px !important
    }

    div.korkeus-4 {
        height: 220px !important
    }

    div.korkeus-5 {
        height: 270px !important
    }

    div.korkeus-6 {
        height: 320px !important
    }

    div.korkeus-7 {
        height: 370px !important
    }

    div.korkeus-8 {
        height: 420px !important
    }

    div.korkeus-9 {
        height: 470px !important
    }

    div.korkeus-10 {
        height: 520px !important
    }

    #payment_address_customer_group_id_input div:first-child {
        width: 100%;
        margin: 5px 0
    }

    #shipping_address_customer_group_id_input div:first-child {
        width: 100%
    }

    span.hide-mobile {
        display: none
    }

    .table a.osoitelista {
        margin-left: auto !important;
        text-align: center;
        display: block;
        width: 150px;
        margin-top: 0;
        margin-bottom: 4px !important
    }

    .table a.osoitelista:first-child {
        margin-top: 7px
    }

    .product-grid .rating {
        left: 58px
    }

    div.container.cart .row div.cartname a {
        display: inline-block;
        font-size: 13px;
        line-height: 16px !important
    }

    div.container.cart .row div.cartquantity {
        margin-top: 6px
    }

    div.container.cart .row div.cartquantity button span {
        font-size: 20px
    }

    div.container.cart .row div.carttotal div:nth-of-type(2) {
        margin-top: 10px
    }

    .product-info .description .environment-friendly .environment-in-co-operation {
        margin-top: 50px
    }

    .product-info .description .environment-friendly .environment-in-co-operation .readmore {
        bottom: 30px
    }

    .responsive .footer .background {
        text-align: center;
        padding-top: 27px
    }
}

@media (max-width:600px) {

    .owl-item .left .sale-wrapper,
    .product-list .sale-wrapper {
        width: 44px;
        height: 44px
    }

    .owl-item .left .free-delivery-wrapper,
    .product-list .free-delivery-wrapper {
        width: 56px;
        height: 56px
    }

    .owl-item .left .sale,
    .product-list .sale {
        font: 700 11px Sans-Serif;
        padding: 4px 0;
        left: -30px;
        top: 4px
    }

    .owl-item .left .free-text,
    .product-list .free-text {
        font: 700 11px Sans-Serif;
        padding: 4px 0;
        left: -40px;
        top: 25px
    }

    .price-mobile .main-price,
    .price-mobile .other-price {
        text-align: right;
        padding-top: 15%
    }

    .win11-available,
    .win11-installed {
        right: 0
    }

    .owl-item .win11-available,
    .owl-item .win11-installed {
        right: 5px
    }

    #compare-total,
    .product-list .btn-compare {
        display: none
    }

    .product-list .btn-cart {
        margin: 0;
        height: auto;
        line-height: 25px;
        font-weight: 500;
        padding: 0 8px
    }

    .product-list .btn-cart span {
        font-size: 12px
    }

    .responsive .owl-carousel {
        margin: 0 -10px !important
    }

    .owl-carousel .owl-item {
        padding-right: 5px;
        padding-left: 5px
    }

    .owl-carousel .owl-item .item {
        padding: 15px 20px 0 20px !important
    }

    #logancee_blog_home_page .owl-item .item {
        margin: 5px;
        padding: 0 !important
    }

    .owl-item .right h2.product-name a {
        line-height: 15px
    }

    .owl-item .right ul li {
        font-size: 12px !important
    }

    .owl-item .right .addtocart {
        width: auto;
        max-width: none
    }

    .owl-item .right .addtocart a {
        font-size: 12px;
        font-weight: 500;
        padding: 0 14px;
        height: auto;
        margin: 0 0 10px 0;
        line-height: 30px
    }

    .owl-item .right .prodmainlinks {
        display: block
    }

    #collapse-payment-method div.radio label input+b {
        display: inline-block;
        width: 190px
    }

    #sv-widget-locales {
        width: 100% !important
    }
}

@media (max-width:500px) {
    .product-grid.col-xs-12 {
        width: 100%;
        float: none
    }

    .main-content .owl-wrapper .product-grid .greenix-logo,
    .main-content .product-list .greenix-logo {
        top: 25px
    }

    .main-content .owl-wrapper .product-grid .greenix-logo img.gr-logo,
    .main-content .product-list .greenix-logo img.gr-logo {
        max-width: 40px
    }

    .main-content .owl-wrapper .product-grid .greenix-gpu-logo,
    .main-content .product-list .greenix-gpu-logo {
        max-width: 50px
    }

    .main-content .owl-wrapper .product-grid .greenix-rating,
    .main-content .product-list .greenix-rating {
        bottom: 25px;
        right: 5px
    }

    .main-content .owl-wrapper .product-grid .greenix-rating img.bronze,
    .main-content .owl-wrapper .product-grid .greenix-rating img.gold,
    .main-content .owl-wrapper .product-grid .greenix-rating img.silver,
    .main-content .product-list .greenix-rating img.bronze,
    .main-content .product-list .greenix-rating img.gold,
    .main-content .product-list .greenix-rating img.silver {
        max-width: 20px
    }

    .win11-available {
        width: 65px;
        height: 26px;
        right: 0
    }

    .win11-installed {
        width: 65px;
        height: 13px;
        right: 0
    }

    .abitti {
        width: 80px;
        bottom: 30px;
        left: 90px
    }

    table.attribute td {
        display: block !important;
        padding-left: 0 !important
    }

    table.attribute tr td:nth-child(odd) {
        font-weight: 500;
        border-bottom: none !important;
        padding-bottom: 0 !important
    }

    table.attribute tr td:nth-child(even) {
        padding-top: 0 !important
    }

    h2.product-name {
        font-size: 16px !important
    }

    .qc-step .btn-group-justified .btn {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 500
    }

    #payment_address div.panel-body,
    #shipping_address div.panel-body {
        margin-right: 0;
        margin-left: 0
    }

    #payment_address>div:first-child,
    #shipping_address>div:first-child {
        padding: 10px 0 0;
        border: 1px solid #ccc;
        border-radius: 15px
    }

    #cart_view div.panel-default,
    #payment_method_form,
    #shipping_method_form {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 15px
    }

    #payment_address_address_1_input,
    #payment_address_city_input,
    #payment_address_confirm_input,
    #payment_address_country_id_input,
    #payment_address_custom_field\.address\.1_input,
    #payment_address_custom_field\.address\.2_input,
    #payment_address_custom_field\.address\.3_input,
    #payment_address_custom_field\.address\.4_input,
    #payment_address_email_confirm_input,
    #payment_address_email_input,
    #payment_address_firstname_input,
    #payment_address_lastname_input,
    #payment_address_password_input,
    #payment_address_postcode_input,
    #payment_address_telephone_input,
    #payment_address_zone_id_input,
    #shipping_address_address_1_input,
    #shipping_address_city_input,
    #shipping_address_country_id_input,
    #shipping_address_custom_field\.address\.1_input,
    #shipping_address_custom_field\.address\.2_input,
    #shipping_address_custom_field\.address\.3_input,
    #shipping_address_custom_field\.address\.4_input,
    #shipping_address_firstname_input,
    #shipping_address_lastname_input,
    #shipping_address_postcode_input,
    #shipping_address_zone_id_input {
        width: 100%
    }

    #payment_address h4.panel-title,
    #shipping_address h4.panel-title {
        padding-left: 15px;
        padding-right: 15px
    }

    .owl-item .left .abitti-pieni,
    .product-list .abitti-pieni {
        width: 35px;
        bottom: 14px;
        right: 0
    }
}

@media screen and (max-width:400px) {
    .settings .settings-inner {
        padding-top: 4px;
        margin-right: -40px;
        margin-top: 0
    }

    .settings .setting-content {
        margin-top: 10px
    }

    .sticky-search .quick-search,
    .sticky-search .quick-search .form-search {
        max-width: 130px
    }

    .sticky-search .quick-search .form-search input#topsearch {
        width: 130px
    }

    #delivery-logos .matkahuolto-logo,
    #delivery-logos .posti-logo,
    #payment-other .paypal-logo,
    #payment-other .paytrail-logo {
        float: none;
        margin: 0 18px 9px 0
    }

    div.afterpay-logo img.mainlogo,
    div.paymentmethod-logo img.mainlogo {
        width: 65px;
        top: 20px;
        right: 2px
    }

    #sv-widget {
        padding: 8px !important;
        border: 8px solid #ccc !important
    }
}

.blog-layout2 .heading-title .bg-word {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    color: #e4e4e4;
    font-weight: 500
}

.blog-layout2:before,
.wcl-word:before {
    width: 1px;
    height: 75px;
    content: ""
}

.blog-layout2 {
    text-align: center;
    position: relative;
    padding: 125px 0 56px
}

.blog-layout2:before {
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #000
}

.blog-layout2 .heading-title {
    padding: 0;
    position: relative;
    background: 0 0;
    z-index: 1;
    margin-bottom: 153px
}

.blog-layout2 .heading-title h2 {
    font-size: 30px
}

.blog-layout2 .heading-title .bg-word {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 120px;
    z-index: -1
}

.blog-layout2 .heading-title h2 p {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    color: #999;
    font-family: Lato;
    font-weight: 400;
    text-transform: none;
    padding-top: 63px
}

.blog-layout2 .subtitle-widget {
    margin-bottom: 40px
}

.blog-layout2 .title-post {
    font-size: 16px;
    text-transform: uppercase
}

.blog-layout2 .blog {
    padding-top: 40px
}

.blog-layout2 .blog .main-post {
    border-bottom: 1px solid rgba(204, 204, 204, .5)
}

.blog-layout2 .blog:last-child .main-post {
    border-bottom: none
}

.blog-layout2 .blog:first-child .text-post {
    display: block
}

.blog-layout2 .blog .title-post {
    margin: 0 0 10px;
    padding: 0
}

.blog-layout2 .blog .title-post a {
    line-height: 1.1
}

.blog-layout2 .blog .main-post-inner {
    padding-bottom: 40px
}

.blog-layout2 .text-post {
    padding: 20px 0;
    background-color: #f3f3f3;
    display: none
}

.blog-layout2 .text-post .readmore-post {
    text-transform: uppercase;
    margin: 10px 0 0
}

.blog-grid {
    list-style: none;
    padding: 0;
    margin: 0
}

.social-media {
    padding: 16px 0 20px;
    position: relative
}

.social-media .owl-carousel .owl-item .item {
    margin-bottom: 4px
}

.social-media img {
    opacity: .4;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    display: block;
    margin: 0 auto
}

@media (max-width:800px) {
    .social-media img {
        width: 80px
    }
}

@media (max-width:450px) {
    .social-media img {
        width: 60px
    }
}

.social-media img:hover {
    opacity: 1
}

.korjaus {
    float: left
}

td.qc-model.hidden-xs {
    display: none !important
}

.arvo {
    display: inline-block
}

.arvo .btn {
    margin-top: 0;
    margin-bottom: 0
}

.kassan-tuotemaara {
    display: block;
    height: 40px;
    line-height: 38px;
    padding: 0 18px !important;
    width: 46px
}

.qc-coupon button.btn,
.qc-voucher button.btn {
    height: 35px
}

.kuva {
    display: inline-block;
    margin: 30px 15px 30px 15px;
    line-height: 30px;
    background-color: #fff;
    vertical-align: top
}

.kuva img {
    margin-bottom: 10px
}

span.puhelin,
span.spostiosoite,
span.titteli {
    font-size: 13px;
    display: block;
    line-height: 20px
}

.alanayta {
    display: none !important
}

div.background-header {
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #1e3d37;
}

header .background-header-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

div.background-header-top {
    background-color: #1e3d37;
    background-repeat: no-repeat;
    background-position: bottom center
}

.qc-step .btn-group-justified .btn {
    display: block;
    float: left;
    width: auto
}

.qc-step .btn-group-justified .btn.active {
    background-color: #41c387;
    color: #fff
}

#payment_address_address_1_input .control-label,
#payment_address_address_2_input .control-label,
#payment_address_agree_input .control-label,
#payment_address_city_input .control-label,
#payment_address_company_input .control-label,
#payment_address_confirm_input .control-label,
#payment_address_country_id_input .control-label,
#payment_address_custom_field\.address\.1_input .control-label,
#payment_address_custom_field\.address\.2_input .control-label,
#payment_address_custom_field\.address\.3_input .control-label,
#payment_address_customer_group_id_input .control-label,
#payment_address_email_confirm_input .control-label,
#payment_address_email_input .control-label,
#payment_address_fax_input .control-label,
#payment_address_firstname_input .control-label,
#payment_address_heading_heading .control-label,
#payment_address_lastname_input .control-label,
#payment_address_newsletter_input .control-label,
#payment_address_password_input .control-label,
#payment_address_postcode_input .control-label,
#payment_address_shipping_address_input .control-label,
#payment_address_telephone_input .control-label,
#payment_address_zone_id_input .control-label,
#shipping_address_address_1_input .control-label,
#shipping_address_address_2_input .control-label,
#shipping_address_city_input .control-label,
#shipping_address_company_input .control-label,
#shipping_address_country_id_input .control-label,
#shipping_address_custom_field\.address\.1_input .control-label,
#shipping_address_custom_field\.address\.2_input .control-label,
#shipping_address_custom_field\.address\.3_input .control-label,
#shipping_address_firstname_input .control-label,
#shipping_address_lastname_input .control-label,
#shipping_address_postcode_input .control-label,
#shipping_address_zone_id_input .control-label {
    text-align: left
}

#uutiskirje {
    width: 50%;
    text-align: center;
    margin: 0 auto;
    padding: 40px 0;
    color: #fff;
    font-weight: 700
}

#uutiskirje label {
    font-size: 30px
}

#uutiskirje input.tilaaja {
    line-height: 56px;
    margin-top: 20px;
    background-color: #fff;
    color: #333;
    border: none;
    width: 100%;
    padding: 0 15px
}

#uutiskirje input.laheta {
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 56px;
    padding: 0 20px;
    background-color: #000;
    border: none;
    text-transform: uppercase
}

.reg-address2,
.reg-comp,
.reg-fax {
    display: none
}

div.cart-info table td a img,
div.cart-info table td input {
    vertical-align: middle;
    line-height: 40px
}

#nletter {
    background-color: #77b724;
    background-image: url(../../../image/catalog/revslider_media_folder/etubanneri-1620x976-tausta-vihrea-pieni.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    text-align: center;
    padding: 70px 0
}

label.nletter-header {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

button.nletter-send {
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 56px;
    height: 56px;
    padding: 0 20px;
    background-color: #000;
    border: none;
    text-transform: uppercase
}

form.feedback input {
    width: 100%;
    line-height: 35px;
    height: 35px
}

.modal-header {
    padding: 10px 20px 0 20px !important
}

.modal-header .close {
    font-size: 28px;
    margin-top: -7px;
    margin-right: -11px;
    opacity: 1 !important
}

.modal-header h4 {
    font-size: 16px;
    text-align: center;
    font-weight: 700
}

.modal-body {
    padding: 10px 20px 10px 20px
}

#business-outlet-info .modal-body,
#business-outlet-info .modal-header {
    color: #000;
    font-size: 14px
}

.modal-body h2 {
    margin-top: 0
}

.modal-footer {
    padding: 10px 20px 10px 5px !important;
    margin-top: 0 !important
}

#nletter-modal .modal-footer .button,
.modal-footer .btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.toimituskulutekstit {
    padding: 0 20px 0 20px;
    margin-bottom: 20px
}

div.toimituskulutekstit ul {
    padding-left: 0
}

div.toimituskulutekstit ul li {
    list-style-type: none
}

div.toimituskulutekstit h3 {
    font-size: 16px;
    font-weight: 500;
    color: #41c387;
    border-bottom: 1px solid #cccccc4a;
    margin-bottom: 20px;
    text-align: center
}

div.toimituskulutekstit h3.maksuvaihtoehdot:before {
    font-family: 'Glyphicons Halflings';
    content: "\e177";
    color: #41c387;
    font-size: 25px;
    position: relative;
    top: 4px;
    right: 8px
}

div.toimituskulutekstit h3.toimitusvaihtoehdot:before {
    font-family: 'Glyphicons Halflings';
    content: "\e102";
    color: #41c387;
    font-size: 25px;
    position: relative;
    top: 0;
    right: 8px
}

div.toimituskulutekstit h4 {
    font-size: 13px;
    font-weight: 500;
    padding: 4px 0 0 0
}

div.toimituskulutekstit h5 {
    font-size: 13px;
    font-weight: 300
}

div.toimituskulutekstit h4+p,
div.toimituskulutekstit h4+p a {
    line-height: 17px
}

div.toimituskulutekstit #paymentmethod-logos {
    margin: 5px 0 8px 0
}

div.toimituskulutekstit #paymentmethod-logos>div img {
    height: 35px;
    width: auto
}

div.toimituskulutekstit #paymentmethod-logos.paypal>div img {
    width: auto;
    height: 25px
}

div.toimituskulutekstit #delivery-logos {
    margin: 5px 0 8px 0
}

div.toimituskulutekstit #delivery-logos>div {
    float: left;
    margin-right: 20px
}

div.toimituskulutekstit #delivery-logos>div img {
    height: 45px;
    width: auto
}

div.toimituskulutekstit #delivery-logos>div img.posti {
    height: 30px;
    width: auto;
    margin-top: 5px
}

div.toimituskulutekstit #delivery-logos>div img.matkahuolto {
    height: 38px;
    width: auto
}

div.toimituskulutekstit #delivery-logos>div img.postnord {
    height: 22px;
    width: auto;
    margin-top: 7px
}

#cookie-1,
#cookie-2 {
    left: 0
}

#cookie-1 .container,
#cookie-2 .container {
    padding: 10px
}

#cookie-1 .container .operations,
#cookie-2 .container .operations {
    float: left;
    padding-right: 15px
}

#cookie-1 div.button,
#cookie-2 div.button {
    border: none !important;
    margin: 7px 0 0
}

#cookie-1 input.dont-show-me,
#cookie-2 input.dont-show-me {
    margin: 0 4px 0 0
}

#cookie-1 input.dont-show-me+span,
#cookie-2 input.dont-show-me+span {
    font-weight: 500
}

#slider .rev_slider_wrapper {
    margin-bottom: 40px !important
}

.btn-collapse {
    width: 100%;
    text-align: left;
    background-color: #f1f2f2;
    font-weight: 500;
    font-size: 1.2em;
    margin-top: 0
}

.ymparisto {
    font-weight: 400;
    border: 1px solid rgba(119, 183, 67, .3);
    padding: 10px;
    cursor: pointer;
    color: #41c387;
    height: auto
}

.environment-ikkuna {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ymparisto .env-header,
.ymparisto .env-maintext {
    font-size: 1em;
    line-height: 25px
}

.ymparisto .env-maintext p,
.ymparisto .env-numbers p {
    margin: 0
}

.ymparisto .env-header {
    padding: 7px 10px;
    width: 100%;
    line-height: 1em
}

.ymparisto .env-maintext {
    float: left;
    width: 67%;
    padding-left: 10px
}

.ymparisto .env-numbers {
    float: right;
    color: #41c387;
    font-size: 1em;
    line-height: 25px;
    font-weight: 500;
    text-align: right;
    width: 28%;
    padding-right: 10px
}

.ymparisto .env-click {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px
}

.ymparisto .env-click span {
    padding: 5px 10px;
    background-color: #41c387;
    color: #fff
}

.ymparisto .environment-in-co-operation {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: right
}

.ymparisto .environment-in-co-operation .readmore {
    position: absolute;
    bottom: 19px;
    left: 0;
    padding: 8px 18px;
    font-size: 15px;
    color: #fff;
    background-color: #00a77e;
    font-weight: 500
}

.ymparisto .environment-in-co-operation .environment-image {
    width: 25%;
    margin-top: 30px;
    float: right
}

.ymparisto img {
    width: 100%;
    margin-top: 10%;
    max-width: 100px;
    min-width: 73px
}

.ymparisto .environment-text {
    padding-top: 0
}

@media (min-width:1650px) {
    .ymparisto {
        padding: 5%
    }

    .ymparisto .environment-text {
        font-size: 1.3em;
        line-height: 1.3em;
        padding-top: 0
    }

    .ymparisto .env-header {
        padding: 10px;
        font-size: 1.4em
    }

    .ymparisto img {
        width: 20% !important;
        min-width: 105px !important
    }
}

@media (max-width:1200px) {

    .ymparisto .env-click,
    .ymparisto .env-header,
    .ymparisto .env-maintext,
    .ymparisto .env-numbers,
    .ymparisto .environment-text {
        padding-left: 2px !important;
        padding-right: 2px !important
    }
}

@media (max-width:500px) {
    .ymparisto .environment-image {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 6%
    }

    .ymparisto img {
        width: 20% !important;
        min-width: 65px !important
    }

    .ymparisto .environment-text {
        font-size: .8em
    }

    .ymparisto .env-maintext {
        width: 75%
    }

    .ymparisto .env-numbers {
        width: 25%
    }
}

.osamaksu {
    text-align: right;
    width: 55%;
    padding-left: 0;
    padding-right: 0
}

.osamaksumobile {
    float: left;
    text-align: left;
    width: 55%;
    padding-left: 0;
    padding-right: 0
}

.osamaksu .instalment .btn-collector {
    margin-top: -5px;
    padding: 0;
    text-align: right;
    border: none;
    color: #41c387
}

.osamaksumobile .instalment .btn-collector {
    margin-top: -5px;
    padding: 0;
    text-align: right;
    border: none;
    color: #41c387
}

.osamaksu .instalment .btn-collector:hover {
    background-color: transparent
}

.product-info .options {
    overflow: auto;
    border: solid 1px rgba(0, 0, 0, .1);
    padding: 3%
}
/* 30072025 */
@media(min-width:1850px) {
	.product-info .options .form-group{
		height: 195px!important
	}
}
@media (min-width:1600px) {
    .product-info .options .form-group {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        height: 165px
    }

    .product-info .options .control-label {
        font-size: 1.1em;
        height: 52px
    }

    .product-info .price .price-new {
        font-size: 42px;
        font-weight: 500;
        color: #000;
        padding: 5px 0 5px 0
    }

    .product-info .description .price .price-tax {
        font-size: 1em;
        font-weight: 500;
        padding-right: 0
    }

    .product-info .options {
        width: 100%;
        padding: 3% 7% 3% 7%;
        margin: 0;
    }

    .osamaksu {
        padding-right: 20px
    }

    .product-basic-info {
        padding-bottom: 5px
    }
}

@media (max-width:1600px) {
    .product-info .options .form-group {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        height: 160px; /* 30072025 */
    }

    .product-info .options .control-label {
        font-size: .9em;
        height: 52px
    }

    .product-info .options {
        width: 100%;
        padding: 5%;
        margin-left: 0
    }
}

@media (max-width:1200px) {
    .product-info .options .form-group {
        font-size: .8em;
        padding-left: 2%;
        padding-right: 2%
    }

    .product-info .options .control-label {
        font-size: 1em
    }

    .product-info .description .price .price-tax {
        font-size: 1em;
        font-weight: 500;
        padding-right: 10px
    }

    .product-info .options {
        width: 100%;
        padding: 3%
    }
}

@media (max-width:766px) {
    .product-info .options .form-group {
        padding-left: 5%;
        padding-right: 5%;
        height: 175px
    }

    .product-info .options .control-label {
        font-size: 1.1em
    }

    .product-info .options {
        width: 100%;
        padding: 3%
    }
}

@media (max-width:450px) {
    .product-info .options .form-group {
        padding-left: 1%;
        padding-right: 1%;
        height: 160px
    }

    .product-info .options .control-label {
        font-size: 1em
    }
	.footer {
		padding: 0 20px;
	}
}

.etusivuvideoasettelu {
    max-width: 620px;
    margin-top: -15px
}

.etusivuvideo {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    margin-top: 25px
}

.etusivuvideo iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    max-width: 520px;
    max-height: 315px
}

.tto1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 4px
}

.tto2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 4px
}

.info-ikkuna {
    background-color: #41c387;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    margin-left: 0 !important;
    display: inline-block;
    word-break: break-word;
    line-height: 25px;
    border-radius: 12px
}

.varusteet-ikkuna {
    background-color: #41c387;
    color: #fff;
    padding: 30px 30px 20px 30px;
    width: 100%;
    margin-left: 0 !important;
    display: inline-block;
    word-break: break-word;
    border-radius: 12px
}

.ulcontainer {
    display: table;
    width: 100%
}

.varusteet-ikkuna .ulcontainer ul {
    list-style-position: outside;
    margin-left: 20px;
    padding-left: 0;
    margin-bottom: 0
}

.varusteet-ikkuna .ulcontainer h4 {
    padding-top: 0 !important;
    font-size: 17px
}

.varusteet-ikkuna .ulcontainer li {
    line-height: 16px;
    margin-bottom: 10px
}

@media (min-width:1600px) {
    .info-ikkuna {
        padding: 30px;
        font-size: 1.2em
    }

    .vihrea2 {
        padding-left: 4% !important
    }
}

@media (max-width:400px) {
    .info-ikkuna {
        padding: 0 !important;
        font-size: .9em
    }

    .ulcontainer {
        padding: 3% 0 0 0 !important
    }
}

.info-ikkuna .vihrea1 {
    display: table-cell;
    width: 60%;
    padding-right: 7px;
    padding-left: 7px;
    list-style-type: none
}

.info-ikkuna .vihrea2 {
    display: table-cell;
    width: 40%;
    padding-left: 7px;
    border-left: solid 1px #acf059
}

.info-ikkuna .vihrea2 ul {
    list-style-type: none;
    padding-left: 10px
}

.info-ikkuna .vihrea1 ul {
    list-style-type: none;
    padding-left: 10px
}

.info-ikkuna h2 {
    text-align: left;
    padding-left: 22px;
    padding-bottom: 15px;
    font-size: 1.2em;
    font-weight: 500
}

.info-ikkuna h4 {
    padding: 2px;
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 12px
}

.tto {
    display: flex;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #fff;
    border: solid 1px rgba(119, 183, 41, .6);
    border-radius: 10px;
    margin: 3px 0 0 3px;
    min-width: 57px;
    min-height: 57px;
    justify-content: center;
    word-break: break-word;
    line-height: normal
}

.tto3 {
    display: flex;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #41c387;
    border-radius: 10px;
    margin: 3px 0 0 3px;
    min-width: 57px;
    min-height: 57px;
    justify-content: center;
    word-break: break-word;
    line-height: normal
}

.tto p {
    color: #000;
    font-size: .8em;
    font-weight: 500;
    text-align: center;
    margin: auto
}

.tto3 p {
    color: #fff;
    font-size: .8em;
    font-weight: 500;
    text-align: center;
    margin: auto;
    -break: break-word;
    line-height: normal
}

.mallijaominaisuudet {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #41c387;
    text-transform: capitalize;
    margin-bottom: -16px;
    margin-top: -30px
}

.mallijaominaisuudet span {
    color: #41c387;
    font-weight: 400;
    font-size: 1.3em
}

.description .product-name {
    padding: 15px 0 6px 0px;
    color: #41c387;
    font-weight: 500;
}

.description .product-ominaisuudet {
    padding: 0 0 1px 0px;
    font-size: 1em;
    font-weight: 400;
}

.description .product-ominaisuudet span {
    color: #41c387 !important;
    font-weight: 400 !important;
    font-size: 1.2em
}

.mallijaominaisuudet h1 {
    font-weight: 500;
    text-transform: capitalize
}

.windows-10-teksti-taitonetti h2 {
    font-size: 18px !important;
    color: #fff;
    background-color: #41c387;
    margin: auto;
    padding: 15px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase
}

@media (min-width:768px) {
    .piilotaweb {
        display: none
    }

    .form-horizontal .control-label {
        padding-top: 12px
    }
}

@media (max-width:767px) {
    .product-list {
        float: left
    }

    .product-list div.right {
        min-height: auto
    }

    .product-list h2.product-name {
        height: auto;
        line-height: 15px;
        margin: 0 0 5px 0
    }

    .product-list h2.product-name a {
        line-height: 15px
    }

    .product-list .descr {
        height: auto;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 2px
    }

    .product-list p.price {
        margin: 0;
        padding: 3px 0
    }

    .piilotamobiili {
        display: none !important
    }

    .product-info .description {
        padding: 0
    }

    .hinnatmobiili .main-price {
        height: 75px;
        display: flex;
        flex-direction: column-reverse
    }

    .hinnatmobiili .main-price .other-price {
        padding-right: 30px;
        color: #696969
    }

    .addtocart_mobile {
		width: 100%;
		text-align: center;
		background-color: #000 !important;
		color: #fff;
		border: none !important;
		height: 60px;
		font-size: 20px;
		margin-top: 15px;
		border-radius: 10px;
    }
	.addtocart_mobile:hover{
	    color: #000;
		background: #41c387 !important;
	}
    .hinnatmobiili {
        display: flex;
        flex-direction: column;
        text-align: right
    }

    .hinnatmobiili .mainprice .price-old,
    .product-info .price .price-old {
        font-size: 14px;
        padding: 0 0 0 15px;
        color: #999;
        font-weight: 400;
        text-decoration: line-through;
        line-height: 3;
        vertical-align: top
    }

    .hinnatmobiili .main-price #price-old-mobile-sec,
    .hinnatmobiili .main-price #price-special-mobile-sec {
        font-size: 2.5em;
        font-weight: 500;
        color: #000
    }

    .hinnatmobiili .main-price #price-old-mobile,
    .hinnatmobiili .main-price #price-special-mobile {
        font-size: 2.5em;
        font-weight: 500;
        color: #000
    }

    .price-old#price-old-mobile-sec {
        font-size: 1em !important;
        font-weight: 500 !important;
        color: #696969 !important;
        text-decoration: line-through !important;
        float: right !important;
        margin-top: -50px !important;
        margin-left: 180px !important
    }

    .hinnatmobiili .price-old#price-old-mobile-sec {
        margin-left: 75% !important
    }

    .price-old#price-old-mobile {
        font-size: 1em !important;
        font-weight: 500 !important;
        color: #696969 !important;
        text-decoration: line-through !important;
        float: right !important;
        margin-top: -70px !important;
        margin-left: 180px !important
    }

    .other-price {
        font-weight: 500
    }

    .hinnatmobiili .other-price-1 {
        margin-top: -15px
    }

    #price-tax-mobile {
        font-weight: 500
    }

    .hinnatmobiili .other-price .price-tax {
        float: right
    }

    .mobiilidivi {
        padding-top: 5px;
        padding-left: 0
    }

    .tuotenumeroid {
        margin-top: 0;
        padding-bottom: 10px;
        padding-left: 0;
        margin-left: -15px;
        padding-right: 2px;
        font-size: .8em
    }

    .saatavuus {
        padding-bottom: 10px;
        font-size: 1em;
        padding-right: 0;
        padding-top: 0;
        text-align: right;
        margin-top: 0;
        width: 50%
    }

    .btn-collector:hover {
        background-color: #fff
    }

    .tto1 {
        margin-top: -30px !important
    }

    .tto2 {
        margin-top: -30px !important
    }

}

@media (max-width:560px) {
    .hinnatmobiili .price-old#price-old-mobile-sec {
        margin-bottom: 3px;
        margin-left: 85% !important
    }

    .hinnatmobiili .price-old#price-old-mobile {
        margin-bottom: -15px
    }

    .varusteet-ikkuna {
        padding: 20px 15px 10px 20px
    }
}

@media (max-width:500px) {
    .hinnatmobiili .price-old#price-old-mobile {
        margin-left: 80px !important
    }
}

@media (max-width:420px) {
    .hinnatmobiili .price-old#price-old-mobile-sec {
        margin-left: 75% !important
    }
}

.mobiili_hinta_2 {
    padding-top: 10px
}

.tooltip_ominaisuus {
    position: relative
}

.tooltip_ominaisuus .tooltip_teksti {
    visibility: hidden;
    min-width: 120px;
    background-color: #fff;
    border: solid .8px rgba(0, 0, 0, .3);
    color: #000;
    text-align: center;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    top: 90%;
    padding: 8px
}

.tooltip_ominaisuus:hover .tooltip_teksti {
    visibility: visible
}

.huoltonakyma {
    margin: 0;
    padding: 0
}

.hinnatmobiili .tulossa-price {
    color: #000;
    font-size: 40px;
    font-weight: 500;
    text-align: right
}

@media (max-width:991px) {
    .center-column.kassa {
        padding-top: 20px
    }
}

.hintaweb {
    display: flex;
    flex-direction: column
}

.kuntoluokkaosio {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 15px;
    margin: 0;
    text-align: left
}

.kl_a1 {
    background-color: #41c387;
    color: #fff;
    padding: 0 5px
}

.kl_a2 {
    background-color: #41c387;
    color: #fff;
    padding: 0 5px
}

.kl_bo {
    background-color: #41c387;
    color: #fff;
    padding: 0 5px
}

.kl_b1 {
    background-color: #ffc530;
    color: #fff;
    padding: 0 5px
}

.kl_c {
    background-color: #656565;
    color: #fff;
    padding: 0 5px
}

.kuntoluokkaosio .kl_title {
    color: #fff;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-align: left
}

.kuntoluokkaosio_tuote {
    position: absolute;
    top: 15px;
    left: 16px;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    z-index: 1
}

.kuntoluokkaosio_tuote .kl_a1,
.kuntoluokkaosio_tuote .kl_a2,
.kuntoluokkaosio_tuote .kl_b0,
.kuntoluokkaosio_tuote .kl_b1,
.kuntoluokkaosio_tuote .kl_c {
    padding: 5px
}

.kuntoluokkaosio_tuote .kl_title {
    font-size: 15px;
    line-height: 15px;
    font-weight: 500
}

.condition-wide {
    width: 80px;
    background-color: #41c387
}

.condition-wide p {
    color: #fff
}

@media (max-width:767px) {
    .kuntoluokkaosio {
        font-size: 13px
    }

    .kuntoluokkaosio_tuote {
        top: 30px;
        left: 5px;
        font-size: 15px;
        line-height: 18px
    }

    .kuntoluokkaosio_tuote .kl_title {
        font-size: 12px;
        line-height: 12px
    }
}

@media (max-width:601px) {
    .kuntoluokkaosio {
        font-size: 11px;
        line-height: 11px
    }

    .kl_c,
    .kuntoluokkaosio .kl_a1,
    .kuntoluokkaosio .kl_a2,
    .kuntoluokkaosio .kl_b0,
    .kuntoluokkaosio .kl_b1 {
        padding: 0 2px
    }

    .kuntoluokkaosio .kl_title {
        font-size: 11px;
        line-height: 11px;
        text-transform: none
    }

    .kuntoluokkaosio_tuote {
        top: 30px
    }
}