/* ==============================================================================*/
/* LAYOUT / DEFAULTS */
/* ==============================================================================*/

body{background: #f1f1f1; font-family: roboto, Helvetica, Arial sans-serif; font-size: 16px;}

div.container-fluid{
    width: 1920px;
    max-width: 100%;
    background: #fff;
    padding: 0;
}

.inner-wrap{
    width: 1450px;
    padding:0 15px;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.navbar-nav.level-0 > .nav-item > .nav-link
{
    /*font-family: filosofia-grand, serif;
    font-family: mic-32-new-rounded-web, "Trebuchet MS", Arial sans-serif;*/
}

a{color: #000;  padding-bottom: 1px; position: relative;}
a:hover {text-decoration: none; opacity: .8; color: #000;}
.col-main a:not(.btn):not(.icon):not(.nav-link):after,
.col-main a:not(.btn):not(.icon):not(.nav-link):before,
.store-view a:not(.image_link):after,
.store-view a:not(.image_link):before{ content: ''; position: absolute; transition: max-width .5s ease;}

.col-main a:not(.image_link):not(.btn):not(.icon):not(.nav-link):before,
.store-view a:not(.image_link):before
{
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: #000;
    max-width: 0px;
}


.col-main a:not(.btn):not(.icon):not(.nav-link):hover:before,
.store-view a:hover:before{transform: translateX(0);  max-width: 400px;}

.wrapper .main-container{position: relative;}
.wrapper header:after,
.wrapper .main-container:after{content: ''; top:0px; bottom: 0; left: 0; right: 0; opacity: 0; background: #000; z-index: -1; position: absolute;
-webkit-transition: opacity 0.8s ease-in-out;
	-moz-transition: opacity 0.8s ease-in-out;
	-ms-transition: opacity 0.8s ease-in-out;
	-o-transition: opacity 0.8s ease-in-out;
	transition: opacity 0.8s ease-in-out;}
.wrapper.mouse-out-period .main-container:after,
.wrapper.fade-content:not(.full-fade) .main-container:after{content: ''; top:0px; bottom: 0; left: 0; right: 0; background: #000; opacity: .5; position: absolute; z-index: 998;}
.wrapper.fade-content.full-fade header:after{content: ''; top:0px; bottom: 0; left: 0; right: 0; background: #000; opacity: .5; position: fixed; z-index: 998;}
.wrapper.fade-content.menu-show .main-container:after{
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
}
.cms-startpage-index .main-container {overflow: hidden;}
.main-container .main .col-main{padding: 80px 15px; width:100%;}
.container{max-width: 100%!important; padding: 0;}

h1.page-title{text-transform: uppercase; font-weight: 600; padding: 0; margin-bottom: 20px;}
.header-bg{display: block; text-align: center; padding: 15px 30px; font-weight: bold; font-size: 3rem;}
.read-more{font-weight: 800; color: #000;}

.btn-project{background: #000; color: #fff; fill:#fff; border-radius: 0;}
.btn-project:hover{color: #fff;}
.btn-caps{text-transform: uppercase; letter-spacing: 2px;}
.tilde{font-family: arial;}
.note{color: #a5a2a2;}

.MagicZoom.no-image:before,
.MagicZoom.no-image:after{content: none;}
.MagicZoom.no-image{
  font-size: 0.92rem!important;
  margin: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.mz-expand { background-color: #fff !important; }
/* flex */
.flex-grow{flex: 1;}

.flex-table {
    display: flex;
    transition: 0.5s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: solid 1px #d3d3d3;
    font-size: 0.92rem;
    align-items: center;
	background: none!important;
}
.flex-table.table-headers{
    text-transform: uppercase;
    color: #494949;
}

.flex-table:hover {
    background: #e7ebf0;
    transition: 500ms;
}
.table-col-7 .flex-row {
    width: calc(100% / 7);
}
.table-col-6 .flex-row {
    width: calc(100% / 6);
}
.table-col-5 .flex-row {
    width: calc(100% / 5);
}
.table-col-4 .flex-row {
    width: calc(100% / 4);
}
.table-col-3 .flex-row {
    width: calc(100% / 3);
}
.table-col-2 .flex-row {
    width: calc(100% / 2);
}
.flex-row {
    text-align: center;
    padding: 0.5rem 0.5rem;
}
.flex-row:last-of-type{padding-right: 0px;}
.flex-row:first-of-type{padding-left: 0px;}
.rowspan {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
}
.column {
    display: flex;
    flex-flow: column wrap;
    width: 75%;
    padding: 0;
}
.column .flex-row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #d9d9d9;
}
.column .flex-row:hover {
    background: #f5f5f5;
    transition: 500ms;
}
.flex-cell {
    width: calc(100% / 3);
    text-align: center;
    padding: 0.5em 0.5em;
    border-right: solid 1px #d9d9d9;
}

.order-item-value {display: flex; font-size: 0.85rem;}
.order-item-value > label{margin: 0 10px 0 0; text-transform: uppercase; font-weight: bold; min-width: 70px;}

/* 2 columns left */
.col2-left-layout .main-container .main .col-left{padding-top:20px;}
.col2-left-layout .main-container .main .col-main{padding: 20px 15px 80px 15px;}


/* inputs */
input[type="text"], input[type="number"], input[type="email"] {
    border-radius: 2px;
    border: 1px solid #ccc;
    height: 46px;
    padding: 3px 5px;
}
select{
	height: 46px;
    font-size: 1em;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-padding-end: 22px;
    -webkit-padding-start: 8px;
    padding-left: 8px;
    -webkit-user-select: none;
    border: 1px solid #C5C5C5;
    font-weight: 200;
    background-image: url('../Images/chevron-down.png');
	background-size: 17px;
    background-position: calc(100% - 5px) 70%;
    background-repeat: no-repeat;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding-bottom: 3px;
    line-height: 1;
}
input[type=number]{line-height: 33px; padding-right: 0; text-align: center;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {opacity: 1; height: 43px; padding:0 3px; width: 14px; }
input.form-control.no-border{border: none; display: inline-block;}
textarea{border: 1px solid #ccc;}
.dropdown-toggle.btn-outline-secondary{border-color: #abb4bf; border-radius: 2px; color: #000;}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle,
.dropdown-toggle.btn-outline-secondary:hover{background: #abb4bf; color: #fff; border-color: #8f97a2; fill: #fff;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #dedede;
}
.form-control:disabled, .form-control[readonly]{background-color: #f3f6fa;}


input[type=checkbox]{display: none;}
input[type=checkbox] + label{ padding-left: 15px; cursor: pointer;}
input[type=checkbox] + label:before{
    content: '';
    position: absolute;
    left: 0;
    border: 1px solid #abb4bf;
    background: #fff;
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-top: 1px;
    border-radius: 2px;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}
input[type=checkbox] + label:hover:before{border-color: #000;}
input[type=checkbox]:checked + label:before{
    background: url(../images/check.svg) #fff;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

fieldset{
    border: 1px solid #cfd2d5;
    padding: 30px;
    margin: 0 0 30px 0;
    min-width: initial;
}

fieldset legend{display: inline-block; width: auto; padding: 0 20px;}

.form-check{display: block; width: 100%;  margin-bottom: 1rem;}

/* prices */

.price-box .special-price .price{color: #b93030;}
.price-box .old-price .price{color: #000;  text-decoration: line-through;}

/* Breadcrumbs */
.breadcrumbs{font-size: 0.92rem; padding-top: 20px;}
.breadcrumb{background: none; padding: 1.5rem 0 .75rem 0; margin-bottom: 0px;}
.breadcrumb li.breadcrumb-item.active{font-weight: bold; color: #000;}
.breadcrumb a{color: #8995a1}

/* left column */
.col-left .left-nav {background-color: #e7ebf0; margin-bottom: 20px; padding-bottom: 5px;}
.col-left .left-nav .nav-item{padding: 6px 10px; border-left: 4px solid #e7ebf0;}
.col-left .left-nav .nav-item{font-size: 1.133rem}
.col-left .left-nav .nav-item.active{border-left-color: #3b4653;}
.col-left .left-nav .nav-item.active,
.col-left .left-nav .nav-item .left-nav-link{color: #010101;}
.col-left .left-nav .nav-item .left-nav-link:hover{text-decoration: none;}

/* inputs, buttons */

.btn-icon{background: none; border: none; line-height: 1; height: auto;}

/* icons */

.icon-delete{fill: #fff; stroke: #000;}
.icon-delete:hover{fill: #fff; stroke: red;}


/* ==============================================================================*/
/* TRANSITIONS */
/* ==============================================================================*/
a,
button,
.wrapper,
input[type=checkbox] + label:before,
.edit-address,
.payment .payment-options .payment-option,
.shipping .shipping-options .option{
    -webkit-transition: all 0.3s; transition: all 0.3s;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5;  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5;  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5;  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 0.5;  }
}

/* ==============================================================================*/
/* HEADER */
/* ==============================================================================*/
header {z-index: 999; position: relative; background: #fff;}

header .quick-access-menu{ /*background-color: #1080d0;*/ display: flex; justify-content: center; align-items: center; color: #1080d0; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.5px; padding: 3px; text-align: right;}
header .quick-access-menu .inner-wrap{margin-bottom: 0; margin-top: 15px;}
header .quick-access-menu ul{display: flex; padding: 0; list-style: none; margin: 0; /*justify-content: flex-end;*/}
header .quick-access-menu ul a{color: #577d98; font-weight: normal; text-transform:uppercase; padding: 0 25px;  padding: 0 13px;}
header .quick-access-menu select{height: 25px; margin-right: 10px;}
header .quick-access-menu select:first-of-type{margin-left: 0;}
/*header .quick-access-menu span{text-transform: uppercase;}*/
header .quick-access-menu span:last-of-type{padding-left: 15px;}

header > div.top-row{padding: 30px;}
header > div.top-row{display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: space-between; position: relative;}
header > div.top-row > ul.links{display: flex; font-size: 1.188rem; align-items: center; flex-wrap: wrap; justify-content: flex-end; text-align: right; margin-bottom:0px;}
header > div.top-row > ul.links > li{padding: 0 10px; padding-bottom: 5px;}
header > div.top-row > ul.links > li a:hover{text-decoration: none;}
header > div.top-row > ul.links > li svg,
header > div.top-row > ul.links > li span.link-title{vertical-align: middle; color: #535c6b; font-weight: 500;}
header > div.top-row > ul.links > li span.link-title{margin-left: 5px;}
header > div.top-row > ul.links > li span.link-title a.link{margin-left: 5px; color: #535c6b; font-weight: 500;}
header > div.top-row > ul.links > li svg{fill:#535c6b;}
header > div.top-row > ul.links > li svg.icon-cart{stroke:#535c6b;}

header > div.top-row > ul.links > li.store-view{display: block; width: 100%; margin-bottom: 10px;}
header > div.top-row > ul.links > li.store-view a{font-size: 1rem;}
header > div.top-row > ul.links > li.lang{position: relative;}
header > div.top-row > ul.links > li.lang.show:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 42px;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1rem solid #fff;
    z-index: 999;
}
header > div.top-row > ul.links > li.lang.show:before {
    top: 40px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    left: 50%;
    width: 30px;
    height: 30px;
    z-index: 998;
    box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.2);
}
header > div.top-row > ul.links > li.lang {cursor: pointer;}
header > div.top-row > ul.links > li.lang > div > img{opacity: .6;}
header > div.top-row > ul.links > li.lang.show > div > img,
header > div.top-row > ul.links > li.lang:hover > div > img{opacity: 1;}
header > div.top-row > ul.links > li.lang img{width: 23px; height: auto;}
header > div.top-row > ul.links > li.lang svg{fill: #808080;}
header > div.top-row > ul.links > li.lang .available-langs{
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999;
    background: #fff;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.1), 0 0.125rem 0.5rem 0 rgba(0,0,0,.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 120px;
    top: 52px;
    padding: 10px 0;
    text-align: center;
}
header > div.top-row > ul.links > li.lang{display: none;}
header > div.top-row > ul.links > li.lang.show .available-langs{display: block;}
header > div.top-row > ul.links > li.lang .available-langs a{display: inline-block;}
header > div.top-row > ul.links > li.lang .available-langs a:not(:first-of-type){padding-left: 4px;}

header > div.bottom-row{ position: relative; background: #1080d0;}
header > div.bottom-row .navbar{padding: 0px 30px;}


/* Search */
/* Search */
header .search{width: 395px;}
header .search .input-group{width: 100%; /*background: #f2f2f2;*/ border: 1px solid #1280d0; /*border-radius: 30px;*/}
header .search .input-group  input.search-input{flex: 1; border: none; height: 48px; border-radius: 1px; background-color: transparent; padding: 3px 0 3px 20px;}
header .search .input-group  input.search-input:focus{box-shadow: none; border: none;}
header .search .input-group > .twitter-typeahead{flex: 1;}
header .search .input-group button.btn-search{width: 45px; text-align: center; margin: 0; padding: .175rem .75rem; background: #1280d0; border-radius: 0;}
header .search .input-group svg.icon-search{fill: #fff;}


/* cart */
header > div.top-row .logo{text-align: left;}
header > div.top-row .cart {position: relative;}
header > div.top-row .cart div.cart-visible .link-title{font-weight: 500; cursor: pointer;}
header > div.top-row .cart div.cart-visible .link-title > span:first-of-type,
header > div.top-row .cart div.cart-visible .link-title > span:last-of-type{display:none!important;}
header > div.top-row .cart div.cart-visible .link-title > #cart-count {
	position: absolute;
    font-size: 0.6rem;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 25px;
    background: #395C57;
    color: #fff;
    right: 7px;
    top: 3px;
}

header > div.top-row .cart div.cart-content {position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 999; background: #fff;box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,.1), 0 0.125rem 0.5rem 0 rgba(0,0,0,.05);  border: 1px solid rgba(0, 0, 0, 0.1); width: 400px; top: 52px}
header > div.top-row .cart.show:before{
    top: 40px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    left: 50%;
    width: 30px;
    height: 30px;
    z-index: 998;
    box-shadow: 0 0 0.5rem 0 rgba(0,0,0,.2);
}

header > div.top-row .cart div.cart-content #cart-items{
  max-height: 580px;
  overflow: auto;
}

header > div.top-row .cart.show:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 40px;
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1rem solid #fff;
    z-index: 999;
}

header > div.top-row .cart div.cart-content .items .item{display: flex; border-bottom: 1px solid #dcdcdc; padding: 15px;}
header > div.top-row .cart div.cart-content .items .item .info{flex: 1; text-align: left;}
header > div.top-row .cart div.cart-content .items .item .info{flex: 1;}
header > div.top-row .cart div.cart-content .items .item .price-box .price{font-size: 0.92rem;}
header > div.top-row .cart div.cart-content .items .item .image{padding-right: 10px;}
header > div.top-row .cart div.cart-content .items .item .qty-delete{margin-top: 8px;}
header > div.top-row .cart div.cart-content .items .item .qty .form-control{width: 60px; font-size: 0.85rem; text-align: center; height: 30px;}
header > div.top-row .cart div.cart-content .items .item .qty input[type=number]::-webkit-inner-spin-button,
header > div.top-row .cart div.cart-content .items .item .qty input[type=number]::-webkit-outer-spin-button {opacity: 1; height: 30px; padding:0 3px; width: 12px; }
header > div.top-row .cart div.cart-content .items .item .btn-remove,
header > div.top-row .cart div.cart-content .items .item .qty .btn-add,
header > div.top-row .cart div.cart-content .items .item .qty .btn-sub{background: none; border: 1px solid #888; width: 17px; height: 17px; border-radius: 50%; font-family: arial; padding: 0; line-height: 0.4; text-align: center;}
header > div.top-row .cart div.cart-content .items .item .btn-remove svg,
header > div.top-row .cart div.cart-content .items .item .qty .btn-add svg,
header > div.top-row .cart div.cart-content .items .item .qty .btn-sub svg{ fill: #888; display: block; margin: auto;}
header > div.top-row .cart div.cart-content .items .item .btn-remove svg{fill: #b93030; }
header > div.top-row .cart div.cart-content .items .item .btn-remove{
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: #b93030;
}


/* Quickadd */
header > div.bottom-row div.quickadd{display: flex; margin-left: 15px; background: #69b779;  position: relative;}
header > div.bottom-row div.quickadd .button-wrap{display: flex;}
header > div.bottom-row div.quickadd .title{padding: 7px 15px; font-size: 0.85rem; text-transform: uppercase; color: #fff; cursor: pointer; font-weight: 500;}
header > div.bottom-row div.quickadd .add{background: #559b63; padding: 5px; width: 40px; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; cursor: pointer;}
header > div.bottom-row div.quickadd .add svg.icon-plus{margin: auto; fill:#c7d8ca; width: 17px; height: auto;}
header > div.bottom-row div.quickadd .content input[type="number"],
header > div.bottom-row div.quickadd .content input[type="text"]{height: 38px; line-height: 38px;}
header > div.bottom-row div.quickadd .content{
    background: #c6daca;
    position: absolute;
    top: 100%;
    z-index: 999;
    right: 0px;
    padding: 20px;
	min-width: 250px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

header > div.bottom-row div.quickadd .content .row{margin: 0!important;}
header > div.bottom-row div.quickadd .content .row .form-group:first-of-type{padding-right: 10px;}
header > div.bottom-row div.quickadd .content .row .form-group{padding: 0px;}
header > div.bottom-row div.quickadd .content label{
    color: #556b58;
    font-weight: bold;
    font-size: 0.92rem;
}
header > div.bottom-row div.quickadd .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}


/* MEGA MENU STYLE
********************************/
body:not(.menu-show) header.stickyMenu .bottom-row{
    position: fixed;
    top: 0;
    left: 50%;
	transform: translateX(-50%);
    right: 0;
	/*background: #fff;*/
	width: 1920px;
}
.navbar{position: static; padding: 0; flex: 1;}
.navbar .tax-info{    
	font-size: 0.92rem;
    color: #fff;
    font-weight: bold;
	text-transform: uppercase;
}
.menu-show .tax-info{display: none;}
.navbar-nav{/*width: 100%;*/ justify-content: left;}
.navbar-nav.level-0 > .nav-item:first-of-type > .nav-link{padding-left: 0px;}
.navbar-nav.level-0 > .nav-item > .nav-link{padding: 0px 20px; line-height: 60px; color: #fff; font-size: 1.065em; text-transform: uppercase; font-weight: bold;}
.navbar-nav.level-0 > .nav-item:first-of-type > .nav-link{padding-left: 0;}
.navbar-nav.level-0 > .nav-item.dropdown > .nav-link{padding-right: 20px;}
.navbar .nav-item:first-of-type a{padding-left: 0;}

.navbar a.dropdown-toggle:after{
	position: absolute;
    max-width: 20px;
    top: 50%;
    transform: translateY(-50%);
	z-index: 1;
}
/*.navbar a.dropdown-toggle:before{
	content: "";
	position: absolute;
    max-width: 20px;
    top: 50%;
	right: 0;
    transform: translateY(-50%);
	display: inline-block;
    margin-left: .18em;
    vertical-align: .18em;
    content: "";
    border-top: .3em solid;
    border-right: .18em solid transparent;
    border-bottom: 0;
    border-left: .18em solid transparent;
    color: #f2f2f2;
    right: 7px;
    bottom: 18px;
	z-index: 2;
}*/
.navbar .dropdown-toggle:before{

}
.dropdown-mega{position: static;}
.mega-menu {
    padding: 30px 0px ! important;
    border-radius: 0;
    margin-top: 0px;
    width: 100%;
    left:0;
    right: 0;
    border: 0;
    background-clip:initial;
}

/*.mega-menu:after{content:''; z-index: 999; position: fixed; background: rgba(0, 0, 0, 0.34); left: 0; right: 0; bottom: 0; top: 0;}*/
.dropdown-mega.checkboxes .inner-wrap{padding-top: 60px;}
.mega-menu li {
    display: block;
    font-size: 0.94rem;
    padding: 0px;
    padding-left: 0;
    padding-right: 0;
}
.mega-menu .inner-wrap{
-webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 7;
	}
.mega-menu .inner-wrap > ul {padding-bottom: 20px;}
.mega-menu li > ul{padding-left: 0;}
.mega-menu .inner-wrap #mark-categories-completed {
    cursor: pointer;
    background: #42a967;
    border-radius: 2px;
    color: #fff;
    padding: 11px;
    font-size: 0.92rem;
    position: absolute;
    left: 15px;
    top: 0px;
}
.mega-menu li.mega-menu-column {
    padding-right: 20px;
}
.mega-menu .mega-menu-column li.nav-item a{padding: 0px;}
.mega-menu .mega-menu-column.level-1 > li.nav-item > a{font-weight: 400; padding-bottom: 5px; color: #000;}
.mega-menu .mega-menu-column.level-1 > li.nav-item > a:hover{text-decoration: none;}
.mega-menu .mega-menu-column .nav-item .nav-link{color: #656565;}
.mega-menu img { padding-bottom: 10px;}

/*Single drop-down menu */

@media screen and (min-width:992px) {
	.single-menu-items .nav-item.dropdown-mega{position: relative;} 
	.single-menu-items .navbar-nav .dropdown-menu{width: 250px; overflow: visible;}
	.single-menu-items .mega-menu .inner-wrap {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;
		box-shadow: 0px 3px 4px 1px rgb(140 136 136 / 22%);
	}
	.single-menu-items .mega-menu  {padding: 0px!important;}
	.single-menu-items .mega-menu .inner-wrap {padding: 15px 0;}
	.single-menu-items .mega-menu .inner-wrap > ul{padding: 0;}
	.single-menu-items .mega-menu .inner-wrap > ul li{position: relative; text-transform: uppercase; font-size: 0.8rem; white-space: nowrap;}
	.single-menu-items .mega-menu .inner-wrap > ul li a{ color: #906e65;  padding: 10px 25px!important; }
	.single-menu-items .mega-menu .inner-wrap > ul li:hover{background: #eee;}
	.single-menu-items .mega-menu .inner-wrap  ul ul{display: none!important;}
	.single-menu-items .mega-menu .inner-wrap > ul li:hover ul li a{color: #000;}
	.single-menu-items .mega-menu .inner-wrap > ul li:hover ul li:hover {background: #dcdcdc;}
	.single-menu-items .mega-menu .inner-wrap > ul li:hover > .desktop-wrap,
	.single-menu-items .mega-menu .inner-wrap > ul li:hover > ul {display: block!important; position: absolute; left: 100%; top: 0; background: #eaeaea; min-width: 250px;}
	.single-menu-items .mega-menu .inner-wrap > ul li:hover > .desktop-wrap > ul{display: block!important; padding-left: 0;}
	.single-menu-items .nav-item.dropdown-mega:not(:first-of-type):nth-last-child(-n+3) .inner-wrap > ul li:hover ul{left: auto; right: 100%;}
	.single-menu-items .nav-item.dropdown-mega:not(:first-of-type):nth-last-child(-n+3) .dropdown-menu {left: auto;right: 0;}
	
	.single-menu-items .mega-menu .inner-wrap > ul ul ul li {background: #1280d0;}
	.single-menu-items .mega-menu .inner-wrap > ul ul ul li a {color: #fff!important;}
	.single-menu-items .mega-menu .inner-wrap > ul ul ul li:hover {background: #24699a!important;}
}


/*.mega-menu.dropdown-menu{opacity: 0; display:block!important; visibility:hidden;  max-height: 0; padding: 0; overflow:hidden;}*/
/*.nav-item.mouse-out-period .mega-menu.dropdown-menu,
.mega-menu.dropdown-menu.show{
	opacity: 1;
	max-height: 1000px;
	overflow: auto;
	visibility:visible;
	-webkit-transition: all 0.01s ease-in-out;
	-moz-transition: all 0.01s ease-in-out;
	-ms-transition: all 0.01s ease-in-out;
	-o-transition: all 0.01s ease-in-out;
	transition: all 0.01s ease-in-out;
	-webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
}*/



/* ==============================================================================*/
/* Footer */
/* ==============================================================================*/

footer{background: #1080d0; color: #fff;}
footer a{color: #fff;}
footer .footer-wrap{padding: 50px 15px; font-size: 1.15rem;}
footer .footer-wrap .inline-links {text-align: center; margin-bottom: 55px; font-weight: bold;}
footer .footer-wrap .inline-links > a{font-size: 1.125rem; text-transform: uppercase; padding: 0 0 5px 0; margin: 0 20px; color: #fff; border-bottom: 1px solid #fff; display: inline-block;}
footer .footer-wrap .inline-links > a:hover{text-decoration: none; opacity: .8;}
/*footer .footer-wrap .inline-links > a:first-of-type{margin-left: 0;}
footer .footer-wrap .inline-links > a:last-of-type{margin-right: 0;}*/

footer .footer-wrap #footer-columns{margin-bottom: 55px;}
footer .footer-wrap #footer-columns .footer-column.center{text-align: center;}
footer .footer-wrap #footer-columns .footer-column.left{text-align: left;}
footer .footer-wrap #footer-columns .footer-column.right{text-align: right;}
footer .footer-wrap #footer-columns .header{text-align: left; font-size: 1.4rem;}
footer .footer-wrap #footer-columns .links{text-align: left;}
footer .footer-wrap #footer-columns .links li{margin-bottom: 6px;}
footer .footer-wrap #footer-columns .links li a{color: #fff; border-bottom: 2px solid #fff;}

footer .footer-wrap #footer-columns .row .footer-column h2{font-size: 1.3rem; text-transform: uppercase;}

footer .footer-wrap .footer-info-row{text-align: center; text-transform: uppercase; font-weight: bold;}

/* ==============================================================================*/
/* Home page */
/* ==============================================================================*/

.image-boxes .row  {margin: 0 -20px;}
.image-boxes .row > div[class^="col"]{padding: 20px;}
.image-boxes .row > div img{max-width: 100%; display: block; width: 100%;}

.slick-prev:before,
.slick-next:before{content: none!important; display: none!important;}

.slick-disabled svg{fill: #ccc;}
/* toppsäjare */

.product-slider{margin-top: 20px;}
.product-slider .products-grid {margin-top: 40px;}
.product-slider .products-grid .item .product-name{text-align: center;}

/* Image slider */
.main-slider {
    position: relative;
    width: 100%;
    /*max-height: 38vw;*/
    min-height: 8vw;
    margin-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    transition:all 1.2s ease;
}

.main-slider.slick-initialized {
     opacity: 1;
     visibility: visible;
 }


.main-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}
.main-slider .slick-list {height: 100%;}
.main-slider .slick-slide {
    position: relative;
    /*height: 38vw;*/
	/*Denna höjden kanske behövs för videos */
}
.main-slider .slick-slide::before {
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}
.main-slider .slick-slide video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
.main-slider .slick-slide iframe {
    position: relative;
    pointer-events: none;
}
.main-slider .slick-slide figure {
    position: relative;
    height: 100%;
	margin-bottom: 0;
}
.main-slider .slick-slide .slide-image {
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.8s ease;
}
.main-slider .slick-slide .slide-image.show {
    opacity: 1;
}
.main-slider .slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
.main-slider .slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}
.main-slider .slick-slide .slide-media {
    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active {
    z-index: 1;
}
.main-slider .slick-slide.slick-active .slide-media {
    animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active .caption {
    opacity: 1;
    transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.main-slider .caption .inner-caption{
    display: block;
}

.main-slider .caption{
    position: absolute;
    z-index: 1;
    left: 90px;
    padding: 15px;
    top: 40px;
    width: auto!important;
    transition: all 0.3s ease;
    color:#fff;
    z-index: 3;
    left: auto;
    right: 100px;
    top: 0;
    padding: 0;
    background: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    right: auto;
    top: 50%;
    white-space: nowrap;
    text-shadow: 1px 1px 22px rgba(0,0,0,0.65);
    opacity: 0;
    white-space: initial;
}
.main-slider .caption button{margin-top: 15px;}
.main-slider .caption.center{
    left: 50%;
    text-align: center;
    transform: translate(-50%,-25%);
}

.main-slider .caption.left{
    left: 50px;
    text-align: left;
    transform: translateY(-25%);
}

.main-slider .caption.right{
    right: 50px;
    text-align: right;
    transform: translateY(-25%);
}

.main-slider .slick-slide.slick-active .caption.center{
    transform: translate(-50%,-50%);
    opacity: 1;
}

.main-slider .slick-slide.slick-active .caption.left,
.main-slider .slick-slide.slick-active .caption.right{
    transform: translateY(-50%);
    opacity: 1;
}
.main-slider.slick-dotted.slick-slider{margin-bottom: 0;}

.main-slider .slick-dots {
    text-align: center;
    padding-top: 15px;
    bottom: 26px;
}
.main-slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
	width: 10px;
}
.main-slider .slick-dots li button:before,
.main-slider .slick-dots li.slick-active button:before{content: none;}
.main-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 0 transparent;
    vertical-align: middle;
    color: #fff;
    background-color: #fff;
    transition: all 0.3s ease;
    opacity: 0.4;
	padding: 0;
}
.main-slider .slick-dots li button:focus {
    outline: none;
}
.main-slider .slick-dots li button:hover {
    opacity: 1;
}
.main-slider .slick-dots li.slick-active button {
    border-color: #2d3042;
    box-shadow: 0 0 0 2px #fff;
    opacity: 1;
}

@keyframes slideIn {
    from {
        filter: blur(15px);
    }
    to {
        filter: blur(0);
    }
}
@keyframes slideOut {
    from {
        filter: blur(0);
    }
    to {
        filter: blur(15px);
    }
}

/* IMAGE BOXES */
.image-boxes .row > div.col-md-4.box.caption-on .caption h2 {font-size: 3rem;}

.image-boxes .row .box .box-background,
.image-boxes .row .box .box-background > a{ width: 100%; height: 100%; justify-content: space-between;}
.image-boxes .row .box .image,
.image-boxes .row .box img{width: 100%;}
.image-boxes .row .box{display:flex; flex-wrap: wrap;}
.image-boxes .row .box a{display:flex; flex-wrap: wrap;}
.image-boxes .row .box .caption{padding: 20px;}
.image-boxes .row .box.caption-after .caption{padding: 5px 0;}
.image-boxes .row .box.caption-after .caption h2{font-size: 1.6em; font-weight: bold;}
.image-boxes .row .box.caption-before a,
.image-boxes .row .box.caption-before{flex-direction: column-reverse;}
.image-boxes .row .box.caption-before > *,
.image-boxes .row .box.caption-after > *{width: 100%;}

.image-boxes .row .box.caption-left {flex-direction: row-reverse;}
.image-boxes .row .box.caption-left a{flex-direction: row-reverse;}

.image-boxes .row .box.caption-right .box-background,
.image-boxes .row .box.caption-left .box-background{width: 100%;}
.image-boxes .row .box.caption-right .box-background > a,
.image-boxes .row .box.caption-left .box-background > a{width: 100%;}
.image-boxes .row .box.caption-right .box-background > div,
.image-boxes .row .box.caption-left .box-background > div,
.image-boxes .row .box.caption-right a > *,
.image-boxes .row .box.caption-left a > *{width: 50%;}

/*.image-boxes .row .box:nth-child(2) *,
.image-boxes .row .box:nth-child(3) *{color: #535c6b;}*/
.image-boxes .row .box.caption-on a{width: 100%;}
.image-boxes .row .box.caption-on .caption{
	position: absolute;
	z-index: 1;
	padding: 15px;
	width: auto!important;
	transition: all 0.3s ease;
	color: #fff;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	background: none;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	text-shadow: none;
	white-space: initial;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	text-align: center;
	text-shadow: 0px 0px 8px #292929bf;
}
.image-boxes .row .box.caption-on p:last-of-type{padding-bottom: 0;}
.image-boxes .row .box.caption-on.col-md-12 .caption{font-size: 2.3rem;}
.image-boxes .row .box.caption-on .caption h2{font-size: 4rem;text-shadow: 0 0 12px #0000006b;}
.image-boxes .row .box.caption-on .caption p{font-weight: bold;}

.image-boxes .row .box.overlay .image{background: #000;}
.image-boxes .row .box.overlay .image img{opacity: .5}

/* instagram */
#instafeed .instagram_gallery{display: flex; flex-wrap: wrap; height: auto!important;}
#instafeed .instagram_gallery a{display: inline-block; width: 16.6666%; margin: 0; padding: 10px;}
#instafeed .instagram_gallery a img{max-width: 100%;}
#instafeed .instagram_gallery a:before,
#instafeed .instagram_gallery a:after{content: none!important;}
.insta-wrapper:before {
    position: absolute;
    content: '';
    left: -100%;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #eef6fc;
	z-index: 1;
}

.insta-wrapper:after {
    position: absolute;
    content: '';
    right: -100%;
    left: 100%;
    top: 0;
    bottom: 0;
    background: #eef6fc;
	z-index: 1;
}
/* ==============================================================================*/
/* Account Page */
/* ==============================================================================*/


/* General */
.left-nav {background-color: #e7ebf0;}
.left-nav .nav-item{padding: 8px 5px;}

/* My account */

.box-account {margin-bottom: 50px;}
.box-account .box-title{display: flex; align-items: center;}
.box-account .box-title *{margin-bottom: 0px;}
.box-account .box-title *:not(a){flex: 1;}
.box-account .box-title a{text-transform: uppercase; color: #000;}
.box-account .box-title h2{font-size: 1.4rem; font-weight: bold; text-transform: uppercase;}
.box-account .box-content{padding: 20px 0; height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 0px;}
.box-account > div:not(.col-12) { margin-top: 20px;}
.box-account div:not(.col-12) .box-content{background-color: #eff3f6; padding: 20px;}
.box-account .box-content .box-sub-title{text-transform: uppercase; margin-bottom: .4rem;}

#recent-orders{margin-top: 60px;}

.ordered-products{margin-top: 40px;}
.ordered-products .note{margin-bottom: 10px;}
.sales-table .flex-row{margin: auto;}
.sales-table .info{text-align: left;}
.sales-table .info .product-name{font-size: 1.1rem;}
.sales-table .order-item-value {display: flex;}
.sales-table .order-item-value > label{margin: 0 10px 0 0; text-transform: uppercase; font-weight: bold; min-width: 70px;}

/* Order info */
.order-essential-info {margin-bottom: 30px;}
.order-essential-info label{text-transform: uppercase; font-weight: bold;}
.order-essential-info .ordernr{margin-right: 20px;}
.order-essential-info .ordernr, .order-essential-info .status{ padding: 10px 40px; border-radius: 3px; background: #eee;}
.order-essential-info .ordernr div, .order-essential-info .status div{color:#767679;}

.customer-order-view .box-account{margin-bottom: 0;}


/* favorites */

.favorite-products .product-count{margin-bottom: 0px; padding-bottom: 5px; border-bottom: 2px solid #c4c9cd; color: #474747; font-size: 0.92rem;}

.favorite-products .products-list li.item .variants .favorited{background: #d4eae0;}


/* Login */

.customer-account-forgottenpassword h1.page-title,
.customer-account-passwordreset h1.page-title,
.customer-account-login h1.page-title{margin: auto; text-align: center; margin-bottom: 15px;}
#login-form{max-width: 550px; margin: auto;}
.login-links{text-align: center; margin-top: 15px;}
.login-links a{display:inline-block; margin-bottom: 5px; padding-bottom: 2px; color: #000; font-weight: 600; border-bottom: 1px solid #afbac7;}
.login-links a:hover{text-decoration: none; border-color: #000;}

/* Register */
.customer-account-register h1.page-title{margin: auto; text-align: center; margin-bottom: 15px;}
#register-form {max-width: 900px; margin: auto;}

/* addreses*/
.other-address-title{margin-top: 20px;}
.new-address-btn{min-width: 200px; margin: 0 auto 20px auto; display: block;}
.edit-address{display: block; text-transform: uppercase; cursor: pointer; font-weight: 600; margin-bottom: 5px;}
.edit-address:hover{opacity: .7;}


/* ==============================================================================*/
/* Product defualts */
/* ==============================================================================*/

.product-name a,
.product-name{color:#000;}

/* ==============================================================================*/
/* Product list */
/* ==============================================================================*/

.category-heading {max-width: 840px; margin: auto; text-align: center;}
.category-heading h1.page-title{text-align: center; font-size: 1.938em; margin-bottom: 10px;;}
.category-heading span.read-more{display: block; text-align: center; margin-top: 20px;}
.category-heading .open-weekorderform-btn{
    text-align: center;
    padding: 0 10px;
	display: inline-block;
	margin-top: -10px;
}

.toolbar{padding: 10px 0; border-bottom: 2px solid #c4c9cd; font-size: 0.92rem;}
.toolbar .dropdown-toggle{ padding: .375rem .5rem; }
.toolbar .dropdown-toggle:after{content: none;}
.toolbar .dropdown-toggle svg.icon-select-arrow{margin-left: 10px;}

.open-tabs .btn-project{padding: .2rem 1.6rem; margin-top: 10px;}

.products-list {padding-top: 20px; padding-left: 0; display: flex; align-items: start; flex-wrap: wrap;}
.products-list li.item{display: flex; flex-wrap: wrap; padding: 15px 0; align-items: center; position: relative; width: 50%;}
.products-list li.item:nth-child(even){padding-right: 8px;}
.products-list li.item:nth-child(odd){padding-left: 8px;}
.products-list li.item .product-image {min-height: 220px; width: 200px; text-align: center;}
.products-list li.item .product-image img{width: auto; max-width: 100%; max-height: 220px;}
.products-list li.item > div.product-info{flex: 1; /*margin-left: 3.5rem;*/}
.products-list li.item > div.product-info .product-description{max-width: 700px; color: #505050; margin-bottom: 15px;}
.products-list li.item > div.product-info .brand{font-weight: 600; font-size: 0.85rem; color:#333;}
.products-list li.item > div.product-info .product-name{text-transform: none; font-size: 1.2rem; font-weight: bold; text-transform: uppercase;}
.products-list li.item > div.product-info .price{color:#333; font-weight: 600;}
.products-list li.item .product-image{margin-right: 10px}
.products-list li.item > nav{width: 100%; margin-top: 25px;}
.products-list li.item > nav .tab-content{max-height: 25vh; overflow: auto;}
.products-list li.item > nav .nav-tabs{border-bottom: none;}
.products-list li.item > nav .nav-link{ text-align: center; font-size: 0.92rem; color: #232527; padding: .775rem 1.6rem; border-radius: 0; background: #e8e8e8; border: none; flex: 1; width: auto;}
.products-list li.item > nav .nav-link:not(:first-child){border-left: 2px solid #fff;}
.products-list li.item > nav .nav-link .count{background: #fff; border-radius: 25px; font-size: 0.75rem; margin-left: 20px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px;}
.products-list li.item > nav .nav-link.active{background: #f3f3f3;}
.products-list li.item > nav .tab-content .tab-pane.active{padding: 3.5rem 3rem; background: #f3f3f3;}
.products-list li.item > nav .tab-content .tab-pane.variants-pane{padding: 0;}
.products-list li.item > nav .nav-tabs > a{/*min-width: 13rem;*/ font-weight: 600;}
.products-list li.item .read-more{margin-left: auto;}
.products-list li.item .btn-variants{border-radius: 0px; width: 150px; max-width: 100%;}
.products-list li.item .btn-variants svg{margin-left: 15px;}
.products-list li.item #order-form-minimal{display: none;}

.products-list li.item > div.product-info .link-wrap{ padding-top: 20px; align-items: center;}
.products-list li.item > div.product-info .link-wrap button{text-align: left;}
.products-list li.item > div.product-info .link-wrap span{color: #333; font-weight: 600; text-decoration: underline; font-size: 0.92rem; cursor: pointer;}
.products-list li.item > div.product-info .link-wrap div + .image-expand{padding-left: 30px;}
.products-list li.item > div.product-info .link-wrap .image-expand span{padding-left: 10px;}
.favorite .btn-icon{ padding: 0;}
.icon-favorite{fill:#fff; stroke:#333; stroke-width: 2px;}
.favorite.active .icon-favorite{fill:#fe7701; stroke:#fe7701;}

/* .variant-wrapper{padding-left: 200px; width: 100%;} */
.variants{width: 100%;}
.variants .qty-buttons .btn-sub,
.variants .qty-buttons .btn-add{padding: 0; line-height: 17px; width: 17px; display: block; border-radius: 0;}
.variants .qty-buttons .btn-add{border-bottom: 1px solid #b5b5b5;}
.variants .qty-wrapper {text-align: center;}
.variants .qty-wrapper input{width: 56px; height: 38px; text-align: center;}
/*.variants .qty-wrapper input[type=number]::-webkit-inner-spin-button,
.variants .qty-wrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/
.variants .flex-row{word-break:break-all;}
.variants .table-row,
.variants .table-headers{ font-size: 0.75rem;}
.variants .flex-row.name{flex: 1; min-width: 115px;}
.variants .flex-row:not(.name){width: 125px;}
.variants .flex-row.marking,
.variants .flex-row.size,
.variants .flex-row.qty,
.variants .flex-row.add{width: 80px;}
.variants .flex-row.stock{width: 105px;}
.variants .flex-row.sku{width: 127px;}
.variants .flex-row .btn{padding: .5rem .7rem;}
.variants .price-box .special-price,
.variants .price-box .old-price{display: block;}
.variants .favorite {padding-right: 5px; display: flex; align-items: center;}
.variants .favorite .btn-icon{padding: 0px 2px;}
.variants .favorite .icon-favorite{fill:#f5f7fa; stroke:#000; display: block;}
.variants .favorite.active .icon-favorite{fill:#000; stroke:#000; display: block;}
.products-list .variants .flex-table:last-of-type{margin-bottom: 10px;}
.products-list .variants{
    background: #f5f7fa;
    padding: 5px 10px 10px 10px;
    border-radius: 3px;
    font-size: 0.92rem;
}
.variants .open-weekorderform-btn{margin-right: 20px;}
.order-form-minimal{display: none;}
.weekly-order-form-minimal-container .table-wrap{width: 100%; overflow: auto;}
.weekly-order-form-minimal-container td {padding: 0px 10px; text-align: center;}
.weekly-order-form-minimal-container tr:first-of-type td{font-size: 0.8rem; padding-bottom: 3px; line-height: 1.2;}
.weekly-order-form-minimal-container td input{width: 35px; height: 35px;} 
.weekly-order-form-minimal-container button{margin-top: 20px; margin-left:  10px;}

.products-grid{list-style: none; margin: 0; padding: 0; display: flex;}
.products-grid .item {display: inline-block; width: 25%;}
.products-grid .item .product-image img{max-width: 100%; margin: auto;}
.products-grid .item .product-name{font-size: 1.200rem; margin-top: 20px;}
.category-products .next-page button.btn{background: #3b4653;}
.category-products .next-page button.btn span.title{display: block; font-size: 1.2em; text-transform: uppercase;}
.category-products .next-page button.btn span.sub-title{display: block; font-size: 0.92em; margin-top: -4px;}

.category-products .filter-toggle{position: sticky; top: 130px; margin-top: -80px; margin-left: -10rem; background:#69b779;}
.category-products .filter-toggle.btn-project{    padding: 0.3rem .6rem; color: #fff;}
.category-products .filter-toggle.btn-project svg{fill:#fff;}
.category-products .filter-toggle.btn-project span{display: block; margin-top: 5px; font-size: 0.7rem;}
.left-filter .filter-content {
    padding: 20px 15px;
}

.left-filter{
    position: fixed;
    overflow: scroll;
    width: 320px;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    left: 100%;
    top: 0px;
    bottom: 0;
    -webkit-transition: .2s;
    transition: .2s;
    padding-top: 45px;
}

.left-filter.show{
    -webkit-transform: translateX(-450px);
    -ms-transform: translateX(-450px);
    transform: translateX(-450px);
    background: #fff;
    z-index: 999;
}
.left-filter .filters{
    overflow: auto;
    position: fixed;
    bottom: 0;
    top: 45px;
    right: 0;
    left: 0;
}
.left-filter .filter-content{    padding: 20px 15px;}

.left-filter .filter-content{    padding: 20px 15px;}

.top-filter-row{padding: 10px 0px; background: #3b4653; color:#fff; position: fixed; right: 0; top:0; left: 0;}
.top-filter-row button{position: absolute; right: 0; top: 0; bottom: 0; padding: 0 15px;}
.top-filter-row button svg{fill: #fff; stroke: #fff;}
.top-filter-row .h5{margin-bottom: 0; text-align: center; padding:0 20px; text-align: center; display: block;}


.active-filters .filter-header,
.filter-wrapper .filter-header{font-size: 1.1rem; background: #e7ebf0; padding: 10px 20px; margin-bottom: 0px;}
.filter-wrapper .filter-header.collapsed{border-bottom: 1px solid #ced4d9;}
.filter-wrapper .filter-content .items{list-style: none; padding: 0;}
.filter-wrapper .filter-content .items .item a{color: #000; display: flex; align-items: center; padding: 3px 0;}
.filter-wrapper .filter-content .items .item .checkbox{
    border: 1px solid #abb4bf;
    display: inline-block;
    height: 22px;
    width: 22px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    margin-right: 15px;
    cursor: pointer;
}

.filter-wrapper .filter-content .items .item .checkbox svg{display: none;}
.filter-wrapper .filter-content .items .item.checked .checkbox svg{display: block;}
.filter-wrapper .filter-content .view-more{margin-top: 10px;}

.active-filters button:not(.btn-clear-filters){margin-bottom: 5px;}


.ribbon{
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  top: 5px;
  left: 0;
  right: auto;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0;
  z-index: 2;
  font-weight: 600;
}

.ribbon.orange{background: #fe7701;}
.ribbon.neon-green{background: #e4dd17; color: #000;}
.ribbon.blue{background: #5078a0;}
.ribbon.green{background: #69b779;}
.ribbon.red{background: #bb1515;}

/* ==============================================================================*/
/* Product page */
/* ==============================================================================*/

.product-essential .media{width: 40%; padding-right:10px; position: relative;}
.product-essential .shop{width: 60%;}

.product-essential .media .image-wrapper img{max-width: 100%;}

.product-essential .shop .product-name{font-size: 1.8rem; margin-bottom: 15px;}
.product-essential .shop .brand{font-size: 1.1rem; font-weight: bold; margin-bottom: 0;}
.product-essential .shop .rec-price{    margin-bottom: 15px; font-weight: bold;}
.product-essential .shop .short-description{margin-bottom: 15px}
.product-essential .shop .variants .note{margin-bottom: 15px; display: block;}
.product-essential .shop .variants{font-size: 0.85em;}
.product-essential .shop .variants .flex-row.qty{flex:1; text-align:right;}
.product-essential .shop .variants .flex-row.qty, .product-essential .shop .variants .flex-row.add{width: 70px;}
.product-essential .shop .variants .flex-row.qty input{/*width: 32px;*/ height: 34px;}
.product-essential .shop .variants .flex-row.add button{font-size: 0.85rem;}
.product-essential .shop .variants .qty-buttons .btn-sub, .product-essential .shop .variants .qty-buttons .btn-add{line-height: 15px;}

.product-additional .product-tabs .nav-tabs{background: #e7ebf0;}
.product-additional .product-tabs .nav-tabs .nav-link{color: #38424e;}
.product-additional .product-tabs #product-attribute-specs-table .flex-table .flex-row,
.product-additional .product-tabs #product-attribute-specs-table .flex-table{text-align: left;}
.product-additional .product-tabs .tab-pane{border: 1px solid; border-color: #fff #dee2e6 #dee2e6; padding: 20px; font-size: 1rem;}
.product-additional .product-slider#related h2{font-size: 1.3rem;}
.product-additional .product-slider#related .price-box{text-align: center;}
.product-additional .product-slider#related .products-grid .item .product-name{font-size: 1rem;}


.product-essential .media .image-wrapper {
	position: relative;
}
.product-essential .media .score {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 2;
}
.product-essential .media .score svg{
	width: 60px;
	height: 60px;
}


/* ==============================================================================*/
/* Checkout */
/* ==============================================================================*/

.step-title{font-size: 1.467rem; margin-bottom: 20px;}
.checkout-section{margin-bottom: 60px;}

.cart-table .product{flex: 1;}
.cart-table .flex-table{font-size: 1rem;}
.cart-table .flex-table:hover{background: none;}
.cart-table .flex-row:not(.product){width: 110px;}
.cart-table .flex-row.marking,
.cart-table .flex-row.delete,
.cart-table .flex-row.qty{width: 70px;}
.cart-table .flex-row.qty input{width: 50px;}
.cart-table .flex-row.qty input[type=number]::-webkit-inner-spin-button,
.cart-table .flex-row.qty input[type=number]::-webkit-outer-spin-button {opacity: 1; height: 30px; width: 10px;}

.cart-table .flex-row.comment{width: 177px;}
.cart-table .flex-row input{height: 32px;}

.cart-table .flex-row.product .product-name{font-weight: bold; margin-bottom: 8px;}
.cart-table .flex-row.product .info{padding-left: 10px;}
.cart-table .order-item-value {display: flex; font-size: 0.92rem;}
.cart-table .order-item-value > label{margin: 0 10px 0 0; text-transform: uppercase; font-weight: bold; min-width: 90px;}


/* payment */

.payment {}
.payment .payment-option{ fill: url(#purple-blue-gradient) #447799;}
.payment #klarna-option.payment-option img{width: 90px}
.payment .payment-options .payment-option{border: 1px solid #d1dbe7; width: 200px; height: 100px; padding: 17px 0; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; max-width: 50%;}
.payment .payment-options .payment-option.active{border-color: #778697; border-width: 3px;}
.payment .payment-options .payment-option:not(:last-of-type){margin-right: 30px;}
.payment .payment-options .payment-option .image{min-height: 40px; display: flex; align-items: center; justify-content: center;}
.payment .payment-options .payment-option span{display: block; width: 100%; text-align: center; font-size: 1.2rem;}


.bottom-checkout {position: relative;}
.bottom-checkout .left{flex: 1; position: static;}
.bottom-checkout .right{position: absolute; right: 0; top: 0;}

/* adress */

.bottom-checkout label{text-transform: uppercase; color: #565656;}
.bottom-checkout .adress .use-different-shipping-wrap{text-align: center;}
.bottom-checkout .adress .form-check{display: inline-block; margin: auto; width: auto;}
.bottom-checkout .adress #shipping-adress{margin-top: 30px;}

/* Shipping */

.bottom-checkout .shipping .shipping-options .option{border: 1px solid #d1dbe7; height: 50px; padding: 12px 20px; box-sizing: border-box; -moz-box-sizing: border-box; cursor: pointer; margin-bottom: 15px;}
.bottom-checkout .shipping .shipping-options .option.active{border: 3px solid #778697;}

/* order */
.bottom-checkout .order{margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc; }
.bottom-checkout .order #order-reference{width: 100%;}
.bottom-checkout .order #order-comment{width: 100%; height: 110px;}
.bottom-checkout .order .button-wrap{text-align: center; margin-top: 20px;}
.bottom-checkout .order .order-btn{min-width: 200px; margin: auto; text-transform: uppercase; letter-spacing: 2px; padding: .7rem .75rem;}

/* Order totals */

.bottom-checkout .review{background: #e7ebf0; border: 1px solid #d1dbe7; padding: 40px 60px;}
.bottom-checkout .review .step-title{width: 100%; text-align: center;}
.bottom-checkout .review .totals .total{font-weight: bold; margin-top: 15px; font-size: 1.3rem;}
.bottom-checkout .review .totals .remove{float: none; color: #fff; background: red;  border-radius: 50%; width: 20px; height: 20px; line-height: 20px; position: relative;     vertical-align: middle; margin-top: -3px;}
.bottom-checkout .review .totals .remove:after{
    content: '×';
    position: absolute;
    left: 4px;
    top: -1px;
    font-size: 1.2rem;
}
.bottom-checkout .review > div:not(:last-of-type) {border-bottom: 1px solid #b5c0cd; margin-bottom: 30px; padding-bottom: 30px;}
.bottom-checkout .review .info {font-size: 1.1rem;}
.bottom-checkout .review .info .check:not(:last-of-type){margin-bottom: 10px;}
.bottom-checkout .review .info .check span{margin-left: 5px;}
.bottom-checkout .review .info .check-circle{fill: #e7ebf0; stroke: url(#purple-blue-gradient) #447799;}


/* Success */

.checkout-index-success .col-main{text-align: center; }
.checkout-index-success .success-text{font-size:1.2rem;}

/* Cookies */

/*
.cc-revoke{font-size: 13px;}*/
.image-style-side{display: inline-block; vertical-align: middle; padding: 10px; margin-bottom: 0px;}



td > p:last-of-type{margin-bottom: 0px;}


/** Twitter typehead */

       .twitter-typeahead {
            width: 84% !important;
        }

        .tt-input {
            flex: 1 !important;
            /*background: #e7ebf0 !important;
            border: 1px solid #c6d1de !important;
            height: 46px !important;
            border-radius: 1px !important;*/
            width: 100% !important;
        }

        .tt-dropdown-menu {
            background-color: white;
            border: 1px solid #ced4da;
            padding: 5px 10px;
            width: 100%;
            border-radius: 5px;
            cursor: pointer;
        }

        .tt-suggestion {
            padding: 0 10px;
        }

        .tt-suggestion:hover {
            background-color: #efefef;
        }

        .tt-menu {
            background-color: white;
            border: 1px solid #ced4da;
            padding: 5px 10px;
            width: 400px;
            border-radius: 5px;
            font-style: italic;
        }

        .italic {
            font-style: italic;
            color: #888;
        }

        .hidden {
            display: none;
        }

        .shop .variants .favorited{background: #d4eae0;}

        fieldset {
            border: 1px solid #cfd2d5;
            padding: 30px;
            margin: 0 0 30px 0;
            min-width: initial;
        }

        fieldset legend {
            display: inline-block;
            width: auto;
            padding: 0 20px;
        }

        .field-validation-error {
            color: red;
        }


		/* SVGs*/




.tax-settings{
	background: #272727;
    color: #fff;
	line-height: 50px;

}

.tax-settings .content{width: 1450px; max-width: 100%; margin: auto; display: flex; align-items: center; padding: 0 15px;}
.tax-settings .content input{margin-left: 15px; margin-right: 5px;}
.tax-settings .content label{margin-bottom: 0;}


/* cms page */

.cms-page-show .breadcrumbs{display: none;}
.cms-page-show .col-main { position: static; margin: auto;}
.cms-page-show .col-main img{max-width: 100%; width: 100%;}
.cms-page-show .col-main  > .first-el + .image + p + h1,
.cms-page-show .col-main  > .first-el + .image + h1{ padding-top: 590px;}
.cms-page-show .col-main  > .first-el + .image:first-of-type{position: absolute; left: 0; right: 0; top: 0; overflow: hidden;}
.cms-page-show .col-main  > .first-el + .image:first-of-type img{width: 100%; max-height: 550px; object-fit: cover;}
.cms-page-show .col-main ul:not(.todo-list)  {
    margin: 30px 0;
    padding: 0;
    clear: both;
    border-left: 3px solid #d2d2d2;
    list-style: none;
}
.cms-page-show .col-main ul:not(.todo-list) li:before{
	content: '';
    position: absolute;
    left: 20px;
    height: 11px;
    width: 11px;
    text-align: center;
    line-height: 30px;
    margin: auto;
    top: 0;
    bottom: 0;
    padding: 0;
    background: #1280d0;
    border-radius: 30px;
}
.cms-page-show .col-main ul:not(.todo-list)  li:nth-child(odd) {
    background-color: #f5f5f5;
}
.cms-page-show .col-main ul:not(.todo-list)  li{
    padding: 15px 30px 15px 55px;
    position: relative;
    margin-left: 1px;
}
.cms-page-show .image.image-style-align-left{
	display: inline-block;
	width: 19%;
	margin: 0.5%;
	vertical-align: top;
	background: #ececec;
    padding: 10px;
}

.cms-page-show .col-main ul.todo-list{
	list-style: none;
	padding-left: 0px;
	margin-left: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.cms-page-show .col-main ul.todo-list li{
	flex: 1;
	padding: 2.5vw 2.8vw;
	border-radius: 5px;
	background: #f3f3f3;
	color: #fff;
}
@media screen and (max-width: 500px) {
	.cms-page-show .col-main ul.todo-list li{width: 100%; flex: auto;}
}
.cms-page-show .col-main ul.todo-list li label strong{font-size: 1.1rem; color: #1080d0;}
.cms-page-show .col-main ul.todo-list li label span{background-color: inherit!important; color: #000!important;}


.cms-page-show .image.image-style-align-left figcaption{padding: 10px;}
/* cms start page */
/*.cms-startpage-index .main.inner-wrap{
  width: 100%;
  padding: 0;
}*/

.cms-page-show p{max-width: 110ch}

.cms-startpage-index .main.inner-wrap .col-main{padding-top: 20px;}

.cms-startpage-index .main.inner-wrap .col-main{padding: 0;}
.cms-startpage-index .main.inner-wrap .col-main  .insta-wrapper{ background: #eef6fc; padding: 70px 0; margin-top: 20px; color: #000; position: relative;}
.cms-startpage-index .main.inner-wrap .col-main  .insta-wrapper h2 a{
    color: #000;
    display: inline-block;
    margin-top: 10px;
    font-size: 1.5rem;
    font-weight: normal;
}
.cms-startpage-index .main.inner-wrap .col-main  .insta-wrapper .instagram_gallery{display: flex; height: auto!important; padding: 0 25px;}
.cms-startpage-index .main.inner-wrap .col-main  .insta-wrapper .instagram_gallery a{width: 20%; margin: 15px;}
.cms-startpage-index .main.inner-wrap .col-main  .insta-wrapper .instagram_gallery a img{max-width: 100%;}
.cms-startpage-index .main.inner-wrap .col-main  .insta-wrapper #instafeed{position: relative; z-index: 2;}


.cms-startpage-index .main.inner-wrap .col-main  .header-home{text-align: center; margin-bottom: 30px; font-size: 2.5rem; position: relative; z-index: 2;}
.cms-startpage-index .main.inner-wrap .col-main  .header-home span{display: block;}


.cms-page-show  .sortiment-tjanster .image.image-style-align-left{width: 32%; text-align: center; min-height: 585px; padding:40px 20px;}
.cms-page-show  .sortiment-tjanster .image.image-style-align-left img{width: 100px;}


.cms-page-show .col-main ul.todo-list{display: grid; grid-template-columns: 1fr 1fr;}
.cms-page-show  .main[class*=personal] .col-main ul.todo-list{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.cms-page-show  .main[class*=personal] .col-main ul.todo-list li{padding: 1em;}
.cms-page-show  .main[class*=personal] .col-main ul.todo-list li > * {width: 100%;}
.cms-page-show  .main[class*=personal] .col-main ul.todo-list li img {padding-bottom: 15px; min-width: 100%;}

@media screen and (max-width:1280px) {
	.cms-page-show  .main[class*=personal] .col-main ul.todo-list{grid-template-columns: 1fr 1fr 1fr 1fr;}
}

@media screen and (max-width:1000px) {
	.cms-page-show  .main[class*=personal] .col-main ul.todo-list{grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (max-width:767px) {
	.cms-page-show  .main .col-main ul.todo-list{grid-template-columns: 1fr; gap: 0.6em 0.4em ;}
	.cms-page-show  .main[class*=personal] .col-main ul.todo-list{grid-template-columns: 50% 50%; gap: 0.6em 0.4em ;}
	.cms-page-show  .main[class*=personal] .col-main ul.todo-list li{padding: 0.4em; font-size: 0.92rem;}
}