.transition {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.greyscale {
    -webkit-filter: grayscale(100%);
}

.greyscale:hover {
	-webkit-filter: grayscale(0%);
}

.opacity {
	filter: alpha(opacity=50);
	opacity: 0.8;
}

.opacity:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.scale {
	-webkit-transform: scale(1);
	-moz-transform:    scale(1);
	-ms-transform:     scale(1);
	-o-transform:      scale(1);
	transform:         scale(1);
}

.scale:hover {
	-webkit-transform: scale(1.2);
	-moz-transform:    scale(1.2);
	-ms-transform:     scale(1.2);
	-o-transform:      scale(1.2);
	transform:         scale(1.2);
}

.rotate {
	-webkit-transform: rotate(0deg);
	-moz-transform:    rotate(0deg);
	-ms-transform:     rotate(0deg);
	-o-transform:      rotate(0deg);
	transform:         rotate(0deg);
}

.rotate:hover {
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	transform:         rotate(45deg);
}

.fixedWidth {
	width: auto !important;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;

}
.blur {
        -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
        filter: blur(5px);
}

.blur:hover {
        -webkit-filter: blur(0px); /* Chrome, Safari, Opera */
        filter: blur(0px);
}

.shadow {
    -webkit-filter: drop-shadow(0px 0px 0px #666666);
    filter: drop-shadow(0px 0px 0px #666666);
}
.shadow:hover {
    -webkit-filter: drop-shadow(0px 0px 10px #666666);
    filter: drop-shadow(0px 0px 10px #666666);
}
/* Flikar */
.sitesmart-tabs ul li a {
    background-color: #666666;
    color: #ffffff;
}

/* Aktiv flik */
.sitesmart-tabs ul li.ui-state-active a {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #a83232;
}

/* Innehåll */
.sitesmart-tabs .tab-content {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

/* Texter innehåll */
.sitesmart-tabs .tab-content h2,
.sitesmart-tabs .tab-content h3,
.sitesmart-tabs .tab-content h4,
.sitesmart-tabs .tab-content h5,
.sitesmart-tabs .tab-content h6,
.sitesmart-tabs .tab-content p {
    color: #666666;
}

.object-288 {
    margin-left: 20px !important;
    padding-right: 20px !important;
}
/* KASSA VARUKORG */
.sitesmart-site-content form.sitesmart-ecommerce-checkout .shipping-wrapper {
    padding-left: 20px;
}

.notice-wrapper,
.cart-wrapper {
    padding: 0px;
}

.notice-wrapper div div,
.cart-wrapper-inner {
    padding: 20px;
    border: 1px solid #dddddd !important;
    background-color: #ffffff;
}

.notice-wrapper p {
    padding-top: 0px;
    padding-bottom: 0px;
}

.customer-input-wrapper-left {
    padding-right: 5px;
}

.customer-input-wrapper-right {
    padding-left: 5px;
}

.sitesmart-site-content form.sitesmart-ecommerce-checkout .ecommerce-alternative-customer-address {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

@media screen and (max-width: 810px) {

    .sitesmart-site-content form.sitesmart-ecommerce-checkout .customer-input-wrapper-left,
    .sitesmart-site-content form.sitesmart-ecommerce-checkout .customer-input-wrapper-right {
        width: 100% !important;
        padding: 0px !important;
    }

    .sitesmart-site-content form.sitesmart-ecommerce-checkout .shipping-wrapper {
        padding-left: 0px;
    }

}

/* Köpknapp produktsida */
.sitesmart-ecommerce-product-wrapper .sitesmart-ecommerce-buy-button {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    background-color: #a83232;
    color: #ffffff;
    border: none;
}
/**
 * Bilder i knappar
 */
.sitesmartEcommerceCombined__itemContent img {
    max-width: 24px !important;
}

li.sitesmartEcommerceCombined__item p.no {
    background-color: #ffaa00;
    font-weight: normal;
    font-size: 12px;
    Width: 25px;
}

/**
 * Wrapper för fortsätt handla-knapp
 */
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__continueButton {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    background-color: #f2f2f2;
    color: #666666;
    border: none;
}

/**
 * Kvantitets- och ta bort-knappar
 */
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__addItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__itemQuantity,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemButton {
    background-color: #f2f2f2;
}
/**
 * Sidhuvud
 */
nav.sitesmartMobileNavi {
}

/**
 * Wrapper för knappar
 */
ul.sitesmartMobileNavi__items {
    background-color: #720407 !important;
    padding-top: 10px !important;
}

/**
 * Wrapper för knappar och alla undermenyer
 */
ul.sitesmartMobileNavi__items,
ul.sitesmartMobileNavi__items ul {
}

/**
 * Wrapper för sökruta
 */
li.sitesmartMobileNavi__item--search .mobile-search-wrapper {
    background-color: #eeeeee !important;
}

/**
 * Sökruta input
 */
li.sitesmartMobileNavi__item--search .mobile-search-wrapper input[type=text].sitesmart-ecommerce-search {
    border: none;
    background-color: #ffffff !important;
}

/**
 * Knappar
 */
li.sitesmartMobileNavi__item {
}

/**
 * Knappinnehåll
 */
.sitesmartMobileNavi__itemContent {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/**
 * Knappinnehåll, specifikt text
 */
.sitesmartMobileNavi__itemContent i,
.sitesmartMobileNavi__itemContent p {
}

/**
 * Knappinnehåll, bild (ikoner, logga)
 */
.sitesmartMobileNavi__itemContent img {
}

/**
 * Knapp - Meny
 */
li.sitesmartMobileNavi__item--menu {
    width: 15%;
}

/**
 * Knapp - Logo
 */
li.sitesmartMobileNavi__item--logo {
    width: 55%;
}

li.sitesmartMobileNavi__item--logo img {
    min-width: 160px;
    margin-bottom: -5px;
}

/**
 * Knapp - Sök
 */
li.sitesmartMobileNavi__item--search {
    width: 15%;
}

/**
 * Knapp - Favoriter
 */
li.sitesmartMobileNavi__item--wishlist {
    width: 0%;
}

/**
 * Knapp - Varukorg
 */
li.sitesmartMobileNavi__item--cart {
    width: 15%;
}

/**
 * Aktiva knappar. Gäller när:
 * - Meny: När menyn är öppen
 * - Logo: Gäller ej
 * - Sök: När sök-rutan är öppen
 * - Favoriter: När det finns favoriter valda
 * - Varukorg: När det finns produkter i varukorg
 */
ul.sitesmartMobileNavi__items > li.sitesmartMobileNavi__item--active {
}

/**
 * Exempel på aktivt läge för specifik knapp (varukorg)
 */
li.sitesmartMobileNavi__item--active.sitesmartMobileNavi__item--cart {
}

/**
 * Indikator för antal produkter
 * (gäller favoriter och varukorg)
 */
li.sitesmartMobileNavi__item p.no {
    background-color: #ffaa00 !important;
}

/**
 * Wrapper för navigeringsdropp
 */
li.sitesmartMobileNavi__item--menu ul {
    background-color: #ffffff !important;
}

/**
 * Länkar i navigeringsdropp
 */
li.sitesmartMobileNavi__item--menu ul li a,
li.sitesmartMobileNavi__item--menu ul li ul li a {
    border-bottom: 1px solid #eeeeee;
    color: #666666;
}

/**
 * Länkar nivå 2
 */
li.sitesmartMobileNavi__item--menu ul li ul li a:not(.nav-extend-sub) {
}

/**
 * Länkar nivå 3
 */
li.sitesmartMobileNavi__item--menu ul li ul li ul li a:not(.nav-extend-sub) {
}

/**
 * Länkar nivå 4
 */
li.sitesmartMobileNavi__item--menu ul li ul li ul li ul li a:not(.nav-extend-sub) {
}

/**
 * Länkar nivå 5
 */
li.sitesmartMobileNavi__item--menu ul li ul li ul li ul li ul li a:not(.nav-extend-sub) {
}

/**
 * Länk där det finns undernavigering
 */
li.sitesmartMobileNavi__item--menu ul > li.nav-has-sub > a {
    background-color: #ffffff !important;
}

/**
 * Knapp för att fälla ut undernavigering
 */
li.sitesmartMobileNavi__item--menu ul > li.nav-has-sub > a.nav-extend-sub {
    background-color: #eeeeee !important;
}
/**
 * 1. Ändra margin-top för att justera vart
 * drop-menyn hamnar.
 * 2. Ändra bakgrundsfärg för fullbreddsplatta.
 */
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper {
    margin-top: 55px;
    background-color: #222222;
}

/**
 * 1. Ändra bredden för navigeringsdropp (hemsidan bredd
 * oftast)
 * 2. Ändra bakgrundsfärg för center-platta
 */
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper > .center {
    max-width: 1200px;
    background-color: #222222;
}

/**
 * 1. Ändra antalet kolumner som ska visas i drop
 * 2. Sätt bredden till samma som center-platta
 */
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul {
    /*
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    */
    width: 1200px;
    padding: 20px !important;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li {
    width: 20% !important;
    display: block !important;
    float: left !important;
    padding-bottom: 30px;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li {

}

/**
 * Utseende för länkar i drop (nivå 2)
 */ 
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a {
    padding: 0px;
    color: #ffffff;
    font-size: 14px;
}

/**
 * Utseende för pil/punkt framför länknamn
 */
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li > a:before {
    content: '» ';
    color: #888888;
    font-size: 14px;
}

/**
 * Utseende för länkar i drop vid mouseover
 */ 
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a:hover,
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a.active {
    background-color: transparent;
    color: #ffffff;
}

/**
 * Utseende för länkar i drop (nivå 3)
 */ 
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li ul li a {
    padding: 0px;
    color: #888888;
    font-size: 14px;
    padding-left: 14px;
}

/**
 * Utseende för pil/punkt framför länknamn
 */
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li > ul > li > a:before {
    content: '';
    color: #aaa;
    font-size: 12px;
}

/**
 * Drop funktionalitet (ändra ej)
 */
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper {
    display: none;
    position: absolute;
    left: 0;
    width: 100% !important;
    z-index: 9000;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper > .center {
    overflow: auto;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li {
    display: inline-block;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li,
ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a {
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper > .center {
    margin-left: auto;
    margin-right: auto;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li:hover .navi-sub-wrapper {
    display: block;
}

ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li ul {
    padding: 0px !important;
}

.sitesmart-site-content .ssd-30 > ul.sitesmart-navi {
    padding: 0px !important;
    margin: 0px !important;
}
/**
 * Rubrik för inlägget
 */
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-feed-header h2 {
    font-size: 28px !important;
}

/**
 * Datum-text
 */
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-feed-header p {
    color: #666666 !important;
}

/**
 * Texter för inlägg, exempelvis H3 och H4
 */
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item h2 a {

}

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item h3 {
    color: #a83232 !important;
}

.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-feed-header h2 {
    color: #a83232 !important;
}

/**
 * Bildwrapper, topp-position
 */
.sitesmart-mediaPost-feed-wrapper .sitesmart-mediaPost-feed-item .sitesmart-mediaPost-image-top {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/**
 * Stil för pagineringsknappar
 */
.sitesmart-site-content .sitesmart-pagination a {
    display: inline-block;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #ddd;
    color: #666;
}

/**
 * Stil för paginering som är aktiv och hover
 */
.sitesmart-site-content .sitesmart-pagination a.active,
.sitesmart-site-content .sitesmart-pagination a:hover {
    color: #fff;
    background-color: #222222;
}

/**
 * Stil för paginering som är inaktiv (exempelvis
 * vänstra pilen på första sidan)
 */
.sitesmart-site-content .sitesmart-pagination a.disabled,
.sitesmart-site-content .sitesmart-pagination a.disabled:hover {
    background-color: #eee;
    color: #666;
}

/* Produktblock */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper,
.sitesmart-ecommerce-list .item-wrapper .hover,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover {
    border: 1px solid #efefef;
}

/* Produktblock popup */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover {
    border: 2px solid #9ee8cf;
}

/* Produktblock aktiv (quickview) */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper.active {
    border: none;
}

/* Wrappers för knappar */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .buy,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .read-more,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .quick-look,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-comparison,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .buy,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .read-more,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .quick-look,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-favourite,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-comparison {
   background-color: transparent !important;
}

/* Knappar */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .buy a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .read-more a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .quick-look a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-comparison a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .buy a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .read-more a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .quick-look a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-favourite a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-comparison a {
    background-color: #9ee8cf !important;
    color: #ffffff !important;
}

/* Aktiv favorit-knapp */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a.sitesmart-favourite-active,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-favourite a.sitesmart-favourite-active {
    background-color: #47987d !important;
    color: #9ee8cf !important;
}

/* Köpknapp */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .buy a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .buy a {
    background-color: #47987d !important;
    color: #ffffff !important;
}
/**
 * Wrapper för huvudbild
 */
.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper {
    padding: 0px !important;
}

/**
 * Huvudbild
 */
.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper img {
    max-height: 600px !important;
}

/**
 * Etikett
 */
.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper .image-label {
    padding: 20px !important;
}

/**
 * Pris wrapper
 */
.sitesmart-ecommerce-product-wrapper .price-wrapper {
    margin-top: 10px !important;
    margin-bottom: 40px !important;
}

/**
 * Antalsfältet pil upp och ner
 */
.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 {
    margin-top: 10px: !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

/**
 * Wrapper för lägg i varukorgs-knapp
 */
.sitesmart-ecommerce-product-wrapper .add-to-cart-wrapper.alt-2 {
    margin-top: 10px; !important;
    padding-bottom: 0px !important;
}

/**
 * Wrapper för hela antal och köpknapp
 */
.sitesmart-ecommerce-add-to-cart {

    background-color: #eaeaea !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 20px !important;
}

/**
 * Wrapper för datatabeller
 */
.specification-wrapper {
    background-color: #eaeaea !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.sitesmart-site-content ul:not(.sitesmart-navi) li {
        letter-spacing: 0px;
        font-family: Roboto;
        font-size: 15px;
        color: #666666;
        letter-spacing: 0px;
        line-height: 1.5em;
        font-weight: 300;
        margin-top: 2px;
}

.ui-autocomplete li {
    list-style: none !important;
}